(() => { /* global React */ const { useState, useEffect, useRef, useMemo } = React; /* ========================================================= ICONS — clean 1.5px stroke, 18×18 ========================================================= */ const Icon = ({ d, size = 18, fill = "none", stroke = "currentColor", sw = 1.6, children, ...rest }) => ( {d ? : children} ); const Icons = { Home: (p) => , Teams: (p) => , Patient: (p) => , Capture: (p) => , Records: (p) => , Reports: (p) => , Settings: (p) => , Search: (p) => , Bell: (p) => , Plus: (p) => , ArrowR: (p) => , ArrowUp: (p) => , Download: (p) => , Upload: (p) => , Filter: (p) => , Check: (p) => , X: (p) => , Camera: (p) => , File: (p) => , Calendar: (p) => , Image: (p) => , Eye: (p) => , Dots: (p) => , Sparkle: (p) => , Smile: (p) => , Tooth: (p) => , Logout: (p) => , Mail: (p) => , Phone: (p) => , School: (p) => , Cloud: (p) => , Clock: (p) => , }; window.Icons = Icons; window.Icon = Icon; /* ========================================================= UTILITIES ========================================================= */ function useCountUp(target, duration = 900, start = true) { const [val, setVal] = useState(0); const tRef = useRef(0); useEffect(() => { if (!start) return; let raf, t0; const tick = (t) => { if (!t0) t0 = t; const p = Math.min(1, (t - t0) / duration); const eased = 1 - Math.pow(1 - p, 3); setVal(Math.round(target * eased)); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [target, duration, start]); return val; } window.useCountUp = useCountUp; /* ========================================================= TOAST SYSTEM (global) ========================================================= */ window._toastBus = window._toastBus || { subs: [] }; function toast(message, kind = "success") { const id = Math.random().toString(36).slice(2); window._toastBus.subs.forEach(fn => fn({ id, message, kind, t: Date.now() })); setTimeout(() => { window._toastBus.subs.forEach(fn => fn({ id, dismiss: true })); }, 3200); } window.toast = toast; function ToastHost() { const [items, setItems] = useState([]); useEffect(() => { const fn = (e) => { if (e.dismiss) setItems(prev => prev.filter(x => x.id !== e.id)); else setItems(prev => [...prev, e]); }; window._toastBus.subs.push(fn); return () => { window._toastBus.subs = window._toastBus.subs.filter(s => s !== fn); }; }, []); return (
{items.map(t => (
{t.message}
))}
); } window.ToastHost = ToastHost; /* ========================================================= SHARED UI ========================================================= */ function Avatar({ name = "", tone = "mint" }) { const initials = name.split(/\s+/).map(s => s[0]).slice(0, 2).join("").toUpperCase(); const grad = { mint: "linear-gradient(140deg,#4ed6b0,#0e8a6d)", coral: "linear-gradient(140deg,#fbb89a,#e87a55)", gold: "linear-gradient(140deg,#e8d28b,#b89548)", lilac: "linear-gradient(140deg,#bfb2e4,#9a8fc7)", rose: "linear-gradient(140deg,#e6a5bd,#c46b8e)", }[tone]; return (
{initials || "—"}
); } window.Avatar = Avatar; /* Spark line — small SVG line chart */ function Spark({ data = [], color = "var(--mint)", w = 120, h = 36 }) { const max = Math.max(...data, 1); const min = Math.min(...data, 0); const range = max - min || 1; const pts = data.map((v, i) => [(i / (data.length - 1)) * w, h - ((v - min) / range) * (h - 4) - 2]); const d = pts.map((p, i) => `${i === 0 ? "M" : "L"} ${p[0]} ${p[1]}`).join(" "); const area = d + ` L ${w} ${h} L 0 ${h} Z`; return ( {pts.slice(-1).map((p, i) => ( ))} ); } window.Spark = Spark; /* Bar chart */ function Bars({ data = [], labels = [], h = 140, color = "var(--mint)" }) { const max = Math.max(...data, 1); return (
{data.map((v, i) => { const pct = (v / max) * 100; return (
{labels[i]}
); })}
); } window.Bars = Bars; /* Ring progress */ function Ring({ value = 0.7, size = 96, stroke = 8, color = "var(--mint)", label, sublabel }) { const r = (size - stroke) / 2; const c = 2 * Math.PI * r; const off = c * (1 - value); return (
{label}
{sublabel &&
{sublabel}
}
); } window.Ring = Ring; })();