@techzyapp/ui-library 1.0.0

package/dist/Stepper-COKAyN1L.js

@@ -0,0 +1,165 @@
+import { jsxs as b, jsx as r, Fragment as H } from "react/jsx-runtime";
+import { forwardRef as tt, useCallback as y, useState as nt, useRef as p, useEffect as I } from "react";
+import { clsx as L } from "clsx";
+import { a as et } from "./names-D8ABK2Wk.js";
+import { I as O } from "./Icon-CophpkHo.js";
+import { j as ot } from "./ConfigProvider-2c94kUOk.js";
+const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", st = "_vertical_1xfvk_24", at = "_sm_1xfvk_29", it = "_md_1xfvk_34", dt = "_lg_1xfvk_39", ft = "_step_1xfvk_47", ut = "_disabled_1xfvk_64", _t = "_main_1xfvk_69", mt = "_indicator_1xfvk_99", vt = "_number_1xfvk_125", ht = "_completed_1xfvk_130", bt = "_active_1xfvk_136", pt = "_error_1xfvk_144", xt = "_text_1xfvk_151", wt = "_label_1xfvk_167", kt = "_description_1xfvk_181", Nt = "_optional_1xfvk_186", gt = "_connector_1xfvk_193", yt = "_done_1xfvk_198", It = "_panel_1xfvk_224", Lt = "_stepContent_1xfvk_228", e = {
+  root: rt,
+  list: ct,
+  horizontal: lt,
+  vertical: st,
+  sm: at,
+  md: it,
+  lg: dt,
+  step: ft,
+  disabled: ut,
+  main: _t,
+  indicator: mt,
+  number: vt,
+  completed: ht,
+  active: bt,
+  error: pt,
+  text: xt,
+  label: wt,
+  description: kt,
+  optional: Nt,
+  connector: gt,
+  done: yt,
+  panel: It,
+  stepContent: Lt
+}, Rt = new Set(et), Pt = tt(function({
+  steps: a,
+  activeStep: f,
+  defaultStep: R,
+  onStepChange: d,
+  queryKey: E,
+  pushHistory: z = !1,
+  orientation: u = "horizontal",
+  size: x = "md",
+  color: $ = "primary",
+  onStepClick: _,
+  "aria-label": T,
+  className: U,
+  style: W
+}, q) {
+  var C;
+  const Q = u === "vertical", F = _ != null, D = ot(), l = E === !0 ? D : E || void 0, m = y(
+    (t) => t != null && Number.isInteger(t) && t >= 0 && t < a.length && !a[t].disabled,
+    [a]
+  ), w = y(() => {
+    if (!l || typeof window > "u") return null;
+    const t = new URLSearchParams(window.location.search).get(l);
+    return t != null && /^\d+$/.test(t) ? Number(t) - 1 : null;
+  }, [l]), G = Math.max(
+    a.findIndex((t) => !t.disabled),
+    0
+  ), [J, j] = nt(() => {
+    const t = w();
+    return m(t) ? t : m(R) ? R : G;
+  }), A = f !== void 0, o = A ? f : J, k = p(o);
+  k.current = o;
+  const v = p(d);
+  v.current = d;
+  const N = p(!1), M = y(
+    (t, n) => {
+      if (!l || typeof window > "u") return;
+      const c = new URLSearchParams(window.location.search), s = String(t + 1);
+      if (c.get(l) === s) return;
+      c.set(l, s);
+      const i = `${window.location.pathname}?${c.toString()}${window.location.hash}`;
+      window.history[n ? "pushState" : "replaceState"](window.history.state, "", i);
+    },
+    [l]
+  ), S = (t) => {
+    t !== k.current && (N.current = !0, A || j(t), d == null || d(t));
+  };
+  I(() => {
+    if (!l || typeof window > "u" || !Number.isInteger(o) || o < 0 || o >= a.length) return;
+    const t = N.current && z;
+    N.current = !1, M(o, t);
+  }, [l, o, z, M, a.length]), I(() => {
+    if (!l || typeof window > "u") return;
+    const t = () => {
+      var c;
+      const n = w();
+      m(n) && n !== k.current && (f === void 0 && j(n), (c = v.current) == null || c.call(v, n));
+    };
+    return window.addEventListener("popstate", t), () => window.removeEventListener("popstate", t);
+  }, [l, w, m, f]);
+  const P = (C = a[o]) == null ? void 0 : C.content, B = p(null);
+  I(() => {
+    if (u === "vertical") return;
+    const t = B.current, n = t == null ? void 0 : t.children[o];
+    if (!t || !n) return;
+    const c = t.getBoundingClientRect(), s = n.getBoundingClientRect(), i = s.left - c.left + t.scrollLeft, h = i + s.width;
+    i < t.scrollLeft ? t.scrollLeft = i : h > t.scrollLeft + t.clientWidth && (t.scrollLeft = h - t.clientWidth);
+  }, [o, u]);
+  const V = (t) => typeof t == "string" && Rt.has(t) ? /* @__PURE__ */ r(O, { name: t, size: x }) : t;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: q,
+      className: L(e.root, e[u], e[x], U),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${$}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${$}-contrast, #fff)`,
+        ...W
+      },
+      children: [
+        /* @__PURE__ */ r("ol", { ref: B, "aria-label": T, className: e.list, children: a.map((t, n) => {
+          const c = !!t.error, s = !c && (t.completed || n < o), i = !c && !s && n === o, h = c ? "error" : s ? "completed" : i ? "active" : "upcoming", X = n === a.length - 1, g = V(t.icon), Y = g ?? (s ? /* @__PURE__ */ r(O, { name: "Check", size: x }) : /* @__PURE__ */ r("span", { className: e.number, children: n + 1 })), Z = t.label != null || t.description != null || t.optional != null, K = /* @__PURE__ */ b(H, { children: [
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: e.indicator,
+                "aria-hidden": g == null && !s ? void 0 : !0,
+                children: Y
+              }
+            ),
+            Z && /* @__PURE__ */ b("span", { className: e.text, children: [
+              t.label != null && /* @__PURE__ */ r("span", { className: e.label, children: t.label }),
+              t.description != null && /* @__PURE__ */ r("span", { className: e.description, children: t.description }),
+              t.optional != null && /* @__PURE__ */ r("span", { className: e.optional, children: t.optional })
+            ] })
+          ] });
+          return /* @__PURE__ */ b(
+            "li",
+            {
+              className: L(e.step, e[h], t.disabled && e.disabled),
+              children: [
+                F ? /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.main,
+                    disabled: t.disabled,
+                    "aria-current": i ? "step" : void 0,
+                    onClick: () => {
+                      _ == null || _(n), S(n);
+                    },
+                    children: K
+                  }
+                ) : /* @__PURE__ */ r("div", { className: e.main, "aria-current": i ? "step" : void 0, children: K }),
+                !X && /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: L(e.connector, n < o && e.done),
+                    "aria-hidden": "true"
+                  }
+                ),
+                Q && n === o && t.content != null && /* @__PURE__ */ r("div", { className: e.stepContent, children: t.content })
+              ]
+            },
+            n
+          );
+        }) }),
+        !Q && P != null && /* @__PURE__ */ r("div", { className: e.panel, children: P })
+      ]
+    }
+  );
+});
+export {
+  Pt as S
+};
+//# sourceMappingURL=Stepper-COKAyN1L.js.map

package/dist/Stepper-COKAyN1L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-COKAyN1L.js","sources":["../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useStepQueryKey, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport styles from './Stepper.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type StepperOrientation = 'horizontal' | 'vertical'\nexport type StepperSize = 'sm' | 'md' | 'lg'\n\nexport interface StepItem {\n  /** Step label. */\n  label?: ReactNode\n  /** Muted secondary line under the label. */\n  description?: ReactNode\n  /** Muted caption under the label (e.g. `\"Optional\"`). */\n  optional?: ReactNode\n  /** Override the step's number indicator with an icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Force the **completed** look regardless of the active step (e.g. an already-saved step). */\n  completed?: boolean\n  /** Marks the step **invalid** — a red indicator + label (e.g. its form section failed validation). */\n  error?: boolean\n  /** Disables the step — dimmed, (when clickable) not selectable, and skipped by the URL restore. */\n  disabled?: boolean\n  /**\n   * Panel content rendered while this step is active — **below the strip** in horizontal mode, and\n   * **inline under the step** (indented beside the rail) in vertical mode. Optional.\n   */\n  content?: ReactNode\n}\n\nexport interface StepperProps {\n  /** The steps, in order. */\n  steps: StepItem[]\n  /**\n   * Controlled current step index (**0-based**). Steps before it read **completed**, the one at it is\n   * **active**, and those after it are **upcoming**. Omit for uncontrolled (see `defaultStep`).\n   */\n  activeStep?: number\n  /**\n   * Initial step index (uncontrolled). Falls back to the URL query (when URL sync is active and the\n   * param is present) and otherwise the first enabled step.\n   */\n  defaultStep?: number\n  /**\n   * Fires with the next step index whenever the stepper itself changes the step — a clicked step head,\n   * or a Back/Forward `popstate` restore. In controlled mode apply it to your `activeStep` state.\n   */\n  onStepChange?: (index: number) => void\n  /**\n   * **Opt-in** URL sync — **off by default** (the URL is never touched when omitted). Pass the bare\n   * prop (**`queryKey`** / `true`) to sync the active step under the configured `keys.stepQueryKey`\n   * (else `'step'`), or a **string** for a custom param name. The URL value is **1-based**\n   * (`?step=2` = index 1) and a page refresh restores it. Two synced steppers on one page need\n   * distinct keys.\n   */\n  queryKey?: boolean | string\n  /**\n   * Push a history entry on each step change, so the browser **Back** button returns to the previous\n   * step. Defaults to `false` — step changes **replace** the URL, so Back leaves the page instead of\n   * stepping back through the wizard (and `popstate` still restores a step when one is in the query).\n   */\n  pushHistory?: boolean\n  /**\n   * Layout direction. `horizontal` (default) centers each label **under** its circle and **scrolls\n   * sideways** when the steps don't fit (so it fits a phone as-is); `vertical` stacks the steps along\n   * a rail connector.\n   */\n  orientation?: StepperOrientation\n  /** Preset size. Defaults to `'md'`. */\n  size?: StepperSize\n  /** Theme palette token tinting the active / completed steps. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /**\n   * Makes steps **clickable** — each step head becomes a `<button>` that fires this with the step index\n   * (a `disabled` step never fires); an uncontrolled stepper also selects the clicked step itself. Omit\n   * for a display-only progress indicator.\n   */\n  onStepClick?: (index: number) => void\n  /** Accessible label for the stepper list. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A step progress indicator. Data-driven via `steps` (each: `label`, `description`, `optional`, `icon`,\n * `completed`, `error`, `disabled`, `content`) — controlled (`activeStep`, 0-based) or uncontrolled\n * (`defaultStep`). **Opt-in URL sync:** pass **`queryKey`** (bare/`true` = the configured\n * `keys.stepQueryKey`, else `'step'`; or a custom string) and the active step syncs to that query param\n * (**1-based** — `?step=2`) so a refresh restores it; with no `queryKey` the URL is never touched.\n * Synced step changes **replace** the URL (Back doesn't walk the wizard); pass **`pushHistory`** to\n * step back with Back.\n * Horizontal (labels centered under the circles) or `vertical` (a rail); when the horizontal steps\n * don't fit, the strip **scrolls sideways** (scrollbar hidden, the active step kept in view) — so it\n * fits a phone as-is. The active step's **`content`** renders below the strip (horizontal) or inline\n * under the step (vertical). Pass **`onStepClick`** to make the steps navigable. Tinted by `color` via\n * the shared `--tz-btn-rgb` pattern; the list is an `<ol>` with `aria-current=\"step\"` on the active step.\n */\nexport const Stepper = forwardRef<HTMLDivElement, StepperProps>(function Stepper(\n  {\n    steps,\n    activeStep,\n    defaultStep,\n    onStepChange,\n    queryKey,\n    pushHistory = false,\n    orientation = 'horizontal',\n    size = 'md',\n    color = 'primary',\n    onStepClick,\n    'aria-label': ariaLabel,\n    className,\n    style,\n  },\n  ref,\n) {\n  const vertical = orientation === 'vertical'\n  const clickable = onStepClick != null\n\n  // resolve the URL-sync key — OPT-IN: omitted/false = no sync (URL untouched); the bare/`true` form\n  // uses the configured default (`keys.stepQueryKey`, else 'step'); a string is a custom param name\n  const stepQueryKey = useStepQueryKey()\n  const syncKey = queryKey === true ? stepQueryKey : queryKey || undefined\n\n  const isSelectable = useCallback(\n    (i: number | null | undefined): i is number =>\n      i != null && Number.isInteger(i) && i >= 0 && i < steps.length && !steps[i].disabled,\n    [steps],\n  )\n\n  // the URL carries the step 1-based (`?step=2` = index 1) — human-friendly, like Table's page param\n  const readQuery = useCallback((): number | null => {\n    if (!syncKey || typeof window === 'undefined') return null\n    const raw = new URLSearchParams(window.location.search).get(syncKey)\n    return raw != null && /^\\d+$/.test(raw) ? Number(raw) - 1 : null\n  }, [syncKey])\n\n  const firstEnabled = Math.max(\n    steps.findIndex((s) => !s.disabled),\n    0,\n  )\n\n  const [internal, setInternal] = useState<number>(() => {\n    const q = readQuery()\n    if (isSelectable(q)) return q\n    return isSelectable(defaultStep) ? defaultStep : firstEnabled\n  })\n  const isControlled = activeStep !== undefined\n  // controlled mode renders the given index verbatim (even past the last step — the \"all completed\"\n  // pattern); only the URL/popstate restores are gated by `isSelectable`\n  const active = isControlled ? activeStep : internal\n\n  // keep the latest active / onStepChange / push-intent for the stable effects + popstate listener\n  const activeRef = useRef(active)\n  activeRef.current = active\n  const onStepChangeRef = useRef(onStepChange)\n  onStepChangeRef.current = onStepChange\n  const pushIntent = useRef(false)\n\n  const writeQuery = useCallback(\n    (next: number, push: boolean) => {\n      if (!syncKey || typeof window === 'undefined') return\n      const params = new URLSearchParams(window.location.search)\n      const value = String(next + 1)\n      if (params.get(syncKey) === value) return\n      params.set(syncKey, value)\n      const url = `${window.location.pathname}?${params.toString()}${window.location.hash}`\n      window.history[push ? 'pushState' : 'replaceState'](window.history.state, '', url)\n    },\n    [syncKey],\n  )\n\n  const select = (next: number) => {\n    if (next === activeRef.current) return\n    pushIntent.current = true\n    if (!isControlled) setInternal(next)\n    onStepChange?.(next)\n  }\n\n  // mirror the active step into the URL whenever it changes (and on mount = canonicalize). A\n  // user-driven change `push`es when `pushHistory`; programmatic / popstate changes just `replace`.\n  useEffect(() => {\n    if (!syncKey || typeof window === 'undefined') return\n    // an out-of-range active (e.g. `steps.length` = \"all done\") isn't a step — leave the URL alone\n    if (!Number.isInteger(active) || active < 0 || active >= steps.length) return\n    const push = pushIntent.current && pushHistory\n    pushIntent.current = false\n    writeQuery(active, push)\n  }, [syncKey, active, pushHistory, writeQuery, steps.length])\n\n  // Back/Forward → restore the step from the query\n  useEffect(() => {\n    if (!syncKey || typeof window === 'undefined') return\n    const onPopState = () => {\n      const q = readQuery()\n      if (isSelectable(q) && q !== activeRef.current) {\n        if (activeStep === undefined) setInternal(q)\n        onStepChangeRef.current?.(q)\n      }\n    }\n    window.addEventListener('popstate', onPopState)\n    return () => window.removeEventListener('popstate', onPopState)\n  }, [syncKey, readQuery, isSelectable, activeStep])\n\n  const activeContent = steps[active]?.content\n\n  // when the horizontal strip overflows (scrolls sideways), keep the active step in view — by moving\n  // the strip's own scrollLeft only. (scrollIntoView would also scroll every scrollable ancestor —\n  // i.e. the page itself — yanking the viewport down to the stepper on mount.)\n  const listRef = useRef<HTMLOListElement | null>(null)\n  useEffect(() => {\n    if (orientation === 'vertical') return // the vertical rail never scrolls sideways\n    const list = listRef.current\n    const el = list?.children[active] as HTMLElement | undefined\n    if (!list || !el) return\n    const listRect = list.getBoundingClientRect()\n    const elRect = el.getBoundingClientRect()\n    const left = elRect.left - listRect.left + list.scrollLeft\n    const right = left + elRect.width\n    if (left < list.scrollLeft) list.scrollLeft = left\n    else if (right > list.scrollLeft + list.clientWidth) list.scrollLeft = right - list.clientWidth\n  }, [active, orientation])\n\n  const renderIcon = (icon: StepItem['icon']) =>\n    typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.root, styles[orientation], styles[size], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      <ol ref={listRef} aria-label={ariaLabel} className={styles.list}>\n        {steps.map((step, i) => {\n          const isError = !!step.error\n          const isCompleted = !isError && (step.completed || i < active)\n          const isActive = !isError && !isCompleted && i === active\n          const state = isError\n            ? 'error'\n            : isCompleted\n              ? 'completed'\n              : isActive\n                ? 'active'\n                : 'upcoming'\n          const isLast = i === steps.length - 1\n\n          const icon = renderIcon(step.icon)\n          const indicator =\n            icon != null ? (\n              icon\n            ) : isCompleted ? (\n              <Icon name=\"Check\" size={size} />\n            ) : (\n              <span className={styles.number}>{i + 1}</span>\n            )\n\n          const hasText = step.label != null || step.description != null || step.optional != null\n          const head = (\n            <>\n              <span\n                className={styles.indicator}\n                aria-hidden={icon == null && !isCompleted ? undefined : true}\n              >\n                {indicator}\n              </span>\n              {hasText && (\n                <span className={styles.text}>\n                  {step.label != null && <span className={styles.label}>{step.label}</span>}\n                  {step.description != null && (\n                    <span className={styles.description}>{step.description}</span>\n                  )}\n                  {step.optional != null && (\n                    <span className={styles.optional}>{step.optional}</span>\n                  )}\n                </span>\n              )}\n            </>\n          )\n\n          return (\n            <li\n              key={i}\n              className={clsx(styles.step, styles[state], step.disabled && styles.disabled)}\n            >\n              {clickable ? (\n                <button\n                  type=\"button\"\n                  className={styles.main}\n                  disabled={step.disabled}\n                  aria-current={isActive ? 'step' : undefined}\n                  onClick={() => {\n                    onStepClick?.(i)\n                    select(i)\n                  }}\n                >\n                  {head}\n                </button>\n              ) : (\n                <div className={styles.main} aria-current={isActive ? 'step' : undefined}>\n                  {head}\n                </div>\n              )}\n              {!isLast && (\n                <span\n                  className={clsx(styles.connector, i < active && styles.done)}\n                  aria-hidden=\"true\"\n                />\n              )}\n              {/* vertical: the active step's content sits inline, indented beside the rail */}\n              {vertical && i === active && step.content != null && (\n                <div className={styles.stepContent}>{step.content}</div>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n      {/* horizontal: the active step's content renders as a panel below the strip */}\n      {!vertical && activeContent != null && <div className={styles.panel}>{activeContent}</div>}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","Stepper","forwardRef","steps","activeStep","defaultStep","onStepChange","queryKey","pushHistory","orientation","size","color","onStepClick","ariaLabel","className","style","ref","vertical","clickable","stepQueryKey","useStepQueryKey","syncKey","isSelectable","useCallback","i","readQuery","raw","firstEnabled","s","internal","setInternal","useState","q","isControlled","active","activeRef","useRef","onStepChangeRef","pushIntent","writeQuery","next","push","params","value","url","select","useEffect","onPopState","_a","activeContent","listRef","list","el","listRect","elRect","left","right","renderIcon","icon","jsx","Icon","jsxs","clsx","styles","step","isError","isCompleted","isActive","state","isLast","indicator","hasText","head","Fragment"],"mappings":"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"}

package/dist/SwatchPicker-D30aSrbY.js

@@ -0,0 +1,129 @@
+import { jsxs as A, jsx as o } from "react/jsx-runtime";
+import { forwardRef as U, useId as G, useState as J, useRef as M } from "react";
+import { clsx as L } from "clsx";
+import { u as O } from "./formContext-B7ln1Miy.js";
+import { I as Q } from "./Icon-CophpkHo.js";
+import { T as R } from "./Typography-Cta6Rg4L.js";
+import { f as n } from "./TextField.module-QePvGeJ3.js";
+const W = "_swatches_1kbcs_3", X = "_sm_1kbcs_13", Y = "_md_1kbcs_18", Z = "_lg_1kbcs_23", z = "_swatch_1kbcs_3", w = {
+  swatches: W,
+  sm: X,
+  md: Y,
+  lg: Z,
+  swatch: z
+}, ie = U(function({
+  colors: s,
+  value: p,
+  defaultValue: C = null,
+  onChange: h,
+  size: b = "md",
+  labels: m,
+  label: d,
+  error: D,
+  helperText: j,
+  required: B = !1,
+  name: r,
+  className: E,
+  "aria-label": F,
+  ...H
+}, K) {
+  const v = G(), k = `${v}-label`, _ = `${v}-helper`, i = O(), y = !!(i && r), c = i && r ? i.field(r) : void 0, I = p !== void 0 ? p : y ? i.values[r] ?? null : void 0, x = I !== void 0, [P, V] = J(C), S = ((x ? I : P) ?? "").toLowerCase(), u = D ?? (c == null ? void 0 : c.error) ?? !1, f = j ?? (c == null ? void 0 : c.helperText), g = (e) => {
+    x || V(e), y && i.setValue(r, e), h == null || h(e);
+  }, N = M([]), T = s.findIndex((e) => e.toLowerCase() === S), $ = T >= 0 ? T : 0, q = (e, a) => {
+    var l;
+    let t = a;
+    switch (e.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        t = (a + 1) % s.length;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        t = (a - 1 + s.length) % s.length;
+        break;
+      case "Home":
+        t = 0;
+        break;
+      case "End":
+        t = s.length - 1;
+        break;
+      default:
+        return;
+    }
+    e.preventDefault(), g(s[t]), (l = N.current[t]) == null || l.focus();
+  };
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      ref: K,
+      className: L(
+        n.field,
+        n[b],
+        u && n.error,
+        E
+      ),
+      ...H,
+      children: [
+        d != null && /* @__PURE__ */ A("label", { id: k, className: n.label, children: [
+          /* @__PURE__ */ o(R, { as: "span", variant: "bodySmall", color: "muted", children: d }),
+          B && /* @__PURE__ */ o("span", { className: n.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            role: "radiogroup",
+            "aria-labelledby": d != null ? k : void 0,
+            "aria-label": d == null ? F : void 0,
+            "aria-invalid": u || void 0,
+            "aria-describedby": f != null ? _ : void 0,
+            className: L(w.swatches, w[b]),
+            ...r ? { name: r, tabIndex: -1 } : {},
+            children: s.map((e, a) => {
+              const t = e.toLowerCase() === S;
+              return /* @__PURE__ */ o(
+                "button",
+                {
+                  ref: (l) => {
+                    N.current[a] = l;
+                  },
+                  type: "button",
+                  role: "radio",
+                  "aria-checked": t,
+                  "aria-label": (m == null ? void 0 : m[e]) ?? e,
+                  tabIndex: a === $ ? 0 : -1,
+                  className: w.swatch,
+                  style: { "--sw": e },
+                  onClick: () => g(e),
+                  onKeyDown: (l) => q(l, a),
+                  children: t ? /* @__PURE__ */ o(
+                    Q,
+                    {
+                      name: "TickCircle",
+                      style: { width: "var(--sw-icon)", height: "var(--sw-icon)" }
+                    }
+                  ) : null
+                },
+                e
+              );
+            })
+          }
+        ),
+        f != null && /* @__PURE__ */ o(
+          R,
+          {
+            as: "span",
+            id: _,
+            variant: "bodySmall",
+            color: u ? "error" : "muted",
+            className: n.helper,
+            children: f
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  ie as S
+};
+//# sourceMappingURL=SwatchPicker-D30aSrbY.js.map

package/dist/SwatchPicker-D30aSrbY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwatchPicker-D30aSrbY.js","sources":["../src/components/SwatchPicker/SwatchPicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\n// shared field chrome (wrapper / label / helper / required / error / sizes)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './SwatchPicker.module.css'\n\nexport type SwatchPickerSize = 'sm' | 'md' | 'lg'\n\nexport interface SwatchPickerProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** The color values to render as selectable swatches (any CSS color — hex / `rgb()` / …). */\n  colors: string[]\n  /** The selected color (controlled) — matched case-insensitively against `colors`; `null` = none. */\n  value?: string | null\n  /** Initial selected color (uncontrolled). */\n  defaultValue?: string | null\n  /** Fires with the clicked color. */\n  onChange?: (color: string) => void\n  /**\n   * Swatch size — `sm` 30 / `md` 36 / `lg` 42 px, each with its own corner radius and tick size\n   * (12/16/20). Defaults to `md`. All three are per-size CSS vars in the module.\n   */\n  size?: SwatchPickerSize\n  /** Per-color accessible labels (falls back to the color value itself). */\n  labels?: Record<string, string>\n  /** Label rendered above the swatches. */\n  label?: ReactNode\n  /** Marks the field invalid — reddens the label/asterisk and shows `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the swatches. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (the form value is the color string). */\n  name?: string\n}\n\n/**\n * A grid of selectable color **swatches** (rounded tiles) — pick one from a fixed palette. The selected\n * swatch shows a centered white **`TickCircle`** icon. Unlike `ColorPicker` (a field + full popover\n * picker), this is a lightweight primitive for a **preset** set of colors — e.g. an accent-color chooser.\n * Controlled (`value` + `onChange`) or uncontrolled (`defaultValue`); binds to a surrounding `<Form>` by\n * `name` (the form value is the color string — validate with e.g. `z.string().min(1, 'Pick a color')`),\n * and shares the field family's `label` / `error` + `helperText` / `required` chrome.\n *\n * Swatch fills are arbitrary CSS colors (fed via an inline `--sw` var), not `--tz-*` tokens — a\n * deliberate exception, like `ColorPicker`'s spectrum. a11y: `role=\"radiogroup\"` (labelled by `label`\n * or `aria-label`) with `role=\"radio\"` + `aria-checked` swatches; the group carries `name` for the\n * form's scroll-to-error.\n */\nexport const SwatchPicker = forwardRef<HTMLDivElement, SwatchPickerProps>(function SwatchPicker(\n  {\n    colors,\n    value,\n    defaultValue = null,\n    onChange,\n    size = 'md',\n    labels,\n    label,\n    error,\n    helperText,\n    required = false,\n    name,\n    className,\n    'aria-label': ariaLabel,\n    ...props\n  },\n  ref,\n) {\n  const id = useId()\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the color string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string | null>(defaultValue)\n  const selected = isControlled ? externalValue! : internal\n  const active = (selected ?? '').toLowerCase()\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const pick = (color: string) => {\n    if (!isControlled) setInternal(color)\n    if (isFormBound) form!.setValue(name!, color)\n    onChange?.(color)\n  }\n\n  // roving tabindex (ARIA radiogroup): only the selected swatch — or the first, if none — is tabbable;\n  // arrows move selection between swatches (wrapping), Home/End jump to the ends\n  const swatchRefs = useRef<(HTMLButtonElement | null)[]>([])\n  const selectedIndex = colors.findIndex((c) => c.toLowerCase() === active)\n  const tabbableIndex = selectedIndex >= 0 ? selectedIndex : 0\n  const onSwatchKey = (event: ReactKeyboardEvent<HTMLButtonElement>, index: number) => {\n    let target = index\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        target = (index + 1) % colors.length\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        target = (index - 1 + colors.length) % colors.length\n        break\n      case 'Home':\n        target = 0\n        break\n      case 'End':\n        target = colors.length - 1\n        break\n      default:\n        return\n    }\n    event.preventDefault()\n    pick(colors[target])\n    swatchRefs.current[target]?.focus()\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        resolvedError && fieldStyles.error,\n        className,\n      )}\n      {...props}\n    >\n      {label != null && (\n        <label id={labelId} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        role=\"radiogroup\"\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-label={label == null ? ariaLabel : undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.swatches, styles[size])}\n        // name + tabIndex are load-bearing for the form's scroll-to-error\n        {...(name ? { name, tabIndex: -1 } : {})}\n      >\n        {colors.map((color, index) => {\n          const isSelected = color.toLowerCase() === active\n          return (\n            <button\n              key={color}\n              ref={(el) => {\n                swatchRefs.current[index] = el\n              }}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={isSelected}\n              aria-label={labels?.[color] ?? color}\n              tabIndex={index === tabbableIndex ? 0 : -1}\n              className={styles.swatch}\n              style={{ '--sw': color } as CSSProperties}\n              onClick={() => pick(color)}\n              onKeyDown={(e) => onSwatchKey(e, index)}\n            >\n              {isSelected ? (\n                <Icon\n                  name=\"TickCircle\"\n                  style={{ width: 'var(--sw-icon)', height: 'var(--sw-icon)' }}\n                />\n              ) : null}\n            </button>\n          )\n        })}\n      </div>\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["SwatchPicker","forwardRef","colors","value","defaultValue","onChange","size","labels","label","error","helperText","required","name","className","ariaLabel","props","ref","id","useId","labelId","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","active","resolvedError","resolvedHelperText","pick","color","swatchRefs","useRef","selectedIndex","c","tabbableIndex","onSwatchKey","event","index","target","_a","jsxs","clsx","fieldStyles","jsx","Typography","styles","isSelected","el","e","Icon"],"mappings":"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"}

package/dist/SwatchPicker-DbAU9-ux.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),N=require("clsx"),U=require("./formContext-bTWrqdEV.cjs"),G=require("./Icon-CXTl_QAP.cjs"),R=require("./Typography-BFatE1_A.cjs"),i=require("./TextField.module-m-UllwzG.cjs"),J="_swatches_1kbcs_3",M="_sm_1kbcs_13",O="_md_1kbcs_18",Q="_lg_1kbcs_23",W="_swatch_1kbcs_3",m={swatches:J,sm:M,md:O,lg:Q,swatch:W},X=u.forwardRef(function({colors:r,value:p,defaultValue:A=null,onChange:h,size:b="md",labels:w,label:d,error:C,helperText:L,required:D=!1,name:c,className:F,"aria-label":P,...B},E){const x=u.useId(),v=`${x}-label`,k=`${x}-helper`,o=U.useFormContext(),_=!!(o&&c),l=o&&c?o.field(c):void 0,S=p!==void 0?p:_?o.values[c]??null:void 0,I=S!==void 0,[H,K]=u.useState(A),g=((I?S:H)??"").toLowerCase(),f=C??(l==null?void 0:l.error)??!1,y=L??(l==null?void 0:l.helperText),j=e=>{I||K(e),_&&o.setValue(c,e),h==null||h(e)},q=u.useRef([]),T=r.findIndex(e=>e.toLowerCase()===g),V=T>=0?T:0,$=(e,a)=>{var n;let s=a;switch(e.key){case"ArrowRight":case"ArrowDown":s=(a+1)%r.length;break;case"ArrowLeft":case"ArrowUp":s=(a-1+r.length)%r.length;break;case"Home":s=0;break;case"End":s=r.length-1;break;default:return}e.preventDefault(),j(r[s]),(n=q.current[s])==null||n.focus()};return t.jsxs("div",{ref:E,className:N.clsx(i.fieldStyles.field,i.fieldStyles[b],f&&i.fieldStyles.error,F),...B,children:[d!=null&&t.jsxs("label",{id:v,className:i.fieldStyles.label,children:[t.jsx(R.Typography,{as:"span",variant:"bodySmall",color:"muted",children:d}),D&&t.jsx("span",{className:i.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),t.jsx("div",{role:"radiogroup","aria-labelledby":d!=null?v:void 0,"aria-label":d==null?P:void 0,"aria-invalid":f||void 0,"aria-describedby":y!=null?k:void 0,className:N.clsx(m.swatches,m[b]),...c?{name:c,tabIndex:-1}:{},children:r.map((e,a)=>{const s=e.toLowerCase()===g;return t.jsx("button",{ref:n=>{q.current[a]=n},type:"button",role:"radio","aria-checked":s,"aria-label":(w==null?void 0:w[e])??e,tabIndex:a===V?0:-1,className:m.swatch,style:{"--sw":e},onClick:()=>j(e),onKeyDown:n=>$(n,a),children:s?t.jsx(G.Icon,{name:"TickCircle",style:{width:"var(--sw-icon)",height:"var(--sw-icon)"}}):null},e)})}),y!=null&&t.jsx(R.Typography,{as:"span",id:k,variant:"bodySmall",color:f?"error":"muted",className:i.fieldStyles.helper,children:y})]})});exports.SwatchPicker=X;
+//# sourceMappingURL=SwatchPicker-DbAU9-ux.cjs.map

package/dist/SwatchPicker-DbAU9-ux.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwatchPicker-DbAU9-ux.cjs","sources":["../src/components/SwatchPicker/SwatchPicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\n// shared field chrome (wrapper / label / helper / required / error / sizes)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './SwatchPicker.module.css'\n\nexport type SwatchPickerSize = 'sm' | 'md' | 'lg'\n\nexport interface SwatchPickerProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** The color values to render as selectable swatches (any CSS color — hex / `rgb()` / …). */\n  colors: string[]\n  /** The selected color (controlled) — matched case-insensitively against `colors`; `null` = none. */\n  value?: string | null\n  /** Initial selected color (uncontrolled). */\n  defaultValue?: string | null\n  /** Fires with the clicked color. */\n  onChange?: (color: string) => void\n  /**\n   * Swatch size — `sm` 30 / `md` 36 / `lg` 42 px, each with its own corner radius and tick size\n   * (12/16/20). Defaults to `md`. All three are per-size CSS vars in the module.\n   */\n  size?: SwatchPickerSize\n  /** Per-color accessible labels (falls back to the color value itself). */\n  labels?: Record<string, string>\n  /** Label rendered above the swatches. */\n  label?: ReactNode\n  /** Marks the field invalid — reddens the label/asterisk and shows `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the swatches. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (the form value is the color string). */\n  name?: string\n}\n\n/**\n * A grid of selectable color **swatches** (rounded tiles) — pick one from a fixed palette. The selected\n * swatch shows a centered white **`TickCircle`** icon. Unlike `ColorPicker` (a field + full popover\n * picker), this is a lightweight primitive for a **preset** set of colors — e.g. an accent-color chooser.\n * Controlled (`value` + `onChange`) or uncontrolled (`defaultValue`); binds to a surrounding `<Form>` by\n * `name` (the form value is the color string — validate with e.g. `z.string().min(1, 'Pick a color')`),\n * and shares the field family's `label` / `error` + `helperText` / `required` chrome.\n *\n * Swatch fills are arbitrary CSS colors (fed via an inline `--sw` var), not `--tz-*` tokens — a\n * deliberate exception, like `ColorPicker`'s spectrum. a11y: `role=\"radiogroup\"` (labelled by `label`\n * or `aria-label`) with `role=\"radio\"` + `aria-checked` swatches; the group carries `name` for the\n * form's scroll-to-error.\n */\nexport const SwatchPicker = forwardRef<HTMLDivElement, SwatchPickerProps>(function SwatchPicker(\n  {\n    colors,\n    value,\n    defaultValue = null,\n    onChange,\n    size = 'md',\n    labels,\n    label,\n    error,\n    helperText,\n    required = false,\n    name,\n    className,\n    'aria-label': ariaLabel,\n    ...props\n  },\n  ref,\n) {\n  const id = useId()\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the color string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | null | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | null | undefined) ?? null)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string | null>(defaultValue)\n  const selected = isControlled ? externalValue! : internal\n  const active = (selected ?? '').toLowerCase()\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const pick = (color: string) => {\n    if (!isControlled) setInternal(color)\n    if (isFormBound) form!.setValue(name!, color)\n    onChange?.(color)\n  }\n\n  // roving tabindex (ARIA radiogroup): only the selected swatch — or the first, if none — is tabbable;\n  // arrows move selection between swatches (wrapping), Home/End jump to the ends\n  const swatchRefs = useRef<(HTMLButtonElement | null)[]>([])\n  const selectedIndex = colors.findIndex((c) => c.toLowerCase() === active)\n  const tabbableIndex = selectedIndex >= 0 ? selectedIndex : 0\n  const onSwatchKey = (event: ReactKeyboardEvent<HTMLButtonElement>, index: number) => {\n    let target = index\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        target = (index + 1) % colors.length\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        target = (index - 1 + colors.length) % colors.length\n        break\n      case 'Home':\n        target = 0\n        break\n      case 'End':\n        target = colors.length - 1\n        break\n      default:\n        return\n    }\n    event.preventDefault()\n    pick(colors[target])\n    swatchRefs.current[target]?.focus()\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        resolvedError && fieldStyles.error,\n        className,\n      )}\n      {...props}\n    >\n      {label != null && (\n        <label id={labelId} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        role=\"radiogroup\"\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-label={label == null ? ariaLabel : undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.swatches, styles[size])}\n        // name + tabIndex are load-bearing for the form's scroll-to-error\n        {...(name ? { name, tabIndex: -1 } : {})}\n      >\n        {colors.map((color, index) => {\n          const isSelected = color.toLowerCase() === active\n          return (\n            <button\n              key={color}\n              ref={(el) => {\n                swatchRefs.current[index] = el\n              }}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={isSelected}\n              aria-label={labels?.[color] ?? color}\n              tabIndex={index === tabbableIndex ? 0 : -1}\n              className={styles.swatch}\n              style={{ '--sw': color } as CSSProperties}\n              onClick={() => pick(color)}\n              onKeyDown={(e) => onSwatchKey(e, index)}\n            >\n              {isSelected ? (\n                <Icon\n                  name=\"TickCircle\"\n                  style={{ width: 'var(--sw-icon)', height: 'var(--sw-icon)' }}\n                />\n              ) : null}\n            </button>\n          )\n        })}\n      </div>\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["SwatchPicker","forwardRef","colors","value","defaultValue","onChange","size","labels","label","error","helperText","required","name","className","ariaLabel","props","ref","id","useId","labelId","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","active","resolvedError","resolvedHelperText","pick","color","swatchRefs","useRef","selectedIndex","c","tabbableIndex","onSwatchKey","event","index","target","_a","jsxs","clsx","fieldStyles","jsx","Typography","styles","isSelected","el","e","Icon"],"mappings":"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"}

package/dist/Switch-DMPJ0fhB.js

@@ -0,0 +1,85 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as R, useId as V, useState as A } from "react";
+import { clsx as b } from "clsx";
+import { u as D } from "./formContext-B7ln1Miy.js";
+const G = "_field_t20ix_1", H = "_row_t20ix_9", J = "_disabled_t20ix_17", K = "_input_t20ix_23", L = "_track_t20ix_37", M = "_thumb_t20ix_56", O = "_error_t20ix_68", P = "_label_t20ix_72", Q = "_required_t20ix_77", T = "_sm_t20ix_83", U = "_md_t20ix_95", W = "_lg_t20ix_107", t = {
+  field: G,
+  row: H,
+  disabled: J,
+  input: K,
+  track: L,
+  thumb: M,
+  error: O,
+  label: P,
+  required: Q,
+  sm: T,
+  md: U,
+  lg: W
+}, et = R(function({
+  label: n,
+  color: d = "accent",
+  size: v = "md",
+  error: k,
+  required: w = !1,
+  checked: _,
+  defaultChecked: N = !1,
+  onChange: c,
+  name: s,
+  onBlur: l,
+  disabled: m = !1,
+  id: g,
+  className: q,
+  style: z,
+  ...S
+}, y) {
+  const I = V(), j = g ?? I, r = D(), f = !!(r && s), e = r && s ? r.field(s) : void 0, u = _ !== void 0 ? _ : f ? !!r.values[s] : void 0, x = u !== void 0, [B, C] = A(N), F = x ? u : B, h = k ?? (e == null ? void 0 : e.error) ?? !1, $ = (o) => {
+    const a = o.target.checked;
+    x || C(a), f && r.setValue(s, a), c == null || c(a);
+  }, E = (o) => {
+    e == null || e.onBlur(o), l == null || l(o);
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: b(
+        t.field,
+        h && t.error,
+        m && t.disabled,
+        q
+      ),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${d}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${d}-contrast, #fff)`,
+        ...z
+      },
+      children: /* @__PURE__ */ p("label", { className: b(t.row, t[v]), children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            ref: y,
+            id: j,
+            name: s,
+            type: "checkbox",
+            role: "switch",
+            className: t.input,
+            checked: F,
+            onChange: $,
+            onBlur: E,
+            disabled: m,
+            "aria-invalid": h || void 0,
+            ...S
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: t.track, "aria-hidden": "true", children: /* @__PURE__ */ i("span", { className: t.thumb }) }),
+        n != null && /* @__PURE__ */ p("span", { className: t.label, children: [
+          n,
+          w && /* @__PURE__ */ i("span", { className: t.required, "aria-hidden": "true", children: "*" })
+        ] })
+      ] })
+    }
+  );
+});
+export {
+  et as S
+};
+//# sourceMappingURL=Switch-DMPJ0fhB.js.map

package/dist/Switch-DMPJ0fhB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-DMPJ0fhB.js","sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Switch.module.css'\n\nexport type SwitchSize = 'sm' | 'md' | 'lg'\n\nexport interface SwitchProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'color' | 'type' | 'onChange'\n> {\n  /** Text shown to the right of the switch. */\n  label?: ReactNode\n  /** Theme palette token used for the \"on\" fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — track/thumb dimensions and label font. */\n  size?: SwitchSize\n  /** Marks the field invalid — reddens the track ring (no helper text). */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Controlled on/off state. */\n  checked?: boolean\n  /** Initial state for uncontrolled use. Defaults to `false`. */\n  defaultChecked?: boolean\n  /** Fires with the next on/off state. */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * A toggle switch. The native `<input type=\"checkbox\" role=\"switch\">` is visually hidden but fully\n * accessible (keyboard + screen reader); a styled track + sliding thumb show the state, the track\n * filling with `color` when on. Controlled (`checked` + `onChange`) or uncontrolled (`defaultChecked`),\n * and — like the other fields — binds to a surrounding `<Form>` by `name` (its form value is a\n * `boolean`). `error` reddens the track (no message text). Styling uses `--tz-*` tokens only.\n */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  {\n    label,\n    color = 'accent',\n    size = 'md',\n    error,\n    required = false,\n    checked,\n    defaultChecked = false,\n    onChange,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is a boolean.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalChecked: boolean | undefined =\n    checked !== undefined ? checked : isFormBound ? Boolean(form!.values[name!]) : undefined\n  const isControlled = externalChecked !== undefined\n  const [internal, setInternal] = useState<boolean>(defaultChecked)\n  const isChecked = isControlled ? externalChecked! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const next = event.target.checked\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      <label className={clsx(styles.row, styles[size])}>\n        <input\n          ref={ref}\n          id={id}\n          name={name}\n          type=\"checkbox\"\n          role=\"switch\"\n          className={styles.input}\n          checked={isChecked}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          {...props}\n        />\n        <span className={styles.track} aria-hidden=\"true\">\n          <span className={styles.thumb} />\n        </span>\n        {label != null && (\n          <span className={styles.label}>\n            {label}\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </span>\n        )}\n      </label>\n    </div>\n  )\n})\n"],"names":["Switch","forwardRef","label","color","size","error","required","checked","defaultChecked","onChange","name","onBlur","disabled","idProp","className","style","props","ref","reactId","useId","id","form","useFormContext","isFormBound","bound","externalChecked","isControlled","internal","setInternal","useState","isChecked","resolvedError","handleChange","event","next","handleBlur","jsx","clsx","styles","jsxs"],"mappings":";;;;;;;;;;;;;;;;;GA8CaA,KAASC,EAA0C,SAC9D;AAAA,EACE,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,IAAIC;AAAA,EACJ,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAUC,EAAA,GACVC,IAAKP,KAAUK,GAGfG,IAAOC,EAAA,GACPC,IAAc,GAAQF,KAAQX,IAC9Bc,IAAQH,KAAQX,IAAOW,EAAK,MAAMX,CAAI,IAAI,QAE1Ce,IACJlB,MAAY,SAAYA,IAAUgB,IAAc,EAAQF,EAAM,OAAOX,CAAK,IAAK,QAC3EgB,IAAeD,MAAoB,QACnC,CAACE,GAAUC,CAAW,IAAIC,EAAkBrB,CAAc,GAC1DsB,IAAYJ,IAAeD,IAAmBE,GAE9CI,IAAgB1B,MAASmB,KAAA,gBAAAA,EAAO,UAAS,IAEzCQ,IAAe,CAACC,MAAyC;AAC7D,UAAMC,IAAOD,EAAM,OAAO;AAC1B,IAAKP,KAAcE,EAAYM,CAAI,GAC/BX,KAAaF,EAAM,SAASX,GAAOwB,CAAI,GAC3CzB,KAAA,QAAAA,EAAWyB;AAAA,EACb,GAEMC,IAAa,CAACF,MAAwC;AAC1D,IAAAT,KAAA,QAAAA,EAAO,OAAOS,IACdtB,KAAA,QAAAA,EAASsB;AAAA,EACX;AAEA,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACPP,KAAiBO,EAAO;AAAA,QACxB1B,KAAY0B,EAAO;AAAA,QACnBxB;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBX,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGY;AAAA,MAAA;AAAA,MAIP,UAAA,gBAAAwB,EAAC,WAAM,WAAWF,EAAKC,EAAO,KAAKA,EAAOlC,CAAI,CAAC,GAC7C,UAAA;AAAA,QAAA,gBAAAgC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAAnB;AAAA,YACA,IAAAG;AAAA,YACA,MAAAV;AAAA,YACA,MAAK;AAAA,YACL,MAAK;AAAA,YACL,WAAW4B,EAAO;AAAA,YAClB,SAASR;AAAA,YACT,UAAUE;AAAA,YACV,QAAQG;AAAA,YACR,UAAAvB;AAAA,YACA,gBAAcmB,KAAiB;AAAA,YAC9B,GAAGf;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAoB,EAAC,QAAA,EAAK,WAAWE,EAAO,OAAO,eAAY,QACzC,UAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWE,EAAO,MAAA,CAAO,GACjC;AAAA,QACCpC,KAAS,QACR,gBAAAqC,EAAC,QAAA,EAAK,WAAWD,EAAO,OACrB,UAAA;AAAA,UAAApC;AAAA,UACAI,uBACE,QAAA,EAAK,WAAWgC,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/Switch-DRkZ6kHJ.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),p=require("clsx"),E=require("./formContext-bTWrqdEV.cjs"),V="_field_t20ix_1",A="_row_t20ix_9",D="_disabled_t20ix_17",G="_input_t20ix_23",H="_track_t20ix_37",J="_thumb_t20ix_56",K="_error_t20ix_68",L="_label_t20ix_72",M="_required_t20ix_77",O="_sm_t20ix_83",P="_md_t20ix_95",Q="_lg_t20ix_107",t={field:V,row:A,disabled:D,input:G,track:H,thumb:J,error:K,label:L,required:M,sm:O,md:P,lg:Q},T=a.forwardRef(function({label:d,color:_="accent",size:v="md",error:w,required:j=!1,checked:x,defaultChecked:k=!1,onChange:o,name:e,onBlur:l,disabled:u=!1,id:q,className:N,style:g,...z},S){const y=a.useId(),C=q??y,c=E.useFormContext(),f=!!(c&&e),r=c&&e?c.field(e):void 0,h=x!==void 0?x:f?!!c.values[e]:void 0,m=h!==void 0,[I,B]=a.useState(k),F=m?h:I,b=w??(r==null?void 0:r.error)??!1,R=i=>{const n=i.target.checked;m||B(n),f&&c.setValue(e,n),o==null||o(n)},$=i=>{r==null||r.onBlur(i),l==null||l(i)};return s.jsx("div",{className:p.clsx(t.field,b&&t.error,u&&t.disabled,N),style:{"--tz-btn-rgb":`var(--tz-color-${_}-rgb)`,"--tz-btn-on":`var(--tz-color-${_}-contrast, #fff)`,...g},children:s.jsxs("label",{className:p.clsx(t.row,t[v]),children:[s.jsx("input",{ref:S,id:C,name:e,type:"checkbox",role:"switch",className:t.input,checked:F,onChange:R,onBlur:$,disabled:u,"aria-invalid":b||void 0,...z}),s.jsx("span",{className:t.track,"aria-hidden":"true",children:s.jsx("span",{className:t.thumb})}),d!=null&&s.jsxs("span",{className:t.label,children:[d,j&&s.jsx("span",{className:t.required,"aria-hidden":"true",children:"*"})]})]})})});exports.Switch=T;
+//# sourceMappingURL=Switch-DRkZ6kHJ.cjs.map

package/dist/Switch-DRkZ6kHJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-DRkZ6kHJ.cjs","sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Switch.module.css'\n\nexport type SwitchSize = 'sm' | 'md' | 'lg'\n\nexport interface SwitchProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'color' | 'type' | 'onChange'\n> {\n  /** Text shown to the right of the switch. */\n  label?: ReactNode\n  /** Theme palette token used for the \"on\" fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — track/thumb dimensions and label font. */\n  size?: SwitchSize\n  /** Marks the field invalid — reddens the track ring (no helper text). */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Controlled on/off state. */\n  checked?: boolean\n  /** Initial state for uncontrolled use. Defaults to `false`. */\n  defaultChecked?: boolean\n  /** Fires with the next on/off state. */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * A toggle switch. The native `<input type=\"checkbox\" role=\"switch\">` is visually hidden but fully\n * accessible (keyboard + screen reader); a styled track + sliding thumb show the state, the track\n * filling with `color` when on. Controlled (`checked` + `onChange`) or uncontrolled (`defaultChecked`),\n * and — like the other fields — binds to a surrounding `<Form>` by `name` (its form value is a\n * `boolean`). `error` reddens the track (no message text). Styling uses `--tz-*` tokens only.\n */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  {\n    label,\n    color = 'accent',\n    size = 'md',\n    error,\n    required = false,\n    checked,\n    defaultChecked = false,\n    onChange,\n    name,\n    onBlur,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is a boolean.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalChecked: boolean | undefined =\n    checked !== undefined ? checked : isFormBound ? Boolean(form!.values[name!]) : undefined\n  const isControlled = externalChecked !== undefined\n  const [internal, setInternal] = useState<boolean>(defaultChecked)\n  const isChecked = isControlled ? externalChecked! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const next = event.target.checked\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      <label className={clsx(styles.row, styles[size])}>\n        <input\n          ref={ref}\n          id={id}\n          name={name}\n          type=\"checkbox\"\n          role=\"switch\"\n          className={styles.input}\n          checked={isChecked}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          {...props}\n        />\n        <span className={styles.track} aria-hidden=\"true\">\n          <span className={styles.thumb} />\n        </span>\n        {label != null && (\n          <span className={styles.label}>\n            {label}\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </span>\n        )}\n      </label>\n    </div>\n  )\n})\n"],"names":["Switch","forwardRef","label","color","size","error","required","checked","defaultChecked","onChange","name","onBlur","disabled","idProp","className","style","props","ref","reactId","useId","id","form","useFormContext","isFormBound","bound","externalChecked","isControlled","internal","setInternal","useState","isChecked","resolvedError","handleChange","event","next","handleBlur","jsx","clsx","styles","jsxs"],"mappings":"wcA8CaA,EAASC,EAAAA,WAA0C,SAC9D,CACE,MAAAC,EACA,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,MAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,eAAAC,EAAiB,GACjB,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,GAAIC,EACJ,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAKP,GAAUK,EAGfG,EAAOC,EAAAA,eAAA,EACPC,EAAc,GAAQF,GAAQX,GAC9Bc,EAAQH,GAAQX,EAAOW,EAAK,MAAMX,CAAI,EAAI,OAE1Ce,EACJlB,IAAY,OAAYA,EAAUgB,EAAc,EAAQF,EAAM,OAAOX,CAAK,EAAK,OAC3EgB,EAAeD,IAAoB,OACnC,CAACE,EAAUC,CAAW,EAAIC,EAAAA,SAAkBrB,CAAc,EAC1DsB,EAAYJ,EAAeD,EAAmBE,EAE9CI,EAAgB1B,IAASmB,GAAA,YAAAA,EAAO,QAAS,GAEzCQ,EAAgBC,GAAyC,CAC7D,MAAMC,EAAOD,EAAM,OAAO,QACrBP,GAAcE,EAAYM,CAAI,EAC/BX,GAAaF,EAAM,SAASX,EAAOwB,CAAI,EAC3CzB,GAAA,MAAAA,EAAWyB,EACb,EAEMC,EAAcF,GAAwC,CAC1DT,GAAA,MAAAA,EAAO,OAAOS,GACdtB,GAAA,MAAAA,EAASsB,EACX,EAEA,OACEG,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KACTC,EAAO,MACPP,GAAiBO,EAAO,MACxB1B,GAAY0B,EAAO,SACnBxB,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBX,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGY,CAAA,EAIP,SAAAwB,EAAAA,KAAC,SAAM,UAAWF,EAAAA,KAAKC,EAAO,IAAKA,EAAOlC,CAAI,CAAC,EAC7C,SAAA,CAAAgC,EAAAA,IAAC,QAAA,CACC,IAAAnB,EACA,GAAAG,EACA,KAAAV,EACA,KAAK,WACL,KAAK,SACL,UAAW4B,EAAO,MAClB,QAASR,EACT,SAAUE,EACV,OAAQG,EACR,SAAAvB,EACA,eAAcmB,GAAiB,OAC9B,GAAGf,CAAA,CAAA,EAENoB,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAO,MAAO,cAAY,OACzC,SAAAF,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAO,KAAA,CAAO,EACjC,EACCpC,GAAS,MACRqC,EAAAA,KAAC,OAAA,CAAK,UAAWD,EAAO,MACrB,SAAA,CAAApC,EACAI,SACE,OAAA,CAAK,UAAWgC,EAAO,SAAU,cAAY,OAAO,SAAA,GAAA,CAErD,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN,CAAC"}

package/dist/Table-BeOumGng.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),D=require("clsx"),te=require("@tanstack/react-table"),W=require("@dnd-kit/core"),re=require("@dnd-kit/sortable"),rn=require("@dnd-kit/utilities"),de=require("./table-CZRQGNdk.cjs"),jt=require("./Badge-BQpr2Jee.cjs"),gt=require("./Button-D4bfVNNa.cjs"),ze=require("./DatePicker-DF4Epkn8.cjs"),qe=require("./DateTimePicker-C557OjBU.cjs"),$=require("./Icon-CXTl_QAP.cjs"),Be=require("./IconButton-D6TenQZ_.cjs"),sn=require("./Modal-B2YSCVVt.cjs"),an=require("./MultiSelect-CSJKSWpA.cjs"),Le=require("./NumberField-DBpO-Z_7.cjs"),on=require("./RadioGroup-C8u7eNBS.cjs"),wt=require("./Select-_6WogC0u.cjs"),cn=require("./Slider-dxYVXRev.cjs"),kt=require("./TextField-BPefnD5M.cjs"),De=require("./TimePicker-CfGrCH9T.cjs"),O=require("./Typography-BFatE1_A.cjs"),se=require("./ConfigProvider-ByOFXVyP.cjs"),pt=require("./Dropdown-DygP50OB.cjs"),ln=require("./EmptyState-CCCpZ-ZA.cjs"),yt=require("./ListItem-RH-D-Wey.cjs"),ht=require("./Loader-D1MtlQOH.cjs"),dn=require("./Pagination-DRwTLPh8.cjs");function Oe(t,n){if(n==null)return!1;switch(t){case"number":return typeof n=="number"&&!Number.isNaN(n);case"boolean":return typeof n=="boolean";case"multiSelect":return Array.isArray(n)&&n.length>0;case"numberRange":case"numberRangeSlider":return Array.isArray(n)&&(n[0]!=null||n[1]!=null);case"dateRange":case"timeRange":case"dateTimeRange":return Array.isArray(n)&&!!(n[0]||n[1]);default:return typeof n=="string"&&n.trim()!==""}}function un(t,n){return t.reduce((s,a)=>Oe(a.type,n[a.key])?s+1:s,0)}const K=t=>String(t).padStart(2,"0"),vt=t=>`${t.getFullYear()}-${K(t.getMonth()+1)}-${K(t.getDate())}`,fn=t=>`${vt(t)}T${K(t.getHours())}:${K(t.getMinutes())}`,mn=t=>`${K(t.getHours())}:${K(t.getMinutes())}`,We=t=>{if(!t)return null;const n=/^\d{4}-\d{2}-\d{2}$/.test(t)?`${t}T00:00:00`:t,s=new Date(n);return Number.isNaN(s.getTime())?null:s},Ee=t=>{const n=We(t);return n?vt(n):t.slice(0,10)},$e=t=>{const n=We(t);return n?fn(n):t.slice(0,16)},ne=t=>{if(/\d{4}-\d{2}-\d{2}/.test(t)){const n=We(t);if(n)return mn(n)}return(t.includes("T")?t.slice(t.indexOf("T")+1):t).slice(0,5)};function gn(t,n,s){const a=String(n??"");switch(t){case"text":return a.toLowerCase().includes(String(s).toLowerCase());case"number":return Number(n)===s;case"numberRange":case"numberRangeSlider":{const[y,u]=s,p=Number(n);return(y==null||p>=y)&&(u==null||p<=u)}case"select":return a===s;case"multiSelect":return s.includes(a);case"boolean":return!!n===s;case"date":return Ee(a)===Ee(String(s));case"dateTime":return $e(a)===$e(String(s));case"time":return ne(a)===ne(String(s));case"dateRange":case"dateTimeRange":{const y=t==="dateRange"?Ee:$e,[u,p]=s,g=y(a);return(!u||g>=y(u))&&(!p||g<=y(p))}case"timeRange":{const[y,u]=s,p=ne(a);return(!y||p>=ne(y))&&(!u||p<=ne(u))}default:return!0}}function pn(t,n,s){const a=n.filter(y=>Oe(y.type,s[y.key]));return a.length===0?t:t.filter(y=>a.every(u=>gn(u.type,y[u.key],s[u.key])))}function xt(t,n,s={}){const a=new URLSearchParams,y=s.rangeMinSuffix??"Min",u=s.rangeMaxSuffix??"Max",p=s.multiSelectFormat??"repeat";for(const g of t){const i=n[g.key];if(!Oe(g.type,i))continue;const c=g.queryKey??g.key;switch(g.type){case"multiSelect":{const l=i;p==="csv"?a.set(c,l.join(",")):p==="indexed"?l.forEach((x,S)=>a.set(`${c}[${S}]`,x)):l.forEach(x=>a.append(c,x));break}case"numberRange":case"numberRangeSlider":{const[l,x]=i;l!=null&&a.set(c+y,String(l)),x!=null&&a.set(c+u,String(x));break}case"dateRange":case"timeRange":case"dateTimeRange":{const[l,x]=i;l&&a.set(c+y,l),x&&a.set(c+u,x);break}default:a.set(c,String(i))}}return a}function bt(t,n,s={}){const a=s.rangeMinSuffix??"Min",y=s.rangeMaxSuffix??"Max",u=s.multiSelectFormat??"repeat",p={};for(const g of t){const i=g.queryKey??g.key;switch(g.type){case"multiSelect":{let c=[];if(u==="csv"){const l=n.get(i);l&&(c=l.split(",").filter(Boolean))}else if(u==="indexed")for(let l=0;n.has(`${i}[${l}]`);l++)c.push(n.get(`${i}[${l}]`));else c=n.getAll(i);c.length&&(p[g.key]=c);break}case"numberRange":case"numberRangeSlider":{const c=n.get(i+a),l=n.get(i+y);(c!=null||l!=null)&&(p[g.key]=[c!=null?Number(c):null,l!=null?Number(l):null]);break}case"dateRange":case"timeRange":case"dateTimeRange":{const c=n.get(i+a),l=n.get(i+y);(c!=null||l!=null)&&(p[g.key]=[c??"",l??""]);break}case"number":{const c=n.get(i);if(c!=null){const l=Number(c);Number.isNaN(l)||(p[g.key]=l)}break}case"boolean":{const c=n.get(i);c==="true"?p[g.key]=!0:c==="false"&&(p[g.key]=!1);break}default:{const c=n.get(i);c&&(p[g.key]=c)}}}return p}const yn="_fields_xa8i1_2",hn="_field_xa8i1_2",xn="_rangeLabel_xa8i1_15",bn="_row_xa8i1_20",Sn="_rangeSep_xa8i1_30",_n="_stack_xa8i1_36",jn="_footer_xa8i1_43",wn="_footerEnd_xa8i1_50",E={fields:yn,field:hn,rangeLabel:xn,row:bn,rangeSep:Sn,stack:_n,footer:jn,footerEnd:wn},kn=(t,n)=>[{value:"",label:(t==null?void 0:t.any)??n("common.any")},{value:"true",label:(t==null?void 0:t.yes)??n("common.yes")},{value:"false",label:(t==null?void 0:t.no)??n("common.no")}],vn=t=>t===!0?"true":t===!1?"false":"",Tn=t=>t==="true"?!0:t==="false"?!1:null;function ue({label:t,from:n,to:s,stacked:a}){return r.jsxs("div",{className:E.field,children:[r.jsx(O.Typography,{variant:"bodySmall",className:E.rangeLabel,children:t}),a?r.jsxs("div",{className:E.stack,children:[n,s]}):r.jsxs("div",{className:E.row,children:[n,r.jsx("span",{className:E.rangeSep,"aria-hidden":!0,children:"–"}),s]})]})}function Nn({filter:t,value:n,onChange:s}){const a=se.useT(),{type:y,label:u,options:p=[],placeholder:g}=t;switch(y){case"text":return r.jsx(kt.TextField,{label:u,placeholder:g,value:n??"",onChange:i=>s(i.target.value)});case"number":return r.jsx(Le.NumberField,{label:u,placeholder:g,value:n??null,onChange:i=>s(i)});case"numberRange":{const[i,c]=n??[null,null];return r.jsx(ue,{label:u,from:r.jsx(Le.NumberField,{placeholder:a("common.min"),value:i,onChange:l=>s([l,c])}),to:r.jsx(Le.NumberField,{placeholder:a("common.max"),value:c,onChange:l=>s([i,l])})})}case"numberRangeSlider":{const i=t.min??0,c=t.max??100,[l,x]=n??[null,null];return r.jsx(cn.Slider,{range:!0,label:u,min:i,max:c,step:t.step??1,value:[l??i,x??c],valueLabel:S=>{const[N,P]=S;return`${N} – ${P}`},onChange:S=>{const[N,P]=S;s([N<=i?null:N,P>=c?null:P])}})}case"select":return r.jsx(wt.Select,{label:u,placeholder:g,options:p,value:n??"",onChange:i=>s(i)});case"multiSelect":return r.jsx(an.MultiSelect,{label:u,placeholder:g,options:p,value:n??[],onChange:i=>s(i)});case"boolean":return r.jsx(on.RadioGroup,{label:u,orientation:"horizontal",options:kn(t.booleanLabels,a),value:vn(n),onChange:i=>s(Tn(i))});case"date":return r.jsx(ze.DatePicker,{label:u,value:n??"",onChange:i=>s(i??"")});case"dateRange":{const[i,c]=n??["",""];return r.jsx(ue,{label:u,from:r.jsx(ze.DatePicker,{placeholder:a("common.from"),value:i,onChange:l=>s([l??"",c])}),to:r.jsx(ze.DatePicker,{placeholder:a("common.to"),value:c,onChange:l=>s([i,l??""])})})}case"time":return r.jsx(De.TimePicker,{label:u,value:n??"",onChange:i=>s(i??"")});case"timeRange":{const[i,c]=n??["",""];return r.jsx(ue,{label:u,from:r.jsx(De.TimePicker,{placeholder:a("common.from"),value:i,onChange:l=>s([l??"",c])}),to:r.jsx(De.TimePicker,{placeholder:a("common.to"),value:c,onChange:l=>s([i,l??""])})})}case"dateTime":return r.jsx(qe.DateTimePicker,{label:u,value:n??"",onChange:i=>s(i??"")});case"dateTimeRange":{const[i,c]=n??["",""];return r.jsx(ue,{label:u,stacked:!0,from:r.jsx(qe.DateTimePicker,{placeholder:a("common.from"),value:i,onChange:l=>s([l??"",c])}),to:r.jsx(qe.DateTimePicker,{placeholder:a("common.to"),value:c,onChange:l=>s([i,l??""])})})}default:return null}}function Mn({filters:t,value:n,onChange:s}){const a=se.useT(),[y,u]=m.useState(!1),[p,g]=m.useState(n),i=un(t,n),c=m.useId(),l=()=>{g(n),u(!0)},x=()=>{s(p),u(!1)};return r.jsxs(r.Fragment,{children:[r.jsx(jt.Badge,{content:i,color:"primary",children:r.jsx(Be.IconButton,{variant:"filled",size:"sm","aria-label":a("table.filters"),onClick:l,children:r.jsx($.Icon,{name:"Filter"})})}),r.jsx(sn.Modal,{open:y,onClose:()=>u(!1),placement:"right",size:"sm",icon:"Filter",title:a("table.filters"),description:a("table.filtersDescription"),footer:r.jsx("div",{className:E.footer,children:r.jsxs("div",{className:E.footerEnd,children:[r.jsx(gt.Button,{variant:"text",startIcon:r.jsx($.Icon,{name:"Trash"}),onClick:()=>g({}),children:a("common.clear")}),r.jsx(gt.Button,{type:"submit",form:c,startIcon:r.jsx($.Icon,{name:"Filter"}),children:a("common.apply")})]})}),children:r.jsx("form",{id:c,className:E.fields,onSubmit:S=>{S.preventDefault(),x()},children:t.map(S=>r.jsx(Nn,{filter:S,value:p[S.key],onChange:N=>g(P=>({...P,[S.key]:N}))},S.key))})})]})}const Rn="_root_1fyye_3",Fn="_toolbar_1fyye_17",In="_title_1fyye_24",Pn="_toolbarStart_1fyye_28",Cn="_toolbarEnd_1fyye_35",zn="_search_1fyye_41",qn="_scroll_1fyye_9",Ln="_table_1fyye_56",Dn="_th_1fyye_63",En="_sticky_1fyye_73",$n="_td_1fyye_80",An="_tr_1fyye_90",Bn="_wrapCell_1fyye_97",On="_hoverable_1fyye_101",Wn="_striped_1fyye_104",Hn="_clickable_1fyye_107",Qn="_empty_1fyye_111",Gn="_menuTitle_1fyye_118",Un="_rowActions_1fyye_127",Kn="_dragHandleCell_1fyye_135",Xn="_dragHandle_1fyye_135",Vn="_dragging_1fyye_164",Yn="_pinnedLeft_1fyye_172",Jn="_pinnedRight_1fyye_173",Zn="_stateCell_1fyye_221",er="_loadingState_1fyye_228",tr="_loadingOverlay_1fyye_237",nr="_footer_1fyye_247",rr="_footerMain_1fyye_253",sr="_pageSize_1fyye_260",ar="_pageSizeSelect_1fyye_266",or="_rangeText_1fyye_269",f={root:Rn,toolbar:Fn,title:In,toolbarStart:Pn,toolbarEnd:Cn,search:zn,scroll:qn,table:Ln,th:Dn,sticky:En,td:$n,tr:An,wrapCell:Bn,hoverable:On,striped:Wn,clickable:Hn,empty:Qn,menuTitle:Gn,rowActions:Un,dragHandleCell:Kn,dragHandle:Xn,dragging:Vn,pinnedLeft:Yn,pinnedRight:Jn,stateCell:Zn,loadingState:er,loadingOverlay:tr,footer:nr,footerMain:rr,pageSize:sr,pageSizeSelect:ar,rangeText:or},St=Number.MAX_SAFE_INTEGER,ir=280;function Ae(t,n){return typeof t=="function"?t(n):t}function fe(t){return t.maxWidth??(t.wrap?ir:void 0)}function cr(t){return t==null||typeof t=="object"?"":String(t)}function lr(t){return t==null||t===""||t===!1?r.jsx("span",{className:f.empty,"aria-hidden":!0,children:"—"}):t}function _t(t){return t.toString().replace(/%2C/gi,",").replace(/%3A/gi,":").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function dr(t,n,s){const a={...t};return n.top+t.y<=s.top?a.y=s.top-n.top:n.bottom+t.y>=s.top+s.height&&(a.y=s.top+s.height-n.bottom),n.left+t.x<=s.left?a.x=s.left-n.left:n.right+t.x>=s.left+s.width&&(a.x=s.left+s.width-n.right),a}const ur=({transform:t})=>({...t,x:0}),fr=({containerNodeRect:t,draggingNodeRect:n,transform:s})=>n&&t?dr(s,n,t):s,mr=[ur,fr];function gr({id:t,cells:n,clickable:s,onClick:a}){const y=se.useT(),{setNodeRef:u,transform:p,transition:g,isDragging:i,attributes:c,listeners:l}=re.useSortable({id:t});return r.jsxs("tr",{ref:u,className:D.clsx(f.tr,s&&f.clickable,i&&f.dragging),style:{transform:rn.CSS.Translate.toString(p),transition:g,position:i?"relative":void 0,zIndex:i?1:void 0},onClick:a,children:[r.jsx("td",{className:D.clsx(f.td,f.dragHandleCell),children:r.jsx("button",{type:"button",className:f.dragHandle,"aria-label":y("table.dragHandle"),...c,...l,onClick:x=>x.stopPropagation(),children:r.jsx($.Icon,{name:"Menu",size:"sm"})})}),n]})}function pr({enabled:t,sensors:n,onDragEnd:s,children:a}){return t?r.jsx(W.DndContext,{sensors:n,collisionDetection:W.closestCenter,modifiers:mr,onDragEnd:s,children:a}):r.jsx(r.Fragment,{children:a})}const yr=m.forwardRef(function({columns:n,data:s,getRowId:a,title:y,toolbar:u,searchable:p=!1,searchPlaceholder:g,defaultSearch:i="",debounceMs:c=300,defaultPage:l=1,defaultPageSize:x=10,pageSizeOptions:S=[10,20,50,100,200],allowAllRows:N=!0,showPageSize:P=!0,showFirstButton:Tt=!1,showLastButton:Nt=!1,manualPagination:Mt=!1,rowCount:He,defaultSort:me=null,onChange:Qe,queryMapping:Rt,onExportToEmail:ae,filters:b,defaultFilters:Ft,onRowClick:A,actions:oe,reorderable:X=!1,onReorder:Ge,loading:ge=!1,empty:It,urlSync:V=!0,page:Ue,onPageChange:pe,pageSize:Ke,onPageSizeChange:ye,search:Y,onSearchChange:he,sort:J,onSortChange:xe,filterValues:be,onFiltersChange:Se,stickyHeader:Pt=!1,striped:Ct=!1,hoverable:zt=!0,className:qt,...Lt},Dt){const k=se.useT(),Et=se.useTableQueryConfig(),B=m.useRef({});B.current={...Et,...Rt};const ie=m.useRef(Qe);ie.current=Qe;const _e=m.useRef(b);_e.current=b;const Xe=m.useRef(null),je=m.useRef(null),[Ve,$t]=m.useState({start:!1,end:!1}),[C]=m.useState(()=>{const e=V&&typeof window<"u"?new URLSearchParams(window.location.search):null;return e?{...de.parseTableQuery(e,B.current),filters:b!=null&&b.length?bt(b,e,B.current):{}}:{page:null,size:null,search:"",sort:null,filters:{}}}),[Ye,At]=m.useState(()=>({pageIndex:(C.page??l)-1,pageSize:C.size??x})),[ce,we]=m.useState(C.search||i),[Bt,Ot]=m.useState(C.search||i),[Je,Wt]=m.useState(()=>C.sort?[{id:C.sort.key,desc:C.sort.direction==="desc"}]:me?[{id:me.key,desc:me.direction==="desc"}]:[]),[Ze,Ht]=m.useState(()=>({...Ft,...C.filters})),z=Mt,et=Ue!==void 0,tt=Ke!==void 0,nt=Y!==void 0,ke=J!==void 0,ve=be!==void 0,Te={pageIndex:et?Ue-1:Ye.pageIndex,pageSize:tt?Ke:Ye.pageSize},M=nt?Y:Bt,q=m.useMemo(()=>ke?J?[{id:J.key,desc:J.direction==="desc"}]:[]:Je,[ke,J,Je]),L=m.useMemo(()=>ve?be:Ze,[ve,be,Ze]),H=e=>{const o=Te,d=Ae(e,o);d.pageIndex!==o.pageIndex&&(pe==null||pe(d.pageIndex+1)),d.pageSize!==o.pageSize&&(ye==null||ye(d.pageSize)),At(h=>({pageIndex:et?h.pageIndex:d.pageIndex,pageSize:tt?h.pageSize:d.pageSize}))},Ne=()=>H(e=>e.pageIndex===0?e:{...e,pageIndex:0}),Me=(e,o=!0)=>{nt||Ot(e),he==null||he(e),o&&Ne()},Re=(e,o=!0)=>{const d=Ae(e,q);ke||Wt(d),xe==null||xe(d[0]?{key:d[0].id,direction:d[0].desc?"desc":"asc"}:null),o&&Ne()},rt=(e,o=!0)=>{ve||Ht(e),Se==null||Se(e),o&&Ne()},Qt=m.useMemo(()=>b&&b.length>0&&!z?pn(s,b,L):s,[b,z,s,L]),Gt=rt,Ut=m.useMemo(()=>n.map(e=>({id:e.key,accessorFn:o=>o[e.key],enableSorting:!!e.sortable})),[n]),Kt=m.useMemo(()=>{const e=S.map(o=>({value:String(o),label:String(o)}));return N?[...e,{value:"all",label:k("common.all")}]:e},[S,N]),Fe=m.useMemo(()=>{if(!oe)return n;const e={key:"__actions",header:"",align:"right",pinned:"right",cell:(o,d)=>r.jsx("div",{className:f.rowActions,onClick:h=>h.stopPropagation(),children:oe(o,d)})};return[...n,e]},[n,oe]),Ie=m.useMemo(()=>n.filter(e=>e.sortable),[n]),Xt=e=>Re(o=>{const d=o[0];return!d||d.id!==e?[{id:e,desc:!1}]:d.desc?[]:[{id:e,desc:!0}]}),Pe=te.useReactTable({data:Qt,columns:Ut,state:{pagination:Te,globalFilter:M,sorting:q},onPaginationChange:H,onGlobalFilterChange:e=>Me(Ae(e,M)),onSortingChange:Re,globalFilterFn:"includesString",sortDescFirst:!1,getCoreRowModel:te.getCoreRowModel(),getRowId:a,manualPagination:z,manualFiltering:z,manualSorting:z,...z?{rowCount:He??s.length}:{getPaginationRowModel:te.getPaginationRowModel(),getFilteredRowModel:te.getFilteredRowModel(),getSortedRowModel:te.getSortedRowModel()}}),Q=Pe.getRowModel().rows,Vt=W.useSensors(W.useSensor(W.PointerSensor,{activationConstraint:{distance:5}}),W.useSensor(W.KeyboardSensor,{coordinateGetter:re.sortableKeyboardCoordinates})),st=(e,o)=>a?a(e,o):String(o),Yt=e=>{const{active:o,over:d}=e;if(!d||o.id===d.id||!Ge)return;const h=s.findIndex((w,_)=>st(w,_)===o.id),F=s.findIndex((w,_)=>st(w,_)===d.id);h<0||F<0||Ge(re.arrayMove(s,h,F),{id:String(o.id),from:h,to:F})},G=z?He??s.length:Pe.getFilteredRowModel().rows.length,{pageIndex:v,pageSize:j}=Te,Z=Math.max(1,Math.ceil(G/j)),at=v+1,Jt=G===0?0:v*j+1,Zt=z?Math.min(G,v*j+Q.length):Math.min(G,at*j);m.useEffect(()=>{Y!==void 0&&we(Y)},[Y]),m.useEffect(()=>{if(ce===M)return;const e=setTimeout(()=>Me(ce),c);return()=>clearTimeout(e)},[ce,M,c]),m.useEffect(()=>{v>0&&v>=Z&&H(e=>({...e,pageIndex:Z-1}))},[Z,v]);const R=q[0]?{key:q[0].id,direction:q[0].desc?"desc":"asc"}:null,ot=()=>{const e=v+1,o=j,d=de.buildTableQuery({page:e,size:o,search:M,sort:R},B.current);return b!=null&&b.length&&xt(b,L,B.current).forEach((h,F)=>d.append(F,h)),{page:e,size:o,search:M,sort:R,filters:L,params:d,query:_t(d)}};m.useEffect(()=>{var e;(e=ie.current)==null||e.call(ie,ot())},[v,j,M,q,L]);const it=ae!=null,ct=b!=null&&b.length>0,lt=m.useCallback((e,o,d,h,F)=>{if(typeof window>"u"||!V)return;const w=B.current,_=_e.current,U=de.buildTableQuery({page:e,size:o,search:d,sort:h},w);_!=null&&_.length&&xt(_,F,w).forEach((T,I)=>U.append(I,T));const ee={pageParam:"page",sizeParam:"size",searchParam:"search",sortParam:"sort",sortOrderParam:"order",...w},tn=w.rangeMinSuffix??"Min",nn=w.rangeMaxSuffix??"Max",Ce=[ee.pageParam,ee.sizeParam,ee.searchParam,ee.sortParam,ee.sortOrderParam];for(const T of _??[]){const I=T.queryKey??T.key;Ce.push(I,I+tn,I+nn)}const le=new URLSearchParams(window.location.search);for(const T of[...le.keys()])(Ce.includes(T)||Ce.some(I=>T.startsWith(`${I}[`)))&&le.delete(T);U.forEach((T,I)=>le.append(I,T));const ft=_t(le),mt=`${window.location.pathname}${ft?`?${ft}`:""}${window.location.hash}`;mt!==`${window.location.pathname}${window.location.search}${window.location.hash}`&&window.history.replaceState(window.history.state,"",mt)},[V]);m.useEffect(()=>{lt(v+1,j,M,R,L)},[v,j,M,q,L,lt]);const dt=m.useRef(()=>{});dt.current=()=>{const e=new URLSearchParams(window.location.search),o=B.current,d=de.parseTableQuery(e,o);H(()=>({pageIndex:(d.page??l)-1,pageSize:d.size??j})),we(d.search),Me(d.search,!1),Re(()=>d.sort?[{id:d.sort.key,desc:d.sort.direction==="desc"}]:[],!1);const h=_e.current;h!=null&&h.length&&rt(bt(h,e,o),!1)},m.useEffect(()=>{if(typeof window>"u"||!V)return;const e=()=>dt.current();return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[V]),m.useEffect(()=>{typeof process<"u"&&process.env.NODE_ENV!=="production"&&!a&&(A!=null||oe!=null||X)&&console.warn("[Table] No `getRowId` provided, so the row index is used as the React key. For a table with row interactions or changing / paged data, pass `getRowId` (e.g. `(row) => row.id`) so each row keeps its identity across sort / filter / refetch.")},[]),m.useEffect(()=>{const e=Xe.current;if(!e)return;const o=()=>{const h=e.scrollWidth>e.clientWidth+1,F=e.scrollLeft<=0,w=e.scrollLeft>=e.scrollWidth-e.clientWidth-1,_={start:h&&!F,end:h&&!w};$t(U=>U.start===_.start&&U.end===_.end?U:_)};o(),e.addEventListener("scroll",o,{passive:!0});const d=typeof ResizeObserver<"u"?new ResizeObserver(o):null;return d==null||d.observe(e),d&&je.current&&d.observe(je.current),()=>{e.removeEventListener("scroll",o),d==null||d.disconnect()}},[]);const en=y!=null||u!=null||p||ct||Ie.length>0||it,ut=e=>Fe.map(o=>r.jsx("td",{className:D.clsx(f.td,o.pinned==="left"&&f.pinnedLeft,o.pinned==="right"&&f.pinnedRight,(o.wrap||o.maxWidth!=null)&&f.wrapCell),style:{width:o.width??(o.pinned?1:fe(o)),maxWidth:fe(o),textAlign:o.align},children:lr(o.cell?o.cell(e.original,e.index):cr(e.getValue(o.key)))},o.key));return r.jsxs("div",{ref:Dt,className:D.clsx(f.root,qt),...Lt,children:[en&&r.jsxs("div",{className:f.toolbar,children:[r.jsxs("div",{className:f.toolbarStart,children:[y!=null&&r.jsx(O.Typography,{variant:"h4",as:"div",className:f.title,children:y}),p&&r.jsx(kt.TextField,{className:f.search,fullWidth:!1,value:ce,onChange:e=>we(e.target.value),placeholder:g??k("common.search"),adornment:r.jsx($.Icon,{name:"SearchNormal"}),"aria-label":k("common.search")})]}),r.jsxs("div",{className:f.toolbarEnd,children:[u,it&&r.jsxs(pt.Dropdown,{placement:"bottom-end",trigger:r.jsx(Be.IconButton,{variant:"filled",size:"sm","aria-label":k("table.export"),children:r.jsx($.Icon,{name:"ExportArrow"})}),children:[r.jsx(O.Typography,{as:"div",variant:"caption",color:"muted",className:f.menuTitle,children:k("table.export")}),r.jsx(yt.ListItem,{clickable:!0,icon:"Sms",onClick:()=>ae==null?void 0:ae(ot()),children:k("table.sendOnEmail")})]}),Ie.length>0&&r.jsxs(pt.Dropdown,{placement:"bottom-end",closeOnSelect:!1,trigger:r.jsx(jt.Badge,{dot:q.length>0,color:"primary",children:r.jsx(Be.IconButton,{variant:"filled",size:"sm","aria-label":k("table.sort"),children:r.jsx($.Icon,{name:"Sort"})})}),children:[r.jsx(O.Typography,{as:"div",variant:"caption",color:"muted",className:f.menuTitle,children:k("table.sortBy")}),Ie.map(e=>{const o=(R==null?void 0:R.key)===e.key;return r.jsx(yt.ListItem,{clickable:!0,selected:o,trailing:o?r.jsx($.Icon,{name:(R==null?void 0:R.direction)==="desc"?"ArrowDown":"ArrowUp2"}):void 0,onClick:()=>Xt(e.key),children:e.header},e.key)})]}),ct&&r.jsx(Mn,{filters:b,value:L,onChange:Gt})]})]}),r.jsx(pr,{enabled:X,sensors:Vt,onDragEnd:Yt,children:r.jsxs("div",{ref:Xe,className:f.scroll,"data-pin-start":Ve.start?"true":"false","data-pin-end":Ve.end?"true":"false",children:[r.jsxs("table",{ref:je,className:D.clsx(f.table,Ct&&f.striped,zt&&f.hoverable,Pt&&f.sticky),children:[r.jsx("thead",{children:r.jsxs("tr",{children:[X&&r.jsx("th",{className:D.clsx(f.th,f.dragHandleCell),scope:"col","aria-hidden":!0}),Fe.map(e=>{var d;const o=e.sortable&&((d=Pe.getColumn(e.key))==null?void 0:d.getIsSorted())||!1;return r.jsx("th",{scope:"col",className:D.clsx(f.th,e.pinned==="left"&&f.pinnedLeft,e.pinned==="right"&&f.pinnedRight,(e.wrap||e.maxWidth!=null)&&f.wrapCell),style:{width:e.width??(e.pinned?1:fe(e)),maxWidth:fe(e),textAlign:e.align},"aria-sort":e.sortable?o==="asc"?"ascending":o==="desc"?"descending":"none":void 0,children:e.header},e.key)})]})}),r.jsx("tbody",{children:Q.length>0?X?r.jsx(re.SortableContext,{items:Q.map(e=>e.id),strategy:re.verticalListSortingStrategy,children:Q.map(e=>r.jsx(gr,{id:e.id,clickable:!!A,onClick:A?()=>A(e.original,e.index):void 0,cells:ut(e)},e.id))}):Q.map(e=>r.jsx("tr",{className:D.clsx(f.tr,A&&f.clickable),onClick:A?()=>A(e.original,e.index):void 0,children:ut(e)},e.id)):r.jsx("tr",{children:r.jsx("td",{colSpan:Math.max(1,Fe.length+(X?1:0)),className:f.stateCell,children:ge?r.jsxs("div",{className:f.loadingState,children:[r.jsx(ht.Loader,{size:"lg"}),r.jsx(O.Typography,{variant:"bodySmall",color:"muted",as:"span",children:"Loading…"})]}):It??r.jsx(ln.EmptyState,{})})})})]}),ge&&Q.length>0&&r.jsx("div",{className:f.loadingOverlay,children:r.jsx(ht.Loader,{size:"lg"})})]})}),G>0&&r.jsxs("div",{className:f.footer,children:[r.jsx(O.Typography,{variant:"bodySmall",color:"muted",as:"span",className:f.rangeText,children:k("table.range",{from:Jt,to:Zt,total:G})}),r.jsxs("div",{className:f.footerMain,children:[P&&r.jsxs("div",{className:f.pageSize,children:[r.jsx(O.Typography,{variant:"bodySmall",color:"muted",as:"span",children:k("table.rowsPerPage")}),r.jsx(wt.Select,{className:f.pageSizeSelect,fullWidth:!1,clearable:!1,showSelectedTick:!1,value:j>=St?"all":String(j),onChange:e=>H(()=>({pageIndex:0,pageSize:e==="all"?St:Number(e)})),options:Kt})]}),Z>1&&r.jsx(dn.Pagination,{count:Z,page:at,onChange:e=>H(o=>({...o,pageIndex:e-1})),showFirstButton:Tt,showLastButton:Nt,disabled:ge})]})]})]})});exports.Table=yr;
+//# sourceMappingURL=Table-BeOumGng.cjs.map