@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/password-input-D6kuYXmr.js

@@ -0,0 +1,304 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { forwardRef as $, useRef as q, useState as L, useCallback as r, useMemo as B } from "react";
+import { c as y } from "./index-D2ZczOXr.js";
+import { useTranslation as G } from "react-i18next";
+import { T as J } from "./text-input-BX39e6T6.js";
+import { u as Q } from "./form-field-context-94LwgYTQ.js";
+import { c as X } from "./compose-refs-C0k0tdqF.js";
+import { u as Y } from "./registry-C9nwlNyL.js";
+import { E as Z } from "./eye-off-xEXDAh5z.js";
+import { c as D } from "./createLucideIcon-CrFbzy84.js";
+import { T as U } from "./triangle-alert-CBPUIzQo.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ss = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], es = D("eye", ss), ts = {
+  id: "password-input",
+  capabilities: ["edit_inline"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.passwordInput.state.value",
+      description: "Current password value. Never log or persist this off-device.",
+      read: (e) => e.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.passwordInput.state.isEmpty",
+      description: "Whether the input has no value.",
+      read: (e) => e.getValue() === ""
+    },
+    isRevealed: {
+      type: "boolean",
+      descriptionKey: "ui.agent.passwordInput.state.isRevealed",
+      description: "Whether the password is currently shown in plain text.",
+      read: (e) => e.isRevealed()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.passwordInput.actions.setValue",
+      description: "Replace the password value.",
+      invoke: (e, f) => {
+        e.setValue(f.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.passwordInput.actions.clear",
+      description: "Empty the input. Loses any typed value.",
+      invoke: (e) => {
+        e.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.passwordInput.actions.focus",
+      description: "Move keyboard focus to the input.",
+      invoke: (e) => {
+        e.focus();
+      }
+    },
+    toggle_visibility: {
+      safety: "read",
+      descriptionKey: "ui.agent.passwordInput.actions.toggleVisibility",
+      description: "Toggle between masked and plain-text display.",
+      invoke: (e) => {
+        e.toggleVisibility();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "password-input",
+      description: "Marks the PasswordInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, as = {
+  sm: "ds:size-4",
+  md: "ds:size-[18px]",
+  lg: "ds:size-5"
+}, is = y(
+  [
+    "ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3",
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:text-muted-foreground ds:hover:text-foreground",
+    "ds:bg-transparent ds:border-0 ds:cursor-pointer",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:min-w-[var(--min-target-size)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" ")
+), rs = y(
+  "ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted"
+), os = y(
+  [
+    "ds:h-full ds:rounded-[var(--radius-full)]",
+    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      level: {
+        0: "ds:w-1/4 ds:bg-destructive",
+        1: "ds:w-1/2 ds:bg-warning",
+        2: "ds:w-3/4 ds:bg-success",
+        3: "ds:w-full ds:bg-success"
+      }
+    },
+    defaultVariants: { level: 0 }
+  }
+), ds = {
+  0: "weak",
+  1: "fair",
+  2: "good",
+  3: "strong"
+}, ns = $(
+  ({
+    onRevealChange: e,
+    showStrength: f = !1,
+    strength: m = 0,
+    autoComplete: z,
+    size: h = "md",
+    disabled: E,
+    name: S,
+    id: g,
+    onKeyDown: o,
+    onKeyUp: d,
+    onBlur: n,
+    className: P,
+    ...j
+  }, M) => {
+    const { t: c } = G(), x = Q().disabled || E, l = q(null), A = X(M, l), [i, k] = L(!1), [O, I] = L(!1), v = r((s) => {
+      var T;
+      const t = l.current;
+      if (!t) return;
+      const R = Object.getPrototypeOf(t), b = (T = Object.getOwnPropertyDescriptor(R, "value")) == null ? void 0 : T.set;
+      b == null || b.call(t, s), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 }));
+    }, []), _ = r(() => {
+      k((s) => {
+        const t = !s;
+        return e == null || e(t), t;
+      });
+    }, [e]), u = r(
+      (s) => {
+        typeof s.getModifierState == "function" && I(s.getModifierState("CapsLock"));
+      },
+      []
+    ), C = r(
+      (s) => {
+        u(s), o == null || o(s);
+      },
+      [u, o]
+    ), H = r(
+      (s) => {
+        u(s), d == null || d(s);
+      },
+      [u, d]
+    ), F = r(
+      (s) => {
+        I(!1), n == null || n(s);
+      },
+      [n]
+    ), K = B(
+      () => ({
+        getValue: () => {
+          var s;
+          return ((s = l.current) == null ? void 0 : s.value) ?? "";
+        },
+        setValue: (s) => v(s),
+        clear: () => v(""),
+        focus: () => {
+          var s;
+          return (s = l.current) == null ? void 0 : s.focus();
+        },
+        isRevealed: () => i,
+        toggleVisibility: () => {
+          k((s) => {
+            const t = !s;
+            return e == null || e(t), t;
+          });
+        }
+      }),
+      [e, i, v]
+    );
+    Y(ts, K, g);
+    const N = as[h], W = c(
+      i ? "ui.inputs.password.toggleHide" : "ui.inputs.password.toggleShow",
+      i ? "Hide password" : "Show password"
+    ), w = ds[m], V = c(
+      `ui.inputs.password.strength.${w}`,
+      w.charAt(0).toUpperCase() + w.slice(1)
+    );
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        "data-component": "password-input",
+        "data-component-id": g,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+        children: [
+          /* @__PURE__ */ p("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ a(
+              J,
+              {
+                ref: A,
+                id: g,
+                type: i ? "text" : "password",
+                autoComplete: z ?? "current-password",
+                name: S ?? "password",
+                spellCheck: !1,
+                autoCapitalize: "none",
+                autoCorrect: "off",
+                size: h,
+                disabled: x,
+                onKeyDown: C,
+                onKeyUp: H,
+                onBlur: F,
+                endAdornment: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:block ds:size-4" }),
+                className: P,
+                ...j
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": i,
+                "aria-label": W,
+                disabled: x,
+                onClick: _,
+                className: is(),
+                children: i ? /* @__PURE__ */ a(Z, { "aria-hidden": "true", className: N }) : /* @__PURE__ */ a(es, { "aria-hidden": "true", className: N })
+              }
+            )
+          ] }),
+          O ? /* @__PURE__ */ p(
+            "span",
+            {
+              role: "status",
+              "aria-live": "polite",
+              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning",
+              children: [
+                /* @__PURE__ */ a(U, { "aria-hidden": "true", className: "ds:size-3.5" }),
+                c("ui.inputs.password.capsLock", "Caps Lock is on")
+              ]
+            }
+          ) : null,
+          f ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                role: "progressbar",
+                "aria-valuenow": m,
+                "aria-valuemin": 0,
+                "aria-valuemax": 3,
+                "aria-label": c(
+                  "ui.inputs.password.strengthLabel",
+                  "Password strength"
+                ),
+                "aria-valuetext": V,
+                className: rs(),
+                children: /* @__PURE__ */ a("div", { className: os({ level: m }) })
+              }
+            ),
+            /* @__PURE__ */ a(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "type-meta ds:text-muted-foreground",
+                children: V
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+ns.displayName = "PasswordInput";
+export {
+  ns as P
+};
+//# sourceMappingURL=password-input-D6kuYXmr.js.map

package/dist/_chunks/password-input-D6kuYXmr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-D6kuYXmr.js","sources":["../../node_modules/lucide-react/dist/esm/icons/eye.js","../../src/components/password-input/password-input.agent.ts","../../src/components/password-input/password-input.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  [\n    \"path\",\n    {\n      d: \"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\",\n      key: \"1nclc0\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Eye = createLucideIcon(\"eye\", __iconNode);\n\nexport { __iconNode, Eye as default };\n//# sourceMappingURL=eye.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — PasswordInput.                                         */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PasswordInputHandle } from './password-input';\n\nexport const passwordInputAgent: AgentAdapter<PasswordInputHandle> = {\n  id: 'password-input',\n  capabilities: ['edit_inline'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.passwordInput.state.value',\n      description: 'Current password value. Never log or persist this off-device.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.passwordInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n    isRevealed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.passwordInput.state.isRevealed',\n      description: 'Whether the password is currently shown in plain text.',\n      read: (handle) => handle.isRevealed(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.passwordInput.actions.setValue',\n      description: 'Replace the password value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.passwordInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.passwordInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n    toggle_visibility: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.passwordInput.actions.toggleVisibility',\n      description: 'Toggle between masked and plain-text display.',\n      invoke: (handle) => {\n        handle.toggleVisibility();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'password-input',\n      description: 'Marks the PasswordInput wrapper.',\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  useMemo,\n  useRef,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertTriangle, Eye, EyeOff } from 'lucide-react';\nimport { TextInput, type TextInputProps } from '../text-input';\nimport { useFormField } from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { passwordInputAgent } from './password-input.agent';\n\n/** Agent-readiness curated handle for PasswordInput. */\nexport interface PasswordInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n  isRevealed: () => boolean;\n  toggleVisibility: () => void;\n}\n\ntype Strength = 0 | 1 | 2 | 3;\n\ntype SizeKey = NonNullable<TextInputProps['size']>;\n\nconst iconSizeClassBySize: Record<SizeKey, string> = {\n  sm: 'ds:size-4',\n  md: 'ds:size-[18px]',\n  lg: 'ds:size-5',\n};\n\nconst toggleVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:text-muted-foreground ds:hover:text-foreground',\n    'ds:bg-transparent ds:border-0 ds:cursor-pointer',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:min-w-[var(--min-target-size)]',\n    'ds:transition-colors 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:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n);\n\nconst strengthTrackVariants = cva(\n  'ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted',\n);\n\nconst strengthBarVariants = cva(\n  [\n    'ds:h-full ds:rounded-[var(--radius-full)]',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      level: {\n        0: 'ds:w-1/4 ds:bg-destructive',\n        1: 'ds:w-1/2 ds:bg-warning',\n        2: 'ds:w-3/4 ds:bg-success',\n        3: 'ds:w-full ds:bg-success',\n      },\n    },\n    defaultVariants: { level: 0 },\n  },\n);\n\nconst strengthLabelByLevel: Record<Strength, 'weak' | 'fair' | 'good' | 'strong'> = {\n  0: 'weak',\n  1: 'fair',\n  2: 'good',\n  3: 'strong',\n};\n\nexport interface PasswordInputProps\n  extends Omit<TextInputProps, 'type' | 'endAdornment' | 'startAdornment'>,\n    VariantProps<typeof strengthBarVariants> {\n  /** Callback when reveal state changes (for analytics). */\n  onRevealChange?: (revealed: boolean) => void;\n  /** Show the strength meter below the input. */\n  showStrength?: boolean;\n  /** Strength score: 0 = weak, 1 = fair, 2 = good, 3 = strong. */\n  strength?: Strength;\n  /**\n   * Autocomplete hint. Defaults to 'current-password'.\n   * Use 'new-password' for registration/change-password forms.\n   */\n  autoComplete?: 'current-password' | 'new-password' | (string & {});\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (\n    {\n      onRevealChange,\n      showStrength = false,\n      strength = 0,\n      autoComplete,\n      size = 'md',\n      disabled,\n      name,\n      id,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const effectiveDisabled = ctx.disabled || disabled;\n\n    const innerInputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = composeRefs(ref, innerInputRef);\n\n    const [revealed, setRevealed] = useState(false);\n    const [capsLock, setCapsLock] = useState(false);\n\n    const writeValueToInput = useCallback((next: string) => {\n      const node = innerInputRef.current;\n      if (!node) return;\n      const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n      const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n      setter?.call(node, next);\n      node.dispatchEvent(new Event('input', { bubbles: true }));\n      node.dispatchEvent(new Event('change', { bubbles: true }));\n    }, []);\n\n    const handleToggle = useCallback(() => {\n      setRevealed((prev) => {\n        const next = !prev;\n        onRevealChange?.(next);\n        return next;\n      });\n    }, [onRevealChange]);\n\n    const detectCaps = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        if (typeof event.getModifierState === 'function') {\n          setCapsLock(event.getModifierState('CapsLock'));\n        }\n      },\n      [],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyDown?.(event);\n      },\n      [detectCaps, onKeyDown],\n    );\n\n    const handleKeyUp = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyUp?.(event);\n      },\n      [detectCaps, onKeyUp],\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        setCapsLock(false);\n        onBlur?.(event);\n      },\n      [onBlur],\n    );\n\n    const agentHandle = useMemo<PasswordInputHandle>(\n      () => ({\n        getValue: () => innerInputRef.current?.value ?? '',\n        setValue: (next) => writeValueToInput(next),\n        clear: () => writeValueToInput(''),\n        focus: () => innerInputRef.current?.focus(),\n        isRevealed: () => revealed,\n        toggleVisibility: () => {\n          setRevealed((prev) => {\n            const next = !prev;\n            onRevealChange?.(next);\n            return next;\n          });\n        },\n      }),\n      [onRevealChange, revealed, writeValueToInput],\n    );\n    useAgentRegistration(passwordInputAgent, agentHandle, id);\n\n    const iconSizeClass = iconSizeClassBySize[size];\n    const toggleLabel = t(\n      revealed ? 'ui.inputs.password.toggleHide' : 'ui.inputs.password.toggleShow',\n      revealed ? 'Hide password' : 'Show password',\n    );\n\n    const strengthKey = strengthLabelByLevel[strength];\n    const strengthText = t(\n      `ui.inputs.password.strength.${strengthKey}`,\n      strengthKey.charAt(0).toUpperCase() + strengthKey.slice(1),\n    );\n\n    return (\n      <div\n        data-component=\"password-input\"\n        data-component-id={id}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n      >\n        <div className=\"ds:relative\">\n          <TextInput\n            ref={composedRef}\n            id={id}\n            type={revealed ? 'text' : 'password'}\n            autoComplete={autoComplete ?? 'current-password'}\n            name={name ?? 'password'}\n            spellCheck={false}\n            autoCapitalize=\"none\"\n            autoCorrect=\"off\"\n            size={size}\n            disabled={effectiveDisabled}\n            onKeyDown={handleKeyDown}\n            onKeyUp={handleKeyUp}\n            onBlur={handleBlur}\n            endAdornment={<span aria-hidden=\"true\" className=\"ds:block ds:size-4\" />}\n            className={className}\n            {...rest}\n          />\n          <button\n            type=\"button\"\n            aria-pressed={revealed}\n            aria-label={toggleLabel}\n            disabled={effectiveDisabled}\n            onClick={handleToggle}\n            className={toggleVariants()}\n          >\n            {revealed ? (\n              <EyeOff aria-hidden=\"true\" className={iconSizeClass} />\n            ) : (\n              <Eye aria-hidden=\"true\" className={iconSizeClass} />\n            )}\n          </button>\n        </div>\n\n        {capsLock ? (\n          <span\n            role=\"status\"\n            aria-live=\"polite\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning\"\n          >\n            <AlertTriangle aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            {t('ui.inputs.password.capsLock', 'Caps Lock is on')}\n          </span>\n        ) : null}\n\n        {showStrength ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <div\n              role=\"progressbar\"\n              aria-valuenow={strength}\n              aria-valuemin={0}\n              aria-valuemax={3}\n              aria-label={t(\n                'ui.inputs.password.strengthLabel',\n                'Password strength',\n              )}\n              aria-valuetext={strengthText}\n              className={strengthTrackVariants()}\n            >\n              <div className={strengthBarVariants({ level: strength })} />\n            </div>\n            <span\n              aria-hidden=\"true\"\n              className=\"type-meta ds:text-muted-foreground\"\n            >\n              {strengthText}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n"],"names":["__iconNode","Eye","createLucideIcon","passwordInputAgent","handle","args","iconSizeClassBySize","toggleVariants","cva","strengthTrackVariants","strengthBarVariants","strengthLabelByLevel","PasswordInput","forwardRef","onRevealChange","showStrength","strength","autoComplete","size","disabled","name","id","onKeyDown","onKeyUp","onBlur","className","rest","ref","t","useTranslation","effectiveDisabled","useFormField","innerInputRef","useRef","composedRef","composeRefs","revealed","setRevealed","useState","capsLock","setCapsLock","writeValueToInput","useCallback","next","node","prototype","setter","_a","handleToggle","prev","detectCaps","event","handleKeyDown","handleKeyUp","handleBlur","agentHandle","useMemo","useAgentRegistration","iconSizeClass","toggleLabel","strengthKey","strengthText","jsxs","jsx","TextInput","EyeOff","AlertTriangle"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{patient-shell-7cXqIMFg.js → patient-shell-BRmrrUUW.js}

@@ -3,10 +3,10 @@ import { forwardRef as k, useState as w } from "react";
 import { useTranslation as c } from "react-i18next";
 import { A as y } from "./app-frame-6d7Lu4ea.js";
 import { I } from "./icon-button-Wnnde5lc.js";
-import { D as n } from "./dropdown-menu-Cw3EyPZv.js";
+import { D as n } from "./dropdown-menu-C7AZipNz.js";
 import { H as L, g as A, f as H, e as x, a as C, c as M, d as B } from "./header-BGn1mRp8.js";
 import { L as N } from "./logo-BpFoCL-s.js";
-import { S as T, a as _, h as O, j as P, k as W, i as j } from "./sidebar-OVzwN3jE.js";
+import { S as T, a as _, h as O, j as P, k as W, i as j } from "./sidebar-CHF5xr_P.js";
 import { T as z } from "./theme-root-DDb0TJjd.js";
 import { a as R } from "./tooltip-DHik5yRI.js";
 import { u as D } from "./use-theme-BMUhembX.js";
@@ -190,4 +190,4 @@ V.displayName = "PatientShell";
 export {
   V as P
 };
-//# sourceMappingURL=patient-shell-7cXqIMFg.js.map
+//# sourceMappingURL=patient-shell-BRmrrUUW.js.map

package/dist/_chunks/patient-shell-BRmrrUUW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patient-shell-BRmrrUUW.js","sources":["../../node_modules/lucide-react/dist/esm/icons/maximize-2.js","../../node_modules/lucide-react/dist/esm/icons/settings.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 * @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  [\n    \"path\",\n    {\n      d: \"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\",\n      key: \"1i5ecw\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Settings = createLucideIcon(\"settings\", __iconNode);\n\nexport { __iconNode, Settings as default };\n//# sourceMappingURL=settings.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 * Leo, 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    const { resolvedTheme } = useTheme();\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    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n      >\n        <TooltipProvider>\n          <AppFrame\n            mainAriaLabel={mainAriaLabel}\n            header={\n              <Header>\n                <HeaderStart>\n                  <HeaderSkipLink href=\"#main-content\" />\n                  <HeaderMenuButton\n                    onMenuOpen={() => setSidebarOpen(true)}\n                  />\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      </ThemeRoot>\n    );\n  },\n);\n\nPatientShell.displayName = 'PatientShell';\n"],"names":["__iconNode","Maximize2","createLucideIcon","Settings","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","resolvedTheme","useTheme","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","ThemeRoot","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderBrand","Logo","HeaderCenter","HeaderEnd","Sidebar"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMC,IAAYC,EAAiB,cAAcF,CAAU;ACf3D;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMG,IAAWD,EAAiB,YAAYF,CAAU;AC+ExD,SAASI,EAAiBC,GAAuB;AAC/C,SAAOA,IAAQ,KAAK,QAAQ,OAAOA,CAAK;AAC1C;AAQA,SAASC,EAAiBC,GAAuB;AAC/C,MAAIA,EAAK,WAAW,GAAG,KAAKA,EAAK,WAAW,GAAG,KAAKA,EAAK,WAAW,GAAG;AACrE,WAAO;AAET,MAAI;AACF,UAAMC,IAAM,IAAI,IAAID,GAAM,OAAO,SAAS,MAAM;AAChD,WAAOC,EAAI,aAAa,WAAWA,EAAI,aAAa;AAAA,EACtD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAASC,EAAa;AAAA,EACpB,YAAAC;AAAA,EACA,oBAAAC;AACF,GAGG;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,SACE,gBAAAC,EAACC,EAAa,MAAb,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAa,SAAb,EAAqB,SAAO,IAC3B,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAM,gBAAAD,EAACE,GAAA,EAAa,eAAY,OAAA,CAAO;AAAA,QACvC,cAAYN,EAAE,mCAAmC;AAAA,QACjD,SAASA,EAAE,mCAAmC;AAAA,QAC9C,eAAY;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IACA,gBAAAE,EAACC,EAAa,SAAb,EAAqB,OAAM,OAC1B,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACD,EAAa;AAAA,QAAb;AAAA,UACC,WAAW,gBAAAC,EAACf,GAAA,EAAU,eAAY,OAAA,CAAO;AAAA,UACzC,UAAUU;AAAA,UACV,eAAY;AAAA,UAEX,YAAE,kCAAkC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvC,gBAAAK,EAACD,EAAa,WAAb,EAAuB;AAAA,MACxB,gBAAAC;AAAA,QAACD,EAAa;AAAA,QAAb;AAAA,UACC,WAAW,gBAAAC,EAACG,GAAA,EAAO,eAAY,OAAA,CAAO;AAAA,UACtC,UAAU,MAAM;AACd,YAAI,OAAO,SAAW,OACjBb,EAAiBI,CAAU,KAChC,OAAO,SAAS,OAAOA,CAAU;AAAA,UACnC;AAAA,UACA,eAAY;AAAA,UAEX,YAAE,8BAA8B;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAASU,EAAkB,EAAE,WAAAC,KAA8C;AACzE,SACE,gBAAAL,EAACM,GAAA,EACE,UAAAD,EAAU,IAAI,CAACE,MAAS;AACvB,UAAMC,IACJ,OAAOD,EAAK,cAAe,YAAYA,EAAK,aAAa,IACrDA,EAAK,aACL;AACN,WACE,gBAAAT;AAAA,MAACW;AAAA,MAAA;AAAA,QAEC,MAAMF,EAAK;AAAA,QACX,cAAYA,EAAK;AAAA,QACjB,UAAUA,EAAK;AAAA,QAEd,UAAA;AAAA,UAAAA,EAAK,OAAO,gBAAAP,EAACU,GAAA,EAAiB,UAAAH,EAAK,MAAK,IAAqB;AAAA,UAC9D,gBAAAP,EAACW,GAAA,EAAkB,UAAAJ,EAAK,MAAA,CAAM;AAAA,UAC7BC,MAAU,SACT,gBAAAR,EAACY,KAAkB,UAAAxB,EAAiBoB,CAAK,GAAE,IACzC;AAAA,QAAA;AAAA,MAAA;AAAA,MATCD,EAAK;AAAA,IAAA;AAAA,EAYhB,CAAC,EAAA,CACH;AAEJ;AAMO,MAAMM,IAAeC;AAAA,EAC1B,CACE;AAAA,IACE,WAAAT;AAAA,IACA,YAAAX;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAoB;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,GAEjBC,MACG;AACH,UAAM,EAAE,GAAA1B,EAAA,IAAMC,EAAA,GACR,EAAE,eAAA0B,EAAA,IAAkBC,EAAA,GACpBC,IAAYF,EAAc,WAAW,MAAM,IAAI,SAAS,SACxDG,IAAkBH,EAAc,SAAS,aAAa,GAItD,CAACI,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAMpD,WACE,gBAAA7B;AAAA,MAAC8B;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,OAAOG;AAAA,QACP,YAAYC;AAAA,QACZ,WAAU;AAAA,QAEV,4BAACK,GAAA,EACC,UAAA,gBAAA/B;AAAA,UAACgC;AAAA,UAAA;AAAA,YACC,eAAAf;AAAA,YACA,0BACGgB,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAnC,EAACoC,GAAA,EACC,UAAA;AAAA,gBAAA,gBAAAlC,EAACmC,GAAA,EAAe,MAAK,gBAAA,CAAgB;AAAA,gBACrC,gBAAAnC;AAAA,kBAACoC;AAAA,kBAAA;AAAA,oBACC,YAAY,MAAMR,EAAe,EAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEvC,gBAAA5B;AAAA,kBAACqC;AAAA,kBAAA;AAAA,oBACC,MAtBKtB,KACnB,gBAAAf,EAACsC,GAAA,EAAK,SAAQ,cAAa,MAAK,MAAK,YAAU,GAAA,CAAC;AAAA,oBAsBlC,MAAMtB;AAAA,oBACN,cAAYpB,EAAE,6BAA6B;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC7C,GACF;AAAA,gCACC2C,GAAA,EAAa;AAAA,gCACbC,GAAA,EACC,UAAA,gBAAAxC;AAAA,gBAACP;AAAA,gBAAA;AAAA,kBACC,YAAAC;AAAA,kBACA,oBAAAC;AAAA,gBAAA;AAAA,cAAA,EACF,CACF;AAAA,YAAA,GACF;AAAA,YAEF,SACE,gBAAAK;AAAA,cAACyC;AAAA,cAAA;AAAA,gBACE,GAAIvB,MAAiB,SAClB,EAAE,OAAOA,MACT,EAAE,cAAc,WAAA;AAAA,gBACpB,MAAMS;AAAA,gBACN,cAAcC;AAAA,gBACd,cAAYhC,EAAE,iCAAiC;AAAA,gBAC/C,eAAY;AAAA,gBAEZ,UAAA,gBAAAI,EAACI,KAAkB,WAAAC,EAAA,CAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,YAI5C,UAAAc;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAN,EAAa,cAAc;","x_google_ignoreList":[0,1]}