@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/operator-hero-DVy0RGoD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operator-hero-DVy0RGoD.js","sources":["../../src/components/operator-hero/operator-hero.agent.ts","../../src/components/operator-hero/operator-hero.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { OperatorHeroHandle } from './operator-hero';\n\nexport const operatorHeroAgent: AgentAdapter<OperatorHeroHandle> = {\n  id: 'operator-hero',\n  // Purely observable hero region — no interactive affordances and no\n  // imperative actions on the handle (getName / getHasColor are read-only\n  // projections). The previous `view_change` capability had no backing\n  // action and is removed.\n  capabilities: [],\n  state: {\n    name: {\n      type: 'string',\n      descriptionKey: 'ui.agent.operatorHero.state.name',\n      description: 'Operator display name currently rendered.',\n      read: (handle) => handle.getName(),\n    },\n    hasColor: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.operatorHero.state.hasColor',\n      description:\n        'Whether a calendar-colour identity dot is rendered. Structural flag only — never the colour id or any PHI.',\n      read: (handle) => handle.getHasColor(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'operator-hero',\n      description: 'Marks the OperatorHero root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Rating } from '../rating/rating';\nimport { colorIdToToken } from '../_shared/entity-card';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { operatorHeroAgent } from './operator-hero.agent';\n\n/* -------------------------------------------------------------------- */\n/* OperatorHero                                                           */\n/*                                                                        */\n/* The operator-page counterpart to the consumer-side `<PracticeHero>`   */\n/* / `<PracticeProfileHero>` pattern. Differences from the practice      */\n/* hero (per the spec):                                                  */\n/*                                                                        */\n/*   - Avatar instead of a full hero image background                   */\n/*   - Ratings + reviews summary rendered inline                        */\n/*   - Slightly shorter vertically — no cover strip, denser padding     */\n/*                                                                        */\n/* Use case: individual operator profile page (`/dentista/<slug>/        */\n/* operatori/<name>`), pair with `<ContactProfileCard>` below to fill   */\n/* in the operator's contact + profession info.                          */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Density toggle. Default `comfortable` matches the practice hero's\n    // visual weight minus the cover strip. `compact` is for embedded\n    // surfaces (booking aside, ROI Dashboard practice panel) where the\n    // hero needs to fit in <12rem vertical.\n    density: {\n      comfortable: '',\n      compact: '',\n    },\n    // Matches the kit's other `surface` props (Booking, ReviewsPanel,\n    // ContactProfileCard). `'elevated'` wraps in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n    surface: 'elevated',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface OperatorHeroBadge {\n  /** Display key — i18n is up to the consumer. */\n  key: string;\n  /** Display label. */\n  label: string;\n  /** Badge variant — falls back to `neutral`. */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error';\n}\n\nexport interface OperatorHeroRating {\n  /** Mean rating, 0–5. */\n  value: number;\n  /** Total number of reviews. */\n  count: number;\n}\n\nexport interface OperatorHeroHandle {\n  getName: () => string;\n  /** Structural flag — whether a calendar-colour dot is rendered. No PHI. */\n  getHasColor: () => boolean;\n}\n\nexport interface OperatorHeroProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Operator's display name. Rendered as the H1 heading. */\n  name: string;\n  /**\n   * Optional calendar-colour identity for the operator. AlfaDocs assigns each\n   * operator a numeric colour id; when present, a small colour dot is rendered\n   * next to the name, tinted via `colorIdToToken(colorId)` (a `var(--…)` palette\n   * token — never a literal). The id itself is a structural identifier, not PHI.\n   */\n  colorId?: string;\n  /** Specialty / tagline subtitle (e.g. \"Dermatologa · 12 anni di esperienza\"). */\n  tagline?: string;\n  /**\n   * Optional photo / avatar URL. The kit always renders an `<Avatar>` —\n   * when `imageUrl` is missing the avatar falls back to initials.\n   */\n  imageUrl?: string;\n  /** Rating summary — when present, renders a Rating + numeric breakdown line. */\n  rating?: OperatorHeroRating;\n  /**\n   * Optional badge row beneath the rating. Use sparingly — 1–3 chips\n   * suit the hero's density; longer lists belong in `<ContactProfileCard>`.\n   */\n  badges?: OperatorHeroBadge[];\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered at the inline-end of the heading row (right side on LTR).\n   * Use for a \"Book with this operator\" `<Button>` or a \"Back to\n   * practice\" link.\n   */\n  actionSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `comfortable` (default) — matches the practice hero's visual\n   * weight minus the cover strip. `compact` halves the vertical\n   * padding for embedded surfaces.\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * `elevated` (default) wraps in `<Card variant=\"elevated\">`. `flat`\n   * drops the Card — use inside another card / sheet.\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  'aria-label'?: string;\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const OperatorHero = forwardRef<HTMLDivElement, OperatorHeroProps>(\n  (\n    {\n      name,\n      colorId,\n      tagline,\n      imageUrl,\n      rating,\n      badges,\n      actionSlot,\n      density = 'comfortable',\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const headingId = useId();\n    const resolvedAriaLabel = ariaLabel ?? t('operatorHero.regionLabel');\n\n    // Calendar-colour dot. Tint via a component-scoped CSS custom property set\n    // imperatively on a ref — mirrors the Avatar `--avatar-color-override`\n    // idiom so no `style={{…}}` attribute lands on the JSX (constraint §4).\n    const hasColor = colorId !== undefined && colorId !== null;\n    const dotRef = useRef<HTMLSpanElement>(null);\n\n    useAgentRegistration(\n      operatorHeroAgent,\n      { getName: () => name, getHasColor: () => hasColor },\n      id,\n    );\n    useIsomorphicLayoutEffect(() => {\n      const el = dotRef.current;\n      if (!el) return;\n      if (hasColor) {\n        el.style.setProperty('--operator-hero-color', colorIdToToken(colorId));\n      } else {\n        el.style.removeProperty('--operator-hero-color');\n      }\n    }, [hasColor, colorId]);\n\n    const ratingLabel = rating\n      ? t('operatorHero.ratingLabel', {\n          value: rating.value.toFixed(1),\n          count: rating.count,\n        })\n      : undefined;\n\n    // Padding scales with density. Comfortable matches the practice\n    // hero's `pt-xl pb-md` minus the cover strip; compact halves it.\n    const bodyPaddingClass =\n      density === 'comfortable'\n        ? 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]'\n        : 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]';\n\n    // Avatar size keys off density. Comfortable = 2xl (~72px) to read\n    // as the page hero. Compact = xl (~56px) for embedded use.\n    const avatarSize = density === 'comfortable' ? '2xl' : 'xl';\n\n    // Heading scale tracks density too. Comfortable uses the kit's\n    // page-title token; compact drops to title-card so the operator\n    // name doesn't dominate an embedded surface.\n    const headingClass =\n      density === 'comfortable' ? 'type-title-page' : 'type-title-card';\n\n    const inner = (\n      <div\n        className={[\n          'ds:flex ds:items-start ds:gap-[var(--spacing-lg)]',\n          bodyPaddingClass,\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        ].join(' ')}\n      >\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={imageUrl}\n          className=\"ds:shrink-0\"\n        />\n        <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:flex-wrap\">\n            <h1\n              id={headingId}\n              className={`${headingClass} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]`}\n            >\n              {hasColor ? (\n                <span\n                  ref={dotRef}\n                  role=\"img\"\n                  aria-label={t('operatorHero.colorLabel', 'Calendar colour')}\n                  className=\"ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[var(--operator-hero-color)]\"\n                />\n              ) : null}\n              {name}\n            </h1>\n            {actionSlot ? (\n              <div className=\"ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]\">\n                {actionSlot}\n              </div>\n            ) : null}\n          </div>\n          {tagline ? (\n            <p className=\"type-body ds:m-0 ds:text-[color:var(--foreground)]\">\n              {tagline}\n            </p>\n          ) : null}\n          {rating ? (\n            <div\n              className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              aria-label={ratingLabel}\n            >\n              <Rating\n                value={rating.value}\n                max={5}\n                size={density === 'comfortable' ? 'md' : 'sm'}\n              />\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {rating.value.toFixed(1)} · {rating.count}\n              </span>\n            </div>\n          ) : null}\n          {badges && badges.length > 0 ? (\n            <div\n              role=\"list\"\n              className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] ds:mt-[var(--spacing-2xs)]\"\n            >\n              {badges.map((badge) => (\n                <Badge\n                  key={badge.key}\n                  variant={badge.variant ?? 'neutral'}\n                  role=\"listitem\"\n                >\n                  {badge.label}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"operator-hero\"\n        data-component-id={id}\n        data-density={density}\n        id={id}\n        className={rootVariants({ surface, density, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">{inner}</Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nOperatorHero.displayName = 'OperatorHero';\n\nexport type OperatorHeroDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["operatorHeroAgent","handle","rootVariants","cva","OperatorHero","forwardRef","name","colorId","tagline","imageUrl","rating","badges","actionSlot","density","surface","ariaLabel","id","className","rest","ref","t","useTranslation","headingId","useId","resolvedAriaLabel","hasColor","dotRef","useRef","useAgentRegistration","useIsomorphicLayoutEffect","el","colorIdToToken","ratingLabel","bodyPaddingClass","avatarSize","headingClass","inner","jsxs","jsx","Avatar","Rating","badge","Badge","Card"],"mappings":"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"}

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

@@ -0,0 +1,653 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as le, useId as de, useRef as j, useState as pe, useCallback as u, useMemo as Y, useImperativeHandle as me } from "react";
+import { c as ue } from "./index-D2ZczOXr.js";
+import { useTranslation as fe } from "react-i18next";
+import { u as be } from "./registry-DvAUVLHh.js";
+import { N as U } from "./number-input-DjWzmlEY.js";
+import { S as L } from "./select-BmCbJMJS.js";
+import { T as ye } from "./text-area-Bt3p7Pt0.js";
+import { D as p } from "./description-list-CmBVxIF5.js";
+const V = {
+  enum: ["od", "os"],
+  description: "Eye — `od` (right eye) or `os` (left eye)."
+}, D = {
+  enum: ["far", "intermediate", "near"],
+  description: "Distance band — `far` (per lontano), `intermediate`, `near` (per vicino)."
+}, he = {
+  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"] }
+  }
+}, ve = {
+  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." },
+    lensType: { enum: ["single-vision", "bifocal", "progressive"] },
+    axisSystem: { enum: ["tabo", "int"] },
+    notes: { type: "string", description: "Free-text note — PHI." }
+  },
+  required: ["bands"]
+}, xe = {
+  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 a = t.getValue();
+        return {
+          bands: a.bands,
+          pd: a.pd,
+          lensType: a.lensType,
+          axisSystem: a.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: V, band: D },
+        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, a) => {
+        t.focusEye(a.eye, a.band);
+      }
+    },
+    get_row: {
+      safety: "read",
+      argsType: "{ band: DistanceBand; eye: Eye }",
+      argsSchema: {
+        type: "object",
+        properties: { band: D, eye: V },
+        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, a) => t.getRow(a.band, a.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: D,
+          eye: V,
+          field: he,
+          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, a) => {
+        t.setCell(a.band, a.eye, a.field, a.value);
+      }
+    },
+    set_value: {
+      safety: "write",
+      argsType: "{ value: OpticalPrescriptionValue }",
+      argsSchema: {
+        type: "object",
+        properties: { value: ve },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.setValue",
+      description: "Replace the entire prescription value.",
+      invoke: (t, a) => {
+        t.setValue(a.value);
+      }
+    },
+    clear_band: {
+      safety: "destructive",
+      argsType: "{ band: DistanceBand }",
+      argsSchema: {
+        type: "object",
+        properties: { band: D },
+        required: ["band"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.opticalPrescription.actions.clearBand",
+      description: "Clear every refraction row in a distance band.",
+      invoke: (t, a) => {
+        t.clearBand(a.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."
+    }
+  }
+}, G = ["od", "os"], Pe = [
+  "far",
+  "intermediate",
+  "near"
+], Se = ["up", "down", "in", "out"], Ne = [
+  "single-vision",
+  "bifocal",
+  "progressive"
+], we = ["tabo", "int"], nt = [
+  "sphere",
+  "cylinder",
+  "axis",
+  "add",
+  "prism",
+  "base"
+], C = 0.25, Re = -30, Ee = 30, _e = -12, Te = 12, Ae = 0, Ie = 6, J = 0, Q = 180, Me = 1, De = 40, Ce = 85, $e = 0, Be = 20;
+function Z(t, a = 2) {
+  const o = Math.abs(t).toFixed(a);
+  return t > 0 ? `+${o}` : t < 0 ? `-${o}` : o;
+}
+function ke(t) {
+  return Z(t, 2);
+}
+function je(t) {
+  return Z(t, 2);
+}
+function Le(t) {
+  return `+${Math.abs(t).toFixed(2)}`;
+}
+function Ve(t) {
+  return `${Math.min(Q, Math.max(J, Math.round(t)))}°`;
+}
+function He(t) {
+  return t.toFixed(2);
+}
+function Oe(t, a) {
+  switch (t) {
+    case "sphere":
+      return ke(a);
+    case "cylinder":
+      return je(a);
+    case "add":
+      return Le(a);
+    case "axis":
+      return Ve(a);
+    case "prism":
+      return He(a);
+    default:
+      return String(a);
+  }
+}
+function qe() {
+  return { bands: {} };
+}
+function H(t, a, o) {
+  var f;
+  return (f = t.bands[a]) == null ? void 0 : f[o];
+}
+function ze(t, a, o, f, m) {
+  const x = { ...t.bands }, h = { ...x[a] ?? {} }, g = { ...h[o] ?? {} };
+  return m == null ? delete g[f] : g[f] = m, Object.keys(g).length === 0 ? delete h[o] : h[o] = g, Object.keys(h).length === 0 ? delete x[a] : x[a] = h, { ...t, bands: x };
+}
+function Xe(t, a) {
+  if (!t.bands[a]) return t;
+  const o = { ...t.bands };
+  return delete o[a], { ...t, bands: o };
+}
+function Ke(t) {
+  return Pe.filter((a) => {
+    const o = t.bands[a];
+    return o ? G.some((f) => {
+      const m = o[f];
+      return m !== void 0 && Object.keys(m).length > 0;
+    }) : !1;
+  });
+}
+const Fe = ue("ds:flex ds:flex-col", {
+  variants: {
+    density: {
+      comfortable: "ds:gap-4",
+      compact: "ds:gap-2"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+}), W = {
+  4: "ds:[grid-template-columns:minmax(2.75rem,auto)_repeat(4,minmax(0,1fr))]",
+  5: "ds:[grid-template-columns:minmax(2.75rem,auto)_repeat(5,minmax(0,1fr))]",
+  6: "ds:[grid-template-columns:minmax(2.75rem,auto)_repeat(6,minmax(0,1fr))]"
+}, P = "ds:text-[length:var(--font-size-xs)] ds:font-[var(--font-weight-medium)] ds:text-[var(--muted-foreground)]", Ye = "ds:text-end ds:tabular-nums ds:text-[length:var(--font-size-sm)] ds:text-[var(--foreground)]", Ue = le(
+  ({
+    id: t,
+    mode: a = "interactive",
+    value: o,
+    defaultValue: f,
+    onChange: m,
+    bands: x = ["far", "near"],
+    showPrism: h = !1,
+    metadata: g = !0,
+    density: ee = "comfortable",
+    ariaLabel: te,
+    className: ae
+  }, se) => {
+    const { t: s } = fe(), ie = de(), E = t ?? ie, O = j(null), _ = a === "interactive", $ = o !== void 0, [re, ne] = pe(
+      f ?? qe()
+    ), T = $ ? o : re, b = j(T);
+    b.current = T;
+    const v = u(
+      (e) => {
+        $ || ne(e), m == null || m(e);
+      },
+      [$, m]
+    ), S = u(
+      (e, l, i, n) => {
+        v(ze(b.current, e, l, i, n ?? void 0));
+      },
+      [v]
+    ), N = u(
+      (e) => {
+        v({ ...b.current, ...e });
+      },
+      [v]
+    ), B = x, q = j(B);
+    q.current = B;
+    const A = Y(
+      () => h ? ["sphere", "cylinder", "axis", "add", "prism", "base"] : ["sphere", "cylinder", "axis", "add"],
+      [h]
+    ), z = u((e, l) => {
+      const i = O.current;
+      if (!i) return;
+      const n = l ?? q.current[0];
+      if (!n) return;
+      const c = i.querySelector(
+        `[data-band="${n}"][data-eye="${e}"]`
+      );
+      if (!c) return;
+      (c.querySelector(
+        'input, textarea, button:not([tabindex="-1"])'
+      ) ?? c.querySelector("[tabindex]") ?? c).focus();
+    }, []), k = Y(
+      () => ({
+        focusEye: z,
+        getValue: () => b.current,
+        setValue: (e) => v(e),
+        getRow: (e, l) => H(b.current, e, l),
+        setCell: S,
+        clearBand: (e) => v(Xe(b.current, e)),
+        getBands: () => Ke(b.current)
+      }),
+      [z, v, S]
+    );
+    me(se, () => k, [k]), be(xe, k, E);
+    const I = u(
+      (e) => s(`opticalPrescription.eye.${e}Name`),
+      [s]
+    ), M = u(
+      (e) => s(`opticalPrescription.column.${e}`),
+      [s]
+    ), w = u(
+      (e) => s(`opticalPrescription.band.${e}`),
+      [s]
+    ), X = u(
+      (e, l, i) => {
+        const n = H(b.current, e, l), c = n == null ? void 0 : n[i], y = s("opticalPrescription.cellLabel", {
+          eye: I(l),
+          column: M(i),
+          band: w(e)
+        });
+        return i === "base" ? /* @__PURE__ */ r("div", { role: "cell", "data-field": i, className: "ds:min-w-0", children: /* @__PURE__ */ r(
+          L,
+          {
+            size: "md",
+            clearable: !0,
+            "aria-label": y,
+            value: typeof c == "string" ? c : "",
+            options: Se.map((R) => ({
+              value: R,
+              label: s(`opticalPrescription.base.${R}`)
+            })),
+            onValueChange: (R) => S(e, l, "base", R === "" ? null : R)
+          }
+        ) }) : /* @__PURE__ */ r("div", { role: "cell", "data-field": i, className: "ds:min-w-0", children: /* @__PURE__ */ r(
+          U,
+          {
+            size: "md",
+            "aria-label": y,
+            value: typeof c == "number" ? c : null,
+            ...i === "axis" ? {
+              mode: "integer",
+              step: Me,
+              min: J,
+              max: Q
+            } : i === "add" ? {
+              mode: "decimal",
+              step: C,
+              min: Ae,
+              max: Ie
+            } : i === "prism" ? {
+              mode: "decimal",
+              step: C,
+              min: $e,
+              max: Be
+            } : i === "cylinder" ? {
+              mode: "decimal",
+              step: C,
+              min: _e,
+              max: Te
+            } : {
+              mode: "decimal",
+              step: C,
+              min: Re,
+              max: Ee
+            },
+            onChange: (F) => S(e, l, i, F)
+          }
+        ) });
+      },
+      [s, I, M, w, S]
+    ), K = u(
+      (e, l, i) => {
+        const n = H(b.current, e, l), c = n == null ? void 0 : n[i];
+        let y;
+        return c === void 0 ? y = s("opticalPrescription.empty") : i === "base" && typeof c == "string" ? y = s(`opticalPrescription.base.${c}`) : typeof c == "number" ? y = Oe(i, c) : y = s("opticalPrescription.empty"), /* @__PURE__ */ r("span", { role: "cell", "data-field": i, className: Ye, children: y });
+      },
+      [s]
+    ), oe = u(
+      (e) => {
+        const l = `${E}-band-${e}`, i = W[A.length + 1] ?? W[4];
+        return /* @__PURE__ */ d(
+          "section",
+          {
+            className: "ds:flex ds:flex-col ds:gap-1",
+            "aria-labelledby": l,
+            children: [
+              /* @__PURE__ */ r(
+                "p",
+                {
+                  id: l,
+                  className: "ds:m-0 ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+                  children: w(e)
+                }
+              ),
+              /* @__PURE__ */ d(
+                "div",
+                {
+                  role: "table",
+                  "aria-label": w(e),
+                  className: `ds:grid ds:items-center ds:gap-x-2 ds:gap-y-1 ${i}`,
+                  children: [
+                    /* @__PURE__ */ d("div", { role: "row", className: "ds:contents", children: [
+                      /* @__PURE__ */ r(
+                        "span",
+                        {
+                          role: "columnheader",
+                          className: `${P} ds:text-start`,
+                          children: s("opticalPrescription.column.eye")
+                        }
+                      ),
+                      A.map((n) => /* @__PURE__ */ r(
+                        "span",
+                        {
+                          role: "columnheader",
+                          className: `${P} ds:text-end`,
+                          children: M(n)
+                        },
+                        n
+                      ))
+                    ] }),
+                    G.map((n) => /* @__PURE__ */ d(
+                      "div",
+                      {
+                        role: "row",
+                        "data-eye": n,
+                        "data-band": e,
+                        className: "ds:contents",
+                        children: [
+                          /* @__PURE__ */ r(
+                            "span",
+                            {
+                              role: "rowheader",
+                              tabIndex: -1,
+                              "aria-label": I(n),
+                              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: s(`opticalPrescription.eye.${n}`)
+                            }
+                          ),
+                          A.map(
+                            (c) => _ ? X(e, n, c) : K(e, n, c)
+                          )
+                        ]
+                      },
+                      n
+                    ))
+                  ]
+                }
+              )
+            ]
+          },
+          e
+        );
+      },
+      [
+        E,
+        A,
+        _,
+        w,
+        M,
+        I,
+        X,
+        K,
+        s
+      ]
+    ), ce = u(() => {
+      if (!g) return null;
+      const e = T;
+      return _ ? /* @__PURE__ */ d(
+        "div",
+        {
+          role: "group",
+          "aria-label": s("opticalPrescription.metaLabel"),
+          className: "ds:grid ds:gap-3 ds:grid-cols-[repeat(auto-fit,minmax(8rem,1fr))]",
+          children: [
+            /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ r("span", { className: P, children: s("opticalPrescription.pd.label") }),
+              /* @__PURE__ */ r(
+                U,
+                {
+                  size: "md",
+                  mode: "decimal",
+                  step: 0.5,
+                  min: De,
+                  max: Ce,
+                  "aria-label": s("opticalPrescription.pd.full"),
+                  value: e.pd ?? null,
+                  onChange: (i) => N({ pd: i ?? void 0 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ r("span", { className: P, children: s("opticalPrescription.lensType.label") }),
+              /* @__PURE__ */ r(
+                L,
+                {
+                  size: "md",
+                  clearable: !0,
+                  "aria-label": s("opticalPrescription.lensType.label"),
+                  value: e.lensType ?? "",
+                  options: Ne.map((i) => ({
+                    value: i,
+                    label: s(`opticalPrescription.lensType.${i}`)
+                  })),
+                  onValueChange: (i) => N({ lensType: i === "" ? void 0 : i })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-1", children: [
+              /* @__PURE__ */ r("span", { className: P, children: s("opticalPrescription.axisSystem.label") }),
+              /* @__PURE__ */ r(
+                L,
+                {
+                  size: "md",
+                  clearable: !0,
+                  "aria-label": s("opticalPrescription.axisSystem.label"),
+                  value: e.axisSystem ?? "",
+                  options: we.map((i) => ({
+                    value: i,
+                    label: s(`opticalPrescription.axisSystem.${i}`)
+                  })),
+                  onValueChange: (i) => N({ axisSystem: i === "" ? void 0 : i })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-1 ds:[grid-column:1/-1]", children: [
+              /* @__PURE__ */ r("span", { className: P, children: s("opticalPrescription.notes.label") }),
+              /* @__PURE__ */ r(
+                ye,
+                {
+                  size: "md",
+                  minRows: 2,
+                  "aria-label": s("opticalPrescription.notes.label"),
+                  placeholder: s("opticalPrescription.notes.placeholder"),
+                  value: e.notes ?? "",
+                  onChange: (i) => N({ notes: i.target.value || void 0 })
+                }
+              )
+            ] })
+          ]
+        }
+      ) : e.pd !== void 0 || e.lensType !== void 0 || e.axisSystem !== void 0 || e.notes !== void 0 && e.notes !== "" ? /* @__PURE__ */ d(
+        p,
+        {
+          layout: "inline",
+          labelWidth: "fixed",
+          density: "compact",
+          "aria-label": s("opticalPrescription.metaLabel"),
+          children: [
+            e.pd !== void 0 && /* @__PURE__ */ d(p.Row, { children: [
+              /* @__PURE__ */ r(p.Term, { children: s("opticalPrescription.pd.label") }),
+              /* @__PURE__ */ r(p.Detail, { numeric: !0, children: s("opticalPrescription.pd.value", { value: e.pd }) })
+            ] }),
+            e.lensType !== void 0 && /* @__PURE__ */ d(p.Row, { children: [
+              /* @__PURE__ */ r(p.Term, { children: s("opticalPrescription.lensType.label") }),
+              /* @__PURE__ */ r(p.Detail, { children: s(`opticalPrescription.lensType.${e.lensType}`) })
+            ] }),
+            e.axisSystem !== void 0 && /* @__PURE__ */ d(p.Row, { children: [
+              /* @__PURE__ */ r(p.Term, { children: s("opticalPrescription.axisSystem.label") }),
+              /* @__PURE__ */ r(p.Detail, { children: s(`opticalPrescription.axisSystem.${e.axisSystem}`) })
+            ] }),
+            e.notes !== void 0 && e.notes !== "" && /* @__PURE__ */ d(p.Row, { children: [
+              /* @__PURE__ */ r(p.Term, { children: s("opticalPrescription.notes.label") }),
+              /* @__PURE__ */ r(p.Detail, { children: e.notes })
+            ] })
+          ]
+        }
+      ) : null;
+    }, [g, T, _, s, N]);
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: O,
+        "data-component": "optical-prescription",
+        "data-component-id": E,
+        "data-mode": a,
+        role: "group",
+        "aria-label": te ?? s("opticalPrescription.ariaLabel"),
+        className: Fe({ density: ee, className: ae }),
+        children: [
+          B.map((e) => oe(e)),
+          ce()
+        ]
+      }
+    );
+  }
+);
+Ue.displayName = "OpticalPrescription";
+export {
+  Ie as A,
+  Te as C,
+  C as D,
+  G as E,
+  Ne as L,
+  Ue as O,
+  Ce as P,
+  nt as R,
+  Ee as S,
+  Ae as a,
+  Q as b,
+  J as c,
+  Me as d,
+  we as e,
+  _e as f,
+  Pe as g,
+  De as h,
+  Se as i,
+  Be as j,
+  $e as k,
+  Re as l,
+  Ke as m,
+  Xe as n,
+  qe as o,
+  Le as p,
+  Ve as q,
+  je as r,
+  He as s,
+  Oe as t,
+  Z as u,
+  ke as v,
+  H as w,
+  xe as x,
+  ze as y
+};
+//# sourceMappingURL=optical-prescription-Bmlbuopi.js.map