@techzyapp/ui-library 1.0.23 → 1.0.27

package/dist/RootLayout-x7qWzXPc.js

@@ -1,479 +0,0 @@
-import { jsxs as r, Fragment as D, jsx as e } from "react/jsx-runtime";
-import { useState as O, useEffect as U } from "react";
-import { useRouterState as q, useNavigate as oe } from "@tanstack/react-router";
-import { clsx as X } from "clsx";
-import { a as Z } from "./useMediaQuery-DrDUrkmJ.js";
-import { u as ne } from "./useLockBodyScroll-DwBILLPK.js";
-import { A as Y } from "./Avatar-Q50J8wdN.js";
-import { C as $, R as le } from "./Col-B51RlwWP.js";
-import { D as L } from "./Divider-LtH3dLgw.js";
-import { D as J } from "./Dropdown-FfkmluRu.js";
-import { I as p } from "./Icon-DaTvzLBu.js";
-import { I as w } from "./IconButton-CfvsE_p3.js";
-import { L as P } from "./ListItem-Cn15lJBr.js";
-import { F as re } from "./FullscreenToggle-BMCNsyzb.js";
-import { T as ie } from "./ThemeToggle-B4_zRHJY.js";
-import { T as d } from "./Typography-Cta6Rg4L.js";
-import { B as ce } from "./Breadcrumbs-CicfjfIu.js";
-import { T as de } from "./Toaster-ywqAKP8s.js";
-import { a as me, c as he, d as pe, N as K, S as ge } from "./Sidebar-ZA1wxCez.js";
-import { F as ue } from "./Flag-BxRrjCTB.js";
-import { M as be } from "./Modal-Cx0JEQ-j.js";
-import { a as V } from "./ChoiceCardGroup-DBohUnRj.js";
-import { S as ve } from "./Select-ChT-6_bM.js";
-import { S as fe } from "./SwatchPicker-CqyWngFJ.js";
-import { m as ee, a as W, D as F, u as _e, g as ke } from "./ConfigProvider-Blhvj6UQ.js";
-import { B as Se } from "./Button-Cfxd7qhd.js";
-import { S as Ce } from "./SpeedDial-DUYQMDCY.js";
-const ye = {
-  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 Te({ open: l, onClose: u, showTheme: b = !0 }) {
-  const {
-    mode: n,
-    setMode: _,
-    accentColors: k,
-    defaultAccentColors: S,
-    setAccentColor: I,
-    headerSticky: B,
-    setHeaderSticky: M,
-    fontFamily: v,
-    setFontFamily: m
-  } = ee(), a = W(), [c, C] = O(""), y = c.trim(), f = v !== F ? [F, v] : [F], E = (y.length > 0 && !f.some((o) => o.toLowerCase() === y.toLowerCase()) ? [y, ...f] : f).map((o) => ({
-    value: o,
-    label: o === F ? a("settings.fontDefault", { font: o }) : o
-  })), T = (o, x) => {
-    const h = S[o], i = [h, ...ye[o].filter((g) => g.toLowerCase() !== h.toLowerCase())];
-    return /* @__PURE__ */ e(
-      fe,
-      {
-        label: x,
-        colors: i,
-        value: k[o] ?? h,
-        onChange: (g) => I(g.toLowerCase() === h.toLowerCase() ? null : g, o),
-        labels: { [h]: a("settings.accentDefault", { color: h }) },
-        "aria-label": String(x)
-      }
-    );
-  };
-  return /* @__PURE__ */ r(
-    be,
-    {
-      open: l,
-      onClose: u,
-      placement: "right",
-      size: "sm",
-      title: a("settings.label"),
-      icon: "Setting5",
-      children: [
-        b && /* @__PURE__ */ r(D, { children: [
-          /* @__PURE__ */ e(d, { variant: "subtitle", as: "h3", children: a("settings.themeTitle") }),
-          /* @__PURE__ */ e(
-            d,
-            {
-              variant: "bodySmall",
-              color: "muted",
-              as: "p",
-              style: { marginTop: "var(--tz-space-xxs)" },
-              children: a("settings.themeDesc")
-            }
-          ),
-          /* @__PURE__ */ e(
-            V,
-            {
-              exclusive: !0,
-              color: "accent",
-              minCardWidth: 130,
-              value: n,
-              onChange: (o) => {
-                typeof o == "string" && _(o);
-              },
-              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(L, { style: { margin: "var(--tz-space-md) 0" } })
-        ] }),
-        /* @__PURE__ */ e(d, { variant: "subtitle", as: "h3", children: a("settings.accentTitle") }),
-        /* @__PURE__ */ e(
-          d,
-          {
-            variant: "bodySmall",
-            color: "muted",
-            as: "p",
-            style: { marginTop: "var(--tz-space-xxs)" },
-            children: a("settings.accentDesc")
-          }
-        ),
-        /* @__PURE__ */ e($, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: b ? /* @__PURE__ */ r(D, { children: [
-          T("light", a("settings.lightTheme")),
-          T("dark", a("settings.darkTheme"))
-        ] }) : (
-          // theme switching is off → the panel stays in one mode, so only that mode's accent matters
-          T(n, a(n === "light" ? "settings.lightTheme" : "settings.darkTheme"))
-        ) }),
-        /* @__PURE__ */ e(L, { style: { margin: "var(--tz-space-md) 0" } }),
-        /* @__PURE__ */ e(d, { variant: "subtitle", as: "h3", children: a("settings.fontTitle") }),
-        /* @__PURE__ */ e(
-          d,
-          {
-            variant: "bodySmall",
-            color: "muted",
-            as: "p",
-            style: { marginTop: "var(--tz-space-xxs)" },
-            children: a("settings.fontDesc")
-          }
-        ),
-        /* @__PURE__ */ e(
-          ve,
-          {
-            label: a("settings.fontFamily"),
-            searchable: !0,
-            searchPlaceholder: a("settings.fontSearch"),
-            value: v,
-            options: E,
-            onSearchChange: C,
-            onChange: (o) => {
-              m(o), C("");
-            },
-            "aria-label": a("settings.fontFamily"),
-            style: { marginTop: "var(--tz-space-sm)" }
-          }
-        ),
-        /* @__PURE__ */ e(L, { style: { margin: "var(--tz-space-md) 0" } }),
-        /* @__PURE__ */ e(d, { variant: "subtitle", as: "h3", children: a("settings.headerTitle") }),
-        /* @__PURE__ */ e(
-          d,
-          {
-            variant: "bodySmall",
-            color: "muted",
-            as: "p",
-            style: { marginTop: "var(--tz-space-xxs)" },
-            children: a("settings.headerDesc")
-          }
-        ),
-        /* @__PURE__ */ e(
-          V,
-          {
-            exclusive: !0,
-            color: "accent",
-            minCardWidth: 130,
-            value: B ? "fixed" : "static",
-            onChange: (o) => {
-              typeof o == "string" && M(o === "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 Ne = "_shell_o4ktv_5", Ae = "_shellCollapsed_o4ktv_21", we = "_sidebar_o4ktv_21", Le = "_sidebarInner_o4ktv_49", xe = "_sidebarClose_o4ktv_58", ze = "_backdrop_o4ktv_65", Fe = "_brand_o4ktv_70", De = "_sidebarSearch_o4ktv_86", Ie = "_navScroll_o4ktv_99", Be = "_sidebarFooter_o4ktv_108", Me = "_headerSearch_o4ktv_115", Re = "_main_o4ktv_119", Ee = "_topbar_o4ktv_126", He = "_topbarSticky_o4ktv_139", Pe = "_headerStart_o4ktv_150", Oe = "_headerEnd_o4ktv_159", We = "_account_o4ktv_166", je = "_content_o4ktv_182", Qe = "_pageTitleRow_o4ktv_189", Ge = "_pageTitle_o4ktv_189", Ue = "_pageActions_o4ktv_207", qe = "_pageActionsFab_o4ktv_221", Xe = "_pageActionsLetter_o4ktv_236", Ye = "_settings_o4ktv_248", s = {
-  shell: Ne,
-  shellCollapsed: Ae,
-  sidebar: we,
-  sidebarInner: Le,
-  sidebarClose: xe,
-  backdrop: ze,
-  brand: Fe,
-  sidebarSearch: De,
-  navScroll: Ie,
-  sidebarFooter: Be,
-  headerSearch: Me,
-  main: Re,
-  topbar: Ee,
-  topbarSticky: He,
-  headerStart: Pe,
-  headerEnd: Oe,
-  account: We,
-  content: je,
-  pageTitleRow: Qe,
-  pageTitle: Ge,
-  pageActions: Ue,
-  pageActionsFab: qe,
-  pageActionsLetter: Xe,
-  settings: Ye
-}, Je = (l) => typeof l == "string" ? /* @__PURE__ */ e(p, { name: l }) : l, Ke = (l) => l.icon != null ? l.icon : typeof l.label == "string" && l.label.trim() ? /* @__PURE__ */ e("span", { className: s.pageActionsLetter, children: l.label.trim()[0].toUpperCase() }) : "More";
-function Ve({ actions: l }) {
-  const u = W(), b = Z("xs");
-  return l.length ? b && l.length >= 2 ? /* @__PURE__ */ e(
-    Ce,
-    {
-      ariaLabel: u("pageActions.label"),
-      icon: "Add",
-      direction: "up",
-      className: s.pageActionsFab,
-      actions: l.map((n) => ({
-        icon: Ke(n),
-        label: n.label,
-        onClick: n.onClick,
-        disabled: n.disabled
-      }))
-    }
-  ) : /* @__PURE__ */ e(D, { children: l.map((n, _) => /* @__PURE__ */ e(
-    Se,
-    {
-      size: "sm",
-      color: n.color,
-      variant: n.variant,
-      disabled: n.disabled,
-      startIcon: n.icon != null ? Je(n.icon) : void 0,
-      onClick: n.onClick,
-      children: n.label
-    },
-    _
-  )) }) : null;
-}
-function At({
-  logo: l,
-  sidebarFooter: u,
-  header: b,
-  toaster: n = !0,
-  children: _
-}) {
-  const k = me(), S = he(), { headerSticky: I } = ee(), { language: B, setLanguage: M, languages: v } = _e(), m = W(), c = { ...ke(), ...b }, C = c.theme ?? !0, y = c.fullscreen ?? !1, f = c.settings ?? !0, R = c.search ?? !0, E = c.languages ?? !0, T = c.breadcrumbs ?? !0, o = typeof n == "object" ? n : void 0, x = c.pageTitle ?? !0, h = c.onLogout, i = c.user, g = c.menu ?? [], N = Z("md"), [z, A] = O(N);
-  U(() => {
-    A(N);
-  }, [N]), ne(N && !z);
-  const te = q({ select: (t) => t.location.pathname });
-  U(() => {
-    N && A(!0);
-  }, [te]);
-  const j = q({
-    select: (t) => t.statusCode === 404 || t.matches.some((H) => H.status === "notFound")
-  }), [ae, Q] = O(!1), se = oe(), G = (pe() ?? []).map((t) => ({
-    label: t.label,
-    icon: t.icon,
-    color: t.color,
-    variant: t.variant,
-    disabled: t.disabled,
-    onClick: t.onClick ?? (t.to ? () => se({ to: t.to, params: t.params, search: t.search }) : void 0)
-  }));
-  return /* @__PURE__ */ r("div", { className: X(s.shell, z && s.shellCollapsed), children: [
-    /* @__PURE__ */ e("aside", { className: s.sidebar, children: /* @__PURE__ */ r("div", { className: s.sidebarInner, children: [
-      l ? /* @__PURE__ */ r("div", { className: s.brand, children: [
-        l,
-        /* @__PURE__ */ e(
-          w,
-          {
-            variant: "filled",
-            size: "sm",
-            className: s.sidebarClose,
-            "aria-label": m("common.close"),
-            onClick: () => A(!0),
-            children: /* @__PURE__ */ e(p, { name: "Close" })
-          }
-        )
-      ] }) : null,
-      R ? /* @__PURE__ */ e("div", { className: s.sidebarSearch, children: /* @__PURE__ */ e(K, {}) }) : null,
-      /* @__PURE__ */ e("div", { className: s.navScroll, children: /* @__PURE__ */ e(ge, {}) }),
-      u ? /* @__PURE__ */ e("div", { className: s.sidebarFooter, children: u }) : null
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: s.backdrop, onClick: () => A(!0), "aria-hidden": "true" }),
-    /* @__PURE__ */ r("div", { className: s.main, children: [
-      /* @__PURE__ */ r("header", { className: X(s.topbar, I && s.topbarSticky), children: [
-        /* @__PURE__ */ r("div", { className: s.headerStart, children: [
-          /* @__PURE__ */ e(
-            w,
-            {
-              "aria-label": z ? "Show sidebar" : "Hide sidebar",
-              "aria-expanded": !z,
-              variant: "filled",
-              size: "sm",
-              onClick: () => A((t) => !t),
-              children: /* @__PURE__ */ e(p, { name: "Menu" })
-            }
-          ),
-          R ? /* @__PURE__ */ e("div", { className: s.headerSearch, children: /* @__PURE__ */ e(K, {}) }) : null
-        ] }),
-        /* @__PURE__ */ r("div", { className: s.headerEnd, children: [
-          y ? /* @__PURE__ */ e(re, { variant: "filled", size: "sm" }) : null,
-          C ? /* @__PURE__ */ e(ie, { variant: "filled", size: "sm" }) : null,
-          E && v.length > 1 ? /* @__PURE__ */ e(
-            J,
-            {
-              placement: "bottom-end",
-              trigger: /* @__PURE__ */ e(w, { variant: "filled", size: "sm", "aria-label": m("language.label"), children: /* @__PURE__ */ e(p, { name: "Global" }) }),
-              children: v.map((t) => /* @__PURE__ */ e(
-                P,
-                {
-                  clickable: !0,
-                  selected: t.code === B,
-                  onClick: () => M(t.code),
-                  icon: /* @__PURE__ */ e(ue, { code: t.code }),
-                  children: t.label ?? t.code
-                },
-                t.code
-              ))
-            }
-          ) : null,
-          f ? /* @__PURE__ */ e(
-            w,
-            {
-              "aria-label": m("settings.label"),
-              variant: "text",
-              size: "sm",
-              className: s.settings,
-              onClick: () => Q(!0),
-              children: /* @__PURE__ */ e(p, { name: "Setting5" })
-            }
-          ) : null,
-          h ? /* @__PURE__ */ r(
-            J,
-            {
-              placement: "bottom-end",
-              style: { minWidth: 230 },
-              trigger: /* @__PURE__ */ e("button", { type: "button", className: s.account, "aria-label": m("account.label"), children: /* @__PURE__ */ e(Y, { size: "md", name: i == null ? void 0 : i.name, src: i == null ? void 0 : i.avatar, color: "primary" }) }),
-              children: [
-                i ? /* @__PURE__ */ r(D, { children: [
-                  /* @__PURE__ */ r(le, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-xs)", children: [
-                    /* @__PURE__ */ e(Y, { size: "md", name: i.name, src: i.avatar, color: "primary" }),
-                    /* @__PURE__ */ r($, { gap: 2, children: [
-                      /* @__PURE__ */ e(d, { variant: "body", children: i.name ?? m("userCard.welcome") }),
-                      i.email ? /* @__PURE__ */ e(d, { variant: "bodySmall", color: "muted", children: i.email }) : null
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ e(L, {})
-                ] }) : null,
-                g.map((t, H) => /* @__PURE__ */ e(
-                  P,
-                  {
-                    icon: t.icon ? /* @__PURE__ */ e(p, { name: t.icon, color: t.color }) : void 0,
-                    color: t.color,
-                    clickable: !0,
-                    disabled: t.disabled,
-                    onClick: t.onClick,
-                    children: t.label
-                  },
-                  H
-                )),
-                g.length > 0 ? /* @__PURE__ */ e(L, {}) : null,
-                /* @__PURE__ */ e(P, { icon: /* @__PURE__ */ e(p, { name: "Logout2", color: "error" }), clickable: !0, onClick: h, children: m("userCard.signOut") })
-              ]
-            }
-          ) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ r("main", { className: s.content, children: [
-        T && !j ? /* @__PURE__ */ e(ce, {}) : null,
-        x && !j && (k || S) ? /* @__PURE__ */ r("div", { className: s.pageTitleRow, children: [
-          S ? /* @__PURE__ */ e(
-            w,
-            {
-              "aria-label": m("pageTitle.back"),
-              variant: "filled",
-              color: "accent",
-              className: s.backButton,
-              onClick: S,
-              size: "sm",
-              children: /* @__PURE__ */ e(p, { name: "ArrowLeft" })
-            }
-          ) : null,
-          k ? /* @__PURE__ */ e(d, { variant: "h2", className: s.pageTitle, children: k }) : null,
-          G.length > 0 ? /* @__PURE__ */ e("div", { className: s.pageActions, children: /* @__PURE__ */ e(Ve, { actions: G }) }) : null
-        ] }) : null,
-        _
-      ] })
-    ] }),
-    n !== !1 && /* @__PURE__ */ e(de, { ...o }),
-    f ? /* @__PURE__ */ e(
-      Te,
-      {
-        open: ae,
-        onClose: () => Q(!1),
-        showTheme: C
-      }
-    ) : null
-  ] });
-}
-export {
-  At as R
-};
-//# sourceMappingURL=RootLayout-x7qWzXPc.js.map

package/dist/RootLayout-x7qWzXPc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RootLayout-x7qWzXPc.js","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/ActionSet.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 { type MouseEvent, type ReactNode } from 'react'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Button, type ButtonVariant } from '../Button'\nimport { Icon } from '../Icon'\nimport { SpeedDial } from '../SpeedDial'\nimport styles from './RootLayout.module.css'\n\n/** A resolved page action — rendered as a `Button` (inline) or a `SpeedDial` action (collapsed). */\nexport interface PageAction {\n  /** Visible label (button text; the SpeedDial action's tooltip when collapsed). */\n  label: ReactNode\n  /** Leading icon — an `IconName` or any node. When omitted, the collapsed dial shows the label's first letter. */\n  icon?: IconName | ReactNode\n  /** Click handler. */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  /** Button color / tint. */\n  color?: ThemeColor\n  /** Inline-button variant (ignored when collapsed). Defaults to `contained`. */\n  variant?: ButtonVariant\n  /** Renders the action disabled. */\n  disabled?: boolean\n}\n\nconst iconNode = (icon: IconName | ReactNode) =>\n  typeof icon === 'string' ? <Icon name={icon as IconName} /> : icon\n\n/** The collapsed SpeedDial action's icon: the action's `icon`, else the label's first letter (uppercased),\n * else a fallback `More` glyph when the label isn't a plain string. */\nconst speedDialIcon = (a: PageAction): IconName | ReactNode => {\n  if (a.icon != null) return a.icon\n  if (typeof a.label === 'string' && a.label.trim())\n    return <span className={styles.pageActionsLetter}>{a.label.trim()[0].toUpperCase()}</span>\n  return 'More'\n}\n\n/**\n * Renders a set of page actions in the shell's page-title row: inline `Button`s on wider screens,\n * **collapsed into a `SpeedDial`** (a fixed bottom-right FAB) on the `xs` breakpoint (≤767.98px) when\n * there are **2 or more**. Fed by a route's `staticData.actions` (resolved by `RootLayout`). Internal.\n */\nexport function ActionSet({ actions }: { actions: PageAction[] }) {\n  const t = useT()\n  // ≤ 767.98px — collapse 2+ actions into a SpeedDial so a row of buttons doesn't crowd a phone header\n  const isXs = useMediaQuery('xs')\n  if (!actions.length) return null\n\n  return isXs && actions.length >= 2 ? (\n    <SpeedDial\n      ariaLabel={t('pageActions.label')}\n      icon=\"Add\"\n      direction=\"up\"\n      // float it as a fixed bottom-right FAB (out of the title-row flow); inset tightens on xxs\n      className={styles.pageActionsFab}\n      actions={actions.map((a) => ({\n        icon: speedDialIcon(a),\n        label: a.label,\n        onClick: a.onClick,\n        disabled: a.disabled,\n      }))}\n    />\n  ) : (\n    <>\n      {actions.map((a, i) => (\n        <Button\n          key={i}\n          size=\"sm\"\n          color={a.color}\n          variant={a.variant}\n          disabled={a.disabled}\n          startIcon={a.icon != null ? iconNode(a.icon) : undefined}\n          onClick={a.onClick}\n        >\n          {a.label}\n        </Button>\n      ))}\n    </>\n  )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { useNavigate, useRouterState, type LinkProps } 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, useLeafActions, usePageBack, usePageTitle } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport { ActionSet, type PageAction } from './ActionSet'\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  const accountMenu = h.menu ?? [] // custom account-menu items (between the user block and Sign out)\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  // declarative page-title-row actions from the current route's `staticData.actions` — `to` navigates\n  // via the router; `onClick` is a plain handler. Resolved to the `ActionSet` shape here.\n  const navigate = useNavigate()\n  const routeActions = useLeafActions()\n  const pageActions: PageAction[] = (routeActions ?? []).map((a) => ({\n    label: a.label,\n    icon: a.icon,\n    color: a.color,\n    variant: a.variant,\n    disabled: a.disabled,\n    onClick:\n      a.onClick ??\n      (a.to\n        ? () =>\n            navigate({ to: a.to as LinkProps['to'], params: a.params, search: a.search } as never)\n        : undefined),\n  }))\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                style={{ minWidth: 230 }}\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-xs)\">\n                      <Avatar size=\"md\" name={user.name} src={user.avatar} color=\"primary\" />\n                      <Col gap={2}>\n                        {/* name, or a \"Welcome\" greeting fallback when no name is given */}\n                        <Typography variant=\"body\">{user.name ?? t('userCard.welcome')}</Typography>\n                        {user.email ? (\n                          <Typography variant=\"bodySmall\" color=\"muted\">\n                            {user.email}\n                          </Typography>\n                        ) : null}\n                      </Col>\n                    </Row>\n                    <Divider />\n                  </>\n                ) : null}\n                {/* app-supplied items (e.g. \"Account\"), between the user block and Sign out */}\n                {accountMenu.map((item, i) => (\n                  <ListItem\n                    key={i}\n                    icon={item.icon ? <Icon name={item.icon} color={item.color} /> : undefined}\n                    color={item.color}\n                    clickable\n                    disabled={item.disabled}\n                    onClick={item.onClick}\n                  >\n                    {item.label}\n                  </ListItem>\n                ))}\n                {/* keep the destructive Sign out visually separated from the custom items */}\n                {accountMenu.length > 0 ? <Divider /> : 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              {/* right-aligned page actions from the route's `staticData.actions` */}\n              {pageActions.length > 0 ? (\n                <div className={styles.pageActions}>\n                  <ActionSet actions={pageActions} />\n                </div>\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","c","jsx","SwatchPicker","color","jsxs","Modal","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","iconNode","icon","Icon","speedDialIcon","a","styles","ActionSet","actions","isXs","useMediaQuery","SpeedDial","i","Button","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","accountMenu","isNarrow","collapsed","setCollapsed","useEffect","useLockBodyScroll","pathname","useRouterState","s","isNotFound","m","settingsOpen","setSettingsOpen","navigate","useNavigate","pageActions","useLeafActions","clsx","IconButton","NavSearch","Sidebar","FullscreenToggle","ThemeToggle","Dropdown","l","ListItem","Flag","Avatar","Row","item","Breadcrumbs","Toaster"],"mappings":"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"}

package/dist/Slider-dxYVXRev.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),F=require("react"),g=require("clsx"),de=require("./formContext-bTWrqdEV.cjs"),q=require("./Typography-BFatE1_A.cjs"),c=require("./TextField.module-m-UllwzG.cjs"),ie="_sm_1bd0d_5",oe="_md_1bd0d_9",ue="_lg_1bd0d_13",_e="_labelRow_1bd0d_18",he="_value_1bd0d_24",pe="_track_1bd0d_30",ye="_hasMarks_1bd0d_37",ve="_input_1bd0d_42",ge="_marks_1bd0d_109",be="_mark_1bd0d_109",fe="_tick_1bd0d_128",ke="_markLabel_1bd0d_134",me="_rangeTrack_1bd0d_141",xe="_rail_1bd0d_146",je="_rangeFill_1bd0d_147",Ne="_rangeInput_1bd0d_164",l={sm:ie,md:oe,lg:ue,labelRow:_e,value:he,track:pe,hasMarks:ye,input:ve,marks:ge,mark:be,tick:fe,markLabel:ke,rangeTrack:me,rail:xe,rangeFill:je,rangeInput:Ne},b=(f,r,d)=>Math.min(Math.max(f,r),d),M=(f,r,d)=>d>r?(f-r)/(d-r)*100:0,Se=F.forwardRef(function({label:r,size:d="md",error:K,helperText:O,required:Q=!1,fullWidth:U=!0,range:k=!1,value:V,defaultValue:X,onChange:I,min:a=0,max:t=100,step:T=1,color:Y="accent",disabled:m=!1,valueLabel:$=!0,marks:h,name:i,onBlur:R,id:Z,className:ee,style:se,...z},A){const le=F.useId(),x=Z??le,j=`${x}-helper`,p=de.useFormContext(),B=!!(p&&i),n=p&&i?p.field(i):void 0,P=k?[a,t]:a,C=V!==void 0?V:B?p.values[i]??P:void 0,L=C!==void 0,[ae,te]=F.useState(X??P),u=L?C:ae,N=Array.isArray(u)?u:[a,u],o=b(Math.min(N[0],N[1]),a,t),_=b(Math.max(N[0],N[1]),a,t),S=b(Array.isArray(u)?u[0]:u,a,t),y=K??(n==null?void 0:n.error)??!1,v=O??(n==null?void 0:n.helperText),E=e=>{L||te(e),B&&p.setValue(i,e),I==null||I(e)},H=(e,ce)=>{const G=b(e,a,t),J=b(ce,a,t);E([Math.min(G,J),Math.max(G,J)])},w=e=>{n==null||n.onBlur(e),R==null||R(e)},W=$!==!1,re=typeof $=="function"?$(k?[o,_]:S):k?`${o} – ${_}`:S,D=M(o,a,t),ne=M(_,a,t);return s.jsxs("div",{className:g.clsx(c.fieldStyles.field,c.fieldStyles[d],l[d],U&&c.fieldStyles.fullWidth,y&&c.fieldStyles.error,m&&c.fieldStyles.disabled,ee),style:{"--tz-btn-rgb":`var(--tz-color-${Y}-rgb)`,"--tz-slider-fill":`${M(S,a,t)}%`,...se},children:[(r!=null||W)&&s.jsxs("div",{className:l.labelRow,children:[r!=null?s.jsxs("label",{htmlFor:x,className:c.fieldStyles.label,children:[s.jsx(q.Typography,{as:"span",variant:"bodySmall",color:"muted",children:r}),Q&&s.jsx("span",{className:c.fieldStyles.required,"aria-hidden":"true",children:"*"})]}):s.jsx("span",{}),W&&s.jsx(q.Typography,{as:"span",variant:"bodySmall",className:l.value,children:re})]}),k?s.jsxs("div",{className:g.clsx(l.track,l.rangeTrack),children:[s.jsx("span",{className:l.rail,"aria-hidden":!0}),s.jsx("span",{className:l.rangeFill,"aria-hidden":!0,style:{left:`${D}%`,width:`${ne-D}%`}}),s.jsx("input",{ref:A,id:x,name:i,type:"range",min:a,max:t,step:T,value:o,onChange:e=>H(Math.min(Number(e.target.value),_),_),onBlur:w,disabled:m,className:g.clsx(l.input,l.rangeInput),style:{zIndex:o>=t?5:3},"aria-label":r!=null?`${String(r)} start`:"Range start","aria-invalid":y||void 0,"aria-describedby":v!=null?j:void 0,...z}),s.jsx("input",{type:"range",min:a,max:t,step:T,value:_,onChange:e=>H(o,Math.max(Number(e.target.value),o)),onBlur:w,disabled:m,className:g.clsx(l.input,l.rangeInput),style:{zIndex:4},"aria-label":r!=null?`${String(r)} end`:"Range end","aria-invalid":y||void 0,"aria-describedby":v!=null?j:void 0})]}):s.jsxs("div",{className:g.clsx(l.track,h!=null&&h.length>0&&l.hasMarks),children:[s.jsx("input",{ref:A,id:x,name:i,type:"range",min:a,max:t,step:T,value:S,onChange:e=>E(Number(e.target.value)),onBlur:w,disabled:m,className:l.input,"aria-invalid":y||void 0,"aria-describedby":v!=null?j:void 0,...z}),h!=null&&h.length>0&&s.jsx("div",{className:l.marks,"aria-hidden":!0,children:h.map(e=>s.jsxs("span",{className:l.mark,style:{left:`${M(e.value,a,t)}%`},children:[s.jsx("span",{className:l.tick}),e.label!=null&&s.jsx("span",{className:l.markLabel,children:e.label})]},e.value))})]}),v!=null&&s.jsx(q.Typography,{as:"span",id:j,variant:"bodySmall",color:y?"error":"muted",className:c.fieldStyles.helper,children:v})]})});exports.Slider=Se;
-//# sourceMappingURL=Slider-dxYVXRev.cjs.map