@alfadocs/ui-kit-debug 0.38.0 → 0.39.0

package/dist/_chunks/{otp-input-CDTWT5EK.js → otp-input-CMphfBxZ.js}

@@ -1,12 +1,12 @@
-import { jsxs as x, jsx as A } from "react/jsx-runtime";
-import { forwardRef as ee, useId as te, useRef as R, useState as se, useEffect as re, useCallback as L, useMemo as ae } from "react";
-import { c as N } from "./index-D2ZczOXr.js";
-import { useTranslation as oe } from "react-i18next";
-import { u as ie } from "./use-controllable-state-BiY4xTzM.js";
-import { u as ne } from "./use-web-otp-D_utzp6S.js";
-import { u as ce } from "./form-field-context-B3APVHKx.js";
-import { u as ue } from "./registry-nPAVE19X.js";
-const le = {
+import { jsxs as x, jsx as R } from "react/jsx-runtime";
+import { forwardRef as ee, useId as te, useRef as M, useState as se, useEffect as re, useCallback as N, useMemo as ae, useImperativeHandle as oe } from "react";
+import { c as O } from "./index-D2ZczOXr.js";
+import { useTranslation as ie } from "react-i18next";
+import { u as ne } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ce } from "./use-web-otp-D_utzp6S.js";
+import { u as ue } from "./form-field-context-B3APVHKx.js";
+import { u as le } from "./registry-nPAVE19X.js";
+const de = {
   id: "otp-input",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -62,7 +62,7 @@ const le = {
       description: "Sourced from the id prop."
     }
   }
-}, de = N("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), pe = N(
+}, pe = O("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), fe = O(
   [
     "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -83,77 +83,77 @@ const le = {
     defaultVariants: { tone: "default" }
   }
 );
-function M(e) {
+function F(e) {
   return e.replace(/[\u0660-\u0669]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (a) => String(a.charCodeAt(0) - 1776));
 }
 function y(e, a) {
-  return M(e).replace(/\D/g, "").slice(0, a);
+  return F(e).replace(/\D/g, "").slice(0, a);
 }
-function fe(e, a) {
+function me(e, a) {
   const m = y(e, a), l = new Array(a).fill("");
   for (let n = 0; n < m.length; n += 1)
     l[n] = m[n];
   return l;
 }
-const me = ee(
+const ve = ee(
   ({
     length: e = 6,
     value: a,
     defaultValue: m,
     onChange: l,
     onComplete: n,
-    disabled: O,
-    error: S,
+    disabled: S,
+    error: H,
     label: w,
-    id: F,
+    id: K,
     className: $,
     webOtp: j = !1
   }, z) => {
-    const { t: H } = oe(), b = ce(), W = te(), K = w ? W : void 0, [_, C] = ie({
+    const { t: W } = ie(), v = ue(), _ = te(), C = w ? _ : void 0, [q, P] = ne({
       value: a,
       defaultValue: y(m ?? "", e)
-    }), p = y(_ ?? "", e), q = fe(p, e), v = b.disabled || !!O, P = b.invalid || !!S, G = P ? "error" : "default", B = R([]), I = R(p.length === e), d = R(p);
+    }), p = y(q ?? "", e), G = me(p, e), b = v.disabled || !!S, B = v.invalid || !!H, J = B ? "error" : "default", E = M([]), I = M(p.length === e), d = M(p);
     d.current = p;
-    const J = () => {
+    const Q = () => {
       const s = p.length;
       return s >= e ? e - 1 : s;
-    }, [f, h] = se(J);
+    }, [f, h] = se(Q);
     re(() => {
       f >= e && h(e - 1);
     }, [f, e]);
-    const c = L(
+    const c = N(
       (s) => {
         const t = Math.max(0, Math.min(e - 1, s));
         h(t);
-        const r = B.current[t];
+        const r = E.current[t];
         r && (r.focus(), r.select());
       },
       [e]
-    ), u = L(
+    ), u = N(
       (s) => {
         const t = y(s, e);
-        C(t), d.current = t, l == null || l(t), t.length === e ? I.current || (I.current = !0, n == null || n(t)) : I.current = !1;
+        P(t), d.current = t, l == null || l(t), t.length === e ? I.current || (I.current = !0, n == null || n(t)) : I.current = !1;
       },
-      [C, e, l, n]
+      [P, e, l, n]
     );
-    ne({
-      enabled: j && !v,
+    ce({
+      enabled: j && !b,
       onCode: u
     });
-    const Q = (s) => (t) => {
-      const r = t.target.value, o = M(r).replace(/\D/g, ""), i = d.current;
+    const U = (s) => (t) => {
+      const r = t.target.value, o = F(r).replace(/\D/g, ""), i = d.current;
       if (o.length === 0) {
         if (r === "" && s < i.length) {
-          const T = i.slice(0, s) + i.slice(s + 1);
-          u(T);
+          const A = i.slice(0, s) + i.slice(s + 1);
+          u(A);
         }
         return;
       }
-      const g = i.slice(0, s), k = i.slice(s + o.length), V = (g + o + k).slice(0, e);
-      u(V);
-      const D = Math.min(s + o.length, e - 1);
-      c(D);
-    }, U = (s) => (t) => {
+      const g = i.slice(0, s), V = i.slice(s + o.length), D = (g + o + V).slice(0, e);
+      u(D);
+      const T = Math.min(s + o.length, e - 1);
+      c(T);
+    }, X = (s) => (t) => {
       const r = d.current;
       if (t.key === "Backspace") {
         if (r[s]) {
@@ -182,17 +182,17 @@ const me = ee(
         return;
       }
       t.key === "End" && (t.preventDefault(), c(e - 1));
-    }, X = (s) => (t) => {
-      const o = t.clipboardData.getData("text").replace(/\s+/g, ""), i = M(o);
+    }, Y = (s) => (t) => {
+      const o = t.clipboardData.getData("text").replace(/\s+/g, ""), i = F(o);
       if (!/^[0-9]+$/.test(i)) return;
       t.preventDefault();
-      const g = d.current, k = g.slice(0, s), V = g.slice(s + i.length), D = (k + i + V).slice(0, e);
-      u(D);
-      const T = Math.min(s + i.length, e - 1);
-      c(T);
-    }, Y = (s) => (t) => {
+      const g = d.current, V = g.slice(0, s), D = g.slice(s + i.length), T = (V + i + D).slice(0, e);
+      u(T);
+      const A = Math.min(s + i.length, e - 1);
+      c(A);
+    }, Z = (s) => (t) => {
       h(s), t.currentTarget.select();
-    }, E = b.id, Z = ae(
+    }, L = v.id, k = ae(
       () => ({
         getValue: () => d.current,
         setValue: (s) => u(s),
@@ -202,55 +202,54 @@ const me = ee(
       }),
       [u, c, f, e]
     );
-    return ue(le, Z, F), /* @__PURE__ */ x("div", { className: de({ className: $ }), children: [
-      w ? /* @__PURE__ */ A(
+    return le(de, k, K), oe(z, () => k, [k]), /* @__PURE__ */ x("div", { className: pe({ className: $ }), children: [
+      w ? /* @__PURE__ */ R(
         "label",
         {
-          id: K,
-          htmlFor: `${E}-0`,
+          id: C,
+          htmlFor: `${L}-0`,
           className: "type-label ds:text-foreground",
           children: w
         }
       ) : null,
-      /* @__PURE__ */ A(
+      /* @__PURE__ */ R(
         "div",
         {
-          ref: z,
           role: "group",
           dir: "ltr",
-          "aria-labelledby": K,
-          "aria-invalid": P || void 0,
-          "aria-describedby": b.describedBy || void 0,
-          "aria-disabled": v || void 0,
+          "aria-labelledby": C,
+          "aria-invalid": B || void 0,
+          "aria-describedby": v.describedBy || void 0,
+          "aria-disabled": b || void 0,
           "data-component": "otp-input",
-          "data-component-id": F,
+          "data-component-id": K,
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: q.map((s, t) => {
-            const r = !v && t === f;
-            return /* @__PURE__ */ A(
+          children: G.map((s, t) => {
+            const r = !b && t === f;
+            return /* @__PURE__ */ R(
               "input",
               {
                 ref: (o) => {
-                  B.current[t] = o;
+                  E.current[t] = o;
                 },
-                id: `${E}-${t}`,
+                id: `${L}-${t}`,
                 type: "text",
                 inputMode: "numeric",
                 pattern: "[0-9]*",
                 autoComplete: t === 0 ? "one-time-code" : "off",
                 maxLength: 1,
                 value: s,
-                disabled: v,
+                disabled: b,
                 tabIndex: r ? 0 : -1,
-                "aria-label": H("inputs.otp.digitLabel", {
+                "aria-label": W("inputs.otp.digitLabel", {
                   current: t + 1,
                   total: e
                 }),
-                onChange: Q(t),
-                onKeyDown: U(t),
-                onPaste: X(t),
-                onFocus: Y(t),
-                className: pe({ tone: G })
+                onChange: U(t),
+                onKeyDown: X(t),
+                onPaste: Y(t),
+                onFocus: Z(t),
+                className: fe({ tone: J })
               },
               t
             );
@@ -260,8 +259,8 @@ const me = ee(
     ] });
   }
 );
-me.displayName = "OTPInput";
+ve.displayName = "OTPInput";
 export {
-  me as O
+  ve as O
 };
-//# sourceMappingURL=otp-input-CDTWT5EK.js.map
+//# sourceMappingURL=otp-input-CMphfBxZ.js.map

package/dist/_chunks/otp-input-CMphfBxZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input-CMphfBxZ.js","sources":["../../src/components/otp-input/otp-input.agent.ts","../../src/components/otp-input/otp-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — OTPInput.                                              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { OTPInputHandle } from './otp-input';\n\nexport const otpInputAgent: AgentAdapter<OTPInputHandle> = {\n  id: 'otp-input',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.otpInput.state.value',\n      description: 'Current digits entered, packed into a single string.',\n      read: (handle) => handle.getValue(),\n    },\n    isComplete: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.otpInput.state.isComplete',\n      description: 'Whether all required digits have been entered.',\n      read: (handle) => handle.isComplete(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.otpInput.actions.setValue',\n      description: 'Replace the entered digits.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.otpInput.actions.clear',\n      description: 'Empty all digit cells. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.otpInput.actions.focus',\n      description: 'Move keyboard focus to the active digit cell.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'otp-input',\n      description:\n        'Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled.',\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  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useWebOtp } from '../../hooks/use-web-otp';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useAgentRegistration } from '../../agent';\nimport { otpInputAgent } from './otp-input.agent';\n\n/** Agent-readiness curated handle for OTPInput. */\nexport interface OTPInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n  isComplete: () => boolean;\n}\n\nconst wrapperVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]');\n\nconst boxVariants = cva(\n  [\n    'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive',\n      },\n    },\n    defaultVariants: { tone: 'default' },\n  },\n);\n\nexport interface OTPInputProps {\n  length?: 4 | 6 | 8;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (code: string) => void;\n  disabled?: boolean;\n  error?: boolean;\n  label?: string;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  className?: string;\n  /**\n   * Opt into Chrome-Android's WebOTP API for one-tap SMS autofill. When\n   * the browser surfaces a matching SMS-bound credential, the kit spreads\n   * the code across every digit box and fires `onComplete` automatically.\n   *\n   * Falls back silently to manual entry on Firefox / desktop / iOS — those\n   * platforms either don't ship the API at all or rely on the\n   * `autocomplete=\"one-time-code\"` QuickType heuristic the kit already\n   * applies to the first input.\n   *\n   * Prerequisites the prop can't enforce: page must be HTTPS, and the SMS\n   * body must end with `@<origin> #<code>` on its last line (Chrome's\n   * spec — without it the browser refuses to surface the message).\n   * Default `false` so the listener stays opt-in.\n   */\n  webOtp?: boolean;\n}\n\nfunction normaliseDigits(str: string): string {\n  return str\n    .replace(/[\\u0660-\\u0669]/g, (c) => String(c.charCodeAt(0) - 0x0660))\n    .replace(/[\\u06F0-\\u06F9]/g, (c) => String(c.charCodeAt(0) - 0x06f0));\n}\n\nfunction packValue(value: string, length: number): string {\n  return normaliseDigits(value).replace(/\\D/g, '').slice(0, length);\n}\n\nfunction valueToArray(value: string, length: number): string[] {\n  const packed = packValue(value, length);\n  const arr = new Array<string>(length).fill('');\n  for (let i = 0; i < packed.length; i += 1) {\n    arr[i] = packed[i];\n  }\n  return arr;\n}\n\nexport const OTPInput = forwardRef<OTPInputHandle, OTPInputProps>(\n  (\n    {\n      length = 6,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      disabled,\n      error,\n      label,\n      id,\n      className,\n      webOtp = false,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const generatedLabelId = useId();\n    const labelId = label ? generatedLabelId : undefined;\n\n    const [internalValueRaw, setInternalValue] = useControllableState<string>({\n      value,\n      defaultValue: packValue(defaultValue ?? '', length),\n    });\n    const currentValue = packValue(internalValueRaw ?? '', length);\n    const digits = valueToArray(currentValue, length);\n\n    const effectiveDisabled = ctx.disabled || Boolean(disabled);\n    const effectiveError = ctx.invalid || Boolean(error);\n    const effectiveTone = effectiveError ? 'error' : 'default';\n\n    const inputsRef = useRef<Array<HTMLInputElement | null>>([]);\n    const completedRef = useRef(currentValue.length === length);\n    const valueRef = useRef(currentValue);\n    valueRef.current = currentValue;\n\n    const computeInitialIndex = () => {\n      const firstEmpty = currentValue.length;\n      if (firstEmpty >= length) return length - 1;\n      return firstEmpty;\n    };\n    const [activeIndex, setActiveIndex] = useState<number>(computeInitialIndex);\n\n    useEffect(() => {\n      if (activeIndex >= length) setActiveIndex(length - 1);\n    }, [activeIndex, length]);\n\n    const focusBox = useCallback(\n      (index: number) => {\n        const clamped = Math.max(0, Math.min(length - 1, index));\n        setActiveIndex(clamped);\n        const node = inputsRef.current[clamped];\n        if (node) {\n          node.focus();\n          node.select();\n        }\n      },\n      [length],\n    );\n\n    const commit = useCallback(\n      (next: string) => {\n        const packed = packValue(next, length);\n        setInternalValue(packed);\n        valueRef.current = packed;\n        onChange?.(packed);\n        if (packed.length === length) {\n          if (!completedRef.current) {\n            completedRef.current = true;\n            onComplete?.(packed);\n          }\n        } else {\n          completedRef.current = false;\n        }\n      },\n      [setInternalValue, length, onChange, onComplete],\n    );\n\n    // WebOTP one-tap autofill. The hook silently no-ops when the API is\n    // unavailable (Firefox / Safari / desktop Chromium) — `commit()` is\n    // the same path manual entry takes, so `onChange` + `onComplete` fire\n    // identically whether the digits arrived via SMS, paste, or typing.\n    useWebOtp({\n      enabled: webOtp && !effectiveDisabled,\n      onCode: commit,\n    });\n\n    const handleChange =\n      (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const raw = event.target.value;\n        const norm = normaliseDigits(raw).replace(/\\D/g, '');\n        const current = valueRef.current;\n\n        if (norm.length === 0) {\n          if (raw === '' && index < current.length) {\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n          }\n          return;\n        }\n\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleKeyDown =\n      (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        const current = valueRef.current;\n        if (event.key === 'Backspace') {\n          if (current[index]) {\n            event.preventDefault();\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n            return;\n          }\n          if (index > 0) {\n            event.preventDefault();\n            const newValue = current.slice(0, index - 1) + current.slice(index);\n            commit(newValue);\n            focusBox(index - 1);\n          }\n          return;\n        }\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          if (index > 0) focusBox(index - 1);\n          return;\n        }\n        if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          if (index < length - 1) focusBox(index + 1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          focusBox(0);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          focusBox(length - 1);\n        }\n      };\n\n    const handlePaste =\n      (index: number) => (event: ClipboardEvent<HTMLInputElement>) => {\n        const text = event.clipboardData.getData('text');\n        const stripped = text.replace(/\\s+/g, '');\n        const norm = normaliseDigits(stripped);\n        if (!/^[0-9]+$/.test(norm)) return;\n        event.preventDefault();\n        const current = valueRef.current;\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleFocus =\n      (index: number) => (event: FocusEvent<HTMLInputElement>) => {\n        setActiveIndex(index);\n        event.currentTarget.select();\n      };\n\n    const baseId = ctx.id;\n\n    const agentHandle = useMemo<OTPInputHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        setValue: (next) => commit(next),\n        clear: () => commit(''),\n        focus: () => focusBox(activeIndex),\n        isComplete: () => valueRef.current.length === length,\n      }),\n      [commit, focusBox, activeIndex, length],\n    );\n    useAgentRegistration(otpInputAgent, agentHandle, id);\n    // Expose the same imperative handle to React refs so consumers can\n    // focus / read / clear the field (e.g. focus the boxes on a step change).\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n\n    return (\n      <div className={wrapperVariants({ className })}>\n        {label ? (\n          <label\n            id={labelId}\n            htmlFor={`${baseId}-0`}\n            className=\"type-label ds:text-foreground\"\n          >\n            {label}\n          </label>\n        ) : null}\n        {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- aria-invalid is a global ARIA state; conveys group-level validation */}\n        <div\n          role=\"group\"\n          dir=\"ltr\"\n          aria-labelledby={labelId}\n          aria-invalid={effectiveError || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-disabled={effectiveDisabled || undefined}\n          data-component=\"otp-input\"\n          data-component-id={id}\n          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n        >\n          {digits.map((digit, index) => {\n            const isTabbable = !effectiveDisabled && index === activeIndex;\n            return (\n              <input\n                key={index}\n                ref={(node) => {\n                  inputsRef.current[index] = node;\n                }}\n                id={`${baseId}-${index}`}\n                type=\"text\"\n                inputMode=\"numeric\"\n                pattern=\"[0-9]*\"\n                autoComplete={index === 0 ? 'one-time-code' : 'off'}\n                maxLength={1}\n                value={digit}\n                disabled={effectiveDisabled}\n                tabIndex={isTabbable ? 0 : -1}\n                aria-label={t('inputs.otp.digitLabel', {\n                  current: index + 1,\n                  total: length,\n                })}\n                onChange={handleChange(index)}\n                onKeyDown={handleKeyDown(index)}\n                onPaste={handlePaste(index)}\n                onFocus={handleFocus(index)}\n                className={boxVariants({ tone: effectiveTone })}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n\nOTPInput.displayName = 'OTPInput';\n"],"names":["otpInputAgent","handle","args","wrapperVariants","cva","boxVariants","normaliseDigits","str","c","packValue","value","length","valueToArray","packed","arr","i","OTPInput","forwardRef","defaultValue","onChange","onComplete","disabled","error","label","id","className","webOtp","ref","t","useTranslation","ctx","useFormField","generatedLabelId","useId","labelId","internalValueRaw","setInternalValue","useControllableState","currentValue","digits","effectiveDisabled","effectiveError","effectiveTone","inputsRef","useRef","completedRef","valueRef","computeInitialIndex","firstEmpty","activeIndex","setActiveIndex","useState","useEffect","focusBox","useCallback","index","clamped","node","commit","next","useWebOtp","handleChange","event","raw","norm","current","newValue","before","after","focusTarget","handleKeyDown","handlePaste","stripped","handleFocus","baseId","agentHandle","useMemo","useAgentRegistration","useImperativeHandle","jsx","digit","isTabbable"],"mappings":"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"}

package/dist/_chunks/{patient-shell-Bz3CdO84.js → patient-shell-DF81lALv.js}

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as w, useState as k } from "react";
+import { forwardRef as k, useState as w } from "react";
 import { useTranslation as m } from "react-i18next";
 import { A } from "./app-frame-BYx1gcV7.js";
-import { I as H } from "./icon-button-CKEOrN37.js";
+import { I as C } from "./icon-button-CKEOrN37.js";
 import { D as i } from "./dropdown-menu-BC5ZdOMo.js";
-import { H as x, g as C, f as B, e as M, a as N, c as T, d as O } from "./header-CTZWX-tm.js";
+import { H, g as x, f as N, e as B, a as M, c as T, d as O } from "./header-CTZWX-tm.js";
 import { L as P } from "./logo-yituK7sE.js";
-import { S as W, a as j, h as R, j as _, k as z, i as D } from "./sidebar-BbR8f6oe.js";
+import { S as W, a as j, h as R, j as _, k as z, i as D } from "./sidebar-_vJXI9rB.js";
 import { T as E } from "./theme-root-BOO73p5t.js";
 import { a as q } from "./tooltip-DvmfrNvB.js";
 import { u as F } from "./use-theme-C2dHKUAN.js";
@@ -25,31 +25,31 @@ const K = [
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ], Q = G("maximize-2", K);
-function V(r) {
-  return r > 99 ? "99+" : String(r);
+function V(a) {
+  return a > 99 ? "99+" : String(a);
 }
-function X(r) {
-  if (r.startsWith("/") || r.startsWith("#") || r.startsWith("?"))
+function X(a) {
+  if (a.startsWith("/") || a.startsWith("#") || a.startsWith("?"))
     return !0;
   try {
-    const t = new URL(r, window.location.origin);
+    const t = new URL(a, window.location.origin);
     return t.protocol === "http:" || t.protocol === "https:";
   } catch {
     return !1;
   }
 }
 function Y({
-  logoutHref: r,
+  logoutHref: a,
   onToggleFullscreen: t
 }) {
-  const { t: a } = m();
+  const { t: r } = m();
   return /* @__PURE__ */ n(i.Root, { children: [
     /* @__PURE__ */ e(i.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-      H,
+      C,
       {
         icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
-        "aria-label": a("patientShell.settings.triggerAria"),
-        tooltip: a("patientShell.settings.triggerAria"),
+        "aria-label": r("patientShell.settings.triggerAria"),
+        tooltip: r("patientShell.settings.triggerAria"),
         "data-testid": "patient-shell-settings-trigger"
       }
     ) }),
@@ -60,7 +60,7 @@ function Y({
           startIcon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
           onSelect: t,
           "data-testid": "patient-shell-fullscreen",
-          children: a("patientShell.settings.fullscreen")
+          children: r("patientShell.settings.fullscreen")
         }
       ),
       /* @__PURE__ */ e(i.Separator, {}),
@@ -69,18 +69,18 @@ function Y({
         {
           startIcon: /* @__PURE__ */ e(J, { "aria-hidden": "true" }),
           onSelect: () => {
-            typeof window > "u" || X(r) && window.location.assign(r);
+            typeof window > "u" || X(a) && window.location.assign(a);
           },
           "data-testid": "patient-shell-logout",
-          children: a("patientShell.settings.logout")
+          children: r("patientShell.settings.logout")
         }
       )
     ] })
   ] });
 }
-function Z({ menuItems: r }) {
-  return /* @__PURE__ */ e(j, { children: r.map((t) => {
-    const a = typeof t.badgeCount == "number" && t.badgeCount > 0 ? t.badgeCount : void 0;
+function Z({ menuItems: a }) {
+  return /* @__PURE__ */ e(j, { children: a.map((t) => {
+    const r = typeof t.badgeCount == "number" && t.badgeCount > 0 ? t.badgeCount : void 0;
     return /* @__PURE__ */ n(
       R,
       {
@@ -90,18 +90,18 @@ function Z({ menuItems: r }) {
         children: [
           t.icon ? /* @__PURE__ */ e(_, { children: t.icon }) : null,
           /* @__PURE__ */ e(z, { children: t.label }),
-          a !== void 0 ? /* @__PURE__ */ e(D, { children: V(a) }) : null
+          r !== void 0 ? /* @__PURE__ */ e(D, { children: V(r) }) : null
         ]
       },
       t.id
     );
   }) });
 }
-const $ = w(
+const $ = k(
   ({
-    menuItems: r,
+    menuItems: a,
     logoutHref: t,
-    onToggleFullscreen: a,
+    onToggleFullscreen: r,
     brandLogo: p,
     brandHref: u = "/",
     mainAriaLabel: f,
@@ -114,20 +114,21 @@ const $ = w(
     userName: ee,
     userAvatarSrc: te
   }, s) => {
-    const { t: d } = m(), { theme: S, accessibility: b, resolvedTheme: l } = F(), v = S !== "system" || b !== "system", y = l.startsWith("dark") ? "dark" : "light", I = l.endsWith("-accessible"), [L, c] = k(!1), h = /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+    const { t: l } = m(), { theme: b, accessibility: S, resolvedTheme: d } = F(), v = b !== "system" || S !== "system", y = d.startsWith("dark") ? "dark" : "light", I = d.endsWith("-accessible"), [L, c] = w(!1), h = /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
       A,
       {
         mainAriaLabel: f,
-        header: /* @__PURE__ */ n(x, { children: [
-          /* @__PURE__ */ n(C, { children: [
-            /* @__PURE__ */ e(B, { href: "#main-content" }),
-            /* @__PURE__ */ e(M, { onMenuOpen: () => c(!0) }),
+        mainClassName: "ds:bg-[color:var(--app-shell-background)]",
+        header: /* @__PURE__ */ n(H, { children: [
+          /* @__PURE__ */ n(x, { children: [
+            /* @__PURE__ */ e(N, { href: "#main-content" }),
+            /* @__PURE__ */ e(B, { onMenuOpen: () => c(!0) }),
             /* @__PURE__ */ e(
-              N,
+              M,
               {
                 logo: p ?? /* @__PURE__ */ e(P, { variant: "monochrome", size: "md", decorative: !0 }),
                 href: u,
-                "aria-label": d("patientShell.brand.homeAria")
+                "aria-label": l("patientShell.brand.homeAria")
               }
             )
           ] }),
@@ -136,7 +137,7 @@ const $ = w(
             Y,
             {
               logoutHref: t,
-              onToggleFullscreen: a
+              onToggleFullscreen: r
             }
           ) })
         ] }),
@@ -146,9 +147,9 @@ const $ = w(
             ...o !== void 0 ? { state: o } : { defaultState: "expanded" },
             open: L,
             onOpenChange: c,
-            "aria-label": d("patientShell.sidebar.panelLabel"),
+            "aria-label": l("patientShell.sidebar.panelLabel"),
             "data-testid": "patient-shell-sidebar",
-            children: /* @__PURE__ */ e(Z, { menuItems: r })
+            children: /* @__PURE__ */ e(Z, { menuItems: a })
           }
         ),
         children: g
@@ -170,4 +171,4 @@ $.displayName = "PatientShell";
 export {
   $ as P
 };
-//# sourceMappingURL=patient-shell-Bz3CdO84.js.map
+//# sourceMappingURL=patient-shell-DF81lALv.js.map

package/dist/_chunks/{patient-shell-Bz3CdO84.js.map → patient-shell-DF81lALv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"patient-shell-Bz3CdO84.js","sources":["../../node_modules/lucide-react/dist/esm/icons/maximize-2.js","../../src/patterns/patient-shell/patient-shell.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M15 3h6v6\", key: \"1q9fwt\" }],\n  [\"path\", { d: \"m21 3-7 7\", key: \"1l2asr\" }],\n  [\"path\", { d: \"m3 21 7-7\", key: \"tjx5ai\" }],\n  [\"path\", { d: \"M9 21H3v-6\", key: \"wtvkvv\" }]\n];\nconst Maximize2 = createLucideIcon(\"maximize-2\", __iconNode);\n\nexport { __iconNode, Maximize2 as default };\n//# sourceMappingURL=maximize-2.js.map\n","/**\n * Patient Shell — the chrome for AlfaDocs's patient-facing users\n * (patients managing their own appointments and records).\n *\n * Deliberately flatter than the clinician `AppFrame` composition: no\n * command palette, no favourites, no practice/chain affordances, no\n * Alia, no privacy lock. Mirrors the legacy `_header.html.twig`\n * `app.user.type == 'patient'` branch and the `knp_menu_render('pcp')`\n * flat nav menu.\n *\n * Unlike most patterns in this folder, PatientShell exports a runtime\n * component because the consuming patient-portal app mounts it in\n * production — the exports are surfaced via `src/patterns/index.ts`\n * and included in the library bundle.\n */\nimport { forwardRef, useState, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { LogOut, Maximize2, Settings as SettingsIcon } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { IconButton } from '../../components/button';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { Logo } from '../../components/logo';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface PatientNavItem {\n  id: string;\n  /** Pre-translated label — patients' nav labels are emitted already\n   *  translated by the consuming app's backend (legacy `knp_menu`). */\n  label: string;\n  href: string;\n  /** Optional leading icon. Pass a lucide-react or equivalent element. */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n}\n\nexport interface PatientShellProps {\n  /** Patient's display name. Used as the avatar fallback by consumers\n   *  that read the name through a slot; not rendered inside this shell\n   *  today because the legacy patient chrome carries no profile pill. */\n  userName: string;\n  /** Optional avatar URL. Reserved for future profile-pill surfaces;\n   *  no visible effect today. */\n  userAvatarSrc?: string;\n  /** Flat nav items rendered in the sidebar, in order. */\n  menuItems: PatientNavItem[];\n  /** URL the \"Logout\" action navigates to — typically `/logout`. */\n  logoutHref: string;\n  /** Fires when the user toggles fullscreen from the settings menu. */\n  onToggleFullscreen?: () => void;\n  /** Optional brand logo. Defaults to\n   *  `<Logo variant=\"monochrome\" size=\"md\" decorative />`. */\n  brandLogo?: ReactNode;\n  /** Link target for the brand — typically the patient dashboard. */\n  brandHref?: string;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Force the sidebar into a specific mode. Consuming apps typically\n   * flip to `'overlay'` on narrow viewports and leave this undefined\n   * elsewhere (the sidebar then defaults to `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\n/**\n * Guard against `javascript:` and other non-navigation schemes before\n * handing the URL to `window.location.assign`. A consuming app that lets\n * attacker-controlled input reach `logoutHref` would otherwise execute\n * script. Allow only relative paths, hash fragments, and `http(s)` URLs.\n */\nfunction isSafeLogoutHref(href: string): boolean {\n  if (href.startsWith('/') || href.startsWith('#') || href.startsWith('?')) {\n    return true;\n  }\n  try {\n    const url = new URL(href, window.location.origin);\n    return url.protocol === 'http:' || url.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction SettingsMenu({\n  logoutHref,\n  onToggleFullscreen,\n}: {\n  logoutHref: string;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton\n          icon={<SettingsIcon aria-hidden=\"true\" />}\n          aria-label={t('patientShell.settings.triggerAria')}\n          tooltip={t('patientShell.settings.triggerAria')}\n          data-testid=\"patient-shell-settings-trigger\"\n        />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        <DropdownMenu.Item\n          startIcon={<Maximize2 aria-hidden=\"true\" />}\n          onSelect={onToggleFullscreen}\n          data-testid=\"patient-shell-fullscreen\"\n        >\n          {t('patientShell.settings.fullscreen')}\n        </DropdownMenu.Item>\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden=\"true\" />}\n          onSelect={() => {\n            if (typeof window === 'undefined') return;\n            if (!isSafeLogoutHref(logoutHref)) return;\n            window.location.assign(logoutHref);\n          }}\n          data-testid=\"patient-shell-logout\"\n        >\n          {t('patientShell.settings.logout')}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction PatientSidebarNav({ menuItems }: { menuItems: PatientNavItem[] }) {\n  return (\n    <SidebarBody>\n      {menuItems.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n          >\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PatientShell = forwardRef<HTMLDivElement, PatientShellProps>(\n  (\n    {\n      menuItems,\n      logoutHref,\n      onToggleFullscreen,\n      brandLogo,\n      brandHref = '/',\n      mainAriaLabel,\n      sidebarState,\n      children,\n      // `userName` and `userAvatarSrc` are declared on the public API\n      // for forward-compatibility (future profile-pill work) — they are\n      // intentionally unused today because the legacy patient chrome\n      // carries no profile pill.\n      userName: _userName,\n      userAvatarSrc: _userAvatarSrc,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    // Only wrap children in a nested <ThemeRoot> when the user has\n    // explicitly chosen a theme via the hook (e.g., through an in-app\n    // toggle). Otherwise we let the outer cascade win — wrapping with\n    // the hook's default `resolvedTheme = 'light'` would clobber a\n    // consuming app's `<html>` theme class (or Storybook's decorator)\n    // for every child rendered inside the shell.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: `HeaderMenuButton` only renders below the\n    // `md` breakpoint, and toggling opens the Sidebar's overlay Dialog.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const resolvedLogo = brandLogo ?? (\n      <Logo variant=\"monochrome\" size=\"md\" decorative />\n    );\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                <HeaderBrand\n                  logo={resolvedLogo}\n                  href={brandHref}\n                  aria-label={t('patientShell.brand.homeAria')}\n                />\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <SettingsMenu\n                  logoutHref={logoutHref}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('patientShell.sidebar.panelLabel')}\n              data-testid=\"patient-shell-sidebar\"\n            >\n              <PatientSidebarNav menuItems={menuItems} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    if (!hasExplicitOverride) {\n      // Pass-through wrapper preserves the ref contract without altering\n      // the token cascade.\n      return (\n        <div ref={ref as never} className=\"ds:contents\">\n          {shell}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n      >\n        {shell}\n      </ThemeRoot>\n    );\n  },\n);\n\nPatientShell.displayName = 'PatientShell';\n"],"names":["__iconNode","Maximize2","createLucideIcon","formatBadgeCount","count","isSafeLogoutHref","href","url","SettingsMenu","logoutHref","onToggleFullscreen","t","useTranslation","jsxs","DropdownMenu","jsx","IconButton","SettingsIcon","LogOut","PatientSidebarNav","menuItems","SidebarBody","item","badge","SidebarItem","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","PatientShell","forwardRef","brandLogo","brandHref","mainAriaLabel","sidebarState","children","_userName","_userAvatarSrc","ref","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderBrand","Logo","HeaderCenter","HeaderEnd","Sidebar","ThemeRoot"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"patient-shell-DF81lALv.js","sources":["../../node_modules/lucide-react/dist/esm/icons/maximize-2.js","../../src/patterns/patient-shell/patient-shell.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M15 3h6v6\", key: \"1q9fwt\" }],\n  [\"path\", { d: \"m21 3-7 7\", key: \"1l2asr\" }],\n  [\"path\", { d: \"m3 21 7-7\", key: \"tjx5ai\" }],\n  [\"path\", { d: \"M9 21H3v-6\", key: \"wtvkvv\" }]\n];\nconst Maximize2 = createLucideIcon(\"maximize-2\", __iconNode);\n\nexport { __iconNode, Maximize2 as default };\n//# sourceMappingURL=maximize-2.js.map\n","/**\n * Patient Shell — the chrome for AlfaDocs's patient-facing users\n * (patients managing their own appointments and records).\n *\n * Deliberately flatter than the clinician `AppFrame` composition: no\n * command palette, no favourites, no practice/chain affordances, no\n * Alia, no privacy lock. Mirrors the legacy `_header.html.twig`\n * `app.user.type == 'patient'` branch and the `knp_menu_render('pcp')`\n * flat nav menu.\n *\n * Unlike most patterns in this folder, PatientShell exports a runtime\n * component because the consuming patient-portal app mounts it in\n * production — the exports are surfaced via `src/patterns/index.ts`\n * and included in the library bundle.\n */\nimport { forwardRef, useState, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { LogOut, Maximize2, Settings as SettingsIcon } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { IconButton } from '../../components/button';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { Logo } from '../../components/logo';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface PatientNavItem {\n  id: string;\n  /** Pre-translated label — patients' nav labels are emitted already\n   *  translated by the consuming app's backend (legacy `knp_menu`). */\n  label: string;\n  href: string;\n  /** Optional leading icon. Pass a lucide-react or equivalent element. */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n}\n\nexport interface PatientShellProps {\n  /** Patient's display name. Used as the avatar fallback by consumers\n   *  that read the name through a slot; not rendered inside this shell\n   *  today because the legacy patient chrome carries no profile pill. */\n  userName: string;\n  /** Optional avatar URL. Reserved for future profile-pill surfaces;\n   *  no visible effect today. */\n  userAvatarSrc?: string;\n  /** Flat nav items rendered in the sidebar, in order. */\n  menuItems: PatientNavItem[];\n  /** URL the \"Logout\" action navigates to — typically `/logout`. */\n  logoutHref: string;\n  /** Fires when the user toggles fullscreen from the settings menu. */\n  onToggleFullscreen?: () => void;\n  /** Optional brand logo. Defaults to\n   *  `<Logo variant=\"monochrome\" size=\"md\" decorative />`. */\n  brandLogo?: ReactNode;\n  /** Link target for the brand — typically the patient dashboard. */\n  brandHref?: string;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Force the sidebar into a specific mode. Consuming apps typically\n   * flip to `'overlay'` on narrow viewports and leave this undefined\n   * elsewhere (the sidebar then defaults to `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\n/**\n * Guard against `javascript:` and other non-navigation schemes before\n * handing the URL to `window.location.assign`. A consuming app that lets\n * attacker-controlled input reach `logoutHref` would otherwise execute\n * script. Allow only relative paths, hash fragments, and `http(s)` URLs.\n */\nfunction isSafeLogoutHref(href: string): boolean {\n  if (href.startsWith('/') || href.startsWith('#') || href.startsWith('?')) {\n    return true;\n  }\n  try {\n    const url = new URL(href, window.location.origin);\n    return url.protocol === 'http:' || url.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction SettingsMenu({\n  logoutHref,\n  onToggleFullscreen,\n}: {\n  logoutHref: string;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton\n          icon={<SettingsIcon aria-hidden=\"true\" />}\n          aria-label={t('patientShell.settings.triggerAria')}\n          tooltip={t('patientShell.settings.triggerAria')}\n          data-testid=\"patient-shell-settings-trigger\"\n        />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        <DropdownMenu.Item\n          startIcon={<Maximize2 aria-hidden=\"true\" />}\n          onSelect={onToggleFullscreen}\n          data-testid=\"patient-shell-fullscreen\"\n        >\n          {t('patientShell.settings.fullscreen')}\n        </DropdownMenu.Item>\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden=\"true\" />}\n          onSelect={() => {\n            if (typeof window === 'undefined') return;\n            if (!isSafeLogoutHref(logoutHref)) return;\n            window.location.assign(logoutHref);\n          }}\n          data-testid=\"patient-shell-logout\"\n        >\n          {t('patientShell.settings.logout')}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction PatientSidebarNav({ menuItems }: { menuItems: PatientNavItem[] }) {\n  return (\n    <SidebarBody>\n      {menuItems.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n          >\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PatientShell = forwardRef<HTMLDivElement, PatientShellProps>(\n  (\n    {\n      menuItems,\n      logoutHref,\n      onToggleFullscreen,\n      brandLogo,\n      brandHref = '/',\n      mainAriaLabel,\n      sidebarState,\n      children,\n      // `userName` and `userAvatarSrc` are declared on the public API\n      // for forward-compatibility (future profile-pill work) — they are\n      // intentionally unused today because the legacy patient chrome\n      // carries no profile pill.\n      userName: _userName,\n      userAvatarSrc: _userAvatarSrc,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    // Only wrap children in a nested <ThemeRoot> when the user has\n    // explicitly chosen a theme via the hook (e.g., through an in-app\n    // toggle). Otherwise we let the outer cascade win — wrapping with\n    // the hook's default `resolvedTheme = 'light'` would clobber a\n    // consuming app's `<html>` theme class (or Storybook's decorator)\n    // for every child rendered inside the shell.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: `HeaderMenuButton` only renders below the\n    // `md` breakpoint, and toggling opens the Sidebar's overlay Dialog.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const resolvedLogo = brandLogo ?? (\n      <Logo variant=\"monochrome\" size=\"md\" decorative />\n    );\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName=\"ds:bg-[color:var(--app-shell-background)]\"\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                <HeaderBrand\n                  logo={resolvedLogo}\n                  href={brandHref}\n                  aria-label={t('patientShell.brand.homeAria')}\n                />\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <SettingsMenu\n                  logoutHref={logoutHref}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('patientShell.sidebar.panelLabel')}\n              data-testid=\"patient-shell-sidebar\"\n            >\n              <PatientSidebarNav menuItems={menuItems} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    if (!hasExplicitOverride) {\n      // Pass-through wrapper preserves the ref contract without altering\n      // the token cascade.\n      return (\n        <div ref={ref} className=\"ds:contents\">\n          {shell}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n      >\n        {shell}\n      </ThemeRoot>\n    );\n  },\n);\n\nPatientShell.displayName = 'PatientShell';\n"],"names":["__iconNode","Maximize2","createLucideIcon","formatBadgeCount","count","isSafeLogoutHref","href","url","SettingsMenu","logoutHref","onToggleFullscreen","t","useTranslation","jsxs","DropdownMenu","jsx","IconButton","SettingsIcon","LogOut","PatientSidebarNav","menuItems","SidebarBody","item","badge","SidebarItem","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","PatientShell","forwardRef","brandLogo","brandHref","mainAriaLabel","sidebarState","children","_userName","_userAvatarSrc","ref","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderBrand","Logo","HeaderCenter","HeaderEnd","Sidebar","ThemeRoot"],"mappings":"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","x_google_ignoreList":[0]}