@techzyapp/ui-library 1.0.17 → 1.0.18

package/dist/RootLayout-q_oWf5et.js

@@ -0,0 +1,422 @@
+import { jsxs as r, Fragment as B, jsx as e } from "react/jsx-runtime";
+import { useState as E, useEffect as P } from "react";
+import { useRouterState as O } from "@tanstack/react-router";
+import { clsx as Q } from "clsx";
+import { a as ee } from "./useMediaQuery-DrDUrkmJ.js";
+import { u as ae } from "./useLockBodyScroll-DwBILLPK.js";
+import { A as W } from "./Avatar-BJVCdo-K.js";
+import { C as J, R as te } from "./Col-B51RlwWP.js";
+import { D as z } from "./Divider-LtH3dLgw.js";
+import { D as G } from "./Dropdown-FfkmluRu.js";
+import { I as u } from "./Icon-CophpkHo.js";
+import { I as y } from "./IconButton-DpTxmj3d.js";
+import { L as q } from "./ListItem-B4Upc0Hy.js";
+import { F as se } from "./FullscreenToggle-Bc4fB-Mi.js";
+import { T as re } from "./ThemeToggle-BwW9L115.js";
+import { T as i } from "./Typography-Cta6Rg4L.js";
+import { B as ne } from "./Breadcrumbs-FpIOHx_q.js";
+import { T as le } from "./Toaster-BynCHvUr.js";
+import { a as oe, c as ie, N as U, S as ce } from "./Sidebar-C0OJK29L.js";
+import { F as de } from "./Flag-DNhhLtCC.js";
+import { M as me } from "./Modal-Us_E-lb2.js";
+import { a as Y } from "./ChoiceCardGroup-CvFzZlgI.js";
+import { S as he } from "./Select-UygxT1Ry.js";
+import { S as ge } from "./SwatchPicker-D30aSrbY.js";
+import { m as K, a as V, D as x, u as pe, g as ue } from "./ConfigProvider-DDuIJSM7.js";
+const be = {
+  light: [
+    "#dc2626",
+    // red
+    "#ea580c",
+    // orange
+    "#d97706",
+    // amber
+    "#ca8a04",
+    // yellow
+    "#65a30d",
+    // lime
+    "#16a34a",
+    // green
+    "#059669",
+    // emerald
+    "#0891b2",
+    // cyan
+    "#0284c7",
+    // sky
+    "#2563eb",
+    // blue
+    "#4f46e5",
+    // indigo
+    "#7c3aed",
+    // violet
+    "#c026d3",
+    // fuchsia
+    "#db2777",
+    // pink
+    "#475569"
+    // slate
+  ],
+  dark: [
+    "#f87171",
+    // red
+    "#fb923c",
+    // orange
+    "#fbbf24",
+    // amber
+    "#facc15",
+    // yellow
+    "#a3e635",
+    // lime
+    "#4ade80",
+    // green
+    "#34d399",
+    // emerald
+    "#22d3ee",
+    // cyan
+    "#38bdf8",
+    // sky
+    "#60a5fa",
+    // blue
+    "#818cf8",
+    // indigo
+    "#a78bfa",
+    // violet
+    "#e879f9",
+    // fuchsia
+    "#f472b6",
+    // pink
+    "#94a3b8"
+    // slate
+  ]
+};
+function fe({ open: C, onClose: k, showTheme: w = !0 }) {
+  const {
+    mode: h,
+    setMode: F,
+    accentColors: b,
+    defaultAccentColors: f,
+    setAccentColor: L,
+    headerSticky: D,
+    setHeaderSticky: I,
+    fontFamily: g,
+    setFontFamily: m
+  } = K(), a = V(), [o, _] = E(""), v = o.trim(), p = g !== x ? [x, g] : [x], R = (v.length > 0 && !p.some((s) => s.toLowerCase() === v.toLowerCase()) ? [v, ...p] : p).map((s) => ({
+    value: s,
+    label: s === x ? a("settings.fontDefault", { font: s }) : s
+  })), S = (s, N) => {
+    const d = f[s], n = [d, ...be[s].filter((c) => c.toLowerCase() !== d.toLowerCase())];
+    return /* @__PURE__ */ e(
+      ge,
+      {
+        label: N,
+        colors: n,
+        value: b[s] ?? d,
+        onChange: (c) => L(c.toLowerCase() === d.toLowerCase() ? null : c, s),
+        labels: { [d]: a("settings.accentDefault", { color: d }) },
+        "aria-label": String(N)
+      }
+    );
+  };
+  return /* @__PURE__ */ r(
+    me,
+    {
+      open: C,
+      onClose: k,
+      placement: "right",
+      size: "sm",
+      title: a("settings.label"),
+      icon: "Setting5",
+      children: [
+        w && /* @__PURE__ */ r(B, { children: [
+          /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.themeTitle") }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              variant: "bodySmall",
+              color: "muted",
+              as: "p",
+              style: { marginTop: "var(--tz-space-xxs)" },
+              children: a("settings.themeDesc")
+            }
+          ),
+          /* @__PURE__ */ e(
+            Y,
+            {
+              exclusive: !0,
+              color: "accent",
+              minCardWidth: 130,
+              value: h,
+              onChange: (s) => {
+                typeof s == "string" && F(s);
+              },
+              options: [
+                {
+                  value: "light",
+                  label: a("settings.light"),
+                  description: a("settings.lightDesc"),
+                  icon: "Sun"
+                },
+                {
+                  value: "dark",
+                  label: a("settings.dark"),
+                  description: a("settings.darkDesc"),
+                  icon: "Moon"
+                }
+              ],
+              "aria-label": a("settings.themeTitle"),
+              style: { marginTop: "var(--tz-space-sm)" }
+            }
+          ),
+          /* @__PURE__ */ e(z, { style: { margin: "var(--tz-space-md) 0" } })
+        ] }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.accentTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.accentDesc")
+          }
+        ),
+        /* @__PURE__ */ e(J, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: w ? /* @__PURE__ */ r(B, { children: [
+          S("light", a("settings.lightTheme")),
+          S("dark", a("settings.darkTheme"))
+        ] }) : (
+          // theme switching is off → the panel stays in one mode, so only that mode's accent matters
+          S(h, a(h === "light" ? "settings.lightTheme" : "settings.darkTheme"))
+        ) }),
+        /* @__PURE__ */ e(z, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.fontTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.fontDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          he,
+          {
+            label: a("settings.fontFamily"),
+            searchable: !0,
+            searchPlaceholder: a("settings.fontSearch"),
+            value: g,
+            options: R,
+            onSearchChange: _,
+            onChange: (s) => {
+              m(s), _("");
+            },
+            "aria-label": a("settings.fontFamily"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        /* @__PURE__ */ e(z, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.headerTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.headerDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          Y,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: D ? "fixed" : "static",
+            onChange: (s) => {
+              typeof s == "string" && I(s === "fixed");
+            },
+            options: [
+              {
+                value: "static",
+                label: a("settings.scrollable"),
+                description: a("settings.scrollableDesc")
+              },
+              { value: "fixed", label: a("settings.fixed"), description: a("settings.fixedDesc") }
+            ],
+            "aria-label": a("settings.headerTitle"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        )
+      ]
+    }
+  );
+}
+const _e = "_shell_1529j_5", ve = "_shellCollapsed_1529j_21", Se = "_sidebar_1529j_21", Te = "_sidebarInner_1529j_49", ye = "_sidebarClose_1529j_58", Ce = "_backdrop_1529j_65", ke = "_brand_1529j_70", we = "_sidebarSearch_1529j_86", Ne = "_navScroll_1529j_99", je = "_sidebarFooter_1529j_108", xe = "_headerSearch_1529j_115", ze = "_main_1529j_119", Fe = "_topbar_1529j_126", Le = "_topbarSticky_1529j_139", De = "_headerStart_1529j_150", Ie = "_headerEnd_1529j_159", Ae = "_account_1529j_166", Re = "_content_1529j_182", Be = "_pageTitleRow_1529j_189", Ee = "_pageTitle_1529j_189", Me = "_settings_1529j_211", t = {
+  shell: _e,
+  shellCollapsed: ve,
+  sidebar: Se,
+  sidebarInner: Te,
+  sidebarClose: ye,
+  backdrop: Ce,
+  brand: ke,
+  sidebarSearch: we,
+  navScroll: Ne,
+  sidebarFooter: je,
+  headerSearch: xe,
+  main: ze,
+  topbar: Fe,
+  topbarSticky: Le,
+  headerStart: De,
+  headerEnd: Ie,
+  account: Ae,
+  content: Re,
+  pageTitleRow: Be,
+  pageTitle: Ee,
+  settings: Me
+};
+function da({
+  logo: C,
+  sidebarFooter: k,
+  header: w,
+  toaster: h = !0,
+  children: F
+}) {
+  const b = oe(), f = ie(), { headerSticky: L } = K(), { language: D, setLanguage: I, languages: g } = pe(), m = V(), o = { ...ue(), ...w }, _ = o.theme ?? !0, v = o.fullscreen ?? !1, p = o.settings ?? !0, A = o.search ?? !0, R = o.languages ?? !0, S = o.breadcrumbs ?? !0, s = typeof h == "object" ? h : void 0, N = o.pageTitle ?? !0, d = o.onLogout, n = o.user, c = ee("md"), [j, T] = E(c);
+  P(() => {
+    T(c);
+  }, [c]), ae(c && !j);
+  const X = O({ select: (l) => l.location.pathname });
+  P(() => {
+    c && T(!0);
+  }, [X]);
+  const M = O({
+    select: (l) => l.statusCode === 404 || l.matches.some(($) => $.status === "notFound")
+  }), [Z, H] = E(!1);
+  return /* @__PURE__ */ r("div", { className: Q(t.shell, j && t.shellCollapsed), children: [
+    /* @__PURE__ */ e("aside", { className: t.sidebar, children: /* @__PURE__ */ r("div", { className: t.sidebarInner, children: [
+      C ? /* @__PURE__ */ r("div", { className: t.brand, children: [
+        C,
+        /* @__PURE__ */ e(
+          y,
+          {
+            variant: "filled",
+            size: "sm",
+            className: t.sidebarClose,
+            "aria-label": m("common.close"),
+            onClick: () => T(!0),
+            children: /* @__PURE__ */ e(u, { name: "Close" })
+          }
+        )
+      ] }) : null,
+      A ? /* @__PURE__ */ e("div", { className: t.sidebarSearch, children: /* @__PURE__ */ e(U, {}) }) : null,
+      /* @__PURE__ */ e("div", { className: t.navScroll, children: /* @__PURE__ */ e(ce, {}) }),
+      k ? /* @__PURE__ */ e("div", { className: t.sidebarFooter, children: k }) : null
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: t.backdrop, onClick: () => T(!0), "aria-hidden": "true" }),
+    /* @__PURE__ */ r("div", { className: t.main, children: [
+      /* @__PURE__ */ r("header", { className: Q(t.topbar, L && t.topbarSticky), children: [
+        /* @__PURE__ */ r("div", { className: t.headerStart, children: [
+          /* @__PURE__ */ e(
+            y,
+            {
+              "aria-label": j ? "Show sidebar" : "Hide sidebar",
+              "aria-expanded": !j,
+              variant: "filled",
+              size: "sm",
+              onClick: () => T((l) => !l),
+              children: /* @__PURE__ */ e(u, { name: "Menu" })
+            }
+          ),
+          A ? /* @__PURE__ */ e("div", { className: t.headerSearch, children: /* @__PURE__ */ e(U, {}) }) : null
+        ] }),
+        /* @__PURE__ */ r("div", { className: t.headerEnd, children: [
+          v ? /* @__PURE__ */ e(se, { variant: "filled", size: "sm" }) : null,
+          _ ? /* @__PURE__ */ e(re, { variant: "filled", size: "sm" }) : null,
+          R && g.length > 1 ? /* @__PURE__ */ e(
+            G,
+            {
+              placement: "bottom-end",
+              trigger: /* @__PURE__ */ e(y, { variant: "filled", size: "sm", "aria-label": m("language.label"), children: /* @__PURE__ */ e(u, { name: "Global" }) }),
+              children: g.map((l) => /* @__PURE__ */ e(
+                q,
+                {
+                  clickable: !0,
+                  selected: l.code === D,
+                  onClick: () => I(l.code),
+                  icon: /* @__PURE__ */ e(de, { code: l.code }),
+                  children: l.label ?? l.code
+                },
+                l.code
+              ))
+            }
+          ) : null,
+          p ? /* @__PURE__ */ e(
+            y,
+            {
+              "aria-label": m("settings.label"),
+              variant: "text",
+              size: "sm",
+              className: t.settings,
+              onClick: () => H(!0),
+              children: /* @__PURE__ */ e(u, { name: "Setting5" })
+            }
+          ) : null,
+          d ? /* @__PURE__ */ r(
+            G,
+            {
+              placement: "bottom-end",
+              trigger: /* @__PURE__ */ e("button", { type: "button", className: t.account, "aria-label": m("account.label"), children: /* @__PURE__ */ e(W, { size: "md", name: n == null ? void 0 : n.name, src: n == null ? void 0 : n.avatar, color: "primary" }) }),
+              children: [
+                n ? /* @__PURE__ */ r(B, { children: [
+                  /* @__PURE__ */ r(te, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-sm)", children: [
+                    /* @__PURE__ */ e(W, { size: "sm", name: n.name, src: n.avatar, color: "primary" }),
+                    /* @__PURE__ */ r(J, { gap: 2, children: [
+                      n.name ? /* @__PURE__ */ e(i, { variant: "bodySmall", children: n.name }) : null,
+                      n.email ? /* @__PURE__ */ e(i, { variant: "caption", color: "muted", children: n.email }) : null
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(z, {})
+                ] }) : null,
+                /* @__PURE__ */ e(q, { icon: /* @__PURE__ */ e(u, { name: "Logout2", color: "error" }), clickable: !0, onClick: d, children: m("userCard.signOut") })
+              ]
+            }
+          ) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ r("main", { className: t.content, children: [
+        S && !M ? /* @__PURE__ */ e(ne, {}) : null,
+        N && !M && (b || f) ? /* @__PURE__ */ r("div", { className: t.pageTitleRow, children: [
+          f ? /* @__PURE__ */ e(
+            y,
+            {
+              "aria-label": m("pageTitle.back"),
+              variant: "filled",
+              color: "accent",
+              className: t.backButton,
+              onClick: f,
+              size: "sm",
+              children: /* @__PURE__ */ e(u, { name: "ArrowLeft" })
+            }
+          ) : null,
+          b ? /* @__PURE__ */ e(i, { variant: "h2", className: t.pageTitle, children: b }) : null
+        ] }) : null,
+        F
+      ] })
+    ] }),
+    h !== !1 && /* @__PURE__ */ e(le, { ...s }),
+    p ? /* @__PURE__ */ e(
+      fe,
+      {
+        open: Z,
+        onClose: () => H(!1),
+        showTheme: _
+      }
+    ) : null
+  ] });
+}
+export {
+  da as R
+};
+//# sourceMappingURL=RootLayout-q_oWf5et.js.map

package/dist/RootLayout-q_oWf5et.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootLayout-q_oWf5et.js","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/RootLayout.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { DEFAULT_FONT_FAMILY, useT, useTheme } from '../../theme'\nimport { Col } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Modal } from '../Modal'\nimport { ChoiceCardGroup } from '../ChoiceCard'\nimport { Select } from '../Select'\nimport { SwatchPicker } from '../SwatchPicker'\nimport { Typography } from '../Typography'\n\n// Accent choices offered alongside the provider's default (which leads each list) — 15 per mode, so\n// each theme shows 16 total. Tuned PER MODE (deeper tones for light, brighter for dark) and paired by\n// hue (red → violet + a neutral) so a color keeps its identity across themes.\nconst ALT_SWATCHES: Record<'light' | 'dark', string[]> = {\n  light: [\n    '#dc2626', // red\n    '#ea580c', // orange\n    '#d97706', // amber\n    '#ca8a04', // yellow\n    '#65a30d', // lime\n    '#16a34a', // green\n    '#059669', // emerald\n    '#0891b2', // cyan\n    '#0284c7', // sky\n    '#2563eb', // blue\n    '#4f46e5', // indigo\n    '#7c3aed', // violet\n    '#c026d3', // fuchsia\n    '#db2777', // pink\n    '#475569', // slate\n  ],\n  dark: [\n    '#f87171', // red\n    '#fb923c', // orange\n    '#fbbf24', // amber\n    '#facc15', // yellow\n    '#a3e635', // lime\n    '#4ade80', // green\n    '#34d399', // emerald\n    '#22d3ee', // cyan\n    '#38bdf8', // sky\n    '#60a5fa', // blue\n    '#818cf8', // indigo\n    '#a78bfa', // violet\n    '#e879f9', // fuchsia\n    '#f472b6', // pink\n    '#94a3b8', // slate\n  ],\n}\n\nexport interface SettingsDrawerProps {\n  /** Whether the drawer is open. */\n  open: boolean\n  /** Close handler. */\n  onClose: () => void\n  /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */\n  showTheme?: boolean\n}\n\n/**\n * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an\n * exclusive `ChoiceCardGroup` (**Light** / **Dark** cards) driving `useTheme().setMode`, shown only when\n * **`showTheme`** (the shell's `header.theme`, so the header toggle + this section appear/disappear\n * together); **Accent Color** — **two `SwatchPicker`s** (Light + Dark) so both accents are chosen\n * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling\n * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that\n * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).\n * When `showTheme` is off the panel is locked to one mode, so **only the active mode's accent picker**\n * shows (the other is pointless without a theme switch);\n * a **Font** section (a searchable `Select` — Inter preset + type any Google Font — driving\n * `setFontFamily`); and a **Header** section (an exclusive `ChoiceCardGroup` **Scrollable** / **Fixed**\n * driving `setHeaderSticky`). Internal to the admin shell — not a public export.\n */\nexport function SettingsDrawer({ open, onClose, showTheme = true }: SettingsDrawerProps) {\n  const {\n    mode,\n    setMode,\n    accentColors,\n    defaultAccentColors,\n    setAccentColor,\n    headerSticky,\n    setHeaderSticky,\n    fontFamily,\n    setFontFamily,\n  } = useTheme()\n  const t = useT()\n\n  // One searchable Select doubles as a \"type any Google Font\" field. Base = Inter (the only preset) +\n  // the active font (so a custom pick stays visible/selectable). While searching, the typed query is\n  // offered as its own option — picking it applies + loads that family. Base is always kept in the\n  // list (never filtered out) so `value` always resolves in the trigger, even mid-search.\n  const [fontQuery, setFontQuery] = useState('')\n  const q = fontQuery.trim()\n  const base =\n    fontFamily !== DEFAULT_FONT_FAMILY ? [DEFAULT_FONT_FAMILY, fontFamily] : [DEFAULT_FONT_FAMILY]\n  const showTyped = q.length > 0 && !base.some((f) => f.toLowerCase() === q.toLowerCase())\n  const fontOptions = (showTyped ? [q, ...base] : base).map((f) => ({\n    value: f,\n    label: f === DEFAULT_FONT_FAMILY ? t('settings.fontDefault', { font: f }) : f,\n  }))\n\n  const picker = (mode: 'light' | 'dark', label: string) => {\n    const def = defaultAccentColors[mode]\n    // the provider's default (per mode) leads the list; then the mode's alts (minus any collision)\n    const colors = [def, ...ALT_SWATCHES[mode].filter((c) => c.toLowerCase() !== def.toLowerCase())]\n    return (\n      <SwatchPicker\n        label={label}\n        colors={colors}\n        // with no override, this mode's default swatch reads as selected\n        value={accentColors[mode] ?? def}\n        // the default swatch clears this mode's override; the rest set it\n        onChange={(color) =>\n          setAccentColor(color.toLowerCase() === def.toLowerCase() ? null : color, mode)\n        }\n        labels={{ [def]: t('settings.accentDefault', { color: def }) }}\n        aria-label={String(label)}\n      />\n    )\n  }\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      placement=\"right\"\n      size=\"sm\"\n      title={t('settings.label')}\n      icon=\"Setting5\"\n    >\n      {showTheme && (\n        <>\n          <Typography variant=\"subtitle\" as=\"h3\">\n            {t('settings.themeTitle')}\n          </Typography>\n          <Typography\n            variant=\"bodySmall\"\n            color=\"muted\"\n            as=\"p\"\n            style={{ marginTop: 'var(--tz-space-xxs)' }}\n          >\n            {t('settings.themeDesc')}\n          </Typography>\n          <ChoiceCardGroup\n            exclusive\n            color=\"accent\"\n            minCardWidth={130}\n            value={mode}\n            onChange={(v) => {\n              if (typeof v === 'string') setMode(v as 'light' | 'dark')\n            }}\n            options={[\n              {\n                value: 'light',\n                label: t('settings.light'),\n                description: t('settings.lightDesc'),\n                icon: 'Sun',\n              },\n              {\n                value: 'dark',\n                label: t('settings.dark'),\n                description: t('settings.darkDesc'),\n                icon: 'Moon',\n              },\n            ]}\n            aria-label={t('settings.themeTitle')}\n            style={{ marginTop: 'var(--tz-space-sm)' }}\n          />\n\n          <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n        </>\n      )}\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.accentTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.accentDesc')}\n      </Typography>\n      <Col gap=\"md\" style={{ marginTop: 'var(--tz-space-sm)' }}>\n        {showTheme ? (\n          <>\n            {picker('light', t('settings.lightTheme'))}\n            {picker('dark', t('settings.darkTheme'))}\n          </>\n        ) : (\n          // theme switching is off → the panel stays in one mode, so only that mode's accent matters\n          picker(mode, mode === 'light' ? t('settings.lightTheme') : t('settings.darkTheme'))\n        )}\n      </Col>\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.fontTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.fontDesc')}\n      </Typography>\n      <Select\n        label={t('settings.fontFamily')}\n        searchable\n        searchPlaceholder={t('settings.fontSearch')}\n        value={fontFamily}\n        options={fontOptions}\n        onSearchChange={setFontQuery}\n        onChange={(v) => {\n          setFontFamily(v)\n          setFontQuery('')\n        }}\n        aria-label={t('settings.fontFamily')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.headerTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.headerDesc')}\n      </Typography>\n      <ChoiceCardGroup\n        exclusive\n        color=\"accent\"\n        minCardWidth={130}\n        value={headerSticky ? 'fixed' : 'static'}\n        // exclusive (radio) → always a string; set sticky from the picked card\n        onChange={(v) => {\n          if (typeof v === 'string') setHeaderSticky(v === 'fixed')\n        }}\n        options={[\n          {\n            value: 'static',\n            label: t('settings.scrollable'),\n            description: t('settings.scrollableDesc'),\n          },\n          { value: 'fixed', label: t('settings.fixed'), description: t('settings.fixedDesc') },\n        ]}\n        aria-label={t('settings.headerTitle')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n    </Modal>\n  )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { useRouterState } from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport {\n  useHeaderConfig,\n  useLanguage,\n  useT,\n  useTheme,\n  type HeaderConfig,\n  type HeaderUser,\n} from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Col, Row } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem } from '../List'\nimport { FullscreenToggle } from '../FullscreenToggle'\nimport { ThemeToggle } from '../ThemeToggle'\nimport { Typography } from '../Typography'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Toaster, type ToasterProps } from '../Toast'\nimport { NavSearch, Sidebar, usePageBack, usePageTitle } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport styles from './RootLayout.module.css'\n\n/**\n * The shell header config + its user shape now live in the theme layer (so `config.header` can carry\n * them app-wide). These aliases keep the historical `RootLayout*` names importable.\n */\nexport type RootLayoutUser = HeaderUser\nexport type RootLayoutHeader = HeaderConfig\n\nexport interface RootLayoutProps {\n  /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */\n  logo?: ReactNode\n  /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / \"Need help?\" card). */\n  sidebarFooter?: ReactNode\n  /**\n   * Header config for **this** shell — merged **over** the app-wide `config.header` (the prop wins).\n   * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),\n   * `fullscreen` (default `false`), `breadcrumbs` (default `true`), `pageTitle` (default `true`), and the\n   * account (`onLogout` / `user`).\n   */\n  header?: RootLayoutHeader\n  /**\n   * The built-in toast viewport, mounted for you so `toast.*()` works app-wide with no extra setup.\n   * Defaults to `true` (a `<Toaster>` with its defaults). Pass `ToasterProps` to configure it\n   * (`{ position, duration }`), or `false` to opt out — e.g. when you mount your own `<Toaster>`.\n   */\n  toaster?: boolean | ToasterProps\n  /** Routed content — the consumer passes `<Outlet />`. */\n  children: ReactNode\n}\n\n/**\n * The admin-panel shell — a **floating** layout: the whole app sits on a soft `--tz-color-background`\n * canvas, with a rounded, elevated `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional\n * `sidebarFooter`) beside the header + content. Set it as the root route's component and pass\n * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header\n * holds an optional `ThemeToggle` (on by default), a **Settings** button (opens a right-side drawer to\n * pick + persist the `accent` color), plus an account `Avatar` whose menu has a **Sign out** item when\n * `header.onLogout` is given. The content area stacks\n * **`Breadcrumbs` → the page title (the active route's `staticData.name`) → `children`**; pages wrap\n * their own body in `PageLayout`. Set `header.pageTitle = false` to drop the auto `h2` when pages\n * carry their own heading inside their `PageLayout` header. On a 404 the auto title + breadcrumbs are\n * suppressed automatically (a partial route match would otherwise show a stale section), regardless of\n * the `header.pageTitle` / `header.breadcrumbs` props. A `<Toaster>` is **mounted by default** so\n * `toast.*()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt\n * out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires\n * `@tanstack/react-router` (peer).\n */\nexport function RootLayout({\n  logo,\n  sidebarFooter,\n  header,\n  toaster = true,\n  children,\n}: RootLayoutProps) {\n  const title = usePageTitle()\n  const onBack = usePageBack() // set by the current route's `staticData.back` (opt-in) — else undefined\n  // header sticky/static — the user's persisted choice (seeded from config.header.sticky)\n  const { headerSticky } = useTheme()\n  const { language, setLanguage, languages } = useLanguage()\n  const t = useT()\n  // app-wide header config (config.header) as the base; this shell's `header` prop wins over it\n  const configHeader = useHeaderConfig()\n  const h: HeaderConfig = { ...configHeader, ...header }\n  const showTheme = h.theme ?? true\n  const showFullscreen = h.fullscreen ?? false\n  const showSettings = h.settings ?? true\n  const showSearch = h.search ?? true\n  const showLanguages = h.languages ?? true\n  const showBreadcrumbs = h.breadcrumbs ?? true\n  const toasterProps = typeof toaster === 'object' ? toaster : undefined\n  const showPageTitle = h.pageTitle ?? true\n  const onLogout = h.onLogout\n  const user = h.user\n  // below 1280px the sidebar auto-collapses (and auto-expands again above it); a manual toggle holds\n  // until the next breakpoint cross. `useMediaQuery` is correct on the first client render, so no flash.\n  const isNarrow = useMediaQuery('md') // ≤ 1279.98px — the shared `md` breakpoint\n  const [collapsed, setCollapsed] = useState(isNarrow)\n  useEffect(() => {\n    setCollapsed(isNarrow)\n  }, [isNarrow])\n  // while the sidebar overlays the content (narrow + open), lock page scroll so scrolling inside the\n  // drawer doesn't scroll the content behind it\n  useLockBodyScroll(isNarrow && !collapsed)\n  // navigating from the overlay drawer (a nav link or a search suggestion — both change the route) auto-\n  // closes it, so you land on the page instead of the still-open sidebar; desktop navigation is untouched\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n  useEffect(() => {\n    if (isNarrow) setCollapsed(true)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pathname])\n  // on a 404 the URL often partially matches a named layout route (e.g. `/core/xxx` still resolves\n  // \"Core\" as the active section), so the auto page title + breadcrumbs would show a stale, wrong trail.\n  // suppress both when the router is in a notFound state — automatic, no opt-out needed. `statusCode ===\n  // 404` is the primary signal; a `notFound` match status is the fallback.\n  const isNotFound = useRouterState({\n    select: (s) => s.statusCode === 404 || s.matches.some((m) => m.status === 'notFound'),\n  })\n  const [settingsOpen, setSettingsOpen] = useState(false)\n\n  return (\n    <div className={clsx(styles.shell, collapsed && styles.shellCollapsed)}>\n      <aside className={styles.sidebar}>\n        {/* fixed-width inner: the outer <aside> animates its width to 0 (and clips via overflow),\n            while this keeps the sidebar's real width so the content never reflows mid-collapse */}\n        <div className={styles.sidebarInner}>\n          {logo ? (\n            <div className={styles.brand}>\n              {logo}\n              {/* in-drawer close — only shown when the sidebar overlays (narrow), where the header\n                  toggle is behind the backdrop; closes the drawer */}\n              <IconButton\n                variant=\"filled\"\n                size=\"sm\"\n                className={styles.sidebarClose}\n                aria-label={t('common.close')}\n                onClick={() => setCollapsed(true)}\n              >\n                <Icon name=\"Close\" />\n              </IconButton>\n            </div>\n          ) : null}\n          {/* the search lives in the header on desktop; below 576px (full-width drawer) it moves here,\n              between the logo and the menu (CSS toggles which instance shows) */}\n          {showSearch ? (\n            <div className={styles.sidebarSearch}>\n              <NavSearch />\n            </div>\n          ) : null}\n          <div className={styles.navScroll}>\n            <Sidebar />\n          </div>\n          {sidebarFooter ? <div className={styles.sidebarFooter}>{sidebarFooter}</div> : null}\n        </div>\n      </aside>\n      {/* dim backdrop behind the overlay sidebar — a sibling of the sidebar (same stacking context, so the\n          sidebar reliably sits above it, unlike a body-portaled Overlay). Only shown/interactive below\n          1280px while open (CSS); clicking it closes the drawer. On desktop the sidebar is a grid column. */}\n      <div className={styles.backdrop} onClick={() => setCollapsed(true)} aria-hidden=\"true\" />\n      <div className={styles.main}>\n        <header className={clsx(styles.topbar, headerSticky && styles.topbarSticky)}>\n          <div className={styles.headerStart}>\n            <IconButton\n              aria-label={collapsed ? 'Show sidebar' : 'Hide sidebar'}\n              aria-expanded={!collapsed}\n              variant=\"filled\"\n              size=\"sm\"\n              onClick={() => setCollapsed((c) => !c)}\n            >\n              <Icon name=\"Menu\" />\n            </IconButton>\n            {showSearch ? (\n              <div className={styles.headerSearch}>\n                <NavSearch />\n              </div>\n            ) : null}\n          </div>\n          <div className={styles.headerEnd}>\n            {showFullscreen ? <FullscreenToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showTheme ? <ThemeToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showLanguages && languages.length > 1 ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                trigger={\n                  <IconButton variant=\"filled\" size=\"sm\" aria-label={t('language.label')}>\n                    <Icon name=\"Global\" />\n                  </IconButton>\n                }\n              >\n                {languages.map((l) => (\n                  <ListItem\n                    key={l.code}\n                    clickable\n                    selected={l.code === language}\n                    onClick={() => setLanguage(l.code)}\n                    icon={<Flag code={l.code} />}\n                  >\n                    {l.label ?? l.code}\n                  </ListItem>\n                ))}\n              </Dropdown>\n            ) : null}\n            {showSettings ? (\n              <IconButton\n                aria-label={t('settings.label')}\n                variant=\"text\"\n                size=\"sm\"\n                className={styles.settings}\n                onClick={() => setSettingsOpen(true)}\n              >\n                <Icon name=\"Setting5\" />\n              </IconButton>\n            ) : null}\n            {onLogout ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                trigger={\n                  <button type=\"button\" className={styles.account} aria-label={t('account.label')}>\n                    <Avatar size=\"md\" name={user?.name} src={user?.avatar} color=\"primary\" />\n                  </button>\n                }\n              >\n                {user ? (\n                  <>\n                    <Row gap={8} align=\"center\" padding=\"var(--tz-space-xxs) var(--tz-space-sm)\">\n                      <Avatar size=\"sm\" name={user.name} src={user.avatar} color=\"primary\" />\n                      <Col gap={2}>\n                        {user.name ? (\n                          <Typography variant=\"bodySmall\">{user.name}</Typography>\n                        ) : null}\n                        {user.email ? (\n                          <Typography variant=\"caption\" color=\"muted\">\n                            {user.email}\n                          </Typography>\n                        ) : null}\n                      </Col>\n                    </Row>\n                    <Divider />\n                  </>\n                ) : null}\n                <ListItem icon={<Icon name=\"Logout2\" color=\"error\" />} clickable onClick={onLogout}>\n                  {t('userCard.signOut')}\n                </ListItem>\n              </Dropdown>\n            ) : null}\n          </div>\n        </header>\n        <main className={styles.content}>\n          {showBreadcrumbs && !isNotFound ? <Breadcrumbs /> : null}\n          {showPageTitle && !isNotFound && (title || onBack) ? (\n            <div className={styles.pageTitleRow}>\n              {onBack ? (\n                <IconButton\n                  aria-label={t('pageTitle.back')}\n                  variant=\"filled\"\n                  color=\"accent\"\n                  className={styles.backButton}\n                  onClick={onBack}\n                  size=\"sm\"\n                >\n                  <Icon name=\"ArrowLeft\" />\n                </IconButton>\n              ) : null}\n              {title ? (\n                <Typography variant=\"h2\" className={styles.pageTitle}>\n                  {title}\n                </Typography>\n              ) : null}\n            </div>\n          ) : null}\n          {children}\n        </main>\n      </div>\n      {toaster !== false && <Toaster {...toasterProps} />}\n      {showSettings ? (\n        <SettingsDrawer\n          open={settingsOpen}\n          onClose={() => setSettingsOpen(false)}\n          showTheme={showTheme}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["ALT_SWATCHES","SettingsDrawer","open","onClose","showTheme","mode","setMode","accentColors","defaultAccentColors","setAccentColor","headerSticky","setHeaderSticky","fontFamily","setFontFamily","useTheme","t","useT","fontQuery","setFontQuery","useState","q","base","DEFAULT_FONT_FAMILY","fontOptions","f","picker","label","def","colors","jsx","SwatchPicker","color","jsxs","Modal","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","RootLayout","logo","sidebarFooter","header","toaster","children","title","usePageTitle","onBack","usePageBack","language","setLanguage","languages","useLanguage","h","useHeaderConfig","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","showPageTitle","onLogout","user","isNarrow","useMediaQuery","collapsed","setCollapsed","useEffect","useLockBodyScroll","pathname","useRouterState","s","isNotFound","m","settingsOpen","setSettingsOpen","clsx","styles","IconButton","Icon","NavSearch","Sidebar","c","FullscreenToggle","ThemeToggle","Dropdown","ListItem","Flag","Avatar","Row","Breadcrumbs","Toaster"],"mappings":"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"}

package/dist/{Select-DjMZec8c.cjs → Select-CWCeBQ8Q.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("react"),M=require("clsx"),Te=require("./formContext-bTWrqdEV.cjs"),De=require("./FloatingPanel-U6sGYiSK.cjs"),Le=require("./names-C2Yj1p3u.cjs"),T=require("./Icon-CXTl_QAP.cjs"),Ce=require("./List-ChXO0Hz-.cjs"),Ee=require("./ListItem-DWQorRxG.cjs"),Se=require("./Loader-Cwb1bOHj.cjs"),O=require("./Typography-BFatE1_A.cjs"),Re=require("./ConfigProvider-BHNx-NHV.cjs"),Me="_field_17o9l_1",Oe="_fullWidth_17o9l_7",Pe="_label_17o9l_13",Ae="_required_17o9l_22",Be="_control_17o9l_28",Ke="_open_17o9l_47",We="_error_17o9l_52",Fe="_disabled_17o9l_60",Ve="_value_17o9l_70",$e="_valueIcon_17o9l_78",He="_valueLabel_17o9l_82",Qe="_placeholder_17o9l_87",ze="_clear_17o9l_92",Ue="_chevron_17o9l_111",Ge="_sm_17o9l_121",Je="_md_17o9l_125",Xe="_lg_17o9l_129",Ye="_helper_17o9l_134",Ze="_popover_17o9l_139",el="_search_17o9l_147",ll="_searchIcon_17o9l_156",sl="_searchInput_17o9l_160",ol="_listbox_17o9l_176",rl="_active_17o9l_184",tl="_noOptions_17o9l_188",nl="_loading_17o9l_194",o={field:Me,fullWidth:Oe,label:Pe,required:Ae,control:Be,open:Ke,error:We,disabled:Fe,value:Ve,valueIcon:$e,valueLabel:He,placeholder:Qe,clear:ze,chevron:Ue,sm:Ge,md:Je,lg:Xe,helper:Ye,popover:Ze,search:el,searchIcon:ll,searchInput:sl,listbox:ol,active:rl,noOptions:tl,loading:nl},al=new Set(Le.ICON_NAMES);function cl(m,h){return m==null?null:typeof m=="string"&&al.has(m)?s.jsx(T.Icon,{name:m,size:h}):m}const il=n.forwardRef(function({label:h,options:D,size:y="md",error:te,helperText:ne,required:Q=!1,fullWidth:ae=!0,disabled:p=!1,value:P,defaultValue:ce,onChange:A,placeholder:ie,clearable:ue=!0,searchable:u=!1,searchPlaceholder:de,onSearchChange:g,loading:fe=!1,loadingText:pe,noOptionsText:L,showSelectedTick:_e=!0,name:v,id:me,className:he,style:ve},j){const be=n.useId(),w=me??be,B=`${w}-label`,K=`${w}-listbox`,z=`${w}-helper`,W=e=>`${w}-opt-${e}`,N=Re.useT(),U=de??N("common.search"),C=Te.useFormContext(),E=!!(C&&v),c=E?C.field(v):void 0,xe=P!==void 0?P:E?C.values[v]??"":void 0,G=P!==void 0||E,[Ie,ye]=n.useState(ce??""),S=G?xe:Ie,F=te??(c==null?void 0:c.error)??!1,V=ne??(c==null?void 0:c.helperText),_=D.find(e=>e.value===S),ge=_!=null,J=e=>{G||ye(e),E&&C.setValue(v,e),A==null||A(e)},b=n.useRef(null),X=n.useRef(null),$=n.useRef({buffer:"",timer:0}),R=n.useRef(void 0);R.current=c?()=>c.onBlur({}):void 0;const[r,Y]=n.useState(!1),[x,Z]=n.useState(""),[d,i]=n.useState(-1),je=n.useCallback(e=>{b.current=e,typeof j=="function"?j(e):j&&(j.current=e)},[j]),a=n.useMemo(()=>{if(!u||g||!x.trim())return D;const e=x.trim().toLowerCase();return D.filter(l=>l.label.toLowerCase().includes(e))},[u,g,x,D]),I=n.useCallback((e,l)=>{let t=e;for(;t>=0&&t<a.length;){if(!a[t].disabled)return t;t+=l}return-1},[a]),ee=n.useRef(null),k=n.useCallback(e=>{var l,t;Y(!1),Z(""),window.clearTimeout($.current.timer),$.current.buffer="",(l=R.current)==null||l.call(R),e&&((t=b.current)==null||t.focus())},[]);n.useEffect(()=>{if(!r)return;const e=a.findIndex(l=>l.value===S);i(e>=0&&!a[e].disabled?e:I(0,1)),u&&requestAnimationFrame(()=>{var l;return(l=X.current)==null?void 0:l.focus()})},[r]),n.useEffect(()=>{var e,l;!r||d<0||(l=(e=document.getElementById(W(d)))==null?void 0:e.scrollIntoView)==null||l.call(e,{block:"nearest"})},[r,d]),n.useEffect(()=>{r&&u&&i(I(0,1))},[x]),n.useEffect(()=>{r&&i(e=>e<a.length?e:I(0,1))},[a.length]);const q=()=>{p||Y(!0)},H=e=>{!e||e.disabled||(J(e.value),k(!0))},le=e=>{i(l=>{const t=l<0?e>0?0:a.length-1:l+e,f=I(t,e);return f===-1?l:f})},we=e=>{const l=$.current;window.clearTimeout(l.timer),l.buffer+=e.toLowerCase(),l.timer=window.setTimeout(()=>l.buffer="",500);const t=a.findIndex(f=>!f.disabled&&f.label.toLowerCase().startsWith(l.buffer));t>=0&&i(t)},se=e=>{if(!p)switch(e.key){case"ArrowDown":e.preventDefault(),r?le(1):q();break;case"ArrowUp":e.preventDefault(),r?le(-1):q();break;case"Enter":e.preventDefault(),r?H(a[d]):q();break;case" ":r?u||(e.preventDefault(),H(a[d])):(e.preventDefault(),q());break;case"Escape":r&&(e.preventDefault(),e.stopPropagation(),k(!0));break;case"Tab":r&&k(!0);break;case"Home":r&&(e.preventDefault(),i(I(0,1)));break;case"End":r&&(e.preventDefault(),i(I(a.length-1,-1)));break;default:!u&&r&&e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&we(e.key)}},Ne=e=>{var t,f;const l=e.relatedTarget;l&&((t=ee.current)!=null&&t.contains(l)||(f=b.current)!=null&&f.contains(l))||c==null||c.onBlur(e)},ke=e=>{var l;e.stopPropagation(),J(""),(l=b.current)==null||l.focus()},oe=r&&d>=0?W(d):void 0,qe=y==="sm"?"sm":"md",re=y==="sm"?16:y==="md"?14:12;return s.jsxs("div",{className:M.clsx(o.field,o[y],ae&&o.fullWidth,F&&o.error,p&&o.disabled,he),style:ve,children:[h!=null&&s.jsxs("span",{id:B,className:o.label,onClick:()=>{var e;return!p&&((e=b.current)==null?void 0:e.focus())},children:[s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),Q&&s.jsx("span",{className:o.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{ref:je,id:w,...v?{name:v}:{},role:"combobox",tabIndex:p?-1:0,"aria-haspopup":"listbox","aria-expanded":r,"aria-controls":r?K:void 0,"aria-activedescendant":u?void 0:oe,"aria-labelledby":h!=null?B:void 0,"aria-disabled":p||void 0,"aria-required":Q||void 0,"aria-invalid":F||void 0,"aria-describedby":V!=null?z:void 0,className:M.clsx(o.control,r&&o.open),onClick:()=>r?k(!1):q(),onKeyDown:se,onBlur:Ne,children:[s.jsxs("span",{className:M.clsx(o.value,!ge&&o.placeholder),children:[(_==null?void 0:_.icon)!=null&&s.jsx("span",{className:o.valueIcon,children:cl(_.icon,qe)}),s.jsx("span",{className:o.valueLabel,children:_?_.label:ie??N("select.placeholder")})]}),ue&&S!==""&&!p&&s.jsx("button",{type:"button",className:o.clear,"aria-label":N("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ke,children:s.jsx(T.Icon,{name:"CloseCircle",size:"sm"})}),s.jsx(T.Icon,{name:"ArrowDown4",className:o.chevron,style:{width:re,height:re},"aria-hidden":"true"})]}),s.jsxs(De.FloatingPanel,{ref:ee,open:r,triggerRef:b,onClose:k,matchTriggerWidth:!0,className:o.popover,children:[u&&s.jsxs("div",{className:o.search,children:[s.jsx(T.Icon,{name:"SearchNormal",size:"sm",className:o.searchIcon,"aria-hidden":"true"}),s.jsx("input",{ref:X,className:o.searchInput,type:"text",role:"combobox","aria-expanded":"true","aria-controls":K,"aria-activedescendant":oe,"aria-autocomplete":"list","aria-label":U,placeholder:U,value:x,spellCheck:!1,onChange:e=>{Z(e.target.value),g==null||g(e.target.value)},onKeyDown:se})]}),s.jsx(Ce.List,{role:"listbox",id:K,"aria-labelledby":h!=null?B:void 0,size:y,className:o.listbox,onMouseLeave:()=>i(-1),children:fe?s.jsxs("div",{className:o.loading,children:[s.jsx(Se.Loader,{size:"sm"}),s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:pe??N("common.loading")})]}):a.length===0?s.jsx("div",{className:o.noOptions,children:s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:L==null?N("select.noOptions"):typeof L=="function"?L(x):L})}):a.map((e,l)=>{const t=e.value===S;return s.jsx(Ee.ListItem,{id:W(l),role:"option",tabIndex:-1,"aria-selected":t,"aria-current":void 0,clickable:!0,selected:t,disabled:e.disabled,icon:e.icon,className:M.clsx(l===d&&o.active),trailing:t&&_e?s.jsx(T.Icon,{name:"TickCircle",size:"sm"}):void 0,onMouseEnter:()=>!e.disabled&&i(l),onClick:()=>H(e),children:e.label},e.value)})})]}),V!=null&&s.jsx(O.Typography,{as:"span",id:z,variant:"bodySmall",color:F?"error":"muted",className:o.helper,children:V})]})});exports.Select=il;
-//# sourceMappingURL=Select-DjMZec8c.cjs.map
+"use strict";const s=require("react/jsx-runtime"),n=require("react"),M=require("clsx"),Te=require("./formContext-bTWrqdEV.cjs"),De=require("./FloatingPanel-U6sGYiSK.cjs"),Le=require("./names-C2Yj1p3u.cjs"),T=require("./Icon-CXTl_QAP.cjs"),Ce=require("./List-ChXO0Hz-.cjs"),Ee=require("./ListItem-DWQorRxG.cjs"),Se=require("./Loader-B45H2SMP.cjs"),O=require("./Typography-BFatE1_A.cjs"),Re=require("./ConfigProvider-h1WoGC3R.cjs"),Me="_field_17o9l_1",Oe="_fullWidth_17o9l_7",Pe="_label_17o9l_13",Ae="_required_17o9l_22",Be="_control_17o9l_28",Ke="_open_17o9l_47",We="_error_17o9l_52",Fe="_disabled_17o9l_60",Ve="_value_17o9l_70",$e="_valueIcon_17o9l_78",He="_valueLabel_17o9l_82",Qe="_placeholder_17o9l_87",ze="_clear_17o9l_92",Ue="_chevron_17o9l_111",Ge="_sm_17o9l_121",Je="_md_17o9l_125",Xe="_lg_17o9l_129",Ye="_helper_17o9l_134",Ze="_popover_17o9l_139",el="_search_17o9l_147",ll="_searchIcon_17o9l_156",sl="_searchInput_17o9l_160",ol="_listbox_17o9l_176",rl="_active_17o9l_184",tl="_noOptions_17o9l_188",nl="_loading_17o9l_194",o={field:Me,fullWidth:Oe,label:Pe,required:Ae,control:Be,open:Ke,error:We,disabled:Fe,value:Ve,valueIcon:$e,valueLabel:He,placeholder:Qe,clear:ze,chevron:Ue,sm:Ge,md:Je,lg:Xe,helper:Ye,popover:Ze,search:el,searchIcon:ll,searchInput:sl,listbox:ol,active:rl,noOptions:tl,loading:nl},al=new Set(Le.ICON_NAMES);function cl(m,h){return m==null?null:typeof m=="string"&&al.has(m)?s.jsx(T.Icon,{name:m,size:h}):m}const il=n.forwardRef(function({label:h,options:D,size:y="md",error:te,helperText:ne,required:Q=!1,fullWidth:ae=!0,disabled:p=!1,value:P,defaultValue:ce,onChange:A,placeholder:ie,clearable:ue=!0,searchable:u=!1,searchPlaceholder:de,onSearchChange:g,loading:fe=!1,loadingText:pe,noOptionsText:L,showSelectedTick:_e=!0,name:v,id:me,className:he,style:ve},j){const be=n.useId(),w=me??be,B=`${w}-label`,K=`${w}-listbox`,z=`${w}-helper`,W=e=>`${w}-opt-${e}`,N=Re.useT(),U=de??N("common.search"),C=Te.useFormContext(),E=!!(C&&v),c=E?C.field(v):void 0,xe=P!==void 0?P:E?C.values[v]??"":void 0,G=P!==void 0||E,[Ie,ye]=n.useState(ce??""),S=G?xe:Ie,F=te??(c==null?void 0:c.error)??!1,V=ne??(c==null?void 0:c.helperText),_=D.find(e=>e.value===S),ge=_!=null,J=e=>{G||ye(e),E&&C.setValue(v,e),A==null||A(e)},b=n.useRef(null),X=n.useRef(null),$=n.useRef({buffer:"",timer:0}),R=n.useRef(void 0);R.current=c?()=>c.onBlur({}):void 0;const[r,Y]=n.useState(!1),[x,Z]=n.useState(""),[d,i]=n.useState(-1),je=n.useCallback(e=>{b.current=e,typeof j=="function"?j(e):j&&(j.current=e)},[j]),a=n.useMemo(()=>{if(!u||g||!x.trim())return D;const e=x.trim().toLowerCase();return D.filter(l=>l.label.toLowerCase().includes(e))},[u,g,x,D]),I=n.useCallback((e,l)=>{let t=e;for(;t>=0&&t<a.length;){if(!a[t].disabled)return t;t+=l}return-1},[a]),ee=n.useRef(null),k=n.useCallback(e=>{var l,t;Y(!1),Z(""),window.clearTimeout($.current.timer),$.current.buffer="",(l=R.current)==null||l.call(R),e&&((t=b.current)==null||t.focus())},[]);n.useEffect(()=>{if(!r)return;const e=a.findIndex(l=>l.value===S);i(e>=0&&!a[e].disabled?e:I(0,1)),u&&requestAnimationFrame(()=>{var l;return(l=X.current)==null?void 0:l.focus()})},[r]),n.useEffect(()=>{var e,l;!r||d<0||(l=(e=document.getElementById(W(d)))==null?void 0:e.scrollIntoView)==null||l.call(e,{block:"nearest"})},[r,d]),n.useEffect(()=>{r&&u&&i(I(0,1))},[x]),n.useEffect(()=>{r&&i(e=>e<a.length?e:I(0,1))},[a.length]);const q=()=>{p||Y(!0)},H=e=>{!e||e.disabled||(J(e.value),k(!0))},le=e=>{i(l=>{const t=l<0?e>0?0:a.length-1:l+e,f=I(t,e);return f===-1?l:f})},we=e=>{const l=$.current;window.clearTimeout(l.timer),l.buffer+=e.toLowerCase(),l.timer=window.setTimeout(()=>l.buffer="",500);const t=a.findIndex(f=>!f.disabled&&f.label.toLowerCase().startsWith(l.buffer));t>=0&&i(t)},se=e=>{if(!p)switch(e.key){case"ArrowDown":e.preventDefault(),r?le(1):q();break;case"ArrowUp":e.preventDefault(),r?le(-1):q();break;case"Enter":e.preventDefault(),r?H(a[d]):q();break;case" ":r?u||(e.preventDefault(),H(a[d])):(e.preventDefault(),q());break;case"Escape":r&&(e.preventDefault(),e.stopPropagation(),k(!0));break;case"Tab":r&&k(!0);break;case"Home":r&&(e.preventDefault(),i(I(0,1)));break;case"End":r&&(e.preventDefault(),i(I(a.length-1,-1)));break;default:!u&&r&&e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&we(e.key)}},Ne=e=>{var t,f;const l=e.relatedTarget;l&&((t=ee.current)!=null&&t.contains(l)||(f=b.current)!=null&&f.contains(l))||c==null||c.onBlur(e)},ke=e=>{var l;e.stopPropagation(),J(""),(l=b.current)==null||l.focus()},oe=r&&d>=0?W(d):void 0,qe=y==="sm"?"sm":"md",re=y==="sm"?16:y==="md"?14:12;return s.jsxs("div",{className:M.clsx(o.field,o[y],ae&&o.fullWidth,F&&o.error,p&&o.disabled,he),style:ve,children:[h!=null&&s.jsxs("span",{id:B,className:o.label,onClick:()=>{var e;return!p&&((e=b.current)==null?void 0:e.focus())},children:[s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),Q&&s.jsx("span",{className:o.required,"aria-hidden":"true",children:"*"})]}),s.jsxs("div",{ref:je,id:w,...v?{name:v}:{},role:"combobox",tabIndex:p?-1:0,"aria-haspopup":"listbox","aria-expanded":r,"aria-controls":r?K:void 0,"aria-activedescendant":u?void 0:oe,"aria-labelledby":h!=null?B:void 0,"aria-disabled":p||void 0,"aria-required":Q||void 0,"aria-invalid":F||void 0,"aria-describedby":V!=null?z:void 0,className:M.clsx(o.control,r&&o.open),onClick:()=>r?k(!1):q(),onKeyDown:se,onBlur:Ne,children:[s.jsxs("span",{className:M.clsx(o.value,!ge&&o.placeholder),children:[(_==null?void 0:_.icon)!=null&&s.jsx("span",{className:o.valueIcon,children:cl(_.icon,qe)}),s.jsx("span",{className:o.valueLabel,children:_?_.label:ie??N("select.placeholder")})]}),ue&&S!==""&&!p&&s.jsx("button",{type:"button",className:o.clear,"aria-label":N("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ke,children:s.jsx(T.Icon,{name:"CloseCircle",size:"sm"})}),s.jsx(T.Icon,{name:"ArrowDown4",className:o.chevron,style:{width:re,height:re},"aria-hidden":"true"})]}),s.jsxs(De.FloatingPanel,{ref:ee,open:r,triggerRef:b,onClose:k,matchTriggerWidth:!0,className:o.popover,children:[u&&s.jsxs("div",{className:o.search,children:[s.jsx(T.Icon,{name:"SearchNormal",size:"sm",className:o.searchIcon,"aria-hidden":"true"}),s.jsx("input",{ref:X,className:o.searchInput,type:"text",role:"combobox","aria-expanded":"true","aria-controls":K,"aria-activedescendant":oe,"aria-autocomplete":"list","aria-label":U,placeholder:U,value:x,spellCheck:!1,onChange:e=>{Z(e.target.value),g==null||g(e.target.value)},onKeyDown:se})]}),s.jsx(Ce.List,{role:"listbox",id:K,"aria-labelledby":h!=null?B:void 0,size:y,className:o.listbox,onMouseLeave:()=>i(-1),children:fe?s.jsxs("div",{className:o.loading,children:[s.jsx(Se.Loader,{size:"sm"}),s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:pe??N("common.loading")})]}):a.length===0?s.jsx("div",{className:o.noOptions,children:s.jsx(O.Typography,{as:"span",variant:"bodySmall",color:"muted",children:L==null?N("select.noOptions"):typeof L=="function"?L(x):L})}):a.map((e,l)=>{const t=e.value===S;return s.jsx(Ee.ListItem,{id:W(l),role:"option",tabIndex:-1,"aria-selected":t,"aria-current":void 0,clickable:!0,selected:t,disabled:e.disabled,icon:e.icon,className:M.clsx(l===d&&o.active),trailing:t&&_e?s.jsx(T.Icon,{name:"TickCircle",size:"sm"}):void 0,onMouseEnter:()=>!e.disabled&&i(l),onClick:()=>H(e),children:e.label},e.value)})})]}),V!=null&&s.jsx(O.Typography,{as:"span",id:z,variant:"bodySmall",color:F?"error":"muted",className:o.helper,children:V})]})});exports.Select=il;
+//# sourceMappingURL=Select-CWCeBQ8Q.cjs.map