@uxuissk/design-system 0.1.0

package/dist/sellsuki-ds.js

@@ -0,0 +1,1972 @@
+import { jsx as t, jsxs as a, Fragment as xe } from "react/jsx-runtime";
+import Xe, { forwardRef as Z, createElement as me, useState as M, useCallback as J, useRef as G, useContext as Ze, createContext as Qe, useEffect as X, useMemo as ee } from "react";
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pe = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ve = (r) => r.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, n, o) => o ? o.toUpperCase() : n.toLowerCase()
+), we = (r) => {
+  const e = Ve(r);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, ze = (...r) => r.filter((e, n, o) => !!e && e.trim() !== "" && o.indexOf(e) === n).join(" ").trim();
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var et = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = Z(
+  ({
+    color: r = "currentColor",
+    size: e = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: o,
+    className: s = "",
+    children: l,
+    iconNode: d,
+    ...f
+  }, c) => me(
+    "svg",
+    {
+      ref: c,
+      ...et,
+      width: e,
+      height: e,
+      stroke: r,
+      strokeWidth: o ? Number(n) * 24 / Number(e) : n,
+      className: ze("lucide", s),
+      ...f
+    },
+    [
+      ...d.map(([h, u]) => me(h, u)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const j = (r, e) => {
+  const n = Z(
+    ({ className: o, ...s }, l) => me(tt, {
+      ref: l,
+      iconNode: e,
+      className: ze(
+        `lucide-${Pe(we(r))}`,
+        `lucide-${r}`,
+        o
+      ),
+      ...s
+    })
+  );
+  return n.displayName = we(r), n;
+};
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rt = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+], nt = j("calendar", rt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ot = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], st = j("check", ot);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const it = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], at = j("chevron-down", it);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const lt = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], be = j("chevron-left", lt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ct = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], he = j("chevron-right", ct);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const dt = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], ut = j("chevron-up", dt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ft = [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+], Fe = j("chevrons-left", ft);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const mt = [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+], We = j("chevrons-right", mt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bt = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+], ht = j("chevrons-up-down", bt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], pe = j("circle-alert", pt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+], se = j("circle-check", vt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const gt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+], yt = j("circle-x", gt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
+], wt = j("clock", xt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Nt = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+], kt = j("ellipsis", Nt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $t = [
+  [
+    "path",
+    {
+      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+      key: "ct8e1f"
+    }
+  ],
+  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
+  [
+    "path",
+    {
+      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+      key: "13bj9a"
+    }
+  ],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+], St = j("eye-off", $t);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zt = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], Ft = j("eye", zt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Wt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], Mt = j("info", Wt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Dt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], ve = j("loader-circle", Dt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _t = [["path", { d: "M5 12h14", key: "1ays0h" }]], jt = j("minus", _t);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ct = [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+], At = j("search", Ct);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Yt = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], It = j("triangle-alert", Yt);
+/**
+ * @license lucide-react v0.487.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Tt = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], Q = j("x", Tt), Et = {
+  sm: "h-8 px-3 gap-1.5",
+  md: "h-10 px-4 gap-2",
+  lg: "h-12 px-6 gap-2.5",
+  xl: "h-14 px-8 gap-3"
+}, Lt = {
+  sm: { fontFamily: "var(--font-button)", fontSize: "calc(var(--text-button) * 0.9)", fontWeight: "var(--weight-button)" },
+  md: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-button)" },
+  lg: { fontFamily: "var(--font-button)", fontSize: "calc(var(--text-button) * 1.1)", fontWeight: "var(--weight-button)" },
+  xl: { fontFamily: "var(--font-button)", fontSize: "calc(var(--text-button) * 1.2)", fontWeight: "var(--weight-button)" }
+}, Me = {
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20
+}, De = {
+  primary: "bg-primary text-primary-foreground border border-primary hover:bg-primary/90 active:bg-primary/80 shadow-elevation-sm",
+  secondary: "bg-secondary text-secondary-foreground border border-secondary hover:bg-secondary/90 active:bg-secondary/80 shadow-elevation-sm",
+  outline: "bg-transparent text-foreground border border-border hover:bg-muted active:bg-muted/80",
+  ghost: "bg-transparent text-foreground border border-transparent hover:bg-muted active:bg-muted/80",
+  destructive: "bg-destructive text-destructive-foreground border border-destructive hover:bg-destructive/90 active:bg-destructive/80 shadow-elevation-sm",
+  link: "bg-transparent text-primary border border-transparent underline-offset-4 hover:underline px-0 h-auto"
+}, Bt = Z(
+  ({
+    variant: r = "primary",
+    size: e = "md",
+    loading: n = !1,
+    loadingText: o,
+    leftIcon: s,
+    rightIcon: l,
+    fullWidth: d = !1,
+    active: f = !1,
+    disabled: c,
+    children: h,
+    className: u = "",
+    ...w
+  }, y) => {
+    const m = c || n;
+    return /* @__PURE__ */ t(
+      "button",
+      {
+        ref: y,
+        disabled: m,
+        className: `inline-flex items-center justify-center rounded-[var(--radius-md)] transition-all duration-150
+          ${Et[e]}
+          ${De[r]}
+          ${d ? "w-full" : ""}
+          ${f ? "ring-2 ring-ring/30" : ""}
+          ${m ? "opacity-50 cursor-not-allowed pointer-events-none" : "cursor-pointer active:scale-[0.98]"}
+          focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40
+          ${u}
+        `,
+        style: Lt[e],
+        ...w,
+        children: n ? /* @__PURE__ */ a(xe, { children: [
+          /* @__PURE__ */ t(ve, { size: Me[e], className: "animate-spin flex-shrink-0" }),
+          o && /* @__PURE__ */ t("span", { children: o })
+        ] }) : /* @__PURE__ */ a(xe, { children: [
+          s && /* @__PURE__ */ t("span", { className: "flex-shrink-0", children: s }),
+          h && /* @__PURE__ */ t("span", { children: h }),
+          l && /* @__PURE__ */ t("span", { className: "flex-shrink-0", children: l })
+        ] })
+      }
+    );
+  }
+);
+Bt.displayName = "DSButton";
+const Ht = Z(
+  ({
+    variant: r = "ghost",
+    size: e = "md",
+    loading: n = !1,
+    icon: o,
+    disabled: s,
+    className: l = "",
+    ...d
+  }, f) => {
+    const c = s || n;
+    return /* @__PURE__ */ t(
+      "button",
+      {
+        ref: f,
+        disabled: c,
+        className: `inline-flex items-center justify-center rounded-[var(--radius-md)] transition-all duration-150
+          ${{
+          sm: "w-8 h-8",
+          md: "w-10 h-10",
+          lg: "w-12 h-12",
+          xl: "w-14 h-14"
+        }[e]}
+          ${De[r]}
+          ${c ? "opacity-50 cursor-not-allowed pointer-events-none" : "cursor-pointer active:scale-[0.98]"}
+          focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40
+          ${l}
+        `,
+        ...d,
+        children: n ? /* @__PURE__ */ t(ve, { size: Me[e], className: "animate-spin" }) : o
+      }
+    );
+  }
+);
+Ht.displayName = "IconButton";
+function fr({
+  children: r,
+  className: e = ""
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `inline-flex [&>button]:rounded-none [&>button:first-child]:rounded-l-[var(--radius-md)] [&>button:last-child]:rounded-r-[var(--radius-md)] [&>button:not(:last-child)]:border-r-0 ${e}`,
+      children: r
+    }
+  );
+}
+const _e = {
+  sm: {
+    wrapper: "h-9 px-2.5 gap-1.5",
+    textStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
+    icon: 14
+  },
+  md: {
+    wrapper: "h-11 px-3 gap-2",
+    textStyle: { fontFamily: "var(--font-caption)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-caption)" },
+    icon: 16
+  },
+  lg: {
+    wrapper: "h-13 px-4 gap-2.5",
+    textStyle: { fontFamily: "var(--font-p)", fontSize: "var(--text-p)", fontWeight: "var(--weight-p)" },
+    icon: 18
+  }
+}, je = {
+  default: {
+    base: "border border-border bg-input-background",
+    hover: "hover:border-foreground/30",
+    focus: "ring-2 ring-ring/20 border-ring"
+  },
+  outlined: {
+    base: "border-2 border-border bg-transparent",
+    hover: "hover:border-foreground/40",
+    focus: "ring-2 ring-ring/20 border-ring"
+  },
+  filled: {
+    base: "border border-transparent bg-muted",
+    hover: "hover:bg-muted/80",
+    focus: "ring-2 ring-ring/20 border-ring bg-input-background"
+  },
+  ghost: {
+    base: "border border-transparent bg-transparent",
+    hover: "hover:bg-muted/50",
+    focus: "ring-2 ring-ring/20 bg-input-background"
+  }
+}, Ce = {
+  default: "",
+  error: "!border-destructive ring-destructive/20",
+  success: "!border-chart-2 ring-chart-2/20",
+  warning: "!border-chart-5 ring-chart-5/20"
+}, oe = {
+  fontFamily: "var(--font-label)",
+  fontSize: "var(--text-label)",
+  fontWeight: "var(--weight-label)"
+}, qt = Z(
+  ({
+    label: r,
+    helperText: e,
+    errorMessage: n,
+    successMessage: o,
+    inputSize: s = "md",
+    variant: l = "default",
+    state: d = "default",
+    leftIcon: f,
+    rightIcon: c,
+    prefix: h,
+    suffix: u,
+    clearable: w = !1,
+    showPasswordToggle: y = !1,
+    loading: m = !1,
+    fullWidth: D = !0,
+    required: _ = !1,
+    onClear: $,
+    disabled: S,
+    type: F = "text",
+    value: x,
+    defaultValue: b,
+    onChange: N,
+    className: z = "",
+    ...C
+  }, A) => {
+    const [p, g] = M(!1), [Y, T] = M(!1), [i, k] = M(b ?? ""), E = x !== void 0 ? x : i, I = _e[s], H = je[l], R = n ? "error" : d, K = F === "password", q = K && Y ? "text" : F, te = J(
+      (re) => {
+        k(re.target.value), N == null || N(re);
+      },
+      [N]
+    ), ie = J(() => {
+      k(""), $ == null || $();
+    }, [$]), ae = String(E).length > 0;
+    return /* @__PURE__ */ a("div", { className: `${D ? "w-full" : "inline-flex flex-col"} ${z}`, children: [
+      r && /* @__PURE__ */ a("label", { className: "block mb-1.5 text-foreground", children: [
+        r,
+        _ && /* @__PURE__ */ t("span", { className: "text-destructive ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `flex items-center rounded-[var(--radius-md)] transition-all duration-150
+            ${I.wrapper}
+            ${H.base}
+            ${S ? "" : H.hover}
+            ${p && !S ? H.focus : ""}
+            ${S ? "opacity-50 cursor-not-allowed" : ""}
+            ${Ce[R]}
+          `,
+          children: [
+            f && /* @__PURE__ */ t("span", { className: "flex-shrink-0 text-muted-foreground", children: f }),
+            h && /* @__PURE__ */ t("span", { className: "flex-shrink-0 text-muted-foreground", style: oe, children: h }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: A,
+                type: q,
+                disabled: S || m,
+                value: E,
+                onChange: te,
+                onFocus: () => g(!0),
+                onBlur: () => g(!1),
+                className: "flex-1 min-w-0 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed",
+                style: I.textStyle,
+                ...C
+              }
+            ),
+            u && /* @__PURE__ */ t("span", { className: "flex-shrink-0 text-muted-foreground", style: oe, children: u }),
+            w && ae && !S && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: ie,
+                className: "flex-shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer p-0.5",
+                children: /* @__PURE__ */ t(Q, { size: I.icon - 2 })
+              }
+            ),
+            K && y && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => T(!Y),
+                className: "flex-shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer p-0.5",
+                children: Y ? /* @__PURE__ */ t(St, { size: I.icon }) : /* @__PURE__ */ t(Ft, { size: I.icon })
+              }
+            ),
+            c && !K && /* @__PURE__ */ t("span", { className: "flex-shrink-0 text-muted-foreground", children: c }),
+            m && /* @__PURE__ */ t("span", { className: "flex-shrink-0", children: /* @__PURE__ */ t("span", { className: "block w-4 h-4 border-2 border-muted-foreground border-t-transparent rounded-full animate-spin" }) })
+          ]
+        }
+      ),
+      (e || n || o) && /* @__PURE__ */ a("div", { className: "mt-1.5 flex items-center gap-1", children: [
+        R === "error" && /* @__PURE__ */ t(pe, { size: 12, className: "text-destructive flex-shrink-0" }),
+        R === "success" && /* @__PURE__ */ t(se, { size: 12, className: "text-chart-2 flex-shrink-0" }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `${R === "error" ? "text-destructive" : R === "success" ? "text-chart-2" : "text-muted-foreground"}`,
+            style: oe,
+            children: n || o || e
+          }
+        )
+      ] })
+    ] });
+  }
+);
+qt.displayName = "DSInput";
+const Rt = Z(
+  ({
+    label: r,
+    helperText: e,
+    errorMessage: n,
+    successMessage: o,
+    inputSize: s = "md",
+    variant: l = "default",
+    state: d = "default",
+    showCharCount: f = !1,
+    maxLength: c,
+    required: h = !1,
+    disabled: u,
+    value: w,
+    defaultValue: y,
+    onChange: m,
+    className: D = "",
+    ..._
+  }, $) => {
+    const [S, F] = M(!1), [x, b] = M(String(y ?? "").length), N = _e[s], z = je[l], C = n ? "error" : d, A = J(
+      (p) => {
+        b(p.target.value.length), m == null || m(p);
+      },
+      [m]
+    );
+    return /* @__PURE__ */ a("div", { className: `w-full ${D}`, children: [
+      r && /* @__PURE__ */ a("label", { className: "block mb-1.5 text-foreground", children: [
+        r,
+        h && /* @__PURE__ */ t("span", { className: "text-destructive ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `transition-all duration-150 overflow-hidden rounded-[var(--radius-md)]
+            ${z.base}
+            ${u ? "" : z.hover}
+            ${S && !u ? z.focus : ""}
+            ${u ? "opacity-50 cursor-not-allowed" : ""}
+            ${Ce[C]}
+          `,
+          children: [
+            /* @__PURE__ */ t(
+              "textarea",
+              {
+                ref: $,
+                disabled: u,
+                value: w,
+                defaultValue: y,
+                maxLength: c,
+                onChange: A,
+                onFocus: () => F(!0),
+                onBlur: () => F(!1),
+                className: "w-full min-h-[100px] px-3 py-2.5 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground resize-y disabled:cursor-not-allowed",
+                style: N.textStyle,
+                ..._
+              }
+            ),
+            f && /* @__PURE__ */ a(
+              "div",
+              {
+                className: "flex justify-end px-3 py-1.5 border-t border-border text-muted-foreground bg-muted/20",
+                style: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" },
+                children: [
+                  x,
+                  c ? ` / ${c}` : "",
+                  " chars"
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      (e || n || o) && /* @__PURE__ */ a("div", { className: "mt-1.5 flex items-center gap-1", children: [
+        C === "error" && /* @__PURE__ */ t(pe, { size: 12, className: "text-destructive flex-shrink-0" }),
+        C === "success" && /* @__PURE__ */ t(se, { size: 12, className: "text-chart-2 flex-shrink-0" }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `${C === "error" ? "text-destructive" : C === "success" ? "text-chart-2" : "text-muted-foreground"}`,
+            style: oe,
+            children: n || o || e
+          }
+        )
+      ] })
+    ] });
+  }
+);
+Rt.displayName = "DSTextarea";
+const Kt = {
+  info: { bg: "bg-primary/5", border: "border-primary/30", text: "text-primary", icon: /* @__PURE__ */ t(Mt, { size: 18 }) },
+  success: { bg: "bg-chart-2/5", border: "border-chart-2/30", text: "text-chart-2", icon: /* @__PURE__ */ t(se, { size: 18 }) },
+  warning: { bg: "bg-chart-5/5", border: "border-chart-5/30", text: "text-chart-5", icon: /* @__PURE__ */ t(It, { size: 18 }) },
+  error: { bg: "bg-destructive/5", border: "border-destructive/30", text: "text-destructive", icon: /* @__PURE__ */ t(yt, { size: 18 }) }
+};
+function Gt({ variant: r = "info", title: e, children: n, dismissible: o = !1, onDismiss: s, action: l, icon: d, className: f = "" }) {
+  const [c, h] = M(!0), u = Kt[r];
+  if (!c) return null;
+  const w = () => {
+    h(!1), s == null || s();
+  };
+  return /* @__PURE__ */ a("div", { className: `flex gap-3 p-4 rounded-[var(--radius)] border ${u.bg} ${u.border} ${f}`, role: "alert", children: [
+    /* @__PURE__ */ t("span", { className: `flex-shrink-0 mt-0.5 ${u.text}`, children: d ?? u.icon }),
+    /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
+      e && /* @__PURE__ */ t("span", { className: `block ${u.text}`, style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)" }, children: e }),
+      /* @__PURE__ */ t("span", { className: "text-foreground block", style: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.9)", fontWeight: "var(--weight-label)" }, children: n }),
+      l && /* @__PURE__ */ t("div", { className: "mt-2", children: l })
+    ] }),
+    o && /* @__PURE__ */ t("button", { onClick: w, className: "flex-shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer", "aria-label": "Dismiss", children: /* @__PURE__ */ t(Q, { size: 16 }) })
+  ] });
+}
+let Ae = [], P = [];
+function Ne() {
+  Ae.forEach((r) => r([...P]));
+}
+const U = {
+  show: (r) => {
+    const e = { ...r, id: `toast-${Date.now()}-${Math.random().toString(36).slice(2)}` };
+    P = [...P, e], Ne(), setTimeout(() => {
+      U.dismiss(e.id);
+    }, r.duration ?? 4e3);
+  },
+  info: (r, e) => U.show({ variant: "info", message: r, title: e }),
+  success: (r, e) => U.show({ variant: "success", message: r, title: e }),
+  warning: (r, e) => U.show({ variant: "warning", message: r, title: e }),
+  error: (r, e) => U.show({ variant: "error", message: r, title: e }),
+  dismiss: (r) => {
+    P = P.filter((e) => e.id !== r), Ne();
+  }
+};
+function mr() {
+  const [r, e] = M([]), n = G(!1);
+  return n.current || (n.current = !0, Ae.push(e)), r.length === 0 ? null : /* @__PURE__ */ t("div", { className: "fixed bottom-4 right-4 z-[200] flex flex-col gap-2 max-w-sm w-full pointer-events-none", children: r.map((o) => /* @__PURE__ */ t("div", { className: "pointer-events-auto animate-in slide-in-from-right fade-in duration-300", children: /* @__PURE__ */ t(Gt, { variant: o.variant, title: o.title, dismissible: !0, onDismiss: () => U.dismiss(o.id), children: o.message }) }, o.id)) });
+}
+const Ot = {
+  default: "bg-primary text-primary-foreground",
+  secondary: "bg-secondary/15 text-secondary",
+  outline: "bg-transparent border border-border text-foreground",
+  destructive: "bg-destructive/15 text-destructive",
+  success: "bg-chart-2/15 text-chart-2",
+  warning: "bg-chart-5/15 text-chart-5"
+}, Ut = {
+  sm: {
+    className: "px-1.5 py-0.5 gap-1",
+    style: {
+      fontFamily: "var(--font-button)",
+      fontSize: "calc(var(--text-button) * 0.72)",
+      fontWeight: "var(--weight-button)"
+    },
+    iconSize: 10
+  },
+  md: {
+    className: "px-2.5 py-0.5 gap-1.5",
+    style: {
+      fontFamily: "var(--font-button)",
+      fontSize: "calc(var(--text-button) * 0.85)",
+      fontWeight: "var(--weight-button)"
+    },
+    iconSize: 12
+  },
+  lg: {
+    className: "px-3 py-1 gap-1.5",
+    style: {
+      fontFamily: "var(--font-button)",
+      fontSize: "var(--text-button)",
+      fontWeight: "var(--weight-button)"
+    },
+    iconSize: 14
+  }
+}, Jt = {
+  default: "bg-primary-foreground",
+  secondary: "bg-secondary",
+  outline: "bg-foreground",
+  destructive: "bg-destructive",
+  success: "bg-chart-2",
+  warning: "bg-chart-5"
+};
+function br({
+  children: r,
+  variant: e = "default",
+  size: n = "md",
+  icon: o,
+  dot: s,
+  removable: l,
+  onRemove: d,
+  className: f = ""
+}) {
+  const c = Ut[n];
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: `inline-flex items-center rounded-full whitespace-nowrap ${Ot[e]} ${c.className} ${f}`,
+      style: { ...c.style, lineHeight: "1.2" },
+      children: [
+        s && /* @__PURE__ */ t(
+          "span",
+          {
+            className: `w-1.5 h-1.5 rounded-full flex-shrink-0 ${Jt[e]}`
+          }
+        ),
+        o && /* @__PURE__ */ t("span", { className: "flex-shrink-0", children: o }),
+        /* @__PURE__ */ t("span", { children: r }),
+        l && /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: d,
+            className: "flex-shrink-0 hover:opacity-70 transition-opacity cursor-pointer rounded-full -mr-0.5",
+            "aria-label": "Remove",
+            children: /* @__PURE__ */ t(Q, { size: c.iconSize })
+          }
+        )
+      ]
+    }
+  );
+}
+const Xt = {
+  sm: {
+    box: "w-4 h-4",
+    icon: 10,
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" },
+    descStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.75)", fontWeight: "var(--weight-label)" }
+  },
+  md: {
+    box: "w-5 h-5",
+    icon: 12,
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
+    descStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" }
+  },
+  lg: {
+    box: "w-6 h-6",
+    icon: 14,
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 1.1)", fontWeight: "var(--weight-label)" },
+    descStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }
+  }
+};
+function hr({
+  checked: r,
+  indeterminate: e = !1,
+  defaultChecked: n = !1,
+  onChange: o,
+  label: s,
+  description: l,
+  size: d = "md",
+  disabled: f = !1,
+  error: c,
+  className: h = "",
+  id: u
+}) {
+  const [w, y] = M(n), m = r ?? w, D = Xt[d], _ = u ?? `cb-${Xe.useId()}`, $ = () => {
+    if (f) return;
+    const F = !m;
+    r === void 0 && y(F), o == null || o(F);
+  }, S = m || e;
+  return /* @__PURE__ */ a("div", { className: `inline-flex items-start gap-2.5 ${f ? "opacity-50" : ""} ${h}`, children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        id: _,
+        role: "checkbox",
+        "aria-checked": e ? "mixed" : m,
+        disabled: f,
+        onClick: $,
+        className: `${D.box} flex-shrink-0 rounded-[var(--radius-sm)] border-2 transition-all flex items-center justify-center cursor-pointer mt-0.5
+          ${S ? "bg-primary border-primary text-primary-foreground" : c ? "border-destructive bg-card" : "border-border bg-card hover:border-primary/50"}
+          ${f ? "!cursor-not-allowed" : ""}
+          focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 outline-none`,
+        children: e ? /* @__PURE__ */ t(jt, { size: D.icon, strokeWidth: 3 }) : m ? /* @__PURE__ */ t(st, { size: D.icon, strokeWidth: 3 }) : null
+      }
+    ),
+    (s || l) && /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+      s && /* @__PURE__ */ t(
+        "label",
+        {
+          htmlFor: _,
+          className: `text-foreground block cursor-pointer ${f ? "!cursor-not-allowed" : ""}`,
+          style: D.labelStyle,
+          onClick: $,
+          children: s
+        }
+      ),
+      l && /* @__PURE__ */ t("span", { className: "text-muted-foreground block", style: D.descStyle, children: l }),
+      c && /* @__PURE__ */ t("span", { className: "text-destructive block mt-0.5", style: D.descStyle, children: c })
+    ] })
+  ] });
+}
+function pr({ label: r, children: e, direction: n = "vertical", className: o = "" }) {
+  return /* @__PURE__ */ a("fieldset", { className: `${o}`, children: [
+    r && /* @__PURE__ */ t("legend", { className: "text-foreground mb-2 block", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)" }, children: r }),
+    /* @__PURE__ */ t("div", { className: `flex ${n === "vertical" ? "flex-col gap-3" : "flex-wrap gap-4"}`, children: e })
+  ] });
+}
+const Ye = Qe(null), Zt = {
+  sm: {
+    outer: "w-4 h-4",
+    inner: "w-1.5 h-1.5",
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" },
+    descStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.75)", fontWeight: "var(--weight-label)" }
+  },
+  md: {
+    outer: "w-5 h-5",
+    inner: "w-2 h-2",
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
+    descStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" }
+  },
+  lg: {
+    outer: "w-6 h-6",
+    inner: "w-2.5 h-2.5",
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 1.1)", fontWeight: "var(--weight-label)" },
+    descStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }
+  }
+};
+function vr({ value: r, label: e, description: n, disabled: o, size: s, className: l = "" }) {
+  const d = Ze(Ye), f = d ? d.value === r : !1, c = o ?? (d == null ? void 0 : d.disabled) ?? !1, h = s ?? (d == null ? void 0 : d.size) ?? "md", u = Zt[h], w = () => {
+    c || d == null || d.onChange(r);
+  };
+  return /* @__PURE__ */ a("div", { className: `inline-flex items-start gap-2.5 ${c ? "opacity-50" : ""} ${l}`, children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        role: "radio",
+        "aria-checked": f,
+        disabled: c,
+        onClick: w,
+        className: `${u.outer} flex-shrink-0 rounded-full border-2 transition-all flex items-center justify-center cursor-pointer mt-0.5
+          ${f ? "border-primary" : "border-border hover:border-primary/50"}
+          ${c ? "!cursor-not-allowed" : ""}
+          focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 outline-none`,
+        children: f && /* @__PURE__ */ t("span", { className: `${u.inner} rounded-full bg-primary transition-transform scale-100` })
+      }
+    ),
+    (e || n) && /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+      e && /* @__PURE__ */ t(
+        "span",
+        {
+          className: `text-foreground block cursor-pointer ${c ? "!cursor-not-allowed" : ""}`,
+          style: u.labelStyle,
+          onClick: w,
+          children: e
+        }
+      ),
+      n && /* @__PURE__ */ t("span", { className: "text-muted-foreground block", style: u.descStyle, children: n })
+    ] })
+  ] });
+}
+function gr({
+  name: r,
+  value: e,
+  defaultValue: n = "",
+  onChange: o,
+  label: s,
+  size: l = "md",
+  disabled: d = !1,
+  direction: f = "vertical",
+  children: c,
+  error: h,
+  className: u = ""
+}) {
+  const [w, y] = M(n), m = e ?? w, D = (_) => {
+    e === void 0 && y(_), o == null || o(_);
+  };
+  return /* @__PURE__ */ t(Ye.Provider, { value: { value: m, onChange: D, size: l, disabled: d, name: r }, children: /* @__PURE__ */ a("fieldset", { className: u, role: "radiogroup", children: [
+    s && /* @__PURE__ */ t("legend", { className: "text-foreground mb-2 block", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)" }, children: s }),
+    /* @__PURE__ */ t("div", { className: `flex ${f === "vertical" ? "flex-col gap-3" : "flex-wrap gap-4"}`, children: c }),
+    h && /* @__PURE__ */ t("span", { className: "text-destructive block mt-1.5", style: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" }, children: h })
+  ] }) });
+}
+const Qt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], fe = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function V(r, e) {
+  return r.getFullYear() === e.getFullYear() && r.getMonth() === e.getMonth() && r.getDate() === e.getDate();
+}
+function ke(r, e, n) {
+  if (!e || !n) return !1;
+  const o = r.getTime();
+  return o > e.getTime() && o < n.getTime();
+}
+function $e(r, e, n, o) {
+  return !!(e && r < new Date(e.getFullYear(), e.getMonth(), e.getDate()) || n && r > new Date(n.getFullYear(), n.getMonth(), n.getDate()) || o != null && o.some((s) => V(s, r)));
+}
+function Pt(r, e) {
+  return new Date(r, e + 1, 0).getDate();
+}
+function Se(r, e) {
+  const n = new Date(r, e, 1).getDay(), o = Pt(r, e), s = [];
+  for (let l = 0; l < n; l++) s.push(null);
+  for (let l = 1; l <= o; l++) s.push(new Date(r, e, l));
+  return s;
+}
+function ne(r, e) {
+  if (!r) return "";
+  const n = String(r.getDate()).padStart(2, "0"), o = String(r.getMonth() + 1).padStart(2, "0"), s = r.getFullYear();
+  let l = `${n}/${o}/${s}`;
+  if (e) {
+    const d = String(r.getHours()).padStart(2, "0"), f = String(r.getMinutes()).padStart(2, "0");
+    l += ` ${d}:${f}`;
+  }
+  return l;
+}
+const Vt = {
+  sm: {
+    trigger: "h-8 px-2.5",
+    text: {
+      fontFamily: "var(--font-label)",
+      fontSize: "calc(var(--text-label) * 0.9)",
+      fontWeight: "var(--weight-label)"
+    },
+    icon: 14,
+    cell: "w-7 h-7"
+  },
+  md: {
+    trigger: "h-10 px-3",
+    text: {
+      fontFamily: "var(--font-label)",
+      fontSize: "var(--text-label)",
+      fontWeight: "var(--weight-label)"
+    },
+    icon: 16,
+    cell: "w-9 h-9"
+  },
+  lg: {
+    trigger: "h-12 px-4",
+    text: {
+      fontFamily: "var(--font-label)",
+      fontSize: "calc(var(--text-label) * 1.1)",
+      fontWeight: "var(--weight-label)"
+    },
+    icon: 18,
+    cell: "w-10 h-10"
+  }
+}, er = {
+  default: "bg-input-background border border-border",
+  outlined: "bg-transparent border-2 border-border",
+  filled: "bg-muted/30 border border-transparent",
+  ghost: "bg-transparent border border-transparent"
+}, tr = {
+  default: "focus-within:ring-2 focus-within:ring-ring/30 focus-within:border-primary",
+  error: "ring-2 ring-destructive/30 border-destructive",
+  success: "ring-2 ring-chart-2/30 border-chart-2"
+};
+function yr({
+  value: r = null,
+  rangeValue: e,
+  onChange: n,
+  onRangeChange: o,
+  mode: s = "single",
+  label: l,
+  placeholder: d,
+  helperText: f,
+  errorMessage: c,
+  successMessage: h,
+  size: u = "md",
+  variant: w = "default",
+  state: y = "default",
+  disabled: m = !1,
+  required: D = !1,
+  clearable: _ = !1,
+  showTime: $ = !1,
+  minDate: S,
+  maxDate: F,
+  disabledDates: x,
+  showToday: b = !0,
+  footer: N,
+  fullWidth: z = !1
+}) {
+  const [C, A] = M(!1), [p, g] = M(() => r ?? /* @__PURE__ */ new Date()), [Y, T] = M("days"), [i, k] = M(null), [E, I] = M(() => r ? r.getHours() : 0), [H, R] = M(() => r ? r.getMinutes() : 0), K = G(null), q = Vt[u];
+  X(() => {
+    function v(W) {
+      K.current && !K.current.contains(W.target) && (A(!1), T("days"));
+    }
+    return C && document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+  }, [C]), ee(
+    () => Se(p.getFullYear(), p.getMonth()),
+    [p]
+  );
+  const te = ee(() => /* @__PURE__ */ new Date(), []), ie = () => g(new Date(p.getFullYear(), p.getMonth() - 1, 1)), ae = () => g(new Date(p.getFullYear(), p.getMonth() + 1, 1)), re = () => g(new Date(p.getFullYear() - 1, p.getMonth(), 1)), Ie = () => g(new Date(p.getFullYear() + 1, p.getMonth(), 1)), Te = J(
+    (v) => {
+      if (!$e(v, S, F, x))
+        if (s === "single") {
+          let W = new Date(v);
+          $ && W.setHours(E, H), n == null || n(W), $ || (A(!1), T("days"));
+        } else {
+          const W = e == null ? void 0 : e.start, de = e == null ? void 0 : e.end;
+          !W || W && de ? o == null || o({ start: v, end: null }) : (v < W ? o == null || o({ start: v, end: W }) : o == null || o({ start: W, end: v }), A(!1), T("days"));
+        }
+    },
+    [s, n, o, e, S, F, x, $, E, H]
+  ), Ee = (v) => {
+    v.stopPropagation(), s === "single" ? n == null || n(null) : o == null || o({ start: null, end: null });
+  }, Le = () => {
+    const v = /* @__PURE__ */ new Date();
+    if (g(v), s === "single") {
+      const W = new Date(v);
+      $ && W.setHours(E, H), n == null || n(W), $ || (A(!1), T("days"));
+    }
+  }, Be = () => {
+    if (r) {
+      const v = new Date(r);
+      v.setHours(E, H), n == null || n(v);
+    }
+    A(!1), T("days");
+  }, He = ee(() => s === "single" ? ne(r, $) : e != null && e.start && (e != null && e.end) ? `${ne(e.start)} – ${ne(e.end)}` : e != null && e.start ? `${ne(e.start)} – ...` : "", [s, r, e, $]), le = s === "single" ? !!r : !!(e != null && e.start || e != null && e.end), qe = y === "error" ? /* @__PURE__ */ t(pe, { size: q.icon, className: "text-destructive flex-shrink-0" }) : y === "success" ? /* @__PURE__ */ t(se, { size: q.icon, className: "text-chart-2 flex-shrink-0" }) : null, ge = y === "error" ? c : y === "success" ? h : f, Re = y === "error" ? "text-destructive" : y === "success" ? "text-chart-2" : "text-muted-foreground", Ke = {
+    fontFamily: "var(--font-label)",
+    fontSize: "var(--text-label)",
+    fontWeight: "var(--weight-label)"
+  }, Ge = {
+    fontFamily: "var(--font-caption)",
+    fontSize: "calc(var(--text-caption) * 0.7)",
+    fontWeight: "var(--weight-caption)"
+  }, B = {
+    fontFamily: "var(--font-button)",
+    fontSize: "var(--text-button)",
+    fontWeight: "var(--weight-button)"
+  }, ce = Math.floor(p.getFullYear() / 12) * 12;
+  return /* @__PURE__ */ a("div", { className: `relative ${z ? "w-full" : ""}`, ref: K, children: [
+    l && /* @__PURE__ */ a("label", { className: "block text-foreground mb-1.5", style: Ke, children: [
+      l,
+      D && /* @__PURE__ */ t("span", { className: "text-destructive ml-0.5", children: "*" })
+    ] }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: () => !m && A(!C),
+        disabled: m,
+        className: `
+          w-full flex items-center gap-2 rounded-[var(--radius-md)] transition-all cursor-pointer
+          ${q.trigger}
+          ${er[w]}
+          ${tr[y]}
+          ${m ? "opacity-50 cursor-not-allowed" : "hover:border-primary/50"}
+        `,
+        style: q.text,
+        children: [
+          /* @__PURE__ */ t(nt, { size: q.icon, className: "text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ t("span", { className: `flex-1 text-left truncate ${le ? "text-foreground" : "text-muted-foreground"}`, children: le ? He : d || (s === "range" ? "Select date range…" : "Select date…") }),
+          qe,
+          _ && le && !m && /* @__PURE__ */ t(
+            "span",
+            {
+              onClick: Ee,
+              className: "text-muted-foreground hover:text-foreground cursor-pointer",
+              children: /* @__PURE__ */ t(Q, { size: q.icon - 2 })
+            }
+          )
+        ]
+      }
+    ),
+    ge && /* @__PURE__ */ t("p", { className: `mt-1.5 ${Re}`, style: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" }, children: ge }),
+    C && /* @__PURE__ */ a(
+      "div",
+      {
+        className: "absolute z-50 mt-1.5 bg-popover border border-border rounded-[var(--radius-lg)] shadow-elevation-sm overflow-hidden",
+        style: { minWidth: s === "range" ? "560px" : "300px" },
+        children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-card", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ t("button", { onClick: re, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Previous year", children: /* @__PURE__ */ t(Fe, { size: 16 }) }),
+              /* @__PURE__ */ t("button", { onClick: ie, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Previous month", children: /* @__PURE__ */ t(be, { size: 16 }) })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => T(Y === "months" ? "days" : "months"),
+                  className: "px-2 py-1 rounded-[var(--radius-sm)] hover:bg-muted text-foreground transition-colors cursor-pointer",
+                  style: B,
+                  children: fe[p.getMonth()]
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => T(Y === "years" ? "days" : "years"),
+                  className: "px-2 py-1 rounded-[var(--radius-sm)] hover:bg-muted text-foreground transition-colors cursor-pointer",
+                  style: B,
+                  children: p.getFullYear()
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ t("button", { onClick: ae, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Next month", children: /* @__PURE__ */ t(he, { size: 16 }) }),
+              /* @__PURE__ */ t("button", { onClick: Ie, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Next year", children: /* @__PURE__ */ t(We, { size: 16 }) })
+            ] })
+          ] }),
+          Y === "days" && /* @__PURE__ */ t("div", { className: `p-3 ${s === "range" ? "flex gap-3" : ""}`, children: (s === "range" ? [0, 1] : [0]).map((v) => {
+            const W = new Date(p.getFullYear(), p.getMonth() + v, 1), de = Se(W.getFullYear(), W.getMonth());
+            return /* @__PURE__ */ a("div", { className: "flex-1", children: [
+              v > 0 && /* @__PURE__ */ a("div", { className: "text-center mb-2 text-foreground", style: B, children: [
+                fe[W.getMonth()],
+                " ",
+                W.getFullYear()
+              ] }),
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 mb-1", children: Qt.map((L) => /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "text-center text-muted-foreground py-1",
+                  style: Ge,
+                  children: L
+                },
+                `${v}-${L}`
+              )) }),
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7", children: de.map((L, Oe) => {
+                if (!L) return /* @__PURE__ */ t("div", {}, `empty-${v}-${Oe}`);
+                const ye = $e(L, S, F, x), Ue = V(L, te), ue = s === "single" ? r && V(L, r) : (e == null ? void 0 : e.start) && V(L, e.start) || (e == null ? void 0 : e.end) && V(L, e.end), Je = s === "range" && (ke(L, (e == null ? void 0 : e.start) ?? null, (e == null ? void 0 : e.end) ?? null) || (e == null ? void 0 : e.start) && !(e != null && e.end) && i && ke(
+                  L,
+                  e.start,
+                  i > e.start ? i : null
+                ));
+                return /* @__PURE__ */ t(
+                  "button",
+                  {
+                    onClick: () => Te(L),
+                    onMouseEnter: () => s === "range" && k(L),
+                    disabled: ye,
+                    className: `
+                              ${q.cell} flex items-center justify-center rounded-[var(--radius-sm)] transition-all cursor-pointer
+                              ${ye ? "opacity-30 cursor-not-allowed" : "hover:bg-muted"}
+                              ${ue ? "bg-primary text-primary-foreground hover:bg-primary/90" : ""}
+                              ${Je && !ue ? "bg-accent text-accent-foreground" : ""}
+                              ${Ue && !ue ? "border border-primary text-primary" : ""}
+                            `,
+                    style: B,
+                    children: L.getDate()
+                  },
+                  `${v}-${L.getTime()}`
+                );
+              }) })
+            ] }, v);
+          }) }),
+          Y === "months" && /* @__PURE__ */ t("div", { className: "p-3 grid grid-cols-3 gap-2", children: fe.map((v, W) => /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => {
+                g(new Date(p.getFullYear(), W, 1)), T("days");
+              },
+              className: `
+                    py-2.5 rounded-[var(--radius-md)] transition-all cursor-pointer
+                    ${p.getMonth() === W ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"}
+                  `,
+              style: B,
+              children: v.substring(0, 3)
+            },
+            v
+          )) }),
+          Y === "years" && /* @__PURE__ */ a("div", { className: "p-3", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => g(new Date(p.getFullYear() - 12, p.getMonth(), 1)),
+                  className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground cursor-pointer",
+                  children: /* @__PURE__ */ t(be, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ a("span", { className: "text-foreground", style: B, children: [
+                ce,
+                " – ",
+                ce + 11
+              ] }),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  onClick: () => g(new Date(p.getFullYear() + 12, p.getMonth(), 1)),
+                  className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground cursor-pointer",
+                  children: /* @__PURE__ */ t(he, { size: 16 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-2", children: Array.from({ length: 12 }, (v, W) => ce + W).map((v) => /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: () => {
+                  g(new Date(v, p.getMonth(), 1)), T("months");
+                },
+                className: `
+                      py-2.5 rounded-[var(--radius-md)] transition-all cursor-pointer
+                      ${p.getFullYear() === v ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"}
+                      ${v === te.getFullYear() && p.getFullYear() !== v ? "border border-primary text-primary" : ""}
+                    `,
+                style: B,
+                children: v
+              },
+              v
+            )) })
+          ] }),
+          $ && s === "single" && Y === "days" && /* @__PURE__ */ a("div", { className: "px-4 py-3 border-t border-border flex items-center gap-3", children: [
+            /* @__PURE__ */ t(wt, { size: 14, className: "text-muted-foreground" }),
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "number",
+                  min: 0,
+                  max: 23,
+                  value: String(E).padStart(2, "0"),
+                  onChange: (v) => I(Math.max(0, Math.min(23, Number(v.target.value)))),
+                  className: "w-10 text-center bg-input-background border border-border rounded-[var(--radius-sm)] py-1 text-foreground focus:outline-none focus:ring-1 focus:ring-ring/30",
+                  style: B
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "text-muted-foreground", style: B, children: ":" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "number",
+                  min: 0,
+                  max: 59,
+                  value: String(H).padStart(2, "0"),
+                  onChange: (v) => R(Math.max(0, Math.min(59, Number(v.target.value)))),
+                  className: "w-10 text-center bg-input-background border border-border rounded-[var(--radius-sm)] py-1 text-foreground focus:outline-none focus:ring-1 focus:ring-ring/30",
+                  style: B
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: Be,
+                className: "ml-auto px-3 py-1 rounded-[var(--radius-md)] bg-primary text-primary-foreground hover:bg-primary/90 transition-colors cursor-pointer",
+                style: B,
+                children: "Apply"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "px-4 py-2.5 border-t border-border bg-card flex items-center justify-between", children: [
+            b ? /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: Le,
+                className: "text-primary hover:underline cursor-pointer",
+                style: B,
+                children: "Today"
+              }
+            ) : /* @__PURE__ */ t("span", {}),
+            N ?? /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: () => {
+                  A(!1), T("days");
+                },
+                className: "text-muted-foreground hover:text-foreground cursor-pointer",
+                style: B,
+                children: "Close"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const rr = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl",
+  full: "max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]"
+};
+function nr({
+  open: r,
+  onClose: e,
+  title: n,
+  description: o,
+  size: s = "md",
+  children: l,
+  footer: d,
+  closeOnOverlay: f = !0,
+  showCloseButton: c = !0,
+  className: h = ""
+}) {
+  const u = G(null);
+  return X(() => {
+    if (!r) return;
+    const w = (y) => {
+      y.key === "Escape" && e();
+    };
+    return document.addEventListener("keydown", w), document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", w), document.body.style.overflow = "";
+    };
+  }, [r, e]), X(() => {
+    r && u.current && u.current.focus();
+  }, [r]), r ? /* @__PURE__ */ a("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "absolute inset-0 bg-foreground/40 backdrop-blur-sm animate-in fade-in duration-200",
+        onClick: f ? e : void 0
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: u,
+        tabIndex: -1,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": n ? "modal-title" : void 0,
+        className: `relative w-full ${rr[s]} bg-card rounded-[var(--radius-lg)] shadow-lg border border-border animate-in zoom-in-95 fade-in duration-200 flex flex-col ${s === "full" ? "h-full" : "max-h-[85vh]"} ${h}`,
+        children: [
+          (n || c) && /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4 px-6 pt-6 pb-2 flex-shrink-0", children: [
+            /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+              n && /* @__PURE__ */ t("h4", { id: "modal-title", className: "text-foreground", children: n }),
+              o && /* @__PURE__ */ t("span", { className: "text-muted-foreground block mt-0.5", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, children: o })
+            ] }),
+            c && /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: e,
+                className: "flex-shrink-0 w-8 h-8 rounded-[var(--radius-sm)] flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-muted transition-colors cursor-pointer",
+                "aria-label": "Close",
+                children: /* @__PURE__ */ t(Q, { size: 16 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-6 py-4", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, children: l }),
+          d && /* @__PURE__ */ t("div", { className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border flex-shrink-0", children: d })
+        ]
+      }
+    )
+  ] }) : null;
+}
+function xr({
+  open: r,
+  onClose: e,
+  onConfirm: n,
+  title: o = "Are you sure?",
+  description: s = "This action cannot be undone.",
+  confirmLabel: l = "Confirm",
+  cancelLabel: d = "Cancel",
+  variant: f = "default"
+}) {
+  const c = { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-button)" };
+  return /* @__PURE__ */ t(nr, { open: r, onClose: e, title: o, description: s, size: "sm", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-end gap-2 pt-4", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: e,
+        className: "px-4 py-2 rounded-[var(--radius-md)] border border-border text-foreground hover:bg-muted transition-colors cursor-pointer",
+        style: c,
+        children: d
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: () => {
+          n(), e();
+        },
+        className: `px-4 py-2 rounded-[var(--radius-md)] text-primary-foreground transition-colors cursor-pointer ${f === "destructive" ? "bg-destructive hover:bg-destructive/90" : "bg-primary hover:bg-primary/90"}`,
+        style: c,
+        children: l
+      }
+    )
+  ] }) });
+}
+const or = {
+  sm: {
+    btn: "min-w-[28px] h-7 px-1.5",
+    icon: 14,
+    text: {
+      fontFamily: "var(--font-button)",
+      fontSize: "calc(var(--text-button) * 0.9)",
+      fontWeight: "var(--weight-button)"
+    },
+    gap: "gap-1"
+  },
+  md: {
+    btn: "min-w-[34px] h-9 px-2",
+    icon: 16,
+    text: {
+      fontFamily: "var(--font-button)",
+      fontSize: "var(--text-button)",
+      fontWeight: "var(--weight-button)"
+    },
+    gap: "gap-1.5"
+  },
+  lg: {
+    btn: "min-w-[42px] h-11 px-3",
+    icon: 18,
+    text: {
+      fontFamily: "var(--font-button)",
+      fontSize: "calc(var(--text-button) * 1.1)",
+      fontWeight: "var(--weight-button)"
+    },
+    gap: "gap-2"
+  }
+}, sr = {
+  default: {
+    base: "bg-transparent text-foreground border border-transparent",
+    active: "bg-primary text-primary-foreground border-primary shadow-elevation-sm",
+    hover: "hover:bg-muted"
+  },
+  outlined: {
+    base: "bg-transparent text-foreground border border-border",
+    active: "bg-primary text-primary-foreground border-primary shadow-elevation-sm",
+    hover: "hover:bg-muted hover:border-muted"
+  },
+  filled: {
+    base: "bg-muted/50 text-foreground border border-transparent",
+    active: "bg-primary text-primary-foreground border-primary shadow-elevation-sm",
+    hover: "hover:bg-muted"
+  },
+  minimal: {
+    base: "bg-transparent text-foreground border border-transparent",
+    active: "bg-accent text-accent-foreground border-accent",
+    hover: "hover:text-primary"
+  }
+};
+function ir(r, e, n) {
+  return ee(() => {
+    if (n * 2 + 5 >= e)
+      return Array.from({ length: e }, (h, u) => u + 1);
+    const s = Math.max(r - n, 1), l = Math.min(r + n, e), d = s > 2, f = l < e - 1;
+    if (!d && f) {
+      const h = 3 + 2 * n;
+      return [...Array.from({ length: h }, (w, y) => y + 1), "dots-right", e];
+    }
+    if (d && !f) {
+      const h = 3 + 2 * n;
+      return [1, "dots-left", ...Array.from(
+        { length: h },
+        (w, y) => e - h + y + 1
+      )];
+    }
+    return [1, "dots-left", ...Array.from(
+      { length: l - s + 1 },
+      (h, u) => s + u
+    ), "dots-right", e];
+  }, [r, e, n]);
+}
+function wr({
+  currentPage: r,
+  totalPages: e,
+  onPageChange: n,
+  siblingCount: o = 1,
+  showFirstLast: s = !1,
+  showPrevNext: l = !0,
+  showPageSize: d = !1,
+  pageSizeOptions: f = [10, 20, 50, 100],
+  pageSize: c = 10,
+  onPageSizeChange: h,
+  totalItems: u,
+  size: w = "md",
+  variant: y = "default",
+  disabled: m = !1,
+  showPageInfo: D = !1,
+  showItemsInfo: _ = !1,
+  prevLabel: $,
+  nextLabel: S
+}) {
+  const F = ir(r, e, o), x = or[w], b = sr[y], N = J(
+    (g) => {
+      !m && g >= 1 && g <= e && n(g);
+    },
+    [m, e, n]
+  ), z = (g, Y) => `inline-flex items-center justify-center rounded-[var(--radius-md)] transition-all cursor-pointer select-none
+     ${x.btn}
+     ${Y ? "opacity-40 pointer-events-none cursor-default" : ""}
+     ${g ? b.active : `${b.base} ${Y ? "" : b.hover}`}`, C = u ? (r - 1) * c + 1 : 0, A = u ? Math.min(r * c, u) : 0, p = {
+    fontFamily: "var(--font-label)",
+    fontSize: "var(--text-label)",
+    fontWeight: "var(--weight-label)"
+  };
+  return /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
+      _ && u !== void 0 && /* @__PURE__ */ a("span", { className: "text-muted-foreground", style: p, children: [
+        C,
+        "–",
+        A,
+        " of ",
+        u
+      ] }),
+      d && /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t("span", { className: "text-muted-foreground", style: p, children: "Rows per page:" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: c,
+            onChange: (g) => h == null ? void 0 : h(Number(g.target.value)),
+            disabled: m,
+            className: "bg-input-background text-foreground border border-border rounded-[var(--radius-md)] px-2 py-1 cursor-pointer focus:outline-none focus:ring-2 focus:ring-ring/30",
+            style: {
+              fontFamily: "var(--font-button)",
+              fontSize: "var(--text-button)",
+              fontWeight: "var(--weight-button)"
+            },
+            children: f.map((g) => /* @__PURE__ */ t("option", { value: g, children: g }, g))
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a(
+      "nav",
+      {
+        className: `flex items-center ${x.gap}`,
+        "aria-label": "Pagination",
+        role: "navigation",
+        children: [
+          s && /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => N(1),
+              disabled: m || r <= 1,
+              className: z(!1, m || r <= 1),
+              style: x.text,
+              "aria-label": "First page",
+              title: "First page",
+              children: /* @__PURE__ */ t(Fe, { size: x.icon })
+            }
+          ),
+          l && /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => N(r - 1),
+              disabled: m || r <= 1,
+              className: z(!1, m || r <= 1),
+              style: x.text,
+              "aria-label": "Previous page",
+              children: $ ?? /* @__PURE__ */ t(be, { size: x.icon })
+            }
+          ),
+          F.map((g, Y) => g === "dots-left" || g === "dots-right" ? /* @__PURE__ */ t(
+            "span",
+            {
+              className: `inline-flex items-center justify-center text-muted-foreground ${x.btn}`,
+              style: x.text,
+              children: /* @__PURE__ */ t(kt, { size: x.icon })
+            },
+            g
+          ) : /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => N(g),
+              disabled: m,
+              className: z(g === r, m),
+              style: x.text,
+              "aria-label": `Page ${g}`,
+              "aria-current": g === r ? "page" : void 0,
+              children: g
+            },
+            g
+          )),
+          l && /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => N(r + 1),
+              disabled: m || r >= e,
+              className: z(!1, m || r >= e),
+              style: x.text,
+              "aria-label": "Next page",
+              children: S ?? /* @__PURE__ */ t(he, { size: x.icon })
+            }
+          ),
+          s && /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => N(e),
+              disabled: m || r >= e,
+              className: z(!1, m || r >= e),
+              style: x.text,
+              "aria-label": "Last page",
+              title: "Last page",
+              children: /* @__PURE__ */ t(We, { size: x.icon })
+            }
+          )
+        ]
+      }
+    ),
+    D && /* @__PURE__ */ a("span", { className: "text-muted-foreground", style: p, children: [
+      "Page ",
+      r,
+      " of ",
+      e
+    ] })
+  ] });
+}
+const ar = {
+  sm: { input: "h-8 px-8 text-sm", icon: 14, style: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.85)", fontWeight: "var(--weight-label)" } },
+  md: { input: "h-10 px-9", icon: 16, style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" } },
+  lg: { input: "h-12 px-10", icon: 18, style: { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 1.1)", fontWeight: "var(--weight-label)" } }
+}, lr = {
+  default: "bg-card border border-border focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20",
+  outlined: "bg-transparent border-2 border-border focus-within:border-primary",
+  filled: "bg-muted/50 border border-transparent focus-within:border-ring focus-within:bg-card"
+};
+function Nr({
+  value: r,
+  onChange: e,
+  onSearch: n,
+  placeholder: o = "Search...",
+  size: s = "md",
+  variant: l = "default",
+  loading: d = !1,
+  suggestions: f = [],
+  onSuggestionSelect: c,
+  clearable: h = !0,
+  disabled: u = !1,
+  autoFocus: w = !1,
+  debounce: y = 0,
+  className: m = ""
+}) {
+  const [D, _] = M(""), [$, S] = M(!1), [F, x] = M(-1), b = r ?? D, N = G(null), z = G(null), C = G(), A = ar[s], p = J((i) => {
+    r === void 0 && _(i), e == null || e(i), y > 0 && (clearTimeout(C.current), C.current = setTimeout(() => n == null ? void 0 : n(i), y));
+  }, [r, e, n, y]), g = (i) => {
+    i.key === "Enter" ? F >= 0 && f[F] ? (c == null || c(f[F]), S(!1)) : n == null || n(b) : i.key === "ArrowDown" ? (i.preventDefault(), x((k) => Math.min(k + 1, f.length - 1))) : i.key === "ArrowUp" ? (i.preventDefault(), x((k) => Math.max(k - 1, -1))) : i.key === "Escape" && S(!1);
+  };
+  X(() => {
+    const i = (k) => {
+      z.current && !z.current.contains(k.target) && S(!1);
+    };
+    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
+  }, []), X(() => {
+    S(f.length > 0 && b.length > 0), x(-1);
+  }, [f, b]);
+  const Y = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, T = { fontFamily: "var(--font-label)", fontSize: "calc(var(--text-label) * 0.8)", fontWeight: "var(--weight-label)" };
+  return /* @__PURE__ */ a("div", { ref: z, className: `relative ${m}`, children: [
+    /* @__PURE__ */ a("div", { className: `relative rounded-[var(--radius-md)] transition-all ${lr[l]} ${u ? "opacity-50 pointer-events-none" : ""}`, children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ t(At, { size: A.icon }) }),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ref: N,
+          type: "text",
+          value: b,
+          onChange: (i) => p(i.target.value),
+          onKeyDown: g,
+          onFocus: () => f.length > 0 && b.length > 0 && S(!0),
+          placeholder: o,
+          disabled: u,
+          autoFocus: w,
+          className: `w-full ${A.input} rounded-[var(--radius-md)] bg-transparent outline-none text-foreground placeholder:text-muted-foreground`,
+          style: A.style
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1", children: [
+        d && /* @__PURE__ */ t(ve, { size: A.icon, className: "animate-spin text-muted-foreground" }),
+        h && b && !d && /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => {
+              var i;
+              p(""), (i = N.current) == null || i.focus();
+            },
+            className: "text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+            children: /* @__PURE__ */ t(Q, { size: A.icon })
+          }
+        )
+      ] })
+    ] }),
+    $ && f.length > 0 && /* @__PURE__ */ t("div", { className: "absolute top-full left-0 right-0 mt-1 bg-popover border border-border rounded-[var(--radius-md)] shadow-lg z-50 overflow-hidden max-h-64 overflow-y-auto", style: { padding: "var(--Spacing--Spacing-sm)" }, children: f.map((i, k) => /* @__PURE__ */ a(
+      "button",
+      {
+        onClick: () => {
+          c == null || c(i), S(!1);
+        },
+        className: `w-full text-left flex items-center rounded-[var(--radius-sm)] transition-colors cursor-pointer ${k === F ? "bg-[var(--Colors--Background--bg-brand-secondary)]" : "hover:bg-[var(--Colors--Background--bg-primary_hover)]"}`,
+        style: { padding: "var(--Spacing--Spacing-md) var(--Spacing--Spacing-2xl)", gap: "var(--Spacing--Spacing-lg)" },
+        children: [
+          i.icon && /* @__PURE__ */ t("span", { className: "text-muted-foreground flex-shrink-0", children: i.icon }),
+          /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ t("span", { className: "text-foreground block truncate", style: Y, children: i.label }),
+            i.description && /* @__PURE__ */ t("span", { className: "text-muted-foreground block truncate", style: { marginTop: "var(--Spacing--Spacing-xxs)", ...T }, children: i.description })
+          ] })
+        ]
+      },
+      i.id
+    )) })
+  ] });
+}
+const O = {
+  sm: "px-3 py-2",
+  md: "px-4 py-3",
+  lg: "px-5 py-4"
+};
+function kr({
+  columns: r,
+  data: e,
+  size: n = "md",
+  striped: o = !1,
+  hoverable: s = !0,
+  bordered: l = !1,
+  selectable: d = !1,
+  selectedRows: f,
+  onSelectionChange: c,
+  loading: h = !1,
+  emptyMessage: u = "No data available",
+  stickyHeader: w = !1,
+  className: y = ""
+}) {
+  const [m, D] = M(null), [_, $] = M("asc"), [S, F] = M(/* @__PURE__ */ new Set()), x = f ?? S, b = (i) => {
+    f || F(i), c == null || c(i);
+  }, N = ee(() => m ? [...e].sort((i, k) => {
+    const E = i[m], I = k[m];
+    if (E == null) return 1;
+    if (I == null) return -1;
+    const H = typeof E == "string" ? E.localeCompare(I) : E - I;
+    return _ === "asc" ? H : -H;
+  }) : e, [e, m, _]), z = (i) => {
+    m === i ? $((k) => k === "asc" ? "desc" : "asc") : (D(i), $("asc"));
+  }, C = e.length > 0 && x.size === e.length, A = x.size > 0 && !C, p = () => {
+    b(C ? /* @__PURE__ */ new Set() : new Set(e.map((i, k) => k)));
+  }, g = (i) => {
+    const k = new Set(x);
+    k.has(i) ? k.delete(i) : k.add(i), b(k);
+  }, Y = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, T = { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-button)" };
+  return /* @__PURE__ */ t("div", { className: `rounded-[var(--radius-lg)] border border-border overflow-hidden ${y}`, children: /* @__PURE__ */ t("div", { className: "overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse", children: [
+    /* @__PURE__ */ t("thead", { className: w ? "sticky top-0 z-10" : "", children: /* @__PURE__ */ a("tr", { className: "bg-muted/50 border-b border-border", children: [
+      d && /* @__PURE__ */ t("th", { className: `${O[n]} w-12`, children: /* @__PURE__ */ t(
+        "input",
+        {
+          type: "checkbox",
+          checked: C,
+          ref: (i) => {
+            i && (i.indeterminate = A);
+          },
+          onChange: p,
+          className: "w-4 h-4 rounded-[var(--radius-sm)] border-border accent-primary cursor-pointer"
+        }
+      ) }),
+      r.map((i) => /* @__PURE__ */ t(
+        "th",
+        {
+          className: `${O[n]} text-${i.align ?? "left"} text-muted-foreground ${i.sortable ? "cursor-pointer select-none hover:text-foreground transition-colors" : ""} ${l ? "border-x border-border first:border-l-0 last:border-r-0" : ""}`,
+          style: { ...T, width: i.width },
+          onClick: () => i.sortable && z(i.key),
+          children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1", children: [
+            i.header,
+            i.sortable && /* @__PURE__ */ t("span", { className: "text-muted-foreground/60", children: m === i.key ? _ === "asc" ? /* @__PURE__ */ t(ut, { size: 14 }) : /* @__PURE__ */ t(at, { size: 14 }) : /* @__PURE__ */ t(ht, { size: 12 }) })
+          ] })
+        },
+        i.key
+      ))
+    ] }) }),
+    /* @__PURE__ */ t("tbody", { children: h ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: r.length + (d ? 1 : 0), className: `${O[n]} text-center text-muted-foreground`, children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 py-8", children: [
+      /* @__PURE__ */ t("div", { className: "w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
+      /* @__PURE__ */ t("span", { style: Y, children: "Loading..." })
+    ] }) }) }) : N.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: r.length + (d ? 1 : 0), className: `${O[n]} text-center text-muted-foreground py-12`, children: /* @__PURE__ */ t("span", { style: Y, children: u }) }) }) : N.map((i, k) => {
+      const E = x.has(k);
+      return /* @__PURE__ */ a(
+        "tr",
+        {
+          className: `border-b border-border last:border-b-0 transition-colors ${E ? "bg-primary/5" : o && k % 2 === 1 ? "bg-muted/20" : "bg-card"} ${s ? "hover:bg-[var(--Colors--Background--bg-primary_hover)]" : ""}`,
+          children: [
+            d && /* @__PURE__ */ t("td", { className: `${O[n]} w-12`, children: /* @__PURE__ */ t(
+              "input",
+              {
+                type: "checkbox",
+                checked: E,
+                onChange: () => g(k),
+                className: "w-4 h-4 rounded-[var(--radius-sm)] border-border accent-primary cursor-pointer"
+              }
+            ) }),
+            r.map((I) => /* @__PURE__ */ t(
+              "td",
+              {
+                className: `${O[n]} text-${I.align ?? "left"} text-foreground ${l ? "border-x border-border first:border-l-0 last:border-r-0" : ""}`,
+                style: Y,
+                children: I.render ? I.render(i[I.key], i, k) : i[I.key]
+              },
+              I.key
+            ))
+          ]
+        },
+        k
+      );
+    }) })
+  ] }) }) });
+}
+const cr = {
+  sm: { fontFamily: "var(--font-button)", fontSize: "calc(var(--text-button) * 0.85)", fontWeight: "var(--weight-button)", padding: "6px 12px" },
+  md: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-button)", padding: "8px 16px" },
+  lg: { fontFamily: "var(--font-button)", fontSize: "calc(var(--text-button) * 1.14)", fontWeight: "var(--weight-button)", padding: "10px 20px" }
+};
+function $r({ tabs: r, variant: e = "default", size: n = "md", defaultTab: o, activeTab: s, onChange: l, fullWidth: d = !1, className: f = "" }) {
+  var F, x;
+  const [c, h] = M(o ?? ((F = r[0]) == null ? void 0 : F.id) ?? ""), u = s ?? c, w = G(null), [y, m] = M({ left: 0, width: 0 }), D = (b) => {
+    s || h(b), l == null || l(b);
+  };
+  X(() => {
+    if (e !== "underline" && e !== "default") return;
+    const b = w.current;
+    if (!b) return;
+    const N = b.querySelector(`[data-tab-id="${u}"]`);
+    N && m({ left: N.offsetLeft, width: N.offsetWidth });
+  }, [u, e]);
+  const _ = (x = r.find((b) => b.id === u)) == null ? void 0 : x.content, $ = (() => {
+    switch (e) {
+      case "bordered":
+        return "border border-border rounded-[var(--radius)] bg-muted/30 p-1 gap-1";
+      case "pills":
+        return "gap-1.5";
+      case "underline":
+        return "border-b border-border relative";
+      default:
+        return "border-b border-border relative";
+    }
+  })(), S = (b, N) => {
+    const z = "relative flex items-center gap-1.5 transition-all cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring whitespace-nowrap";
+    if (N) return `${z} opacity-40 !cursor-not-allowed`;
+    switch (e) {
+      case "bordered":
+        return `${z} rounded-[var(--radius-sm)] ${b ? "bg-card text-foreground shadow-elevation-sm" : "text-muted-foreground hover:text-foreground hover:bg-card/50"}`;
+      case "pills":
+        return `${z} rounded-[var(--radius)] ${b ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"}`;
+      case "underline":
+        return `${z} ${b ? "text-primary" : "text-muted-foreground hover:text-foreground"}`;
+      default:
+        return `${z} ${b ? "text-primary" : "text-muted-foreground hover:text-foreground"}`;
+    }
+  };
+  return /* @__PURE__ */ a("div", { className: f, children: [
+    /* @__PURE__ */ a("div", { ref: w, className: `flex ${d ? "" : "inline-flex"} ${$}`, role: "tablist", children: [
+      (e === "default" || e === "underline") && /* @__PURE__ */ t(
+        "div",
+        {
+          className: "absolute bottom-0 h-0.5 bg-primary transition-all duration-200 rounded-full",
+          style: { left: y.left, width: y.width }
+        }
+      ),
+      r.map((b) => {
+        const N = u === b.id;
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            "data-tab-id": b.id,
+            role: "tab",
+            "aria-selected": N,
+            disabled: b.disabled,
+            onClick: () => !b.disabled && D(b.id),
+            className: `${S(N, !!b.disabled)} ${d ? "flex-1 justify-center" : ""}`,
+            style: cr[n],
+            children: [
+              b.icon && /* @__PURE__ */ t("span", { className: "flex-shrink-0", children: b.icon }),
+              /* @__PURE__ */ t("span", { children: b.label }),
+              b.badge !== void 0 && /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `ml-1 px-1.5 py-0.5 rounded-full min-w-[18px] text-center ${N && e === "pills" ? "bg-primary-foreground/20 text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+                  style: { fontFamily: "var(--font-button)", fontSize: "calc(var(--text-button) * 0.72)", fontWeight: "var(--weight-button)", lineHeight: "1" },
+                  children: b.badge
+                }
+              )
+            ]
+          },
+          b.id
+        );
+      })
+    ] }),
+    _ && /* @__PURE__ */ t("div", { className: "pt-4", role: "tabpanel", children: _ })
+  ] });
+}
+export {
+  Gt as Alert,
+  br as Badge,
+  fr as ButtonGroup,
+  pr as CheckboxGroup,
+  xr as ConfirmDialog,
+  Bt as DSButton,
+  hr as DSCheckbox,
+  qt as DSInput,
+  vr as DSRadio,
+  kr as DSTable,
+  Rt as DSTextarea,
+  yr as DatePicker,
+  Ht as IconButton,
+  nr as Modal,
+  wr as Pagination,
+  gr as RadioGroup,
+  Nr as SearchField,
+  $r as Tabs,
+  mr as ToastContainer,
+  U as toast
+};
+//# sourceMappingURL=sellsuki-ds.js.map