@alfadocs/ui-kit-debug 0.72.2 → 0.75.0

package/dist/_chunks/optical-prescription-BEjYQjiO.js

@@ -0,0 +1,1260 @@
+import { jsx as i, jsxs as l, Fragment as Ve } from "react/jsx-runtime";
+import { forwardRef as We, useId as je, useRef as ue, useState as Xe, useCallback as R, useMemo as fe, useImperativeHandle as Ye } from "react";
+import { c as He } from "./index-D2ZczOXr.js";
+import { useTranslation as Fe } from "react-i18next";
+import { u as qe } from "./registry-DvAUVLHh.js";
+import { N as se } from "./number-input-DjWzmlEY.js";
+import { S as he } from "./select-BW5ecXlX.js";
+import { T as Ke } from "./text-area-Bt3p7Pt0.js";
+import { D as v } from "./description-list-ClNLdRMy.js";
+const ye = {
+  enum: ["od", "os"],
+  description: "Eye — `od` (right eye) or `os` (left eye)."
+}, ae = {
+  enum: ["far", "intermediate", "near"],
+  description: "Distance band — `far` (per lontano), `intermediate`, `near` (per vicino)."
+}, Ue = {
+  enum: ["sphere", "cylinder", "axis", "add", "prism", "base"],
+  description: "Refraction column — dioptric `sphere` / `cylinder` / `add` (0.25 steps), `axis` (0–180°), `prism`, or `base` (a direction enum)."
+}, Ge = {
+  type: "object",
+  properties: {
+    sphere: { type: "number" },
+    cylinder: { type: "number" },
+    axis: { type: "number", minimum: 0, maximum: 180 },
+    add: { type: "number" },
+    prism: { type: "number" },
+    base: { enum: ["up", "down", "in", "out"] }
+  }
+}, Je = {
+  type: "object",
+  properties: {
+    bands: {
+      type: "object",
+      description: "Refraction rows keyed by band (`far` / `intermediate` / `near`) then eye (`od` / `os`)."
+    },
+    pd: { type: "number", description: "Interpupillary distance, mm." },
+    pdRight: {
+      type: "number",
+      description: "Monocular PD, nose centre → OD pupil, mm."
+    },
+    pdLeft: {
+      type: "number",
+      description: "Monocular PD, nose centre → OS pupil, mm."
+    },
+    lensType: { enum: ["single-vision", "bifocal", "progressive"] },
+    axisSystem: { enum: ["tabo", "int"] },
+    notes: { type: "string", description: "Free-text note — PHI." }
+  },
+  required: ["bands"]
+}, Qe = {
+  id: "optical-prescription",
+  // pick — focus an eye row (`focus_eye`, transient, not persisted);
+  // edit_inline — `set_cell` edits one refraction cell; set_value — `set_value`
+  // replaces the whole prescription.
+  capabilities: ["pick", "edit_inline", "set_value"],
+  state: {
+    prescription: {
+      // A9: the always-on snapshot carries the refraction numbers + view
+      // metadata (PD, lens type, axis system) only — NEVER the free-text
+      // clinical note (PHI). The note is fetched deliberately via get_notes
+      // (safety: 'phi').
+      type: "object",
+      descriptionKey: "ui.agent.opticalPrescription.state.prescription",
+      description: "Current prescription — refraction rows per band/eye plus PD, lens type and axis system. The free-text note is PHI and omitted; read it via get_notes.",
+      read: (t) => {
+        const s = t.getValue();
+        return {
+          bands: s.bands,
+          pd: s.pd,
+          pdRight: s.pdRight,
+          pdLeft: s.pdLeft,
+          lensType: s.lensType,
+          axisSystem: s.axisSystem
+        };
+      }
+    },
+    bands: {
+      type: "string[]",
+      descriptionKey: "ui.agent.opticalPrescription.state.bands",
+      description: "Distance bands carrying at least one refraction value (far / intermediate / near).",
+      read: (t) => t.getBands()
+    }
+  },
+  actions: {
+    focus_eye: {
+      safety: "read",
+      argsType: "{ eye: Eye; band?: DistanceBand }",
+      argsSchema: {
+        type: "object",
+        properties: { eye: ye, band: ae },
+        required: ["eye"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.focusEye",
+      description: "Move focus to an eye's row (first editable cell in interactive mode), optionally within a specific band.",
+      invoke: (t, s) => {
+        t.focusEye(s.eye, s.band);
+      }
+    },
+    get_row: {
+      safety: "read",
+      argsType: "{ band: DistanceBand; eye: Eye }",
+      argsSchema: {
+        type: "object",
+        properties: { band: ae, eye: ye },
+        required: ["band", "eye"]
+      },
+      returns: "RefractionRow | undefined",
+      returnsSchema: Ge,
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.getRow",
+      description: "Read one eye's refraction row at a distance band.",
+      invoke: (t, s) => t.getRow(s.band, s.eye)
+    },
+    get_notes: {
+      // phi (not read): resolves the free-text clinical note, which is PHI.
+      // PRS §26 — phi outranks read so the host gates it behind stricter
+      // confirm + audit. The always-on state.prescription snapshot stays
+      // note-free.
+      safety: "phi",
+      returns: "string",
+      returnsSchema: { type: "string" },
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.getNotes",
+      description: "Read the free-text clinical note on the prescription.",
+      invoke: (t) => t.getValue().notes ?? ""
+    },
+    set_cell: {
+      safety: "write",
+      argsType: "{ band: DistanceBand; eye: Eye; field: keyof RefractionRow; value: number | PrismBase | null }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          band: ae,
+          eye: ye,
+          field: Ue,
+          value: {
+            description: "New cell value — a number for the dioptric/axis/prism columns, a base-direction string for `base`, or null to clear."
+          }
+        },
+        required: ["band", "eye", "field", "value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.setCell",
+      description: "Set (or clear, with null) a single refraction cell — sphere / cylinder / axis / add / prism / base.",
+      invoke: (t, s) => {
+        t.setCell(s.band, s.eye, s.field, s.value);
+      }
+    },
+    set_value: {
+      safety: "write",
+      argsType: "{ value: OpticalPrescriptionValue }",
+      argsSchema: {
+        type: "object",
+        properties: { value: Je },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.setValue",
+      description: "Replace the entire prescription value.",
+      invoke: (t, s) => {
+        t.setValue(s.value);
+      }
+    },
+    clear_band: {
+      safety: "destructive",
+      argsType: "{ band: DistanceBand }",
+      argsSchema: {
+        type: "object",
+        properties: { band: ae },
+        required: ["band"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.clearBand",
+      description: "Clear every refraction row in a distance band.",
+      invoke: (t, s) => {
+        t.clearBand(s.band);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "optical-prescription" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-eye",
+      description: "Each refraction row carries its eye (`od` / `os`) as `data-eye` and its distance band as `data-band`; each editable cell carries the column key as `data-field`. The root `data-mode` attribute exposes interactive vs display. Standard chart figures carry `data-chart` (`tabo` / `powerCross` / `pd` / `prismBase`) plus `data-eye` on the per-eye ones."
+    }
+  }
+}, Z = ["od", "os"], Ze = [
+  "far",
+  "intermediate",
+  "near"
+], et = ["up", "down", "in", "out"], tt = [
+  "single-vision",
+  "bifocal",
+  "progressive"
+], rt = ["tabo", "int"], Yt = [
+  "sphere",
+  "cylinder",
+  "axis",
+  "add",
+  "prism",
+  "base"
+], ne = 0.25, it = -30, st = 30, at = -12, nt = 12, ot = 0, ct = 6, Ne = 0, we = 180, lt = 1, be = 40, xe = 85, dt = 0, pt = 20;
+function M(t, s = 2) {
+  const n = Math.abs(t).toFixed(s);
+  return t > 0 ? `+${n}` : t < 0 ? `-${n}` : n;
+}
+function mt(t) {
+  return M(t, 2);
+}
+function ut(t) {
+  return M(t, 2);
+}
+function ft(t) {
+  return `+${Math.abs(t).toFixed(2)}`;
+}
+function W(t) {
+  return `${Math.min(we, Math.max(Ne, Math.round(t)))}°`;
+}
+function Se(t) {
+  return t.toFixed(2);
+}
+function ht(t, s) {
+  switch (t) {
+    case "sphere":
+      return mt(s);
+    case "cylinder":
+      return ut(s);
+    case "add":
+      return ft(s);
+    case "axis":
+      return W(s);
+    case "prism":
+      return Se(s);
+    default:
+      return String(s);
+  }
+}
+function Re(t) {
+  return t >= Ne && t <= we ? t : (t % 180 + 180) % 180;
+}
+function yt(t) {
+  if (!t || t.sphere === void 0 && t.cylinder === void 0)
+    return;
+  const s = t.sphere ?? 0, n = t.cylinder ?? 0, p = Re(t.axis ?? 0);
+  return {
+    primary: { deg: p, power: s },
+    secondary: { deg: (p + 90) % 180, power: s + n }
+  };
+}
+function bt() {
+  return { bands: {} };
+}
+function oe(t, s, n) {
+  var p;
+  return (p = t.bands[s]) == null ? void 0 : p[n];
+}
+function xt(t, s, n, p, u) {
+  const y = { ...t.bands }, x = { ...y[s] ?? {} }, f = { ...x[n] ?? {} };
+  return u == null ? delete f[p] : f[p] = u, Object.keys(f).length === 0 ? delete x[n] : x[n] = f, Object.keys(x).length === 0 ? delete y[s] : y[s] = x, { ...t, bands: y };
+}
+function vt(t, s) {
+  if (!t.bands[s]) return t;
+  const n = { ...t.bands };
+  return delete n[s], { ...t, bands: n };
+}
+function Ee(t) {
+  return Ze.filter((s) => {
+    const n = t.bands[s];
+    return n ? Z.some((p) => {
+      const u = n[p];
+      return u !== void 0 && Object.keys(u).length > 0;
+    }) : !1;
+  });
+}
+const gt = ["tabo", "powerCross", "pd", "prismBase"], j = "ds:[stroke:var(--muted-foreground)] ds:[fill:none]", q = "ds:[fill:var(--muted-foreground)]", ee = "ds:[stroke:var(--foreground)] ds:[fill:none]", ce = "ds:[fill:var(--foreground)]", Me = "ds:[stroke:var(--primary)] ds:[fill:none]", le = "ds:[fill:var(--primary)]", Pt = "ds:m-0 ds:flex ds:flex-col ds:items-center ds:gap-1", St = "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)] ds:text-center";
+function _(t, s, n, p) {
+  const u = p * Math.PI / 180;
+  return [t + n * Math.cos(u), s - n * Math.sin(u)];
+}
+function de({
+  chart: t,
+  eye: s,
+  caption: n,
+  detail: p,
+  children: u
+}) {
+  return /* @__PURE__ */ l("figure", { className: Pt, "data-chart": t, "data-eye": s, children: [
+    u,
+    /* @__PURE__ */ l("figcaption", { dir: "auto", className: St, children: [
+      n,
+      p !== void 0 && /* @__PURE__ */ i("span", { className: "ds:block ds:text-[var(--foreground)]", children: p })
+    ] })
+  ] });
+}
+const C = 60, $ = 62, T = 48, Nt = [
+  [0, 7],
+  [30, 4],
+  [45, 5],
+  [60, 4],
+  [90, 7],
+  [120, 4],
+  [135, 5],
+  [150, 4],
+  [180, 7]
+], wt = [0, 45, 90, 135, 180];
+function Rt({ eye: t, axisDeg: s, ariaLabel: n, caption: p }) {
+  const u = Re(s), [y, x] = _(C, $, T - 6, u);
+  return /* @__PURE__ */ i(de, { chart: "tabo", eye: t, caption: p, children: /* @__PURE__ */ l(
+    "svg",
+    {
+      role: "img",
+      "aria-label": n,
+      viewBox: "-4 0 128 76",
+      className: "ds:w-36",
+      children: [
+        /* @__PURE__ */ i(
+          "line",
+          {
+            x1: C - T,
+            y1: $,
+            x2: C + T,
+            y2: $,
+            strokeWidth: "1",
+            className: j
+          }
+        ),
+        /* @__PURE__ */ i(
+          "path",
+          {
+            d: `M ${C - T} ${$} A ${T} ${T} 0 0 1 ${C + T} ${$}`,
+            strokeWidth: "1",
+            className: j
+          }
+        ),
+        Nt.map(([f, b]) => {
+          const [g, k] = _(C, $, T, f), [I, B] = _(C, $, T - b, f);
+          return /* @__PURE__ */ i(
+            "line",
+            {
+              x1: g,
+              y1: k,
+              x2: I,
+              y2: B,
+              strokeWidth: "1",
+              className: j
+            },
+            f
+          );
+        }),
+        wt.map((f) => {
+          const [b, g] = _(C, $, T + 7, f);
+          return /* @__PURE__ */ i(
+            "text",
+            {
+              x: b,
+              y: g + 2,
+              fontSize: "7",
+              textAnchor: "middle",
+              className: q,
+              children: f
+            },
+            f
+          );
+        }),
+        /* @__PURE__ */ i(
+          "line",
+          {
+            x1: C,
+            y1: $,
+            x2: y,
+            y2: x,
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            className: Me
+          }
+        ),
+        /* @__PURE__ */ i("circle", { cx: C, cy: $, r: "2.5", className: le })
+      ]
+    }
+  ) });
+}
+const ve = 75, ge = 56, De = 32, At = 44;
+function _t({
+  eye: t,
+  primary: s,
+  secondary: n,
+  primaryText: p,
+  secondaryText: u,
+  ariaLabel: y,
+  caption: x,
+  detail: f
+}) {
+  const b = [
+    { ...s, text: p },
+    { ...n, text: u }
+  ];
+  return /* @__PURE__ */ i(de, { chart: "powerCross", eye: t, caption: x, detail: f, children: /* @__PURE__ */ i(
+    "svg",
+    {
+      role: "img",
+      "aria-label": y,
+      viewBox: "0 0 150 104",
+      className: "ds:w-40",
+      children: b.map(({ deg: g, text: k }) => {
+        const [I, B] = _(ve, ge, De, g + 180), [K, r] = _(ve, ge, De, g), [X, O] = _(ve, ge, At, g);
+        return /* @__PURE__ */ l("g", { children: [
+          /* @__PURE__ */ i(
+            "line",
+            {
+              x1: I,
+              y1: B,
+              x2: K,
+              y2: r,
+              strokeWidth: "1.5",
+              className: ee
+            }
+          ),
+          /* @__PURE__ */ i(
+            "text",
+            {
+              x: X,
+              y: O - 4,
+              fontSize: "9",
+              textAnchor: "middle",
+              className: ce,
+              children: k
+            }
+          ),
+          /* @__PURE__ */ l(
+            "text",
+            {
+              x: X,
+              y: O + 5,
+              fontSize: "7",
+              textAnchor: "middle",
+              className: q,
+              children: [
+                g,
+                "°"
+              ]
+            }
+          )
+        ] }, g);
+      })
+    }
+  ) });
+}
+const Ct = [
+  ["od", 60],
+  ["os", 160]
+], Pe = 24, P = 50;
+function $t({
+  totalText: t,
+  rightText: s,
+  leftText: n,
+  ariaLabel: p,
+  caption: u,
+  detail: y
+}) {
+  const x = s !== void 0 && n !== void 0;
+  return /* @__PURE__ */ i(de, { chart: "pd", caption: u, detail: y, children: /* @__PURE__ */ l(
+    "svg",
+    {
+      role: "img",
+      "aria-label": p,
+      viewBox: "0 0 220 64",
+      className: "ds:w-52",
+      children: [
+        Ct.map(([f, b]) => /* @__PURE__ */ l("g", { children: [
+          /* @__PURE__ */ i(
+            "ellipse",
+            {
+              cx: b,
+              cy: Pe,
+              rx: "17",
+              ry: "9",
+              strokeWidth: "1",
+              className: j
+            }
+          ),
+          /* @__PURE__ */ i("circle", { cx: b, cy: Pe, r: "3.5", className: le }),
+          /* @__PURE__ */ i(
+            "line",
+            {
+              x1: b,
+              y1: Pe + 10,
+              x2: b,
+              y2: P + 4,
+              strokeWidth: "1",
+              strokeDasharray: "2 2",
+              className: j
+            }
+          )
+        ] }, f)),
+        /* @__PURE__ */ i(
+          "line",
+          {
+            x1: "60",
+            y1: P,
+            x2: "160",
+            y2: P,
+            strokeWidth: "1",
+            className: ee
+          }
+        ),
+        /* @__PURE__ */ i(
+          "path",
+          {
+            d: `M 66 ${P - 3} L 60 ${P} L 66 ${P + 3}`,
+            strokeWidth: "1",
+            className: ee
+          }
+        ),
+        /* @__PURE__ */ i(
+          "path",
+          {
+            d: `M 154 ${P - 3} L 160 ${P} L 154 ${P + 3}`,
+            strokeWidth: "1",
+            className: ee
+          }
+        ),
+        x ? /* @__PURE__ */ l(Ve, { children: [
+          /* @__PURE__ */ i(
+            "line",
+            {
+              x1: "110",
+              y1: P - 4,
+              x2: "110",
+              y2: P + 4,
+              strokeWidth: "1",
+              className: ee
+            }
+          ),
+          /* @__PURE__ */ i(
+            "text",
+            {
+              x: "85",
+              y: P - 6,
+              fontSize: "8",
+              textAnchor: "middle",
+              className: ce,
+              children: s
+            }
+          ),
+          /* @__PURE__ */ i(
+            "text",
+            {
+              x: "135",
+              y: P - 6,
+              fontSize: "8",
+              textAnchor: "middle",
+              className: ce,
+              children: n
+            }
+          )
+        ] }) : /* @__PURE__ */ i(
+          "text",
+          {
+            x: "110",
+            y: P - 6,
+            fontSize: "8",
+            textAnchor: "middle",
+            className: ce,
+            children: t
+          }
+        )
+      ]
+    }
+  ) });
+}
+const S = 60, N = 52, A = 28;
+function Tt(t, s) {
+  switch (s) {
+    case "up":
+      return 90;
+    case "down":
+      return 270;
+    case "in":
+      return t === "od" ? 0 : 180;
+    case "out":
+      return t === "od" ? 180 : 0;
+  }
+}
+function Et({
+  eye: t,
+  base: s,
+  labels: n,
+  ariaLabel: p,
+  caption: u
+}) {
+  const y = Tt(t, s), [x, f] = _(S, N, A - 6, y), [b, g] = _(S, N, A, y), [k, I] = _(S, N, A - 7, y + 8), [B, K] = _(S, N, A - 7, y - 8), r = t === "od" ? n.in : n.out, X = t === "od" ? n.out : n.in;
+  return /* @__PURE__ */ i(de, { chart: "prismBase", eye: t, caption: u, children: /* @__PURE__ */ l(
+    "svg",
+    {
+      role: "img",
+      "aria-label": p,
+      viewBox: "0 0 120 104",
+      className: "ds:w-32",
+      children: [
+        /* @__PURE__ */ i(
+          "line",
+          {
+            x1: S - A,
+            y1: N,
+            x2: S + A,
+            y2: N,
+            strokeWidth: "1",
+            className: j
+          }
+        ),
+        /* @__PURE__ */ i(
+          "line",
+          {
+            x1: S,
+            y1: N - A,
+            x2: S,
+            y2: N + A,
+            strokeWidth: "1",
+            className: j
+          }
+        ),
+        /* @__PURE__ */ i(
+          "text",
+          {
+            x: S,
+            y: N - A - 5,
+            fontSize: "7",
+            textAnchor: "middle",
+            className: q,
+            children: n.up
+          }
+        ),
+        /* @__PURE__ */ i(
+          "text",
+          {
+            x: S,
+            y: N + A + 11,
+            fontSize: "7",
+            textAnchor: "middle",
+            className: q,
+            children: n.down
+          }
+        ),
+        /* @__PURE__ */ i(
+          "text",
+          {
+            x: S + A + 10,
+            y: N + 2,
+            fontSize: "7",
+            textAnchor: "middle",
+            className: q,
+            children: r
+          }
+        ),
+        /* @__PURE__ */ i(
+          "text",
+          {
+            x: S - A - 10,
+            y: N + 2,
+            fontSize: "7",
+            textAnchor: "middle",
+            className: q,
+            children: X
+          }
+        ),
+        /* @__PURE__ */ i(
+          "line",
+          {
+            x1: S,
+            y1: N,
+            x2: x,
+            y2: f,
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            className: Me
+          }
+        ),
+        /* @__PURE__ */ i(
+          "polygon",
+          {
+            points: `${b},${g} ${k},${I} ${B},${K}`,
+            className: le
+          }
+        ),
+        /* @__PURE__ */ i("circle", { cx: S, cy: N, r: "2.5", className: le })
+      ]
+    }
+  ) });
+}
+const Dt = He("ds:flex ds:flex-col", {
+  variants: {
+    density: {
+      comfortable: "ds:gap-4",
+      compact: "ds:gap-2"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+}), Le = {
+  4: "ds:[grid-template-columns:minmax(2.75rem,auto)_repeat(4,minmax(0,1fr))]",
+  6: "ds:[grid-template-columns:minmax(2.75rem,auto)_repeat(6,minmax(0,1fr))]"
+}, L = "ds:text-[length:var(--font-size-xs)] ds:font-[var(--font-weight-medium)] ds:text-[var(--muted-foreground)]", Lt = "ds:text-end ds:tabular-nums ds:text-[length:var(--font-size-sm)] ds:text-[var(--foreground)]", Mt = We(
+  ({
+    id: t,
+    mode: s = "interactive",
+    value: n,
+    defaultValue: p,
+    onChange: u,
+    bands: y = ["far", "near"],
+    showPrism: x = !1,
+    metadata: f = !0,
+    charts: b = !0,
+    chartsBand: g,
+    density: k = "comfortable",
+    ariaLabel: I,
+    className: B
+  }, K) => {
+    const { t: r } = Fe(), X = je(), O = t ?? X, Ae = ue(null), te = s === "interactive", pe = n !== void 0, [ke, Ie] = Xe(
+      p ?? bt()
+    ), Y = pe ? n : ke, E = ue(Y);
+    E.current = Y;
+    const z = R(
+      (e) => {
+        pe || Ie(e), u == null || u(e);
+      },
+      [pe, u]
+    ), U = R(
+      (e, h, a, d) => {
+        z(xt(E.current, e, h, a, d ?? void 0));
+      },
+      [z]
+    ), V = R(
+      (e) => {
+        z({ ...E.current, ...e });
+      },
+      [z]
+    ), G = y, _e = ue(G);
+    _e.current = G;
+    const re = fe(
+      () => x ? ["sphere", "cylinder", "axis", "add", "prism", "base"] : ["sphere", "cylinder", "axis", "add"],
+      [x]
+    ), Ce = R((e, h) => {
+      const a = Ae.current;
+      if (!a) return;
+      const d = h ?? _e.current[0];
+      if (!d) return;
+      const m = a.querySelector(
+        `[data-band="${d}"][data-eye="${e}"]`
+      );
+      if (!m) return;
+      (m.querySelector(
+        'input, textarea, button:not([tabindex="-1"])'
+      ) ?? m.querySelector("[tabindex]") ?? m).focus();
+    }, []), me = fe(
+      () => ({
+        focusEye: Ce,
+        getValue: () => E.current,
+        setValue: (e) => z(e),
+        getRow: (e, h) => oe(E.current, e, h),
+        setCell: U,
+        clearBand: (e) => z(vt(E.current, e)),
+        getBands: () => Ee(E.current)
+      }),
+      [Ce, z, U]
+    );
+    Ye(K, () => me, [me]), qe(Qe, me, O);
+    const D = R(
+      (e) => r(`opticalPrescription.eye.${e}Name`),
+      [r]
+    ), ie = R(
+      (e) => r(`opticalPrescription.column.${e}`),
+      [r]
+    ), J = R(
+      (e) => r(`opticalPrescription.band.${e}`),
+      [r]
+    ), $e = R(
+      (e, h, a) => {
+        const d = oe(E.current, e, h), m = d == null ? void 0 : d[a], w = r("opticalPrescription.cellLabel", {
+          eye: D(h),
+          column: ie(a),
+          band: J(e)
+        });
+        return a === "base" ? /* @__PURE__ */ i("div", { role: "cell", "data-field": a, className: "ds:min-w-0", children: /* @__PURE__ */ i(
+          he,
+          {
+            size: "md",
+            clearable: !0,
+            "aria-label": w,
+            value: typeof m == "string" ? m : "",
+            options: et.map((Q) => ({
+              value: Q,
+              label: r(`opticalPrescription.base.${Q}`)
+            })),
+            onValueChange: (Q) => U(e, h, "base", Q === "" ? null : Q)
+          }
+        ) }, a) : /* @__PURE__ */ i("div", { role: "cell", "data-field": a, className: "ds:min-w-0", children: /* @__PURE__ */ i(
+          se,
+          {
+            size: "md",
+            "aria-label": w,
+            value: typeof m == "number" ? m : null,
+            ...a === "axis" ? {
+              mode: "integer",
+              step: lt,
+              min: Ne,
+              max: we
+            } : a === "add" ? {
+              mode: "decimal",
+              step: ne,
+              min: ot,
+              max: ct
+            } : a === "prism" ? {
+              mode: "decimal",
+              step: ne,
+              min: dt,
+              max: pt
+            } : a === "cylinder" ? {
+              mode: "decimal",
+              step: ne,
+              min: at,
+              max: nt
+            } : {
+              mode: "decimal",
+              step: ne,
+              min: it,
+              max: st
+            },
+            onChange: (F) => U(e, h, a, F)
+          }
+        ) }, a);
+      },
+      [r, D, ie, J, U]
+    ), Te = R(
+      (e, h, a) => {
+        const d = oe(E.current, e, h), m = d == null ? void 0 : d[a];
+        let w;
+        return m === void 0 ? w = r("opticalPrescription.empty") : a === "base" && typeof m == "string" ? w = r(`opticalPrescription.base.${m}`) : typeof m == "number" ? w = ht(a, m) : w = r("opticalPrescription.empty"), /* @__PURE__ */ i("span", { role: "cell", "data-field": a, className: Lt, children: w }, a);
+      },
+      [r]
+    ), Be = R(
+      (e) => {
+        const h = `${O}-band-${e}`, a = Le[re.length] ?? Le[4];
+        return /* @__PURE__ */ l(
+          "section",
+          {
+            className: "ds:flex ds:flex-col ds:gap-1",
+            "aria-labelledby": h,
+            children: [
+              /* @__PURE__ */ i(
+                "p",
+                {
+                  id: h,
+                  className: "ds:m-0 ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+                  children: J(e)
+                }
+              ),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  role: "table",
+                  "aria-label": J(e),
+                  className: `ds:grid ds:items-center ds:gap-x-2 ds:gap-y-1 ${a}`,
+                  children: [
+                    /* @__PURE__ */ l("div", { role: "row", className: "ds:contents", children: [
+                      /* @__PURE__ */ i(
+                        "span",
+                        {
+                          role: "columnheader",
+                          className: `${L} ds:text-start`,
+                          children: r("opticalPrescription.column.eye")
+                        }
+                      ),
+                      re.map((d) => /* @__PURE__ */ i(
+                        "span",
+                        {
+                          role: "columnheader",
+                          className: `${L} ds:text-end`,
+                          children: ie(d)
+                        },
+                        d
+                      ))
+                    ] }),
+                    Z.map((d) => /* @__PURE__ */ l(
+                      "div",
+                      {
+                        role: "row",
+                        "data-eye": d,
+                        "data-band": e,
+                        className: "ds:contents",
+                        children: [
+                          /* @__PURE__ */ i(
+                            "span",
+                            {
+                              role: "rowheader",
+                              tabIndex: -1,
+                              "aria-label": D(d),
+                              className: "ds:text-start ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:tabular-nums ds:text-[var(--foreground)] ds:outline-none ds:rounded-[var(--radius-sm)] 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)]",
+                              children: r(`opticalPrescription.eye.${d}`)
+                            }
+                          ),
+                          re.map(
+                            (m) => te ? $e(e, d, m) : Te(e, d, m)
+                          )
+                        ]
+                      },
+                      d
+                    ))
+                  ]
+                }
+              )
+            ]
+          },
+          e
+        );
+      },
+      [
+        O,
+        re,
+        te,
+        J,
+        ie,
+        D,
+        $e,
+        Te,
+        r
+      ]
+    ), H = fe(() => b === !1 ? [] : b === !0 ? gt : b, [b]), Oe = R(() => {
+      var w;
+      if (H.length === 0) return null;
+      const e = Y, h = Ee(e), a = g ?? G.find((o) => h.includes(o)), d = (o) => a ? oe(e, a, o) : void 0, m = [];
+      if (H.includes("tabo"))
+        for (const o of Z) {
+          const c = (w = d(o)) == null ? void 0 : w.axis;
+          if (c === void 0) continue;
+          const F = Re(c);
+          m.push(
+            /* @__PURE__ */ i(
+              Rt,
+              {
+                eye: o,
+                axisDeg: F,
+                ariaLabel: r("opticalPrescription.charts.tabo.aria", {
+                  eye: D(o),
+                  axis: W(F)
+                }),
+                caption: r("opticalPrescription.charts.tabo.caption", {
+                  eye: r(`opticalPrescription.eye.${o}`),
+                  axis: W(F)
+                })
+              },
+              `tabo-${o}`
+            )
+          );
+        }
+      if (H.includes("powerCross"))
+        for (const o of Z) {
+          const c = yt(d(o));
+          c && m.push(
+            /* @__PURE__ */ i(
+              _t,
+              {
+                eye: o,
+                primary: c.primary,
+                secondary: c.secondary,
+                primaryText: M(c.primary.power, 2),
+                secondaryText: M(c.secondary.power, 2),
+                ariaLabel: r("opticalPrescription.charts.powerCross.aria", {
+                  eye: D(o),
+                  primary: M(c.primary.power, 2),
+                  primaryDeg: W(c.primary.deg),
+                  secondary: M(c.secondary.power, 2),
+                  secondaryDeg: W(c.secondary.deg)
+                }),
+                caption: r("opticalPrescription.charts.powerCross.caption", {
+                  eye: r(`opticalPrescription.eye.${o}`)
+                }),
+                detail: `${M(c.primary.power, 2)} @ ${W(c.primary.deg)} · ${M(c.secondary.power, 2)} @ ${W(c.secondary.deg)}`
+              },
+              `cross-${o}`
+            )
+          );
+        }
+      if (H.includes("pd")) {
+        const o = e.pdRight !== void 0 && e.pdLeft !== void 0;
+        (o || e.pd !== void 0) && m.push(
+          /* @__PURE__ */ i(
+            $t,
+            {
+              totalText: e.pd !== void 0 ? r("opticalPrescription.pd.value", { value: e.pd }) : void 0,
+              rightText: o ? r("opticalPrescription.pd.value", { value: e.pdRight }) : void 0,
+              leftText: o ? r("opticalPrescription.pd.value", { value: e.pdLeft }) : void 0,
+              ariaLabel: o ? r("opticalPrescription.charts.pd.ariaSplit", {
+                right: e.pdRight,
+                left: e.pdLeft
+              }) : r("opticalPrescription.charts.pd.aria", { value: e.pd }),
+              caption: r("opticalPrescription.charts.pd.caption"),
+              detail: o ? r("opticalPrescription.pd.monocularValue", {
+                right: e.pdRight,
+                left: e.pdLeft
+              }) : r("opticalPrescription.pd.value", { value: e.pd })
+            },
+            "pd"
+          )
+        );
+      }
+      if (H.includes("prismBase"))
+        for (const o of Z) {
+          const c = d(o);
+          !c || c.prism === void 0 || c.prism <= 0 || !c.base || m.push(
+            /* @__PURE__ */ i(
+              Et,
+              {
+                eye: o,
+                base: c.base,
+                labels: {
+                  up: r("opticalPrescription.charts.prism.baseShort.up"),
+                  down: r("opticalPrescription.charts.prism.baseShort.down"),
+                  in: r("opticalPrescription.charts.prism.baseShort.in"),
+                  out: r("opticalPrescription.charts.prism.baseShort.out")
+                },
+                ariaLabel: r("opticalPrescription.charts.prism.aria", {
+                  eye: D(o),
+                  value: Se(c.prism),
+                  base: r(`opticalPrescription.base.${c.base}`)
+                }),
+                caption: r("opticalPrescription.charts.prism.caption", {
+                  eye: r(`opticalPrescription.eye.${o}`),
+                  value: Se(c.prism),
+                  base: r(
+                    `opticalPrescription.charts.prism.baseShort.${c.base}`
+                  )
+                })
+              },
+              `prism-${o}`
+            )
+          );
+        }
+      return m.length === 0 ? null : (
+        // Examiner-view clinical diagrams (OD drawn to the left of OS, nasal
+        // towards the other eye) — physical order like the odontogram, so the
+        // strip is pinned LTR and does not mirror in RTL.
+        /* @__PURE__ */ i(
+          "div",
+          {
+            role: "group",
+            "aria-label": r("opticalPrescription.charts.label"),
+            dir: "ltr",
+            className: "ds:flex ds:flex-wrap ds:items-end ds:gap-4",
+            children: m
+          }
+        )
+      );
+    }, [H, Y, g, G, D, r]), ze = R(() => {
+      if (!f) return null;
+      const e = Y;
+      return te ? /* @__PURE__ */ l(
+        "div",
+        {
+          role: "group",
+          "aria-label": r("opticalPrescription.metaLabel"),
+          className: "ds:grid ds:gap-3 ds:grid-cols-[repeat(auto-fit,minmax(8rem,1fr))]",
+          children: [
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ i("span", { className: L, children: r("opticalPrescription.pd.label") }),
+              /* @__PURE__ */ i(
+                se,
+                {
+                  size: "md",
+                  mode: "decimal",
+                  step: 0.5,
+                  min: be,
+                  max: xe,
+                  "aria-label": r("opticalPrescription.pd.full"),
+                  value: e.pd ?? null,
+                  onChange: (a) => V({ pd: a ?? void 0 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ i("span", { className: L, children: r("opticalPrescription.pd.right") }),
+              /* @__PURE__ */ i(
+                se,
+                {
+                  size: "md",
+                  mode: "decimal",
+                  step: 0.5,
+                  min: be / 2,
+                  max: xe / 2,
+                  "aria-label": r("opticalPrescription.pd.right"),
+                  value: e.pdRight ?? null,
+                  onChange: (a) => V({ pdRight: a ?? void 0 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ i("span", { className: L, children: r("opticalPrescription.pd.left") }),
+              /* @__PURE__ */ i(
+                se,
+                {
+                  size: "md",
+                  mode: "decimal",
+                  step: 0.5,
+                  min: be / 2,
+                  max: xe / 2,
+                  "aria-label": r("opticalPrescription.pd.left"),
+                  value: e.pdLeft ?? null,
+                  onChange: (a) => V({ pdLeft: a ?? void 0 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ i("span", { className: L, children: r("opticalPrescription.lensType.label") }),
+              /* @__PURE__ */ i(
+                he,
+                {
+                  size: "md",
+                  clearable: !0,
+                  "aria-label": r("opticalPrescription.lensType.label"),
+                  value: e.lensType ?? "",
+                  options: tt.map((a) => ({
+                    value: a,
+                    label: r(`opticalPrescription.lensType.${a}`)
+                  })),
+                  onValueChange: (a) => V({ lensType: a === "" ? void 0 : a })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ i("span", { className: L, children: r("opticalPrescription.axisSystem.label") }),
+              /* @__PURE__ */ i(
+                he,
+                {
+                  size: "md",
+                  clearable: !0,
+                  "aria-label": r("opticalPrescription.axisSystem.label"),
+                  value: e.axisSystem ?? "",
+                  options: rt.map((a) => ({
+                    value: a,
+                    label: r(`opticalPrescription.axisSystem.${a}`)
+                  })),
+                  onValueChange: (a) => V({ axisSystem: a === "" ? void 0 : a })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-1 ds:[grid-column:1/-1]", children: [
+              /* @__PURE__ */ i("span", { className: L, children: r("opticalPrescription.notes.label") }),
+              /* @__PURE__ */ i(
+                Ke,
+                {
+                  size: "md",
+                  minRows: 2,
+                  "aria-label": r("opticalPrescription.notes.label"),
+                  placeholder: r("opticalPrescription.notes.placeholder"),
+                  value: e.notes ?? "",
+                  onChange: (a) => V({ notes: a.target.value || void 0 })
+                }
+              )
+            ] })
+          ]
+        }
+      ) : e.pd !== void 0 || e.pdRight !== void 0 && e.pdLeft !== void 0 || e.lensType !== void 0 || e.axisSystem !== void 0 || e.notes !== void 0 && e.notes !== "" ? /* @__PURE__ */ l(
+        v,
+        {
+          layout: "inline",
+          labelWidth: "fixed",
+          density: "compact",
+          "aria-label": r("opticalPrescription.metaLabel"),
+          children: [
+            e.pd !== void 0 && /* @__PURE__ */ l(v.Row, { children: [
+              /* @__PURE__ */ i(v.Term, { children: r("opticalPrescription.pd.label") }),
+              /* @__PURE__ */ i(v.Detail, { numeric: !0, children: r("opticalPrescription.pd.value", { value: e.pd }) })
+            ] }),
+            e.pdRight !== void 0 && e.pdLeft !== void 0 && /* @__PURE__ */ l(v.Row, { children: [
+              /* @__PURE__ */ i(v.Term, { children: r("opticalPrescription.pd.monocular") }),
+              /* @__PURE__ */ i(v.Detail, { numeric: !0, children: r("opticalPrescription.pd.monocularValue", {
+                right: e.pdRight,
+                left: e.pdLeft
+              }) })
+            ] }),
+            e.lensType !== void 0 && /* @__PURE__ */ l(v.Row, { children: [
+              /* @__PURE__ */ i(v.Term, { children: r("opticalPrescription.lensType.label") }),
+              /* @__PURE__ */ i(v.Detail, { children: r(`opticalPrescription.lensType.${e.lensType}`) })
+            ] }),
+            e.axisSystem !== void 0 && /* @__PURE__ */ l(v.Row, { children: [
+              /* @__PURE__ */ i(v.Term, { children: r("opticalPrescription.axisSystem.label") }),
+              /* @__PURE__ */ i(v.Detail, { children: r(`opticalPrescription.axisSystem.${e.axisSystem}`) })
+            ] }),
+            e.notes !== void 0 && e.notes !== "" && /* @__PURE__ */ l(v.Row, { children: [
+              /* @__PURE__ */ i(v.Term, { children: r("opticalPrescription.notes.label") }),
+              /* @__PURE__ */ i(v.Detail, { children: e.notes })
+            ] })
+          ]
+        }
+      ) : null;
+    }, [f, Y, te, r, V]);
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: Ae,
+        "data-component": "optical-prescription",
+        "data-component-id": O,
+        "data-mode": s,
+        role: "group",
+        "aria-label": I ?? r("opticalPrescription.ariaLabel"),
+        className: Dt({ density: k, className: B }),
+        children: [
+          G.map((e) => Be(e)),
+          Oe(),
+          ze()
+        ]
+      }
+    );
+  }
+);
+Mt.displayName = "OpticalPrescription";
+export {
+  ct as A,
+  Qe as B,
+  gt as C,
+  ne as D,
+  Z as E,
+  xt as F,
+  tt as L,
+  Mt as O,
+  xe as P,
+  Yt as R,
+  st as S,
+  ot as a,
+  we as b,
+  Ne as c,
+  lt as d,
+  rt as e,
+  nt as f,
+  at as g,
+  Ze as h,
+  be as i,
+  et as j,
+  pt as k,
+  dt as l,
+  it as m,
+  Ee as n,
+  vt as o,
+  bt as p,
+  ft as q,
+  W as r,
+  ut as s,
+  Se as t,
+  ht as u,
+  M as v,
+  mt as w,
+  oe as x,
+  yt as y,
+  Re as z
+};
+//# sourceMappingURL=optical-prescription-BEjYQjiO.js.map