@alfadocs/ui-kit 1.4.17 → 1.5.0

package/dist/_chunks/tooth-finding-palette-vqC-D2Ye.js

@@ -0,0 +1,708 @@
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { forwardRef as yt, useMemo as F, useRef as X, useState as xt, useCallback as O, useImperativeHandle as wt } from "react";
+import { c as I } from "./index-D2ZczOXr.js";
+import { useTranslation as kt } from "react-i18next";
+import { u as tt } from "./use-controllable-state-BiY4xTzM.js";
+import { u as St } from "./registry-DvAUVLHh.js";
+import { E as Tt, u as Ft, U as It, f as _t, z as At, q as Ct, t as Nt, Y as Rt, A as Et, C as Pt, s as Mt, k as et } from "./tooth-data-DR8Kdnup.js";
+const st = {
+  type: "string",
+  description: "Finding id — either a built-in condition (the enum on tooth-scheme's set_finding: caries, filled, crowned, rootCanal, implant, …) or a practice-defined id supplied through the conditionRegistry prop. Read the live list from the `tools` state slot rather than guessing."
+}, Vt = {
+  planned: !0,
+  executed: !0
+}, jt = {
+  enum: Object.keys(Vt),
+  description: "Execution status the next charted finding takes — 'planned' (proposed treatment) or 'executed' (work already carried out)."
+}, Dt = {
+  id: "tooth-finding-palette",
+  // select_single — exactly one finding tool is armed at a time (or none);
+  // set_value — the planned/executed status is a second, separate choice.
+  // `pick` covers `focus_tool`, which moves the roving tab stop WITHOUT
+  // arming — the same shape as tooth-scheme's `focus_tooth` and
+  // face-scheme's `focus_zone`, both of which sit under `pick`.
+  capabilities: ["pick", "select_single", "set_value"],
+  state: {
+    activeFinding: {
+      type: "string | null",
+      descriptionKey: "ui.agent.toothFindingPalette.state.activeFinding",
+      description: "Id of the armed finding tool, or null when no tool is selected. Identifies a finding TYPE — never a patient, and never a charted finding.",
+      read: (s) => s.getValue()
+    },
+    status: {
+      type: "string",
+      descriptionKey: "ui.agent.toothFindingPalette.state.status",
+      description: "Execution status the next charted finding takes — 'planned' or 'executed'.",
+      read: (s) => s.getStatus()
+    },
+    tools: {
+      type: "string[]",
+      descriptionKey: "ui.agent.toothFindingPalette.state.tools",
+      description: "Every finding id the palette currently offers, in render order — built-ins plus any practice-defined ids. The authoritative vocabulary for select_finding.",
+      read: (s) => s.getTools()
+    }
+  },
+  actions: {
+    select_finding: {
+      // Arming a tool persists nothing — PRS 26 §3 puts selection and view
+      // state under `read`, and 20 of the 23 shipped `select_*` actions
+      // agree. `write` would make an agent prompt before picking up a
+      // paintbrush.
+      safety: "read",
+      argsType: "{ condition: ConditionId }",
+      argsSchema: {
+        type: "object",
+        properties: { condition: st },
+        required: ["condition"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothFindingPalette.actions.selectFinding",
+      description: "Arm a finding tool, so the next tooth (or surface, or root) picked on the paired dental chart records that finding.",
+      examples: [
+        {
+          args: { condition: "caries" },
+          note: "Arm the caries tool before marking a decayed surface."
+        }
+      ],
+      errors: [
+        `The condition is not among the palette's tools — read the "tools" state slot for the live list.`
+      ],
+      invoke: (s, o) => {
+        s.setValue(o.condition);
+      }
+    },
+    clear_selection: {
+      // Disarms the palette. Nothing charted is lost and nothing persists —
+      // `read`, matching `clear_selection` on data-table, file-manager
+      // and list.
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothFindingPalette.actions.clearSelection",
+      description: "Disarm the palette so clicks on the chart stop recording a finding. Charted findings are untouched.",
+      invoke: (s) => {
+        s.clear();
+      }
+    },
+    set_status: {
+      safety: "write",
+      argsType: "{ status: SymbolStatus }",
+      argsSchema: {
+        type: "object",
+        properties: { status: jt },
+        required: ["status"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothFindingPalette.actions.setStatus",
+      description: "Choose whether the next charted finding is recorded as planned or executed.",
+      examples: [
+        {
+          args: { status: "executed" },
+          note: "Record the next finding as work already carried out."
+        }
+      ],
+      invoke: (s, o) => {
+        s.setStatus(o.status);
+      }
+    },
+    focus_tool: {
+      safety: "read",
+      argsType: "{ condition: ConditionId }",
+      argsSchema: {
+        type: "object",
+        properties: { condition: st },
+        required: ["condition"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothFindingPalette.actions.focusTool",
+      description: "Move keyboard focus to a tool without arming it — relocates the toolbar's single roving tab stop.",
+      invoke: (s, o) => {
+        s.focusTool(o.condition);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "tooth-finding-palette",
+      description: "Marks the palette toolbar wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific palette from the agent."
+    },
+    item: {
+      attr: "data-condition",
+      description: 'Each tool button emits its finding id as data-condition, and the armed tool also carries data-active="true". Group wrappers carry data-group with the group id; the planned/executed pills carry data-status.'
+    }
+  }
+}, it = [
+  // What a check-up records and what fills it back in.
+  { id: "decay", conditions: ["caries", "filled", "medication"] },
+  // Everything that replaces or covers the crown.
+  {
+    id: "prosthetics",
+    conditions: [
+      "crowned",
+      "temporaryCrown",
+      "bridge",
+      "stub",
+      "implant",
+      "implantExtraction"
+    ]
+  },
+  // Work inside the root.
+  { id: "endodontics", conditions: ["rootCanal", "pin", "rootAmputation"] },
+  // Work on the tissue around the tooth.
+  {
+    id: "periodontics",
+    conditions: ["periodontalSurgery", "mucogingivalSurgery", "curettage"]
+  },
+  // Flank-mounted appliance fittings.
+  { id: "orthodontics", conditions: ["anchorage", "hook", "attachment"] },
+  // The tooth's own status, plus the diagnostic marker.
+  { id: "diagnosis", conditions: ["missing", "destroyed", "xray"] }
+], Lt = "custom", at = ["planned", "executed"], Ot = "16", zt = I(
+  [
+    "ds:flex ds:text-[var(--foreground)]",
+    "ds:focus:outline-none",
+    "ds:aria-disabled:opacity-60"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        horizontal: "ds:flex-row ds:flex-wrap ds:items-start",
+        vertical: "ds:flex-col ds:items-stretch"
+      },
+      size: {
+        sm: "ds:gap-[var(--spacing-sm)]",
+        md: "ds:gap-[var(--spacing-md)]",
+        lg: "ds:gap-[var(--spacing-lg)]"
+      }
+    },
+    defaultVariants: { orientation: "horizontal", size: "md" }
+  }
+), ot = I(
+  ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0"].join(" ")
+), nt = I(
+  ["type-eyebrow ds:text-[color:var(--muted-foreground)]"].join(" ")
+), rt = I(["ds:flex"].join(" "), {
+  variants: {
+    orientation: {
+      horizontal: "ds:flex-row ds:flex-wrap ds:items-stretch",
+      vertical: "ds:flex-col ds:items-stretch"
+    },
+    size: {
+      sm: "ds:gap-[var(--spacing-xs)]",
+      md: "ds:gap-[var(--spacing-xs)]",
+      lg: "ds:gap-[var(--spacing-sm)]"
+    }
+  },
+  defaultVariants: { orientation: "horizontal", size: "md" }
+}), Kt = I(
+  [
+    // `min-w-0` (and NOT `shrink-0`): a wrapped row wraps first and only then
+    // shrinks the tiles on a line, so a long CJK label truncates inside its own
+    // tile instead of pushing the toolbar wider than its frame.
+    "ds:relative ds:inline-flex ds:items-center ds:min-w-0",
+    "ds:gap-[var(--spacing-xs)] ds:text-start",
+    "ds:rounded-[var(--radius-md)] ds:border-2 ds:cursor-pointer",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus:outline-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:border-[ButtonBorder]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      selected: {
+        true: [
+          "ds:border-[var(--primary)]",
+          "ds:bg-[color-mix(in_srgb,var(--primary)_12%,var(--card))]",
+          "ds:font-semibold",
+          "ds:forced-colors:border-[Highlight]"
+        ].join(" "),
+        false: [
+          "ds:border-[var(--border)] ds:bg-[var(--card)] ds:font-normal",
+          "ds:hover:bg-[color-mix(in_srgb,var(--accent)_10%,var(--card))]"
+        ].join(" ")
+      },
+      size: {
+        sm: "type-meta ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+        md: "type-body-sm ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+        lg: "type-body ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]"
+      },
+      orientation: {
+        horizontal: "",
+        vertical: "ds:w-full ds:justify-start"
+      }
+    },
+    defaultVariants: { selected: !1, size: "md", orientation: "horizontal" }
+  }
+), Ut = I(
+  [
+    "ds:inline-flex ds:items-center ds:shrink-0",
+    "ds:gap-[var(--spacing-xs)] ds:text-start ds:whitespace-nowrap",
+    "ds:rounded-[var(--radius-md)] ds:border-2 ds:cursor-pointer",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus:outline-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:border-[ButtonBorder]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      selected: {
+        true: [
+          "ds:border-[var(--primary)]",
+          "ds:bg-[color-mix(in_srgb,var(--primary)_12%,var(--card))]",
+          "ds:font-semibold",
+          "ds:forced-colors:border-[Highlight]"
+        ].join(" "),
+        false: [
+          "ds:border-[var(--border)] ds:bg-[var(--card)] ds:font-normal",
+          "ds:hover:bg-[color-mix(in_srgb,var(--accent)_10%,var(--card))]"
+        ].join(" ")
+      },
+      size: {
+        sm: "type-meta ds:py-[var(--spacing-xs)]",
+        md: "type-body-sm ds:py-[var(--spacing-xs)]",
+        lg: "type-body ds:py-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: { selected: !1, size: "md" }
+  }
+), Ht = {
+  sm: { w: 18, h: 31 },
+  md: { w: 22, h: 38 },
+  lg: { w: 28, h: 48 }
+};
+function $t({
+  glyph: s,
+  colour: o,
+  cx: d,
+  cy: l,
+  testId: g
+}) {
+  const r = 9 + s.length * 5;
+  return /* @__PURE__ */ w(
+    "g",
+    {
+      transform: `translate(${d - r / 2}, ${l - 7})`,
+      "data-testid": g,
+      pointerEvents: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ a(
+          "rect",
+          {
+            width: r,
+            height: 14,
+            rx: "3.5",
+            fill: "var(--card)",
+            stroke: o,
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "text",
+          {
+            x: r / 2,
+            y: 10,
+            textAnchor: "middle",
+            fontSize: "9",
+            fontWeight: "600",
+            fill: "var(--foreground)",
+            className: "ds:select-none",
+            children: s
+          }
+        )
+      ]
+    }
+  );
+}
+function Bt({
+  condition: s,
+  assetBaseUrl: o,
+  registry: d,
+  size: l
+}) {
+  const g = _t[Ot], r = At(s, d), f = s === "missing", b = Ct(s, d), y = !r && !f && Nt(s, "side", d), _ = 36 * 0.9, k = 62 * 0.9, E = (36 - _) / 2, u = (62 - k) / 2, { w: c, h: z } = Ht[l];
+  return /* @__PURE__ */ w(
+    "svg",
+    {
+      width: c,
+      height: z,
+      viewBox: "0 0 36 62",
+      "aria-hidden": "true",
+      className: "ds:block ds:shrink-0",
+      "data-testid": `tooth-finding-palette-symbol-${s}`,
+      children: [
+        /* @__PURE__ */ a(
+          "image",
+          {
+            href: Rt(g, o),
+            x: E,
+            y: u,
+            width: _,
+            height: k,
+            preserveAspectRatio: "xMidYMid meet",
+            opacity: f ? 0.25 : 1
+          }
+        ),
+        r ? /* @__PURE__ */ a(
+          "image",
+          {
+            href: Et(g, o, r),
+            x: E,
+            y: u,
+            width: _,
+            height: k,
+            preserveAspectRatio: "xMidYMid meet"
+          }
+        ) : null,
+        y ? /* @__PURE__ */ a(
+          "rect",
+          {
+            x: 3,
+            y: 2,
+            width: 30,
+            height: 58,
+            fill: "none",
+            stroke: b,
+            strokeWidth: 2,
+            strokeDasharray: s === "filled" ? "4 2" : void 0,
+            rx: 6
+          }
+        ) : null,
+        f ? /* @__PURE__ */ a(
+          "path",
+          {
+            d: "M7 9 L29 53 M29 9 L7 53",
+            stroke: Pt.missing,
+            strokeWidth: 2,
+            fill: "none"
+          }
+        ) : null,
+        !r && !y && !f ? /* @__PURE__ */ a(
+          $t,
+          {
+            glyph: Mt(s, d),
+            colour: b,
+            cx: 18,
+            cy: 31,
+            testId: `tooth-finding-palette-glyph-${s}`
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Gt({ status: s }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      "aria-hidden": "true",
+      className: "ds:block ds:shrink-0",
+      children: /* @__PURE__ */ a(
+        "circle",
+        {
+          cx: 7,
+          cy: 7,
+          r: 5,
+          fill: s === "executed" ? et.executed : "var(--card)",
+          stroke: et[s],
+          strokeWidth: 1.75
+        }
+      )
+    }
+  );
+}
+function G(s, o = !1) {
+  const d = /* @__PURE__ */ new Set();
+  return s.map((l) => ({
+    id: l.id,
+    label: l.label,
+    synthetic: o,
+    conditions: l.conditions.filter((g) => d.has(g) ? !1 : (d.add(g), !0))
+  })).filter((l) => l.conditions.length > 0);
+}
+const qt = yt(function({
+  id: o,
+  value: d,
+  defaultValue: l,
+  onChange: g,
+  conditions: r,
+  groups: f,
+  conditionRegistry: b,
+  showStatus: y = !1,
+  status: _,
+  defaultStatus: k = "planned",
+  onStatusChange: E,
+  size: u = "md",
+  orientation: c = "horizontal",
+  assetBaseUrl: z = "/toothscheme/teeth",
+  disabled: S = !1,
+  disabledConditions: q,
+  ariaLabel: dt,
+  showGroupLabels: W = !0,
+  className: lt,
+  "aria-label": ct,
+  "aria-labelledby": Y,
+  ...ut
+}, pt) {
+  const { t: x } = kt(), [gt, A] = tt({
+    value: d,
+    defaultValue: l ?? null,
+    onChange: g
+  }), h = gt ?? null, [ht, K] = tt({
+    value: _,
+    defaultValue: k,
+    onChange: E
+  }), P = ht ?? k, C = F(() => {
+    if (f) return G(f);
+    if (r) return G([{ id: "all", conditions: r }], !0);
+    const t = (b ?? []).map((i) => i.id).filter((i) => !Tt(i)), e = t.length > 0 ? [
+      ...it,
+      { id: Lt, conditions: t }
+    ] : it;
+    return G(e);
+  }, [f, r, b]), Z = F(
+    () => new Set(q ?? []),
+    [q]
+  ), J = F(
+    () => C.flatMap((t) => t.conditions),
+    [C]
+  ), n = F(() => {
+    const t = C.flatMap(
+      (e) => e.conditions.map((i) => ({
+        kind: "tool",
+        key: `tool:${i}`,
+        condition: i,
+        disabled: S || Z.has(i)
+      }))
+    );
+    return y ? [
+      ...t,
+      ...at.map((e) => ({
+        kind: "status",
+        key: `status:${e}`,
+        status: e,
+        disabled: S
+      }))
+    ] : t;
+  }, [C, Z, S, y]), M = X([]);
+  M.current.length = n.length;
+  const [U, H] = xt(null), N = F(() => {
+    if (n.length === 0) return -1;
+    const t = n.findIndex((e) => !e.disabled);
+    if (t === -1) return -1;
+    if (U !== null) {
+      const e = Math.min(Math.max(U, 0), n.length - 1);
+      return n[e].disabled ? t : e;
+    }
+    if (h !== null) {
+      const e = n.findIndex(
+        (i) => i.kind === "tool" && i.condition === h
+      );
+      if (e !== -1 && !n[e].disabled) return e;
+    }
+    return t;
+  }, [n, U, h]), $ = X(null), Q = O(
+    () => typeof window < "u" && $.current !== null && window.getComputedStyle($.current).direction === "rtl",
+    []
+  ), V = O((t) => {
+    var e;
+    H(t), (e = M.current[t]) == null || e.focus();
+  }, []), ft = O(
+    (t) => {
+      const e = n.length;
+      if (e === 0) return;
+      const i = Q(), m = c === "vertical" ? "ArrowDown" : i ? "ArrowLeft" : "ArrowRight", R = c === "vertical" ? "ArrowUp" : i ? "ArrowRight" : "ArrowLeft", D = N === -1 ? 0 : N;
+      let p = null, T = 1;
+      if (t.key === m ? p = (D + 1) % e : t.key === R ? (p = (D - 1 + e) % e, T = -1) : t.key === "Home" ? p = 0 : t.key === "End" && (p = e - 1, T = -1), p === null) return;
+      t.preventDefault();
+      let v = p;
+      for (let L = 0; L < e && n[v].disabled; L += 1)
+        v = (v + T + e) % e;
+      V(v);
+    },
+    [n, c, Q, N, V]
+  ), mt = O(
+    (t) => {
+      A(h === t ? null : t);
+    },
+    [h, A]
+  ), B = F(
+    () => ({
+      getValue: () => h,
+      setValue: (t) => A(t),
+      clear: () => A(null),
+      getStatus: () => P,
+      setStatus: (t) => K(t),
+      getTools: () => [...J],
+      focusTool: (t) => {
+        const e = n.findIndex(
+          (i) => i.kind === "tool" && i.condition === t
+        );
+        e !== -1 && V(e);
+      }
+    }),
+    [h, P, n, J, A, K, V]
+  );
+  wt(pt, () => B, [B]), St(Dt, B, o);
+  const vt = dt ?? ct ?? x("toothFindingPalette.ariaLabel"), bt = (t) => t.label ?? x(`toothFindingPalette.group.${t.id}`, { defaultValue: t.id });
+  let j = 0;
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      ...ut,
+      ref: $,
+      role: "toolbar",
+      "aria-orientation": c,
+      "aria-label": Y ? void 0 : vt,
+      "aria-labelledby": Y,
+      "aria-disabled": S || void 0,
+      "data-component": "tooth-finding-palette",
+      "data-component-id": o,
+      "data-orientation": c,
+      "data-size": u,
+      "data-active": h ?? void 0,
+      "data-status": y ? P : void 0,
+      "data-testid": "tooth-finding-palette",
+      id: o,
+      onKeyDown: ft,
+      className: [zt({ orientation: c, size: u }), lt].filter(Boolean).join(" "),
+      children: [
+        n.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: x("toothFindingPalette.empty") }) : null,
+        C.map((t) => {
+          const e = bt(t);
+          return /* @__PURE__ */ w(
+            "div",
+            {
+              role: t.synthetic ? void 0 : "group",
+              "aria-label": t.synthetic ? void 0 : e,
+              "data-group": t.id,
+              "data-testid": `tooth-finding-palette-group-${t.id}`,
+              className: ot(),
+              children: [
+                W && !t.synthetic ? (
+                  // Sighted-only: the group already carries `heading` as its
+                  // accessible name, so exposing the text again would announce
+                  // the group twice.
+                  /* @__PURE__ */ a("span", { "aria-hidden": "true", className: nt(), children: e })
+                ) : null,
+                /* @__PURE__ */ a("div", { className: rt({ orientation: c, size: u }), children: t.conditions.map((i) => {
+                  const m = j;
+                  j += 1;
+                  const R = n[m], D = (R == null ? void 0 : R.disabled) ?? S, p = Ft(i, b), T = p.kind === "key" ? x(p.key) : p.text, v = h === i;
+                  return /* @__PURE__ */ w(
+                    "button",
+                    {
+                      type: "button",
+                      ref: (L) => {
+                        M.current[m] = L;
+                      },
+                      disabled: D,
+                      "aria-pressed": v,
+                      tabIndex: m === N ? 0 : -1,
+                      "data-condition": i,
+                      "data-active": v ? "true" : void 0,
+                      "data-testid": `tooth-finding-palette-tool-${i}`,
+                      title: T,
+                      onFocus: () => H(m),
+                      onClick: () => mt(i),
+                      className: Kt({
+                        selected: v,
+                        size: u,
+                        orientation: c
+                      }),
+                      children: [
+                        /* @__PURE__ */ a(
+                          Bt,
+                          {
+                            condition: i,
+                            assetBaseUrl: z,
+                            registry: b,
+                            size: u
+                          }
+                        ),
+                        /* @__PURE__ */ a("span", { className: "ds:truncate ds:min-w-0", children: T })
+                      ]
+                    },
+                    i
+                  );
+                }) })
+              ]
+            },
+            t.id
+          );
+        }),
+        y ? /* @__PURE__ */ w(
+          "div",
+          {
+            role: "group",
+            "aria-label": x("toothFindingPalette.statusLabel"),
+            "data-group": "status",
+            "data-testid": "tooth-finding-palette-status-group",
+            className: ot(),
+            children: [
+              W ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: nt(), children: x("toothFindingPalette.statusLabel") }) : null,
+              /* @__PURE__ */ a("div", { className: rt({ orientation: c, size: u }), children: at.map((t) => {
+                const e = j;
+                j += 1;
+                const i = P === t;
+                return /* @__PURE__ */ w(
+                  "button",
+                  {
+                    type: "button",
+                    ref: (m) => {
+                      M.current[e] = m;
+                    },
+                    disabled: S,
+                    "aria-pressed": i,
+                    tabIndex: e === N ? 0 : -1,
+                    "data-status": t,
+                    "data-active": i ? "true" : void 0,
+                    "data-testid": `tooth-finding-palette-status-${t}`,
+                    onFocus: () => H(e),
+                    onClick: () => K(t),
+                    className: Ut({ selected: i, size: u }),
+                    children: [
+                      /* @__PURE__ */ a(Gt, { status: t }),
+                      /* @__PURE__ */ a("span", { children: x(It(t)) })
+                    ]
+                  },
+                  t
+                );
+              }) })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+});
+qt.displayName = "ToothFindingPalette";
+export {
+  Lt as C,
+  it as D,
+  qt as T,
+  zt as a,
+  Dt as t
+};
+//# sourceMappingURL=tooth-finding-palette-vqC-D2Ye.js.map