@alfadocs/ui-kit 0.1.8 → 0.1.9

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/{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