@techzyapp/ui-library 1.0.27 → 1.0.28

package/dist/MultiSelect-DLoS04lZ.js

@@ -1,350 +0,0 @@
-import { jsxs as y, jsx as a } from "react/jsx-runtime";
-import { forwardRef as Me, useId as Ce, useState as R, useRef as D, useCallback as G, useMemo as Ee, useEffect as q } from "react";
-import { clsx as K } from "clsx";
-import { u as Be } from "./formContext-B7ln1Miy.js";
-import { F as Re } from "./FloatingPanel-BG9Uag__.js";
-import { C as qe } from "./Chip-CQ4cYVl_.js";
-import { I as V } from "./Icon-DaTvzLBu.js";
-import { L as Ke } from "./List-LqbfF6gU.js";
-import { L as Ve } from "./ListItem-Cn15lJBr.js";
-import { L as We } from "./Loader-fffFnQqS.js";
-import { T as W } from "./Typography-Cta6Rg4L.js";
-import { a as $e } from "./ConfigProvider-DL9fylMo.js";
-const Ae = "_field_16ykc_1", Fe = "_fullWidth_16ykc_7", Oe = "_label_16ykc_12", Pe = "_required_16ykc_21", Se = "_control_16ykc_27", He = "_filled_16ykc_47", je = "_open_16ykc_51", Qe = "_error_16ykc_56", Ue = "_disabled_16ykc_64", ze = "_chips_16ykc_31", Ge = "_value_16ykc_84", Je = "_valueLabel_16ykc_91", Xe = "_placeholder_16ykc_96", Ye = "_clear_16ykc_100", Ze = "_chevron_16ykc_117", er = "_sm_16ykc_127", rr = "_md_16ykc_131", lr = "_lg_16ykc_135", tr = "_helper_16ykc_140", or = "_popover_16ykc_145", ar = "_search_16ykc_152", cr = "_searchIcon_16ykc_161", sr = "_searchInput_16ykc_165", nr = "_listbox_16ykc_180", ir = "_active_16ykc_188", dr = "_noOptions_16ykc_192", ur = "_loading_16ykc_198", l = {
-  field: Ae,
-  fullWidth: Fe,
-  label: Oe,
-  required: Pe,
-  control: Se,
-  filled: He,
-  open: je,
-  error: Qe,
-  disabled: Ue,
-  chips: ze,
-  value: Ge,
-  valueLabel: Je,
-  placeholder: Xe,
-  clear: Ye,
-  chevron: Ze,
-  sm: er,
-  md: rr,
-  lg: lr,
-  helper: tr,
-  popover: or,
-  search: ar,
-  searchIcon: cr,
-  searchInput: sr,
-  listbox: nr,
-  active: ir,
-  noOptions: dr,
-  loading: ur
-}, Dr = Me(function({
-  label: N,
-  options: L,
-  size: b = "md",
-  error: ie,
-  helperText: de,
-  required: J = !1,
-  fullWidth: ue = !0,
-  disabled: f = !1,
-  value: $,
-  defaultValue: fe,
-  onChange: A,
-  placeholder: me,
-  color: pe = "primary",
-  clearable: _e = !0,
-  searchable: d = !1,
-  searchPlaceholder: he,
-  onSearchChange: k,
-  loading: ve = !1,
-  loadingText: ye,
-  noOptionsText: T,
-  name: _,
-  id: be,
-  className: ke,
-  style: ge
-}, g) {
-  const Ie = Ce(), I = be ?? Ie, F = `${I}-label`, O = `${I}-listbox`, X = `${I}-helper`, P = (e) => `${I}-opt-${e}`, w = $e(), Y = he ?? w("common.search"), M = Be(), C = !!(M && _), s = C ? M.field(_) : void 0, we = $ !== void 0 ? $ : C ? M.values[_] ?? [] : void 0, Z = $ !== void 0 || C, [xe, De] = R(fe ?? []), n = Z ? we : xe, S = ie ?? (s == null ? void 0 : s.error) ?? !1, H = de ?? (s == null ? void 0 : s.helperText), j = (e) => {
-    Z || De(e), C && M.setValue(_, e), A == null || A(e);
-  }, h = D(null), ee = D(null), Q = D({ buffer: "", timer: 0 }), E = D(void 0);
-  E.current = s ? () => s.onBlur({}) : void 0;
-  const [t, re] = R(!1), [p, le] = R(""), [m, u] = R(-1), Ne = G(
-    (e) => {
-      h.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
-    },
-    [g]
-  ), c = Ee(() => {
-    if (!d || k || !p.trim()) return L;
-    const e = p.trim().toLowerCase();
-    return L.filter((r) => r.label.toLowerCase().includes(e));
-  }, [d, k, p, L]), v = G(
-    (e, r) => {
-      let o = e;
-      for (; o >= 0 && o < c.length; ) {
-        if (!c[o].disabled) return o;
-        o += r;
-      }
-      return -1;
-    },
-    [c]
-  ), te = D(null), B = G((e) => {
-    var r, o;
-    re(!1), le(""), window.clearTimeout(Q.current.timer), Q.current.buffer = "", (r = E.current) == null || r.call(E), e && ((o = h.current) == null || o.focus());
-  }, []);
-  q(() => {
-    t && (u(v(0, 1)), d && requestAnimationFrame(() => {
-      var e;
-      return (e = ee.current) == null ? void 0 : e.focus();
-    }));
-  }, [t]), q(() => {
-    var e, r;
-    !t || m < 0 || (r = (e = document.getElementById(P(m))) == null ? void 0 : e.scrollIntoView) == null || r.call(e, { block: "nearest" });
-  }, [t, m]), q(() => {
-    t && d && u(v(0, 1));
-  }, [p]), q(() => {
-    t && u((e) => e < c.length ? e : v(0, 1));
-  }, [c.length]);
-  const x = () => {
-    f || re(!0);
-  }, U = (e) => {
-    !e || e.disabled || j(
-      n.includes(e.value) ? n.filter((r) => r !== e.value) : [...n, e.value]
-    );
-  }, oe = (e) => j(n.filter((r) => r !== e)), ae = (e) => {
-    u((r) => {
-      const o = r < 0 ? e > 0 ? 0 : c.length - 1 : r + e, i = v(o, e);
-      return i === -1 ? r : i;
-    });
-  }, Le = (e) => {
-    const r = Q.current;
-    window.clearTimeout(r.timer), r.buffer += e.toLowerCase(), r.timer = window.setTimeout(() => r.buffer = "", 500);
-    const o = c.findIndex(
-      (i) => !i.disabled && i.label.toLowerCase().startsWith(r.buffer)
-    );
-    o >= 0 && u(o);
-  }, ce = (e) => {
-    if (!f)
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault(), t ? ae(1) : x();
-          break;
-        case "ArrowUp":
-          e.preventDefault(), t ? ae(-1) : x();
-          break;
-        case "Enter":
-          e.preventDefault(), t ? U(c[m]) : x();
-          break;
-        case " ":
-          t ? d || (e.preventDefault(), U(c[m])) : (e.preventDefault(), x());
-          break;
-        case "Escape":
-          t && (e.preventDefault(), e.stopPropagation(), B(!0));
-          break;
-        case "Tab":
-          t && B(!0);
-          break;
-        case "Backspace":
-          t && (!d || p === "") && n.length > 0 && (e.preventDefault(), oe(n[n.length - 1]));
-          break;
-        case "Home":
-          t && (e.preventDefault(), u(v(0, 1)));
-          break;
-        case "End":
-          t && (e.preventDefault(), u(v(c.length - 1, -1)));
-          break;
-        default:
-          !d && t && e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey && Le(e.key);
-      }
-  }, Te = (e) => {
-    var o, i;
-    const r = e.relatedTarget;
-    r && ((o = te.current) != null && o.contains(r) || (i = h.current) != null && i.contains(r)) || s == null || s.onBlur(e);
-  }, se = t && m >= 0 ? P(m) : void 0, ne = b === "sm" ? 16 : b === "md" ? 14 : 12, z = n.length > 0;
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: K(
-        l.field,
-        l[b],
-        ue && l.fullWidth,
-        S && l.error,
-        f && l.disabled,
-        ke
-      ),
-      style: ge,
-      children: [
-        N != null && /* @__PURE__ */ y(
-          "span",
-          {
-            id: F,
-            className: l.label,
-            onClick: () => {
-              var e;
-              return !f && ((e = h.current) == null ? void 0 : e.focus());
-            },
-            children: [
-              /* @__PURE__ */ a(W, { as: "span", variant: "bodySmall", color: "muted", children: N }),
-              J && /* @__PURE__ */ a("span", { className: l.required, "aria-hidden": "true", children: "*" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ y(
-          "div",
-          {
-            ref: Ne,
-            id: I,
-            ..._ ? { name: _ } : {},
-            role: "combobox",
-            tabIndex: f ? -1 : 0,
-            "aria-haspopup": "listbox",
-            "aria-expanded": t,
-            "aria-controls": t ? O : void 0,
-            "aria-activedescendant": d ? void 0 : se,
-            "aria-labelledby": N != null ? F : void 0,
-            "aria-disabled": f || void 0,
-            "aria-required": J || void 0,
-            "aria-invalid": S || void 0,
-            "aria-describedby": H != null ? X : void 0,
-            className: K(l.control, t && l.open, z && l.filled),
-            onClick: () => t ? B(!1) : x(),
-            onKeyDown: ce,
-            onBlur: Te,
-            children: [
-              z ? /* @__PURE__ */ a("span", { className: l.chips, children: n.map((e) => {
-                const r = L.find((o) => o.value === e);
-                return /* @__PURE__ */ a(
-                  qe,
-                  {
-                    size: b,
-                    color: pe,
-                    disabled: f,
-                    onDelete: () => oe(e),
-                    deleteLabel: `Remove ${(r == null ? void 0 : r.label) ?? e}`,
-                    deleteTabIndex: -1,
-                    children: (r == null ? void 0 : r.label) ?? e
-                  },
-                  e
-                );
-              }) }) : /* @__PURE__ */ a("span", { className: K(l.value, l.placeholder), children: /* @__PURE__ */ a("span", { className: l.valueLabel, children: me ?? w("select.placeholder") }) }),
-              _e && z && !f && /* @__PURE__ */ a(
-                "button",
-                {
-                  type: "button",
-                  className: l.clear,
-                  "aria-label": w("multiSelect.clearAll"),
-                  tabIndex: -1,
-                  onMouseDown: (e) => e.preventDefault(),
-                  onClick: (e) => {
-                    var r;
-                    e.stopPropagation(), j([]), (r = h.current) == null || r.focus();
-                  },
-                  children: /* @__PURE__ */ a(V, { name: "CloseCircle", size: "sm" })
-                }
-              ),
-              /* @__PURE__ */ a(
-                V,
-                {
-                  name: "ArrowDown4",
-                  className: l.chevron,
-                  style: { width: ne, height: ne },
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ y(
-          Re,
-          {
-            ref: te,
-            open: t,
-            triggerRef: h,
-            onClose: B,
-            matchTriggerWidth: !0,
-            className: l.popover,
-            children: [
-              d && /* @__PURE__ */ y("div", { className: l.search, children: [
-                /* @__PURE__ */ a(V, { name: "SearchNormal", size: "sm", className: l.searchIcon, "aria-hidden": "true" }),
-                /* @__PURE__ */ a(
-                  "input",
-                  {
-                    ref: ee,
-                    className: l.searchInput,
-                    type: "text",
-                    role: "combobox",
-                    "aria-expanded": "true",
-                    "aria-controls": O,
-                    "aria-activedescendant": se,
-                    "aria-autocomplete": "list",
-                    "aria-label": Y,
-                    placeholder: Y,
-                    value: p,
-                    spellCheck: !1,
-                    onChange: (e) => {
-                      le(e.target.value), k == null || k(e.target.value);
-                    },
-                    onKeyDown: ce
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ a(
-                Ke,
-                {
-                  role: "listbox",
-                  id: O,
-                  "aria-labelledby": N != null ? F : void 0,
-                  "aria-multiselectable": "true",
-                  size: b,
-                  className: l.listbox,
-                  onMouseLeave: () => u(-1),
-                  children: ve ? /* @__PURE__ */ y("div", { className: l.loading, children: [
-                    /* @__PURE__ */ a(We, { size: "sm" }),
-                    /* @__PURE__ */ a(W, { as: "span", variant: "bodySmall", color: "muted", children: ye ?? w("common.loading") })
-                  ] }) : c.length === 0 ? /* @__PURE__ */ a("div", { className: l.noOptions, children: /* @__PURE__ */ a(W, { as: "span", variant: "bodySmall", color: "muted", children: T == null ? w("select.noOptions") : typeof T == "function" ? T(p) : T }) }) : c.map((e, r) => {
-                    const o = n.includes(e.value);
-                    return /* @__PURE__ */ a(
-                      Ve,
-                      {
-                        id: P(r),
-                        role: "option",
-                        tabIndex: -1,
-                        "aria-selected": o,
-                        "aria-current": void 0,
-                        clickable: !0,
-                        selected: o,
-                        disabled: e.disabled,
-                        icon: e.icon,
-                        className: K(r === m && l.active),
-                        trailing: o ? /* @__PURE__ */ a(V, { name: "TickCircle", size: "sm" }) : void 0,
-                        onMouseEnter: () => !e.disabled && u(r),
-                        onMouseDown: (i) => i.preventDefault(),
-                        onClick: () => U(e),
-                        children: e.label
-                      },
-                      e.value
-                    );
-                  })
-                }
-              )
-            ]
-          }
-        ),
-        H != null && /* @__PURE__ */ a(
-          W,
-          {
-            as: "span",
-            id: X,
-            variant: "bodySmall",
-            color: S ? "error" : "muted",
-            className: l.helper,
-            children: H
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  Dr as M
-};
-//# sourceMappingURL=MultiSelect-DLoS04lZ.js.map

package/dist/MultiSelect-DLoS04lZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect-DLoS04lZ.js","sources":["../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Chip } from '../Chip'\nimport { Icon } from '../Icon'\nimport { List, ListItem } from '../List'\nimport { Loader } from '../Loader'\nimport { Typography } from '../Typography'\nimport type { SelectOption, SelectSize } from '../Select'\nimport styles from './MultiSelect.module.css'\n\nexport interface MultiSelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font, chips and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen options' `value`s. */\n  value?: string[]\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string[]\n  /** Fires with the next array of selected values. */\n  onChange?: (value: string[]) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Theme palette token tinting the selected chips. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Shows a clear (×) button in the trigger when anything is selected. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is a `string[]`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled multi-select — the `string[]` sibling of `Select`. The trigger shows the chosen options\n * as deletable `Chip`s (wrapping, growing like `TagsField`) or a placeholder; clicking it opens the\n * same `Dropdown`-style popover (portaled, flips, scroll-locked, trigger-width, animated — shared via\n * `useFloatingPanel`). Options render as `ListItem`s in a `role=\"listbox\"` `aria-multiselectable`\n * list; selecting **toggles** an option and keeps the popover open, the chosen ones showing a tick.\n * Full keyboard support (Arrow/Home/End, Enter/Space to toggle, Escape to close, type-ahead) and\n * ARIA. Optionally `searchable` + `clearable`; pass `onSearchChange` to drive the search\n * **server-side** (you own `options` — local filtering is skipped) with a `loading` indicator.\n * Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = `string[]`; validate with\n * e.g. `z.array(z.string()).min(1, 'Pick at least one')`). Token-only styling.\n */\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(function MultiSelect(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    color = 'primary',\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const listboxId = `${id}-listbox`\n  const helperId = `${id}-helper`\n  const optionId = (index: number) => `${id}-opt-${index}`\n\n  // ── value (controlled / form-bound / uncontrolled) — always a string[] ─────────────────────────\n  // Read the RAW form value (field().value String-coerces, which would flatten the array).\n  const t = useT()\n  const searchPh = searchPlaceholder ?? t('common.search')\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string[] | undefined) ?? [])\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? [])\n  const selectedValues = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── popover open state ─────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n  const typeahead = useRef({ buffer: '', timer: 0 })\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n  const [open, setOpen] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  // when `onSearchChange` is set the consumer owns `options` (server-side search) — skip local filter\n  const filteredOptions = useMemo(() => {\n    if (!searchable || onSearchChange || !searchQuery.trim()) return options\n    const q = searchQuery.trim().toLowerCase()\n    return options.filter((o) => o.label.toLowerCase().includes(q))\n  }, [searchable, onSearchChange, searchQuery, options])\n\n  const findEnabled = useCallback(\n    (start: number, delta: number) => {\n      let i = start\n      while (i >= 0 && i < filteredOptions.length) {\n        if (!filteredOptions[i].disabled) return i\n        i += delta\n      }\n      return -1\n    },\n    [filteredOptions],\n  )\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closeMenu = useCallback((refocus: boolean) => {\n    setOpen(false)\n    setSearchQuery('')\n    window.clearTimeout(typeahead.current.timer)\n    typeahead.current.buffer = ''\n    fieldBlur.current?.()\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // on open: highlight the first enabled option, focus the search box if searchable\n  useEffect(() => {\n    if (!open) return\n    setHighlightedIndex(findEnabled(0, 1))\n    if (searchable) requestAnimationFrame(() => searchInputRef.current?.focus())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return\n    document.getElementById(optionId(highlightedIndex))?.scrollIntoView?.({ block: 'nearest' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, highlightedIndex])\n\n  // search filter → re-anchor to the first match\n  useEffect(() => {\n    if (open && searchable) setHighlightedIndex(findEnabled(0, 1))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchQuery])\n\n  // keep the highlight in range if the option count changes while open\n  useEffect(() => {\n    if (open) setHighlightedIndex((i) => (i < filteredOptions.length ? i : findEnabled(0, 1)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredOptions.length])\n\n  const openMenu = () => {\n    if (!disabled) setOpen(true)\n  }\n  const toggleOption = (opt: SelectOption | undefined) => {\n    if (!opt || opt.disabled) return\n    commit(\n      selectedValues.includes(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value],\n    )\n    // multi-select stays open\n  }\n  const removeValue = (v: string) => commit(selectedValues.filter((x) => x !== v))\n  const moveHighlight = (delta: number) => {\n    setHighlightedIndex((cur) => {\n      const start = cur < 0 ? (delta > 0 ? 0 : filteredOptions.length - 1) : cur + delta\n      const found = findEnabled(start, delta)\n      return found === -1 ? cur : found\n    })\n  }\n\n  const handleTypeahead = (char: string) => {\n    const t = typeahead.current\n    window.clearTimeout(t.timer)\n    t.buffer += char.toLowerCase()\n    t.timer = window.setTimeout(() => (t.buffer = ''), 500)\n    const match = filteredOptions.findIndex(\n      (o) => !o.disabled && o.label.toLowerCase().startsWith(t.buffer),\n    )\n    if (match >= 0) setHighlightedIndex(match)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent) => {\n    if (disabled) return\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        open ? moveHighlight(1) : openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        open ? moveHighlight(-1) : openMenu()\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (!open) openMenu()\n        else toggleOption(filteredOptions[highlightedIndex])\n        break\n      case ' ':\n        // Space opens a closed menu (any mode); toggles only when open & not searchable\n        if (!open) {\n          event.preventDefault()\n          openMenu()\n        } else if (!searchable) {\n          event.preventDefault()\n          toggleOption(filteredOptions[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        if (open) {\n          event.preventDefault()\n          event.stopPropagation() // don't let FloatingPanel's own Escape also fire closeMenu/onBlur\n          closeMenu(true)\n        }\n        break\n      case 'Tab':\n        // refocus the trigger so Tab continues from the field's visual location, not the portaled\n        // search input's DOM position (end of <body>); don't preventDefault — let Tab move on\n        if (open) closeMenu(true)\n        break\n      case 'Backspace':\n        // remove the last chip when the (search) input is empty or there's no search box\n        if (open && (!searchable || searchQuery === '') && selectedValues.length > 0) {\n          event.preventDefault()\n          removeValue(selectedValues[selectedValues.length - 1])\n        }\n        break\n      case 'Home':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(0, 1))\n        }\n        break\n      case 'End':\n        if (open) {\n          event.preventDefault()\n          setHighlightedIndex(findEnabled(filteredOptions.length - 1, -1))\n        }\n        break\n      default:\n        if (\n          !searchable &&\n          open &&\n          event.key.length === 1 &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.altKey\n        ) {\n          handleTypeahead(event.key)\n        }\n    }\n  }\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const activeId = open && highlightedIndex >= 0 ? optionId(highlightedIndex) : undefined\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const hasValue = selectedValues.length > 0\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open, hasValue && styles.filled)}\n        onClick={() => (open ? closeMenu(false) : openMenu())}\n        onKeyDown={handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        {hasValue ? (\n          <span className={styles.chips}>\n            {selectedValues.map((v) => {\n              const opt = options.find((o) => o.value === v)\n              return (\n                <Chip\n                  key={v}\n                  size={size}\n                  color={color}\n                  disabled={disabled}\n                  onDelete={() => removeValue(v)}\n                  deleteLabel={`Remove ${opt?.label ?? v}`}\n                  // the combobox owns keyboard focus — keep chip deletes out of the tab order\n                  deleteTabIndex={-1}\n                >\n                  {opt?.label ?? v}\n                </Chip>\n              )\n            })}\n          </span>\n        ) : (\n          <span className={clsx(styles.value, styles.placeholder)}>\n            <span className={styles.valueLabel}>{placeholder ?? t('select.placeholder')}</span>\n          </span>\n        )}\n\n        {clearable && hasValue && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('multiSelect.clearAll')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.stopPropagation()\n              commit([])\n              triggerRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closeMenu}\n        matchTriggerWidth\n        className={styles.popover}\n      >\n        {searchable && (\n          <div className={styles.search}>\n            <Icon name=\"SearchNormal\" size=\"sm\" className={styles.searchIcon} aria-hidden=\"true\" />\n            <input\n              ref={searchInputRef}\n              className={styles.searchInput}\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls={listboxId}\n              aria-activedescendant={activeId}\n              aria-autocomplete=\"list\"\n              aria-label={searchPh}\n              placeholder={searchPh}\n              value={searchQuery}\n              spellCheck={false}\n              onChange={(e) => {\n                setSearchQuery(e.target.value)\n                onSearchChange?.(e.target.value)\n              }}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n        )}\n\n        <List\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label != null ? labelId : undefined}\n          aria-multiselectable=\"true\"\n          size={size}\n          className={styles.listbox}\n          // clear the mouse highlight when the pointer leaves the list (no lingering hover)\n          onMouseLeave={() => setHighlightedIndex(-1)}\n        >\n          {loading ? (\n            <div className={styles.loading}>\n              <Loader size=\"sm\" />\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {loadingText ?? t('common.loading')}\n              </Typography>\n            </div>\n          ) : filteredOptions.length === 0 ? (\n            <div className={styles.noOptions}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {noOptionsText == null\n                  ? t('select.noOptions')\n                  : typeof noOptionsText === 'function'\n                    ? noOptionsText(searchQuery)\n                    : noOptionsText}\n              </Typography>\n            </div>\n          ) : (\n            filteredOptions.map((opt, index) => {\n              const isSelected = selectedValues.includes(opt.value)\n              return (\n                <ListItem\n                  key={opt.value}\n                  id={optionId(index)}\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={isSelected}\n                  aria-current={undefined}\n                  clickable\n                  selected={isSelected}\n                  disabled={opt.disabled}\n                  icon={opt.icon}\n                  className={clsx(index === highlightedIndex && styles.active)}\n                  trailing={isSelected ? <Icon name=\"TickCircle\" size=\"sm\" /> : undefined}\n                  onMouseEnter={() => !opt.disabled && setHighlightedIndex(index)}\n                  // keep focus on the search input (menu stays open on toggle) so typing keeps working\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => toggleOption(opt)}\n                >\n                  {opt.label}\n                </ListItem>\n              )\n            })\n          )}\n        </List>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["MultiSelect","forwardRef","label","options","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","color","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","name","idProp","className","style","ref","reactId","useId","id","labelId","listboxId","helperId","optionId","index","t","useT","searchPh","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","selectedValues","resolvedError","resolvedHelperText","commit","next","triggerRef","useRef","searchInputRef","typeahead","fieldBlur","open","setOpen","searchQuery","setSearchQuery","highlightedIndex","setHighlightedIndex","setTriggerRef","useCallback","node","filteredOptions","useMemo","q","o","findEnabled","start","delta","i","popoverRef","closeMenu","refocus","_a","_b","useEffect","openMenu","toggleOption","opt","v","removeValue","x","moveHighlight","cur","found","handleTypeahead","char","match","handleKeyDown","event","handleTriggerBlur","activeId","chevronPx","hasValue","jsxs","clsx","styles","jsx","Typography","Chip","Icon","FloatingPanel","List","Loader","isSelected","ListItem","e"],"mappings":"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"}

package/dist/PageNotFound-JKOnpyHD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageNotFound-JKOnpyHD.cjs","sources":["../src/components/PageNotFound/PageNotFound.tsx"],"sourcesContent":["import { forwardRef, useMemo, type HTMLAttributes, type ReactNode } from 'react'\nimport { useRouter, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { hasAccess, useAccessKeys } from '../../helpers/access'\nimport { EmptyState, type EmptyStateSize } from '../EmptyState'\nimport { Button } from '../Button'\nimport { buildNavTree, firstNavTo } from '../Sidebar/Sidebar'\nimport type { IconName } from '../../icons/names'\n\nexport interface PageNotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Hero glyph — an `IconName`, any node, or `false` to hide it. Defaults to `SearchStatus`. */\n  icon?: IconName | ReactNode | false\n  /** Heading. Defaults to the localized `notFound.title`. */\n  title?: ReactNode\n  /** Muted description. Defaults to the localized `notFound.description`. */\n  description?: ReactNode\n  /** Action button label. Defaults to the localized `notFound.action`. */\n  actionLabel?: ReactNode\n  /** Where the action navigates. Defaults to the first allowed menu page (RBAC-aware), else `/`. */\n  to?: string\n  /** Show the \"back home\" action button. Defaults to `true` (hidden anyway when there's no router). */\n  showAction?: boolean\n  /** Faded-grid hero backdrop — passed to `EmptyState`. Defaults to `true` (its default). */\n  pattern?: boolean\n  /** Size — passed to `EmptyState`. Defaults to `md`. */\n  size?: EmptyStateSize\n}\n\n/**\n * The shared **404** page. Drop it straight into TanStack Router as the\n * `defaultNotFoundComponent` — zero props needed: the title/description/action strings come from the\n * built-in i18n (`useT`), so they translate with the panel language, and the action navigates to the\n * **first allowed menu page** (the same RBAC-aware target as `FirstRouteRedirect`), falling back to\n * `/`. Built on `EmptyState` (hero glyph + title + description + action, `pattern` on by default), so\n * it renders inside the `RootLayout` content area with the shell/sidebar intact. Lenient: with no\n * router context the `EmptyState` still renders, just without the action button. Token-only styling.\n *\n * @example\n * const router = createRouter({ routeTree, defaultNotFoundComponent: PageNotFound })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  { icon = 'SearchStatus', title, description, actionLabel, to, showAction = true, ...props },\n  ref,\n) {\n  const t = useT()\n  // lenient router access — returns undefined (no throw) outside a <RouterProvider>\n  const router = useRouter({ warn: false })\n  const accessKeys = useAccessKeys()\n\n  // the first allowed menu page — same logic as FirstRouteRedirect, RBAC-aware; `/` fallback\n  const resolvedTo = useMemo(() => {\n    if (to != null) return to\n    if (!router) return undefined\n    const tree = buildNavTree(\n      Object.values(router.looseRoutesById)\n        .map((route) => ({ fullPath: route.fullPath, staticData: route.options?.staticData }))\n        .filter((route) => hasAccess(route.staticData?.roles)),\n    )\n    return firstNavTo(tree) ?? '/'\n  }, [router, to, accessKeys])\n\n  const canNavigate = !!router && resolvedTo != null\n  const action =\n    showAction && canNavigate ? (\n      <Button size=\"sm\" onClick={() => router.navigate({ to: resolvedTo as LinkProps['to'] })}>\n        {actionLabel ?? t('notFound.action')}\n      </Button>\n    ) : undefined\n\n  return (\n    <EmptyState\n      ref={ref}\n      icon={icon}\n      title={title ?? t('notFound.title')}\n      description={description ?? t('notFound.description')}\n      action={action}\n      {...props}\n    />\n  )\n})\n"],"names":["PageNotFound","forwardRef","icon","title","description","actionLabel","to","showAction","props","ref","t","useT","router","useRouter","accessKeys","useAccessKeys","resolvedTo","useMemo","tree","buildNavTree","route","_a","hasAccess","firstNavTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":"qSAwCaA,EAAeC,EAAAA,WAA8C,SACxE,CAAE,KAAAC,EAAO,eAAgB,MAAAC,EAAO,YAAAC,EAAa,YAAAC,EAAa,GAAAC,EAAI,WAAAC,EAAa,GAAM,GAAGC,CAAA,EACpFC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EAEJC,EAASC,EAAAA,UAAU,CAAE,KAAM,GAAO,EAClCC,EAAaC,EAAAA,cAAA,EAGbC,EAAaC,EAAAA,QAAQ,IAAM,CAC/B,GAAIX,GAAM,KAAM,OAAOA,EACvB,GAAI,CAACM,EAAQ,OACb,MAAMM,EAAOC,EAAAA,aACX,OAAO,OAAOP,EAAO,eAAe,EACjC,IAAKQ,UAAW,OAAE,SAAUA,EAAM,SAAU,YAAYC,EAAAD,EAAM,UAAN,YAAAC,EAAe,YAAa,EACpF,OAAQD,GAAA,OAAUE,OAAAA,aAAUD,EAAAD,EAAM,aAAN,YAAAC,EAAkB,KAAK,EAAC,CAAA,EAEzD,OAAOE,EAAAA,WAAWL,CAAI,GAAK,GAC7B,EAAG,CAACN,EAAQN,EAAIQ,CAAU,CAAC,EAErBU,EAAc,CAAC,CAACZ,GAAUI,GAAc,KACxCS,EACJlB,GAAciB,EACZE,EAAAA,IAACC,EAAAA,QAAO,KAAK,KAAK,QAAS,IAAMf,EAAO,SAAS,CAAE,GAAII,EAA+B,EACnF,YAAeN,EAAE,iBAAiB,EACrC,EACE,OAEN,OACEgB,EAAAA,IAACE,EAAAA,WAAA,CACC,IAAAnB,EACA,KAAAP,EACA,MAAOC,GAASO,EAAE,gBAAgB,EAClC,YAAaN,GAAeM,EAAE,sBAAsB,EACpD,OAAAe,EACC,GAAGjB,CAAA,CAAA,CAGV,CAAC"}

package/dist/PageNotFound-LWH2tU5E.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageNotFound-LWH2tU5E.js","sources":["../src/components/PageNotFound/PageNotFound.tsx"],"sourcesContent":["import { forwardRef, useMemo, type HTMLAttributes, type ReactNode } from 'react'\nimport { useRouter, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { hasAccess, useAccessKeys } from '../../helpers/access'\nimport { EmptyState, type EmptyStateSize } from '../EmptyState'\nimport { Button } from '../Button'\nimport { buildNavTree, firstNavTo } from '../Sidebar/Sidebar'\nimport type { IconName } from '../../icons/names'\n\nexport interface PageNotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Hero glyph — an `IconName`, any node, or `false` to hide it. Defaults to `SearchStatus`. */\n  icon?: IconName | ReactNode | false\n  /** Heading. Defaults to the localized `notFound.title`. */\n  title?: ReactNode\n  /** Muted description. Defaults to the localized `notFound.description`. */\n  description?: ReactNode\n  /** Action button label. Defaults to the localized `notFound.action`. */\n  actionLabel?: ReactNode\n  /** Where the action navigates. Defaults to the first allowed menu page (RBAC-aware), else `/`. */\n  to?: string\n  /** Show the \"back home\" action button. Defaults to `true` (hidden anyway when there's no router). */\n  showAction?: boolean\n  /** Faded-grid hero backdrop — passed to `EmptyState`. Defaults to `true` (its default). */\n  pattern?: boolean\n  /** Size — passed to `EmptyState`. Defaults to `md`. */\n  size?: EmptyStateSize\n}\n\n/**\n * The shared **404** page. Drop it straight into TanStack Router as the\n * `defaultNotFoundComponent` — zero props needed: the title/description/action strings come from the\n * built-in i18n (`useT`), so they translate with the panel language, and the action navigates to the\n * **first allowed menu page** (the same RBAC-aware target as `FirstRouteRedirect`), falling back to\n * `/`. Built on `EmptyState` (hero glyph + title + description + action, `pattern` on by default), so\n * it renders inside the `RootLayout` content area with the shell/sidebar intact. Lenient: with no\n * router context the `EmptyState` still renders, just without the action button. Token-only styling.\n *\n * @example\n * const router = createRouter({ routeTree, defaultNotFoundComponent: PageNotFound })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  { icon = 'SearchStatus', title, description, actionLabel, to, showAction = true, ...props },\n  ref,\n) {\n  const t = useT()\n  // lenient router access — returns undefined (no throw) outside a <RouterProvider>\n  const router = useRouter({ warn: false })\n  const accessKeys = useAccessKeys()\n\n  // the first allowed menu page — same logic as FirstRouteRedirect, RBAC-aware; `/` fallback\n  const resolvedTo = useMemo(() => {\n    if (to != null) return to\n    if (!router) return undefined\n    const tree = buildNavTree(\n      Object.values(router.looseRoutesById)\n        .map((route) => ({ fullPath: route.fullPath, staticData: route.options?.staticData }))\n        .filter((route) => hasAccess(route.staticData?.roles)),\n    )\n    return firstNavTo(tree) ?? '/'\n  }, [router, to, accessKeys])\n\n  const canNavigate = !!router && resolvedTo != null\n  const action =\n    showAction && canNavigate ? (\n      <Button size=\"sm\" onClick={() => router.navigate({ to: resolvedTo as LinkProps['to'] })}>\n        {actionLabel ?? t('notFound.action')}\n      </Button>\n    ) : undefined\n\n  return (\n    <EmptyState\n      ref={ref}\n      icon={icon}\n      title={title ?? t('notFound.title')}\n      description={description ?? t('notFound.description')}\n      action={action}\n      {...props}\n    />\n  )\n})\n"],"names":["PageNotFound","forwardRef","icon","title","description","actionLabel","to","showAction","props","ref","t","useT","router","useRouter","accessKeys","useAccessKeys","resolvedTo","useMemo","tree","buildNavTree","route","_a","hasAccess","firstNavTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":";;;;;;;;AAwCO,MAAMA,IAAeC,EAA8C,SACxE,EAAE,MAAAC,IAAO,gBAAgB,OAAAC,GAAO,aAAAC,GAAa,aAAAC,GAAa,IAAAC,GAAI,YAAAC,IAAa,IAAM,GAAGC,EAAA,GACpFC,GACA;AACA,QAAMC,IAAIC,EAAA,GAEJC,IAASC,EAAU,EAAE,MAAM,IAAO,GAClCC,IAAaC,EAAA,GAGbC,IAAaC,EAAQ,MAAM;AAC/B,QAAIX,KAAM,KAAM,QAAOA;AACvB,QAAI,CAACM,EAAQ;AACb,UAAMM,IAAOC;AAAA,MACX,OAAO,OAAOP,EAAO,eAAe,EACjC,IAAI,CAACQ;;AAAW,iBAAE,UAAUA,EAAM,UAAU,aAAYC,IAAAD,EAAM,YAAN,gBAAAC,EAAe;OAAa,EACpF,OAAO,CAACD,MAAA;;AAAU,eAAAE,GAAUD,IAAAD,EAAM,eAAN,gBAAAC,EAAkB,KAAK;AAAA,OAAC;AAAA,IAAA;AAEzD,WAAOE,EAAWL,CAAI,KAAK;AAAA,EAC7B,GAAG,CAACN,GAAQN,GAAIQ,CAAU,CAAC,GAErBU,IAAc,CAAC,CAACZ,KAAUI,KAAc,MACxCS,IACJlB,KAAciB,IACZ,gBAAAE,EAACC,KAAO,MAAK,MAAK,SAAS,MAAMf,EAAO,SAAS,EAAE,IAAII,GAA+B,GACnF,eAAeN,EAAE,iBAAiB,GACrC,IACE;AAEN,SACE,gBAAAgB;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAAnB;AAAA,MACA,MAAAP;AAAA,MACA,OAAOC,KAASO,EAAE,gBAAgB;AAAA,MAClC,aAAaN,KAAeM,EAAE,sBAAsB;AAAA,MACpD,QAAAe;AAAA,MACC,GAAGjB;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/QrCode-Bcj9_Emc.js

@@ -1,70 +0,0 @@
-import { jsxs as q, jsx as n } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import { clsx as y } from "clsx";
-import { QRCodeSVG as s } from "qrcode.react";
-import { T as C } from "./Typography-Cta6Rg4L.js";
-const Q = "_root_15ibt_1", z = "_framed_15ibt_12", N = "_code_15ibt_30", R = "_caption_15ibt_35", o = {
-  root: Q,
-  framed: z,
-  code: N,
-  caption: R
-}, G = w(function({
-  value: d,
-  size: e = 180,
-  level: l,
-  color: a = "text",
-  margin: m = 2,
-  image: r,
-  caption: c,
-  framed: f = !0,
-  className: p,
-  style: h,
-  "aria-label": u = "QR code",
-  ...v
-}, _) {
-  if (s == null)
-    throw new Error(
-      "QrCode requires the optional peer dependency 'qrcode.react'. Install it with `npm i qrcode.react`."
-    );
-  const g = l ?? (r ? "H" : "M"), b = r != null ? (() => {
-    const t = typeof r == "string" ? { src: r } : r, i = Math.round(e * 0.22);
-    return {
-      src: t.src,
-      width: t.width ?? i,
-      height: t.height ?? i,
-      excavate: t.excavate ?? !0
-    };
-  })() : void 0, x = a === "text" ? void 0 : { "--tz-qr-fg": `var(--tz-color-${a})` };
-  return /* @__PURE__ */ q(
-    "div",
-    {
-      ref: _,
-      role: "img",
-      "aria-label": u,
-      className: y(o.root, f && o.framed, p),
-      style: { ...x, ...h },
-      ...v,
-      children: [
-        /* @__PURE__ */ n(
-          s,
-          {
-            className: o.code,
-            value: d,
-            size: e,
-            level: g,
-            marginSize: m,
-            fgColor: "var(--tz-qr-fg)",
-            bgColor: "var(--tz-qr-bg)",
-            imageSettings: b,
-            "aria-hidden": !0
-          }
-        ),
-        c != null && /* @__PURE__ */ n(C, { variant: "caption", color: "muted", className: o.caption, children: c })
-      ]
-    }
-  );
-});
-export {
-  G as Q
-};
-//# sourceMappingURL=QrCode-Bcj9_Emc.js.map

package/dist/QrCode-Bcj9_Emc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QrCode-Bcj9_Emc.js","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { QRCodeSVG } from 'qrcode.react'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /** Accessible name. Default `\"QR code\"`. The `value` is never exposed as text by this component. */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabel = 'QR code',\n    ...props\n  },\n  ref,\n) {\n  // Static import keeps `qrcode.react` off every other consumer's bundle (only the `./components/QrCode`\n  // subpath pulls it in); guard for the case where the optional peer isn't installed / resolves empty.\n  if (QRCodeSVG == null) {\n    throw new Error(\n      \"QrCode requires the optional peer dependency 'qrcode.react'. Install it with `npm i qrcode.react`.\",\n    )\n  }\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      <QRCodeSVG\n        className={styles.code}\n        value={value}\n        size={size}\n        level={resolvedLevel}\n        marginSize={margin}\n        // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n        fgColor=\"var(--tz-qr-fg)\"\n        bgColor=\"var(--tz-qr-bg)\"\n        imageSettings={imageSettings}\n        aria-hidden\n      />\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabel","props","ref","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Typography"],"mappings":";;;;;;;;;;GA+CaA,IAASC,EAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,GAAGC;AACL,GACAC,GACA;AAGA,MAAIC,KAAa;AACf,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAMJ,QAAMC,IAA6BZ,MAAUG,IAAQ,MAAM,MAErDU,IACJV,KAAS,QACJ,MAAM;AACL,UAAMW,IAAM,OAAOX,KAAU,WAAW,EAAE,KAAKA,MAAUA,GACnDY,IAAM,KAAK,MAAMhB,IAAO,IAAI;AAClC,WAAO;AAAA,MACL,KAAKe,EAAI;AAAA,MACT,OAAOA,EAAI,SAASC;AAAA,MACpB,QAAQD,EAAI,UAAUC;AAAA,MACtB,UAAUD,EAAI,YAAY;AAAA,IAAA;AAAA,EAE9B,OACA,QAKAE,IAAQf,MAAU,SAAS,SAAY,EAAE,cAAc,kBAAkBA,CAAK,IAAA;AAEpF,SACE,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,MAAK;AAAA,MACL,cAAYF;AAAA,MACZ,WAAWU,EAAKC,EAAO,MAAMd,KAAUc,EAAO,QAAQb,CAAS;AAAA,MAC/D,OAAO,EAAE,GAAGU,GAAO,GAAGT,EAAA;AAAA,MACrB,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,WAAWQ,EAAO;AAAA,YAClB,OAAArB;AAAA,YACA,MAAAC;AAAA,YACA,OAAOa;AAAA,YACP,YAAYV;AAAA,YAEZ,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,eAAAW;AAAA,YACA,eAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZT,KAAW,QACV,gBAAAgB,EAACC,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,WAAWF,EAAO,SAC3D,UAAAf,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/QrCode-DfDfGhG-.cjs

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),b=require("react"),y=require("clsx"),i=require("qrcode.react"),C=require("./Typography-BFatE1_A.cjs"),Q="_root_15ibt_1",w="_framed_15ibt_12",R="_code_15ibt_30",j="_caption_15ibt_35",t={root:Q,framed:w,code:R,caption:j},z=b.forwardRef(function({value:d,size:c=180,level:l,color:n="text",margin:u=2,image:e,caption:s,framed:h=!0,className:f,style:p,"aria-label":_="QR code",...g},q){if(i.QRCodeSVG==null)throw new Error("QrCode requires the optional peer dependency 'qrcode.react'. Install it with `npm i qrcode.react`.");const v=l??(e?"H":"M"),m=e!=null?(()=>{const r=typeof e=="string"?{src:e}:e,a=Math.round(c*.22);return{src:r.src,width:r.width??a,height:r.height??a,excavate:r.excavate??!0}})():void 0,x=n==="text"?void 0:{"--tz-qr-fg":`var(--tz-color-${n})`};return o.jsxs("div",{ref:q,role:"img","aria-label":_,className:y.clsx(t.root,h&&t.framed,f),style:{...x,...p},...g,children:[o.jsx(i.QRCodeSVG,{className:t.code,value:d,size:c,level:v,marginSize:u,fgColor:"var(--tz-qr-fg)",bgColor:"var(--tz-qr-bg)",imageSettings:m,"aria-hidden":!0}),s!=null&&o.jsx(C.Typography,{variant:"caption",color:"muted",className:t.caption,children:s})]})});exports.QrCode=z;
-//# sourceMappingURL=QrCode-DfDfGhG-.cjs.map

package/dist/QrCode-DfDfGhG-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QrCode-DfDfGhG-.cjs","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { QRCodeSVG } from 'qrcode.react'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /** Accessible name. Default `\"QR code\"`. The `value` is never exposed as text by this component. */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabel = 'QR code',\n    ...props\n  },\n  ref,\n) {\n  // Static import keeps `qrcode.react` off every other consumer's bundle (only the `./components/QrCode`\n  // subpath pulls it in); guard for the case where the optional peer isn't installed / resolves empty.\n  if (QRCodeSVG == null) {\n    throw new Error(\n      \"QrCode requires the optional peer dependency 'qrcode.react'. Install it with `npm i qrcode.react`.\",\n    )\n  }\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      <QRCodeSVG\n        className={styles.code}\n        value={value}\n        size={size}\n        level={resolvedLevel}\n        marginSize={margin}\n        // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n        fgColor=\"var(--tz-qr-fg)\"\n        bgColor=\"var(--tz-qr-bg)\"\n        imageSettings={imageSettings}\n        aria-hidden\n      />\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabel","props","ref","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Typography"],"mappings":"6QA+CaA,EAASC,EAAAA,WAAwC,SAC5D,CACE,MAAAC,EACA,KAAAC,EAAO,IACP,MAAAC,EACA,MAAAC,EAAQ,OACR,OAAAC,EAAS,EACT,MAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,GACT,UAAAC,EACA,MAAAC,EACA,aAAcC,EAAY,UAC1B,GAAGC,CACL,EACAC,EACA,CAGA,GAAIC,EAAAA,WAAa,KACf,MAAM,IAAI,MACR,oGAAA,EAMJ,MAAMC,EAA6BZ,IAAUG,EAAQ,IAAM,KAErDU,EACJV,GAAS,MACJ,IAAM,CACL,MAAMW,EAAM,OAAOX,GAAU,SAAW,CAAE,IAAKA,GAAUA,EACnDY,EAAM,KAAK,MAAMhB,EAAO,GAAI,EAClC,MAAO,CACL,IAAKe,EAAI,IACT,MAAOA,EAAI,OAASC,EACpB,OAAQD,EAAI,QAAUC,EACtB,SAAUD,EAAI,UAAY,EAAA,CAE9B,KACA,OAKAE,EAAQf,IAAU,OAAS,OAAY,CAAE,aAAc,kBAAkBA,CAAK,GAAA,EAEpF,OACEgB,EAAAA,KAAC,MAAA,CACC,IAAAP,EACA,KAAK,MACL,aAAYF,EACZ,UAAWU,EAAAA,KAAKC,EAAO,KAAMd,GAAUc,EAAO,OAAQb,CAAS,EAC/D,MAAO,CAAE,GAAGU,EAAO,GAAGT,CAAA,EACrB,GAAGE,EAEJ,SAAA,CAAAW,EAAAA,IAACT,EAAAA,UAAA,CACC,UAAWQ,EAAO,KAClB,MAAArB,EACA,KAAAC,EACA,MAAOa,EACP,WAAYV,EAEZ,QAAQ,kBACR,QAAQ,kBACR,cAAAW,EACA,cAAW,EAAA,CAAA,EAEZT,GAAW,MACVgB,EAAAA,IAACC,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,UAAWF,EAAO,QAC3D,SAAAf,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC"}

package/dist/RadioGroup-Byy-eSY3.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),y=require("clsx"),E=require("./formContext-bTWrqdEV.cjs"),F=require("./Typography-BFatE1_A.cjs"),S=c.createContext(null);function T(){return c.useContext(S)}const D="_field_dlync_2",P="_row_dlync_9",$="_disabled_dlync_17",A="_input_dlync_23",H="_circle_dlync_37",J="_dot_dlync_59",K="_error_dlync_73",M="_label_dlync_77",O="_required_dlync_82",Q="_sm_dlync_88",U="_md_dlync_92",W="_lg_dlync_96",X="_group_dlync_112",Y="_groupLabel_dlync_119",Z="_options_dlync_124",ee="_horizontal_dlync_130",s={field:D,row:P,disabled:$,input:A,circle:H,dot:J,error:K,label:M,required:O,sm:Q,md:U,lg:W,group:X,groupLabel:Y,options:Z,horizontal:ee},V=c.forwardRef(function({value:t,label:i,color:h,size:u,error:l,checked:d,onChange:_,name:p,disabled:b,id:j,className:N,style:R,...q},z){const g=c.useId(),C=j??g,e=T(),n=h??(e==null?void 0:e.color)??"accent",x=u??(e==null?void 0:e.size)??"md",a=l??(e==null?void 0:e.error)??!1,v=b??(e==null?void 0:e.disabled)??!1,f=p??(e==null?void 0:e.name),[w,G]=c.useState(!1),I=e?e.value===t:d!==void 0?d:w,m=L=>{if(e){e.onChange(t);return}d===void 0&&G(L.target.checked),_==null||_(L.target.checked)};return r.jsx("div",{className:y.clsx(s.field,a&&s.error,v&&s.disabled,N),style:{"--tz-btn-rgb":`var(--tz-color-${n}-rgb)`,...R},children:r.jsxs("label",{className:y.clsx(s.row,s[x]),children:[r.jsx("input",{ref:z,id:C,name:f,type:"radio",className:s.input,value:t,checked:I,onChange:m,disabled:v,"aria-invalid":a||void 0,...q}),r.jsx("span",{className:s.circle,"aria-hidden":"true",children:r.jsx("span",{className:s.dot})}),i!=null&&r.jsx("span",{className:s.label,children:i})]})})}),se=c.forwardRef(function({label:t,value:i,defaultValue:h,onChange:u,name:l,options:d,orientation:_="vertical",size:p="md",color:b="accent",error:j,required:N=!1,disabled:R=!1,children:q,className:z,style:g,...C},e){const n=E.useFormContext(),x=!!(n&&l),a=n&&l?n.field(l):void 0,v=i!==void 0?i:x?n.values[l]:void 0,f=v!==void 0,[w,G]=c.useState(h),I=f?v:w,m=j??(a==null?void 0:a.error)??!1,B={name:l,value:I,onChange:o=>{f||G(o),x&&n.setValue(l,o),u==null||u(o)},size:p,color:b,disabled:R,error:m};return r.jsxs("div",{ref:e,role:"radiogroup","aria-invalid":m||void 0,className:y.clsx(s.group,z),style:g,...C,children:[t!=null&&r.jsxs("span",{className:s.groupLabel,children:[r.jsx(F.Typography,{as:"span",variant:"bodySmall",color:"muted",children:t}),N&&r.jsx("span",{className:s.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:y.clsx(s.options,_==="horizontal"&&s.horizontal),children:r.jsx(S.Provider,{value:B,children:d?d.map(o=>r.jsx(V,{value:o.value,label:o.label,disabled:o.disabled},o.value)):q})})]})});exports.Radio=V;exports.RadioGroup=se;
-//# sourceMappingURL=RadioGroup-Byy-eSY3.cjs.map