@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/{tooltip-DF6WjD1r.js → tooltip-Dp3u8jGz.js}

@@ -1,31 +1,31 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { useRef as p, useState as g, useEffect as h } from "react";
 import * as o from "@radix-ui/react-tooltip";
 import { c as v } from "./index-D2ZczOXr.js";
 function b(t) {
   const [e, r] = g(() => typeof document > "u" ? "ltr" : document.documentElement.dir || "ltr");
   return h(() => {
-    const n = t.current;
-    if (!n) return;
-    const i = n.closest("[dir]"), s = (i == null ? void 0 : i.getAttribute("dir")) ?? document.documentElement.dir ?? "ltr";
-    r(s === "rtl" ? "rtl" : "ltr");
+    const d = t.current;
+    if (!d) return;
+    const s = d.closest("[dir]"), n = (s == null ? void 0 : s.getAttribute("dir")) ?? document.documentElement.dir ?? "ltr";
+    r(n === "rtl" ? "rtl" : "ltr");
   }, [t]), e;
 }
 const y = v(
   [
-    "z-[var(--z-tooltip)]",
-    "max-w-[240px]",
-    "overflow-hidden rounded-[var(--radius-sm)]",
-    "bg-foreground text-background",
-    "ps-3 pe-3 py-1.5 type-meta",
-    "break-normal [overflow-wrap:anywhere]",
-    "animate-in fade-in zoom-in-95",
-    "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95",
-    "data-[side=bottom]:slide-in-from-top-2",
-    "data-[side=left]:slide-in-from-right-2",
-    "data-[side=right]:slide-in-from-left-2",
-    "data-[side=top]:slide-in-from-bottom-2",
-    "motion-reduce:animate-none"
+    "ds:z-[var(--z-tooltip)]",
+    "ds:max-w-[240px]",
+    "ds:overflow-hidden ds:rounded-[var(--radius-sm)]",
+    "ds:bg-foreground ds:text-background",
+    "ds:ps-3 ds:pe-3 ds:py-1.5 type-meta",
+    "ds:break-normal ds:[overflow-wrap:anywhere]",
+    "ds:animate-in ds:fade-in ds:zoom-in-95",
+    "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out ds:data-[state=closed]:zoom-out-95",
+    "ds:data-[side=bottom]:slide-in-from-top-2",
+    "ds:data-[side=left]:slide-in-from-right-2",
+    "ds:data-[side=right]:slide-in-from-left-2",
+    "ds:data-[side=top]:slide-in-from-bottom-2",
+    "ds:motion-reduce:animate-none"
   ].join(" ")
 );
 function w(t, e) {
@@ -44,7 +44,7 @@ const x = ({
   children: t,
   delayDuration: e = 700,
   skipDelayDuration: r = 300
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ i(
   o.Provider,
   {
     delayDuration: e,
@@ -57,31 +57,31 @@ const T = ({
   label: t,
   children: e,
   side: r = "top",
-  align: n = "center",
-  sideOffset: i = 4,
-  delayDuration: s,
+  align: d = "center",
+  sideOffset: s = 4,
+  delayDuration: n,
   open: c,
   onOpenChange: m
 }) => {
-  const d = p(null), u = b(d), f = w(r, u);
+  const a = p(null), u = b(a), f = w(r, u);
   return /* @__PURE__ */ l(
     o.Root,
     {
-      delayDuration: s,
+      delayDuration: n,
       open: c,
       onOpenChange: m,
       children: [
-        /* @__PURE__ */ a(o.Trigger, { asChild: !0, ref: d, children: e }),
-        /* @__PURE__ */ a(o.Portal, { children: /* @__PURE__ */ l(
+        /* @__PURE__ */ i(o.Trigger, { asChild: !0, ref: a, children: e }),
+        /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ l(
           o.Content,
           {
             className: y(),
             side: f,
-            align: n,
-            sideOffset: i,
+            align: d,
+            sideOffset: s,
             children: [
               t,
-              /* @__PURE__ */ a(o.Arrow, { className: "fill-foreground" })
+              /* @__PURE__ */ i(o.Arrow, { className: "ds:fill-foreground" })
             ]
           }
         ) })
@@ -94,4 +94,4 @@ export {
   T,
   x as a
 };
-//# sourceMappingURL=tooltip-DF6WjD1r.js.map
+//# sourceMappingURL=tooltip-Dp3u8jGz.js.map

package/dist/_chunks/tooltip-Dp3u8jGz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-Dp3u8jGz.js","sources":["../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { type ReactElement, useRef, useEffect, useState } from 'react';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { cva } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* useDirection — reads the closest [dir] ancestor at render time      */\n/* ------------------------------------------------------------------ */\n\nfunction useDirection(ref: React.RefObject<HTMLElement | null>): 'ltr' | 'rtl' {\n  const [dir, setDir] = useState<'ltr' | 'rtl'>(() => {\n    if (typeof document === 'undefined') return 'ltr';\n    return (document.documentElement.dir as 'ltr' | 'rtl') || 'ltr';\n  });\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const closest = el.closest('[dir]');\n    const resolved =\n      closest?.getAttribute('dir') ?? document.documentElement.dir ?? 'ltr';\n    setDir(resolved === 'rtl' ? 'rtl' : 'ltr');\n  }, [ref]);\n\n  return dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — tooltip content                                               */\n/* ------------------------------------------------------------------ */\n\nconst tooltipContentVariants = cva(\n  [\n    'ds:z-[var(--z-tooltip)]',\n    'ds:max-w-[240px]',\n    'ds:overflow-hidden ds:rounded-[var(--radius-sm)]',\n    'ds:bg-foreground ds:text-background',\n    'ds:ps-3 ds:pe-3 ds:py-1.5 type-meta',\n    'ds:break-normal ds:[overflow-wrap:anywhere]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Logical → physical side mapping                                     */\n/* ------------------------------------------------------------------ */\n\ntype LogicalSide = 'top' | 'end' | 'bottom' | 'start';\ntype PhysicalSide = 'top' | 'right' | 'bottom' | 'left';\n\nfunction resolvePhysicalSide(\n  logical: LogicalSide,\n  dir: 'ltr' | 'rtl',\n): PhysicalSide {\n  switch (logical) {\n    case 'top':\n      return 'top';\n    case 'bottom':\n      return 'bottom';\n    case 'start':\n      return dir === 'rtl' ? 'right' : 'left';\n    case 'end':\n      return dir === 'rtl' ? 'left' : 'right';\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* TooltipProvider                                                      */\n/* ------------------------------------------------------------------ */\n\nexport interface TooltipProviderProps {\n  children: React.ReactNode;\n  /** Open delay in ms. Default 700. */\n  delayDuration?: number;\n  /** Skip delay when moving between triggers. Default 300. */\n  skipDelayDuration?: number;\n}\n\nexport const TooltipProvider: React.FC<TooltipProviderProps> = ({\n  children,\n  delayDuration = 700,\n  skipDelayDuration = 300,\n}) => (\n  <RadixTooltip.Provider\n    delayDuration={delayDuration}\n    skipDelayDuration={skipDelayDuration}\n  >\n    {children}\n  </RadixTooltip.Provider>\n);\n\nTooltipProvider.displayName = 'TooltipProvider';\n\n/* ------------------------------------------------------------------ */\n/* Tooltip                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface TooltipProps {\n  /** The tooltip text — required. */\n  label: string;\n  /** The trigger element. */\n  children: ReactElement;\n  /** Logical side. Default 'top'. Mapped to Radix physical side based on dir. */\n  side?: LogicalSide;\n  /** Alignment along the side axis. Default 'center'. */\n  align?: 'start' | 'center' | 'end';\n  /** Gap between trigger and tooltip. Default 4. */\n  sideOffset?: number;\n  /** Open delay override for this instance. */\n  delayDuration?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  label,\n  children,\n  side = 'top',\n  align = 'center',\n  sideOffset = 4,\n  delayDuration,\n  open,\n  onOpenChange,\n}) => {\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const dir = useDirection(triggerRef as React.RefObject<HTMLElement | null>);\n  const physicalSide = resolvePhysicalSide(side, dir);\n\n  return (\n    <RadixTooltip.Root\n      delayDuration={delayDuration}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <RadixTooltip.Trigger asChild ref={triggerRef}>\n        {children}\n      </RadixTooltip.Trigger>\n      <RadixTooltip.Portal>\n        <RadixTooltip.Content\n          className={tooltipContentVariants()}\n          side={physicalSide}\n          align={align}\n          sideOffset={sideOffset}\n        >\n          {label}\n          <RadixTooltip.Arrow className=\"ds:fill-foreground\" />\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n"],"names":["useDirection","ref","dir","setDir","useState","useEffect","el","closest","resolved","tooltipContentVariants","cva","resolvePhysicalSide","logical","TooltipProvider","children","delayDuration","skipDelayDuration","jsx","RadixTooltip","Tooltip","label","side","align","sideOffset","open","onOpenChange","triggerRef","useRef","physicalSide","jsxs"],"mappings":";;;;AAQA,SAASA,EAAaC,GAAyD;AAC7E,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAwB,MACxC,OAAO,WAAa,MAAoB,QACpC,SAAS,gBAAgB,OAAyB,KAC3D;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAKL,EAAI;AACf,QAAI,CAACK,EAAI;AACT,UAAMC,IAAUD,EAAG,QAAQ,OAAO,GAC5BE,KACJD,KAAA,gBAAAA,EAAS,aAAa,WAAU,SAAS,gBAAgB,OAAO;AAClE,IAAAJ,EAAOK,MAAa,QAAQ,QAAQ,KAAK;AAAA,EAC3C,GAAG,CAACP,CAAG,CAAC,GAEDC;AACT;AAMA,MAAMO,IAAyBC;AAAA,EAC7B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AASA,SAASC,EACPC,GACAV,GACc;AACd,UAAQU,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAOV,MAAQ,QAAQ,UAAU;AAAA,IACnC,KAAK;AACH,aAAOA,MAAQ,QAAQ,SAAS;AAAA,EAAA;AAEtC;AAcO,MAAMW,IAAkD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AACtB,MACE,gBAAAC;AAAA,EAACC,EAAa;AAAA,EAAb;AAAA,IACC,eAAAH;AAAA,IACA,mBAAAC;AAAA,IAEC,UAAAF;AAAA,EAAA;AACH;AAGFD,EAAgB,cAAc;AAyBvB,MAAMM,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAN;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,eAAAR;AAAA,EACA,MAAAS;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC,EAAiC,IAAI,GAClDzB,IAAMF,EAAa0B,CAAiD,GACpEE,IAAejB,EAAoBU,GAAMnB,CAAG;AAElD,SACE,gBAAA2B;AAAA,IAACX,EAAa;AAAA,IAAb;AAAA,MACC,eAAAH;AAAA,MACA,MAAAS;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAR,EAACC,EAAa,SAAb,EAAqB,SAAO,IAAC,KAAKQ,GAChC,UAAAZ,GACH;AAAA,QACA,gBAAAG,EAACC,EAAa,QAAb,EACC,UAAA,gBAAAW;AAAA,UAACX,EAAa;AAAA,UAAb;AAAA,YACC,WAAWT,EAAA;AAAA,YACX,MAAMmB;AAAA,YACN,OAAAN;AAAA,YACA,YAAAC;AAAA,YAEC,UAAA;AAAA,cAAAH;AAAA,cACD,gBAAAH,EAACC,EAAa,OAAb,EAAmB,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EACrD,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAC,EAAQ,cAAc;"}

package/dist/_chunks/{tooth-scheme.agent-CFKl3iQr.js → tooth-scheme.agent-BRqxWa1D.js}

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as $ } from "react/jsx-runtime";
+import { jsx as i, jsxs as $ } from "react/jsx-runtime";
 import { forwardRef as mt, useId as pt, useMemo as Z, useState as G, useEffect as et, useRef as gt, useCallback as q, useImperativeHandle as vt } from "react";
 import * as E from "@radix-ui/react-tooltip";
 import { c as M } from "./index-D2ZczOXr.js";
@@ -232,53 +232,53 @@ function at(n) {
 }
 const $t = M(
   [
-    "tooth-scheme-alfadocs",
-    "inline-flex flex-col",
-    "gap-[var(--spacing-sm)]",
-    "bg-[var(--background)] text-[var(--foreground)]"
+    "ds:tooth-scheme-alfadocs",
+    "ds:inline-flex ds:flex-col",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
   ].join(" ")
 ), St = M(
   [
-    "block max-w-full h-auto",
-    "text-[var(--foreground)]"
+    "ds:block ds:max-w-full ds:h-auto",
+    "ds:text-[var(--foreground)]"
   ].join(" ")
 ), Mt = M(
   [
-    "group cursor-pointer",
-    "focus:outline-none",
-    "transition-[fill,stroke,opacity] duration-[var(--animation-duration)]",
-    "motion-reduce:transition-none"
+    "ds:group ds:cursor-pointer",
+    "ds:focus:outline-none",
+    "ds:transition-[fill,stroke,opacity] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none"
   ].join(" ")
 ), Nt = M(
   [
-    "flex flex-wrap items-center",
-    "gap-[var(--spacing-sm)]",
-    "type-meta text-[var(--muted-foreground)]"
+    "ds:flex ds:flex-wrap ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "type-meta ds:text-[var(--muted-foreground)]"
   ].join(" ")
 ), Rt = M(
   [
-    "inline-flex items-center",
-    "gap-[var(--spacing-xs)]"
+    "ds:inline-flex ds:items-center",
+    "ds:gap-[var(--spacing-xs)]"
   ].join(" ")
 ), At = M(
   [
-    "inline-block",
-    "inline-size-[0.75rem] block-size-[0.75rem]",
-    "rounded-[var(--radius-xs)]",
-    "border border-[color:var(--border)]"
+    "ds:inline-block",
+    "ds:inline-size-[0.75rem] ds:block-size-[0.75rem]",
+    "ds:rounded-[var(--radius-xs)]",
+    "ds:border ds:border-[color:var(--border)]"
   ].join(" ")
 ), Dt = M(
   [
-    "sr-only"
+    "ds:sr-only"
   ].join(" ")
 );
 function Q(n) {
   return n.value !== void 0;
 }
-function it() {
+function st() {
   return { conditions: [], surfaces: [] };
 }
-function st(n) {
+function it(n) {
   return !n || n.length === 0 ? ["caries"] : [];
 }
 function Et(n) {
@@ -287,7 +287,7 @@ function Et(n) {
 function Pt({ idPrefix: n }) {
   const e = (r) => `${n}-${r}`;
   return /* @__PURE__ */ $("defs", { children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ i(
       "pattern",
       {
         id: e(P.caries),
@@ -295,7 +295,7 @@ function Pt({ idPrefix: n }) {
         width: "6",
         height: "6",
         patternTransform: "rotate(45)",
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ i(
           "line",
           {
             x1: "0",
@@ -308,24 +308,24 @@ function Pt({ idPrefix: n }) {
         )
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ i(
       "pattern",
       {
         id: e(P.filled),
         patternUnits: "userSpaceOnUse",
         width: "5",
         height: "5",
-        children: /* @__PURE__ */ s("circle", { cx: "2.5", cy: "2.5", r: "1", fill: S.filled })
+        children: /* @__PURE__ */ i("circle", { cx: "2.5", cy: "2.5", r: "1", fill: S.filled })
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ i(
       "pattern",
       {
         id: e(P.crowned),
         patternUnits: "userSpaceOnUse",
         width: "6",
         height: "6",
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ i(
           "path",
           {
             d: "M0 0 L6 6 M6 0 L0 6",
@@ -335,14 +335,14 @@ function Pt({ idPrefix: n }) {
         )
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ i(
       "pattern",
       {
         id: e(P.implant),
         patternUnits: "userSpaceOnUse",
         width: "4",
         height: "4",
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ i(
           "line",
           {
             x1: "1",
@@ -355,14 +355,14 @@ function Pt({ idPrefix: n }) {
         )
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ i(
       "pattern",
       {
         id: e(P.rootCanal),
         patternUnits: "userSpaceOnUse",
         width: "4",
         height: "4",
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ i(
           "line",
           {
             x1: "0",
@@ -387,14 +387,14 @@ const _t = [
 ];
 function jt({ idPrefix: n }) {
   const { t: e } = ot();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "ul",
     {
       className: Nt(),
       "data-testid": "tooth-scheme-legend",
       "aria-label": e("toothScheme.legendLabel"),
       children: _t.map((r) => /* @__PURE__ */ $("li", { className: Rt(), children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "span",
           {
             className: At(),
@@ -404,7 +404,7 @@ function jt({ idPrefix: n }) {
             "data-testid": `tooth-scheme-legend-swatch-${r}`
           }
         ),
-        /* @__PURE__ */ s("span", { children: e(`toothScheme.condition.${r}`) })
+        /* @__PURE__ */ i("span", { children: e(`toothScheme.condition.${r}`) })
       ] }, r))
     }
   );
@@ -444,8 +444,8 @@ const Wt = mt(
     ), T = q((t) => {
       const o = H.current;
       if (!o) return;
-      const i = o.querySelector(`g[data-fdi="${t}"]`);
-      i && (i.focus(), x(t));
+      const s = o.querySelector(`g[data-fdi="${t}"]`);
+      s && (s.focus(), x(t));
     }, []);
     vt(
       z,
@@ -461,8 +461,8 @@ const Wt = mt(
       (t, o) => {
         var D;
         if (r !== "interactive") return;
-        const i = y[o];
-        if (!i) return;
+        const s = y[o];
+        if (!s) return;
         const d = C, I = d.indexOf(o);
         switch (t.key) {
           case "ArrowRight": {
@@ -489,16 +489,16 @@ const Wt = mt(
               8: 5,
               6: 7,
               7: 6
-            }[i.quadrant];
+            }[s.quadrant];
             if (!p) return;
-            const k = `${p}${i.positionInQuadrant}`;
+            const k = `${p}${s.positionInQuadrant}`;
             d.includes(k) && T(k);
             return;
           }
           case "Home": {
             t.preventDefault();
             const l = d.filter(
-              (p) => y[p].quadrant === i.quadrant
+              (p) => y[p].quadrant === s.quadrant
             );
             l.length > 0 && T(l[0]);
             return;
@@ -506,7 +506,7 @@ const Wt = mt(
           case "End": {
             t.preventDefault();
             const l = d.filter(
-              (p) => y[p].quadrant === i.quadrant
+              (p) => y[p].quadrant === s.quadrant
             );
             l.length > 0 && T(l[l.length - 1]);
             return;
@@ -514,9 +514,9 @@ const Wt = mt(
           case " ":
           case "Enter": {
             t.preventDefault();
-            const l = (D = m[o]) == null ? void 0 : D.conditions, p = st(l), k = { ...m };
+            const l = (D = m[o]) == null ? void 0 : D.conditions, p = it(l), k = { ...m };
             p.length === 0 ? (delete k[o], A(c("toothScheme.deselected", { id: o }))) : (k[o] = {
-              ...m[o] ?? it(),
+              ...m[o] ?? st(),
               conditions: p
             }, A(
               c("toothScheme.selected", {
@@ -536,20 +536,20 @@ const Wt = mt(
         var I;
         if (r !== "interactive") return;
         x(t);
-        const o = (I = m[t]) == null ? void 0 : I.conditions, i = st(o), d = { ...m };
-        i.length === 0 ? (delete d[t], A(c("toothScheme.deselected", { id: t }))) : (d[t] = {
-          ...m[t] ?? it(),
-          conditions: i
+        const o = (I = m[t]) == null ? void 0 : I.conditions, s = it(o), d = { ...m };
+        s.length === 0 ? (delete d[t], A(c("toothScheme.deselected", { id: t }))) : (d[t] = {
+          ...m[t] ?? st(),
+          conditions: s
         }, A(
           c("toothScheme.selected", {
             id: t,
-            conditions: i.map((D) => c(`toothScheme.condition.${D}`)).join(", ")
+            conditions: s.map((D) => c(`toothScheme.condition.${D}`)).join(", ")
           })
         )), F(d), u == null || u(t);
       },
       [m, F, r, u, c]
     ), lt = R.width + 4, ht = R.height + 4, Y = N ?? c("toothScheme.ariaLabel");
-    return /* @__PURE__ */ s(E.Provider, { delayDuration: 200, children: /* @__PURE__ */ $(
+    return /* @__PURE__ */ i(E.Provider, { delayDuration: 200, children: /* @__PURE__ */ $(
       "div",
       {
         role: "region",
@@ -573,18 +573,18 @@ const Wt = mt(
               focusable: "false",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ s(Pt, { idPrefix: f }),
+                /* @__PURE__ */ i(Pt, { idPrefix: f }),
                 R.teeth.map((t) => {
                   var tt;
-                  const o = m[t.fdi], i = (tt = o == null ? void 0 : o.conditions) == null ? void 0 : tt[0], d = c(
+                  const o = m[t.fdi], s = (tt = o == null ? void 0 : o.conditions) == null ? void 0 : tt[0], d = c(
                     `toothScheme.anatomy.${t.meta.anatomy}`
-                  ), I = i ? `, ${c(`toothScheme.condition.${i}`)}` : "", D = c("toothScheme.toothLabel", {
+                  ), I = s ? `, ${c(`toothScheme.condition.${s}`)}` : "", D = c("toothScheme.toothLabel", {
                     id: rt(t.fdi, e),
                     anatomy: d,
                     conditionSuffix: I
-                  }), l = r === "interactive" ? t.fdi === v ? 0 : -1 : void 0, p = i && i !== "missing" ? `url(#${f}-${P[i]})` : "var(--muted)", k = i && i !== "missing" ? S[i] : "var(--border)", B = i ? `${d} · ${c(`toothScheme.condition.${i}`)}` : d, ut = rt(t.fdi, e);
+                  }), l = r === "interactive" ? t.fdi === v ? 0 : -1 : void 0, p = s && s !== "missing" ? `url(#${f}-${P[s]})` : "var(--muted)", k = s && s !== "missing" ? S[s] : "var(--border)", B = s ? `${d} · ${c(`toothScheme.condition.${s}`)}` : d, ut = rt(t.fdi, e);
                   return /* @__PURE__ */ $(E.Root, { children: [
-                    /* @__PURE__ */ s(E.Trigger, { asChild: !0, children: /* @__PURE__ */ $(
+                    /* @__PURE__ */ i(E.Trigger, { asChild: !0, children: /* @__PURE__ */ $(
                       "g",
                       {
                         "data-fdi": t.fdi,
@@ -592,19 +592,19 @@ const Wt = mt(
                         "data-arch": t.meta.arch,
                         "data-side": t.meta.side,
                         "data-quadrant": t.meta.quadrant,
-                        "data-condition": i ?? "none",
+                        "data-condition": s ?? "none",
                         "data-testid": `tooth-${t.fdi}`,
                         transform: `translate(${t.x}, ${t.y})`,
                         tabIndex: l,
                         role: r === "interactive" ? "button" : void 0,
                         "aria-label": D,
-                        "aria-pressed": r === "interactive" ? i !== void 0 : void 0,
+                        "aria-pressed": r === "interactive" ? s !== void 0 : void 0,
                         className: Mt(),
                         onClick: r === "interactive" ? () => dt(t.fdi) : void 0,
                         onFocus: () => x(t.fdi),
                         onKeyDown: (ft) => ct(ft, t.fdi),
                         children: [
-                          /* @__PURE__ */ s(
+                          /* @__PURE__ */ i(
                             "rect",
                             {
                               x: -L,
@@ -614,7 +614,7 @@ const Wt = mt(
                               fill: "transparent"
                             }
                           ),
-                          /* @__PURE__ */ s(
+                          /* @__PURE__ */ i(
                             "path",
                             {
                               d: t.shape.path,
@@ -624,7 +624,7 @@ const Wt = mt(
                               vectorEffect: "non-scaling-stroke"
                             }
                           ),
-                          t.shape.innerPath ? /* @__PURE__ */ s(
+                          t.shape.innerPath ? /* @__PURE__ */ i(
                             "path",
                             {
                               d: t.shape.innerPath,
@@ -634,7 +634,7 @@ const Wt = mt(
                               vectorEffect: "non-scaling-stroke"
                             }
                           ) : null,
-                          /* @__PURE__ */ s(
+                          /* @__PURE__ */ i(
                             "rect",
                             {
                               x: -L,
@@ -645,16 +645,16 @@ const Wt = mt(
                               stroke: "var(--ring)",
                               strokeWidth: "var(--focus-ring-width)",
                               className: [
-                                "opacity-0",
-                                "group-focus-visible:opacity-100",
-                                "forced-colors:stroke-[CanvasText]"
+                                "ds:opacity-0",
+                                "ds:group-focus-visible:opacity-100",
+                                "ds:forced-colors:stroke-[CanvasText]"
                               ].join(" "),
                               "data-testid": `tooth-${t.fdi}-focus-ring`,
                               pointerEvents: "none",
                               rx: "4"
                             }
                           ),
-                          i === "missing" ? /* @__PURE__ */ s(
+                          s === "missing" ? /* @__PURE__ */ i(
                             "path",
                             {
                               d: `M2 2 L${t.shape.width - 2} ${t.shape.height - 2} M${t.shape.width - 2} 2 L2 ${t.shape.height - 2}`,
@@ -663,7 +663,7 @@ const Wt = mt(
                               fill: "none"
                             }
                           ) : null,
-                          /* @__PURE__ */ s(
+                          /* @__PURE__ */ i(
                             "text",
                             {
                               x: t.shape.width / 2,
@@ -671,7 +671,7 @@ const Wt = mt(
                               textAnchor: "middle",
                               fontSize: "10",
                               fill: "var(--muted-foreground)",
-                              className: "select-none",
+                              className: "ds:select-none",
                               "aria-hidden": "true",
                               children: ut
                             }
@@ -679,15 +679,15 @@ const Wt = mt(
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ s(E.Portal, { children: /* @__PURE__ */ $(
+                    /* @__PURE__ */ i(E.Portal, { children: /* @__PURE__ */ $(
                       E.Content,
                       {
                         side: "top",
                         sideOffset: 6,
-                        className: "z-[var(--z-tooltip)] rounded-[var(--radius-sm)] bg-[var(--foreground)] text-[var(--background)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] pt-[calc(var(--spacing-xs)/2)] pb-[calc(var(--spacing-xs)/2)] text-[var(--font-size-xs)]",
+                        className: "ds:z-[var(--z-tooltip)] ds:rounded-[var(--radius-sm)] ds:bg-[var(--foreground)] ds:text-[var(--background)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[calc(var(--spacing-xs)/2)] ds:pb-[calc(var(--spacing-xs)/2)] ds:text-[var(--font-size-xs)]",
                         children: [
                           B,
-                          /* @__PURE__ */ s(E.Arrow, { className: "fill-[var(--foreground)]" })
+                          /* @__PURE__ */ i(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
                         ]
                       }
                     ) })
@@ -696,8 +696,8 @@ const Wt = mt(
               ]
             }
           ),
-          /* @__PURE__ */ s(jt, { idPrefix: f }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ i(jt, { idPrefix: f }),
+          /* @__PURE__ */ i(
             "div",
             {
               className: Dt(),
@@ -759,4 +759,4 @@ export {
   $t as r,
   Vt as t
 };
-//# sourceMappingURL=tooth-scheme.agent-CFKl3iQr.js.map
+//# sourceMappingURL=tooth-scheme.agent-BRqxWa1D.js.map