@genispace/geniapp 0.1.0

package/dist/kit.js

@@ -0,0 +1,2067 @@
+import { Z as O, r as ae, s as oe, v as ne, B as H, w as Z, c as _e, M as Oe, x as Ee, y as Ve, z as Le, E as je, H as Be } from "./useUserDirectory-CqkyCQoR.js";
+import { A as sa, a as ia, b as la, d as da, e as ca, f as ua, g as ma, h as fa, i as pa, j as ga, k as ha, l as ba, I as va, J as xa, C as wa, K as ya, D as Na, L as ka, N as Ca, O as Ta, R as Sa, V as Ra, W as Da, X as Aa, Y as Ia, _ as Ma, $ as Pa, a0 as _a, F as Oa, G as Ea, a1 as Va, a2 as La, P as ja, a3 as Ba, Q as za, a4 as Ua, a5 as Ga, a6 as $a, a7 as Fa, a8 as Ha, a9 as Xa, aa as Ka, ab as Ya, ac as qa, ad as Qa, ae as Ja, af as Wa, ag as Za, S as eo, m as to, T as ro, U as ao, n as oo, ah as no, o as so, p as io, q as lo, t as co, u as uo } from "./useUserDirectory-CqkyCQoR.js";
+import { jsx as a, jsxs as u, Fragment as ze } from "react/jsx-runtime";
+import * as n from "react";
+import Ue, { useState as Ge, useEffect as $e } from "react";
+import { cn as i } from "@genispace/geniapp/utils";
+import { cva as I } from "class-variance-authority";
+import * as se from "@radix-ui/react-label";
+import * as $ from "@radix-ui/react-switch";
+import { AlertTriangle as ie, Info as le, HelpCircle as Fe, ArrowUpRight as ee, Sparkles as He, X, Check as K, ChevronDown as Y, ChevronUp as Xe, Circle as de, ChevronRight as Ke, XCircle as Ye, CheckCircle as qe, BookOpen as Qe, Settings2 as Je, RotateCcw as We } from "lucide-react";
+import * as y from "@radix-ui/react-tabs";
+import * as ce from "@radix-ui/react-toggle";
+import * as z from "@radix-ui/react-toggle-group";
+import * as q from "@radix-ui/react-collapsible";
+import * as M from "@radix-ui/react-scroll-area";
+import * as b from "@radix-ui/react-select";
+import * as g from "@radix-ui/react-dropdown-menu";
+import * as _ from "@radix-ui/react-tooltip";
+import * as L from "@radix-ui/react-radio-group";
+import { useTranslation as ue } from "react-i18next";
+import * as Q from "recharts";
+import { A as fo } from "./Page-wHZrMN17.js";
+import * as N from "@radix-ui/react-toast";
+import { c as go } from "./cn-B6yFEsav.js";
+const me = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i(
+      "rounded-xl border border-border bg-card text-card-foreground shadow",
+      e
+    ),
+    ...t
+  }
+));
+me.displayName = "Card";
+const Ze = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i("flex flex-col space-y-1.5 p-4 sm:p-6", e),
+    ...t
+  }
+));
+Ze.displayName = "CardHeader";
+const et = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i("font-semibold leading-none tracking-tight", e),
+    ...t
+  }
+));
+et.displayName = "CardTitle";
+const tt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+tt.displayName = "CardDescription";
+const fe = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: i("p-4 pt-0 sm:px-6 sm:pb-6", e), ...t }));
+fe.displayName = "CardContent";
+const rt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i("flex items-center p-4 pt-0 sm:px-6 sm:pb-6", e),
+    ...t
+  }
+));
+rt.displayName = "CardFooter";
+const at = I(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Rr({ className: e, variant: t, ...r }) {
+  return /* @__PURE__ */ a("div", { className: i(at({ variant: t }), e), ...r });
+}
+const ot = I(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), nt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  se.Root,
+  {
+    ref: r,
+    className: i(ot(), e),
+    ...t
+  }
+));
+nt.displayName = se.Root.displayName;
+const st = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "textarea",
+  {
+    className: i(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      e
+    ),
+    ref: r,
+    ...t
+  }
+));
+st.displayName = "Textarea";
+const it = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  $.Root,
+  {
+    className: i(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      `relative ${O.STICKY_HEADER} touch-manipulation`,
+      e
+    ),
+    ...t,
+    ref: r,
+    children: /* @__PURE__ */ a(
+      $.Thumb,
+      {
+        className: i(
+          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+it.displayName = $.Root.displayName;
+const lt = n.forwardRef(
+  ({
+    value: e,
+    defaultValue: t = [0],
+    onValueChange: r,
+    min: o = 0,
+    max: s = 100,
+    step: l = 1,
+    className: d,
+    disabled: c = !1,
+    ...m
+  }, h) => {
+    const [p, v] = n.useState(t), S = n.useRef(null), R = n.useRef(null), x = e || p, k = (x[0] - o) / (s - o) * 100, E = n.useCallback((D) => {
+      if (c) return;
+      const C = S.current;
+      if (!C) return;
+      const A = (T) => {
+        const J = C.getBoundingClientRect(), Me = Math.max(0, Math.min(1, (T - J.left) / J.width)), Pe = Math.round((o + Me * (s - o)) / l) * l, W = [Math.max(o, Math.min(s, Pe))];
+        v(W), r?.(W);
+      };
+      A(D.clientX);
+      const f = (T) => {
+        A(T.clientX);
+      }, w = () => {
+        document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", w);
+      };
+      document.addEventListener("mousemove", f), document.addEventListener("mouseup", w);
+    }, [c, o, s, l, r]), P = n.useCallback((D) => {
+      if (c) return;
+      let C = x[0];
+      switch (D.key) {
+        case "ArrowLeft":
+        case "ArrowDown":
+          C = Math.max(o, x[0] - l);
+          break;
+        case "ArrowRight":
+        case "ArrowUp":
+          C = Math.min(s, x[0] + l);
+          break;
+        case "Home":
+          C = o;
+          break;
+        case "End":
+          C = s;
+          break;
+        default:
+          return;
+      }
+      D.preventDefault();
+      const A = [C];
+      v(A), r?.(A);
+    }, [c, x, o, s, l, r]);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: h,
+        className: i(
+          "relative flex w-full touch-none select-none items-center",
+          d
+        ),
+        ...m,
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              ref: S,
+              className: "relative h-2 w-full grow overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-700 cursor-pointer",
+              onMouseDown: E,
+              children: /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "absolute h-full bg-brand-primary-light dark:bg-brand-primary transition-all duration-150 ease-out",
+                  style: { width: `${k}%` }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              ref: R,
+              className: i(
+                "absolute block h-5 w-5 rounded-full border-2 border-brand-primary bg-white shadow-md transition-colors cursor-pointer",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2",
+                c && "pointer-events-none opacity-50"
+              ),
+              style: { left: `calc(${k}% - 10px)` },
+              tabIndex: c ? -1 : 0,
+              onKeyDown: P,
+              role: "slider",
+              "aria-valuemin": o,
+              "aria-valuemax": s,
+              "aria-valuenow": x[0]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+lt.displayName = "Slider";
+const dt = n.forwardRef(
+  ({ className: e, value: t = 0, max: r = 100, ...o }, s) => {
+    const l = Math.min(Math.max(t / r * 100, 0), 100);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: s,
+        className: i(
+          "relative h-2 w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-800",
+          e
+        ),
+        ...o,
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            className: "h-full w-full flex-1 bg-brand-primary-light transition-all duration-300 ease-in-out",
+            style: { transform: `translateX(-${100 - l}%)` }
+          }
+        )
+      }
+    );
+  }
+);
+dt.displayName = "Progress";
+const ct = Ue.forwardRef(
+  ({ className: e, orientation: t = "horizontal", ...r }, o) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: o,
+      className: i(
+        "shrink-0 bg-neutral-200 dark:bg-neutral-800",
+        t === "horizontal" ? "h-px w-full" : "w-px h-full",
+        e
+      ),
+      ...r
+    }
+  )
+);
+ct.displayName = "Separator";
+const ut = I(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), mt = n.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: o,
+    role: "alert",
+    className: i(ut({ variant: t }), e),
+    ...r
+  }
+));
+mt.displayName = "Alert";
+const ft = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "h5",
+  {
+    ref: r,
+    className: i("mb-1 font-medium leading-none tracking-tight", e),
+    ...t
+  }
+));
+ft.displayName = "AlertTitle";
+const pt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i("text-sm [&_p]:leading-relaxed", e),
+    ...t
+  }
+));
+pt.displayName = "AlertDescription";
+const gt = I("rounded-xl border shadow-sm", {
+  variants: {
+    variant: {
+      info: "border-sky-200/80 dark:border-sky-900/45 bg-sky-50/70 dark:bg-sky-950/30",
+      neutral: "border-neutral-200 dark:border-neutral-700 bg-neutral-50/70 dark:bg-neutral-900/35",
+      warning: "border-amber-200/80 dark:border-amber-900/40 bg-amber-50/60 dark:bg-amber-950/25"
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+}), ht = I("shrink-0 mt-0.5", {
+  variants: {
+    variant: {
+      info: "text-sky-600 dark:text-sky-400",
+      neutral: "text-neutral-500 dark:text-neutral-400",
+      warning: "text-amber-600 dark:text-amber-500"
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+});
+function bt({ variant: e }) {
+  return e === "warning" ? /* @__PURE__ */ a(ie, { className: "h-4 w-4", "aria-hidden": !0 }) : /* @__PURE__ */ a(le, { className: "h-4 w-4", "aria-hidden": !0 });
+}
+const vt = n.forwardRef(
+  function({
+    className: t,
+    variant: r,
+    title: o,
+    children: s,
+    contentClassName: l,
+    showIcon: d = !0,
+    icon: c,
+    preserveWhitespace: m = !1,
+    ...h
+  }, p) {
+    const v = r ?? "info";
+    return /* @__PURE__ */ a(me, { ref: p, className: i(gt({ variant: v }), t), ...h, children: /* @__PURE__ */ a(fe, { className: i("pt-5 pb-4", l), children: /* @__PURE__ */ u("div", { className: "flex gap-3", children: [
+      d ? /* @__PURE__ */ a("div", { className: i(ht({ variant: v })), children: c ?? /* @__PURE__ */ a(bt, { variant: v }) }) : null,
+      /* @__PURE__ */ u("div", { className: "min-w-0 space-y-2", children: [
+        o ? /* @__PURE__ */ a("p", { className: "text-sm font-medium text-neutral-900 dark:text-neutral-100", children: o }) : null,
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: i(
+              "text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed",
+              m && "whitespace-pre-line"
+            ),
+            children: s
+          }
+        )
+      ] })
+    ] }) }) });
+  }
+);
+vt.displayName = "HintNotice";
+function Dr({
+  title: e,
+  content: t,
+  moreHref: r,
+  onMore: o,
+  moreLabel: s = "Learn more",
+  label: l = "Help",
+  side: d = "top",
+  align: c = "center",
+  className: m,
+  contentClassName: h
+}) {
+  const p = !!(r || o);
+  return /* @__PURE__ */ u(ae, { children: [
+    /* @__PURE__ */ a(oe, { asChild: !0, children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        "aria-label": l,
+        className: i(
+          "inline-flex shrink-0 items-center justify-center rounded-full align-middle",
+          "text-muted-foreground transition-colors hover:text-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+          m
+        ),
+        children: /* @__PURE__ */ a(Fe, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+      }
+    ) }),
+    /* @__PURE__ */ u(
+      ne,
+      {
+        side: d,
+        align: c,
+        className: i("w-auto max-w-[20rem] p-3 text-sm", h),
+        children: [
+          e ? /* @__PURE__ */ a("p", { className: "mb-1 font-semibold text-foreground", children: e }) : null,
+          /* @__PURE__ */ a("div", { className: "leading-relaxed text-muted-foreground", children: t }),
+          p ? /* @__PURE__ */ a("div", { className: "mt-2", children: r ? /* @__PURE__ */ u(
+            "a",
+            {
+              href: r,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: o,
+              className: "inline-flex items-center gap-0.5 text-xs font-medium text-primary hover:underline",
+              children: [
+                s,
+                /* @__PURE__ */ a(ee, { className: "h-3 w-3", "aria-hidden": !0 })
+              ]
+            }
+          ) : /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              onClick: o,
+              className: "inline-flex items-center gap-0.5 text-xs font-medium text-primary hover:underline",
+              children: [
+                s,
+                /* @__PURE__ */ a(ee, { className: "h-3 w-3", "aria-hidden": !0 })
+              ]
+            }
+          ) }) : null
+        ]
+      }
+    )
+  ] });
+}
+const xt = {
+  info: {
+    container: "border-status-info/40 bg-status-info/10",
+    icon: "text-status-info"
+  },
+  warning: {
+    container: "border-status-warning/40 bg-status-warning/10",
+    icon: "text-status-warning"
+  }
+}, Ar = n.forwardRef(
+  function({
+    title: t,
+    description: r,
+    onDismiss: o,
+    dismissLabel: s,
+    tone: l = "info",
+    children: d,
+    className: c,
+    ...m
+  }, h) {
+    const p = xt[l];
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: h,
+        role: "status",
+        className: i("rounded-lg border p-3", p.container, c),
+        ...m,
+        children: [
+          /* @__PURE__ */ u("div", { className: "flex items-start gap-2.5", children: [
+            /* @__PURE__ */ a(He, { className: i("mt-0.5 h-4 w-4 shrink-0", p.icon), "aria-hidden": !0 }),
+            /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 space-y-0.5", children: [
+              /* @__PURE__ */ a("p", { className: "text-sm font-medium text-foreground", children: t }),
+              r ? /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: r }) : null
+            ] }),
+            o ? /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                "aria-label": s,
+                onClick: o,
+                className: i(
+                  "shrink-0 rounded-sm p-0.5 text-muted-foreground transition-colors hover:text-foreground",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                ),
+                children: /* @__PURE__ */ a(X, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+              }
+            ) : null
+          ] }),
+          d ? /* @__PURE__ */ a("div", { className: "mt-2 pl-[26px]", children: d }) : null
+        ]
+      }
+    );
+  }
+);
+function wt({
+  onValueChange: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    y.Root,
+    {
+      ...t,
+      onValueChange: e ? (r) => {
+        n.startTransition(() => {
+          e(r);
+        });
+      } : void 0
+    }
+  );
+}
+wt.displayName = y.Root.displayName;
+const yt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.List,
+  {
+    ref: r,
+    className: i(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+yt.displayName = y.List.displayName;
+const Nt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.Trigger,
+  {
+    ref: r,
+    className: i(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      e
+    ),
+    ...t
+  }
+));
+Nt.displayName = y.Trigger.displayName;
+const kt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.Content,
+  {
+    ref: r,
+    className: i(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      e
+    ),
+    ...t
+  }
+));
+kt.displayName = y.Content.displayName;
+const Ir = y.Root, Ct = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.List,
+  {
+    ref: r,
+    className: i(
+      "inline-flex h-auto items-stretch justify-start gap-0 rounded-none border-0 border-b border-border bg-transparent p-0 text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Ct.displayName = "UnderlineTabsList";
+const Tt = I(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-none border-b-2 border-transparent bg-transparent px-4 py-2 text-sm font-medium text-muted-foreground ring-offset-background transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "data-[state=active]:border-primary data-[state=active]:text-foreground",
+        brand: "data-[state=active]:border-brand-primary data-[state=active]:text-brand-primary dark:data-[state=active]:border-blue-400 dark:data-[state=active]:text-blue-400 data-[state=active]:font-medium",
+        orange: "data-[state=active]:border-orange-500 data-[state=active]:text-orange-700 dark:data-[state=active]:text-orange-300 data-[state=active]:bg-white dark:data-[state=active]:bg-gray-900"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), St = n.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ a(
+  y.Trigger,
+  {
+    ref: o,
+    className: i(Tt({ variant: t, className: e })),
+    ...r
+  }
+));
+St.displayName = "UnderlineTabsTrigger";
+const Rt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.Content,
+  {
+    ref: r,
+    className: i(
+      "mt-0 outline-none ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[state=inactive]:hidden",
+      e
+    ),
+    ...t
+  }
+));
+Rt.displayName = y.Content.displayName;
+const pe = I(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Dt = n.forwardRef(({ className: e, variant: t, size: r, ...o }, s) => /* @__PURE__ */ a(
+  ce.Root,
+  {
+    ref: s,
+    className: i(pe({ variant: t, size: r, className: e })),
+    ...o
+  }
+));
+Dt.displayName = ce.Root.displayName;
+const ge = n.createContext({
+  size: "default",
+  variant: "default"
+}), At = n.forwardRef(({ className: e, variant: t, size: r, children: o, ...s }, l) => /* @__PURE__ */ a(
+  z.Root,
+  {
+    ref: l,
+    className: i("flex items-center justify-center gap-1", e),
+    ...s,
+    children: /* @__PURE__ */ a(ge.Provider, { value: { variant: t, size: r }, children: o })
+  }
+));
+At.displayName = z.Root.displayName;
+const It = n.forwardRef(({ className: e, children: t, variant: r, size: o, ...s }, l) => {
+  const d = n.useContext(ge);
+  return /* @__PURE__ */ a(
+    z.Item,
+    {
+      ref: l,
+      className: i(
+        pe({
+          variant: d.variant || r,
+          size: d.size || o
+        }),
+        e
+      ),
+      ...s,
+      children: t
+    }
+  );
+});
+It.displayName = z.Item.displayName;
+const Mr = q.Root, Pr = q.CollapsibleTrigger, _r = q.CollapsibleContent, Mt = n.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ u(
+  M.Root,
+  {
+    ref: o,
+    className: i("relative overflow-hidden", e),
+    ...r,
+    children: [
+      /* @__PURE__ */ a(M.Viewport, { className: "h-full w-full rounded-[inherit]", children: t }),
+      /* @__PURE__ */ a(he, {}),
+      /* @__PURE__ */ a(M.Corner, {})
+    ]
+  }
+));
+Mt.displayName = M.Root.displayName;
+const he = n.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o) => /* @__PURE__ */ a(
+  M.ScrollAreaScrollbar,
+  {
+    ref: o,
+    orientation: t,
+    className: i(
+      "flex touch-none select-none transition-colors",
+      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...r,
+    children: /* @__PURE__ */ a(M.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+he.displayName = M.ScrollAreaScrollbar.displayName;
+const Or = b.Root, Er = b.Group, Vr = b.Value, Pt = n.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ u(
+  b.Trigger,
+  {
+    ref: o,
+    className: i(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ a(b.Icon, { asChild: !0, children: /* @__PURE__ */ a(Y, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+Pt.displayName = b.Trigger.displayName;
+const be = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  b.ScrollUpButton,
+  {
+    ref: r,
+    className: i(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(Xe, { className: "h-4 w-4" })
+  }
+));
+be.displayName = b.ScrollUpButton.displayName;
+const ve = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  b.ScrollDownButton,
+  {
+    ref: r,
+    className: i(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(Y, { className: "h-4 w-4" })
+  }
+));
+ve.displayName = b.ScrollDownButton.displayName;
+const _t = n.forwardRef(({ className: e, children: t, position: r = "popper", ...o }, s) => /* @__PURE__ */ a(b.Portal, { children: /* @__PURE__ */ u(
+  b.Content,
+  {
+    ref: s,
+    className: i(
+      `relative ${O.NESTED_MODAL} max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden custom-scrollbar rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]`,
+      r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: r,
+    onCloseAutoFocus: (l) => {
+      l.preventDefault();
+    },
+    onPointerDownOutside: (l) => {
+      l.target.closest("[data-radix-dialog-content]") && l.preventDefault();
+    },
+    ...o,
+    children: [
+      /* @__PURE__ */ a(be, {}),
+      /* @__PURE__ */ a(
+        b.Viewport,
+        {
+          className: i(
+            "p-1",
+            r === "popper" && "min-h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ a(ve, {})
+    ]
+  }
+) }));
+_t.displayName = b.Content.displayName;
+const Ot = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  b.Label,
+  {
+    ref: r,
+    className: i("px-2 py-1.5 text-sm font-semibold", e),
+    ...t
+  }
+));
+Ot.displayName = b.Label.displayName;
+const Et = n.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ u(
+  b.Item,
+  {
+    ref: o,
+    className: i(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(b.ItemIndicator, { children: /* @__PURE__ */ a(K, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ a(b.ItemText, { children: t })
+    ]
+  }
+));
+Et.displayName = b.Item.displayName;
+const Vt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  b.Separator,
+  {
+    ref: r,
+    className: i("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+Vt.displayName = b.Separator.displayName;
+const Lt = g.Root, jt = g.Trigger, Lr = g.Group, jr = g.Portal, Br = g.Sub, zr = g.RadioGroup, Bt = n.forwardRef(({ className: e, inset: t, children: r, ...o }, s) => /* @__PURE__ */ u(
+  g.SubTrigger,
+  {
+    ref: s,
+    className: i(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      t && "pl-8",
+      e
+    ),
+    ...o,
+    children: [
+      r,
+      /* @__PURE__ */ a(Ke, { className: "ml-auto" })
+    ]
+  }
+));
+Bt.displayName = g.SubTrigger.displayName;
+const zt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  g.SubContent,
+  {
+    ref: r,
+    className: i(
+      O.OVERLAY_POPOVER,
+      "min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...t
+  }
+));
+zt.displayName = g.SubContent.displayName;
+const xe = n.forwardRef(({ className: e, sideOffset: t = 4, ...r }, o) => /* @__PURE__ */ a(g.Portal, { children: /* @__PURE__ */ a(
+  g.Content,
+  {
+    ref: o,
+    sideOffset: t,
+    className: i(
+      O.OVERLAY_POPOVER,
+      "max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden custom-scrollbar rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...r
+  }
+) }));
+xe.displayName = g.Content.displayName;
+const we = n.forwardRef(({ className: e, inset: t, ...r }, o) => /* @__PURE__ */ a(
+  g.Item,
+  {
+    ref: o,
+    className: i(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      t && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+we.displayName = g.Item.displayName;
+const ye = n.forwardRef(({ className: e, children: t, checked: r, ...o }, s) => /* @__PURE__ */ u(
+  g.CheckboxItem,
+  {
+    ref: s,
+    className: i(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: r,
+    ...o,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(g.ItemIndicator, { children: /* @__PURE__ */ a(K, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+ye.displayName = g.CheckboxItem.displayName;
+const Ut = n.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ u(
+  g.RadioItem,
+  {
+    ref: o,
+    className: i(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(g.ItemIndicator, { children: /* @__PURE__ */ a(de, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+Ut.displayName = g.RadioItem.displayName;
+const Ne = n.forwardRef(({ className: e, inset: t, ...r }, o) => /* @__PURE__ */ a(
+  g.Label,
+  {
+    ref: o,
+    className: i(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+Ne.displayName = g.Label.displayName;
+const F = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  g.Separator,
+  {
+    ref: r,
+    className: i("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+F.displayName = g.Separator.displayName;
+const Gt = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ a(
+  "span",
+  {
+    className: i("ml-auto text-xs tracking-widest opacity-60", e),
+    ...t
+  }
+);
+Gt.displayName = "DropdownMenuShortcut";
+const $t = n.forwardRef(
+  ({
+    options: e,
+    value: t = [],
+    onChange: r,
+    placeholder: o = "Please select",
+    disabled: s = !1,
+    className: l,
+    triggerClassName: d,
+    contentClassName: c,
+    maxDisplayCount: m = 3,
+    showClearButton: h = !0,
+    emptyText: p = "No options"
+  }, v) => {
+    const [S, R] = n.useState(!1), x = n.useMemo(
+      () => Array.isArray(t) ? t : [],
+      [t]
+    ), k = n.useMemo(() => e.filter((f) => x.includes(f.value)), [e, x]), E = () => {
+      if (k.length === 0)
+        return o;
+      if (k.length <= m)
+        return k.map((T) => T.label).join(", ");
+      const f = k.slice(0, m), w = k.length - m;
+      return `${f.map((T) => T.label).join(", ")} +${w}`;
+    }, P = (f) => {
+      if (s) return;
+      const w = x.includes(f) ? x.filter((T) => T !== f) : [...x, f];
+      r?.(w);
+    }, D = (f) => {
+      f.stopPropagation(), r?.([]);
+    }, C = () => {
+      const f = e.filter((w) => !w.disabled).map((w) => w.value);
+      x.length === f.length ? r?.([]) : r?.(f);
+    }, A = e.filter((f) => !f.disabled).length > 0 && x.length === e.filter((f) => !f.disabled).length;
+    return /* @__PURE__ */ u(ae, { open: S, onOpenChange: R, children: [
+      /* @__PURE__ */ a(oe, { asChild: !0, children: /* @__PURE__ */ u(
+        H,
+        {
+          ref: v,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": S,
+          disabled: s,
+          className: i(
+            "h-9 w-full justify-between text-left font-normal",
+            !k.length && "text-muted-foreground",
+            d,
+            l
+          ),
+          children: [
+            /* @__PURE__ */ a("span", { className: "truncate flex-1 text-left", children: E() }),
+            /* @__PURE__ */ u("div", { className: "flex items-center gap-1 ml-2 shrink-0", children: [
+              h && k.length > 0 && /* @__PURE__ */ a(
+                X,
+                {
+                  className: "h-4 w-4 opacity-50 hover:opacity-100 transition-opacity",
+                  onClick: D
+                }
+              ),
+              /* @__PURE__ */ a(Y, { className: "h-4 w-4 opacity-50 shrink-0" })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          className: i("w-[var(--radix-popover-trigger-width)] p-0", c),
+          align: "start",
+          onOpenAutoFocus: (f) => f.preventDefault(),
+          children: /* @__PURE__ */ a("div", { className: "max-h-[300px] overflow-y-auto", children: e.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: p }) : /* @__PURE__ */ u(ze, { children: [
+            e.filter((f) => !f.disabled).length > 0 && /* @__PURE__ */ a("div", { className: "px-2 py-1.5 border-b", children: /* @__PURE__ */ u(
+              "div",
+              {
+                className: "flex items-center gap-2 px-2 py-1.5 rounded-sm hover:bg-accent cursor-pointer",
+                onClick: C,
+                children: [
+                  /* @__PURE__ */ a(
+                    Z,
+                    {
+                      checked: A,
+                      onCheckedChange: C,
+                      onClick: (f) => f.stopPropagation()
+                    }
+                  ),
+                  /* @__PURE__ */ a("span", { className: "text-sm font-medium", children: A ? "Deselect all" : "Select all" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ a("div", { className: "p-1", children: e.map((f) => {
+              const w = x.includes(f.value);
+              return /* @__PURE__ */ u(
+                "div",
+                {
+                  className: i(
+                    "flex items-center gap-2 px-2 py-1.5 rounded-sm cursor-pointer hover:bg-accent transition-colors",
+                    f.disabled && "opacity-50 cursor-not-allowed"
+                  ),
+                  onClick: () => !f.disabled && P(f.value),
+                  children: [
+                    /* @__PURE__ */ a(
+                      Z,
+                      {
+                        checked: w,
+                        disabled: f.disabled,
+                        onCheckedChange: () => !f.disabled && P(f.value),
+                        onClick: (T) => T.stopPropagation()
+                      }
+                    ),
+                    /* @__PURE__ */ a("span", { className: "text-sm flex-1", children: f.label }),
+                    w && /* @__PURE__ */ a(K, { className: "h-4 w-4 text-primary shrink-0" })
+                  ]
+                },
+                f.value
+              );
+            }) })
+          ] }) })
+        }
+      )
+    ] });
+  }
+);
+$t.displayName = "MultiSelect";
+const Ur = _.Provider, Gr = _.Root, $r = _.Trigger, Ft = n.forwardRef(({ className: e, sideOffset: t = 4, ...r }, o) => /* @__PURE__ */ a(_.Portal, { children: /* @__PURE__ */ a(
+  _.Content,
+  {
+    ref: o,
+    sideOffset: t,
+    className: i(
+      `${O.TOOLTIP} overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]`,
+      e
+    ),
+    ...r
+  }
+) }));
+Ft.displayName = _.Content.displayName;
+const Ht = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  L.Root,
+  {
+    className: i("grid gap-2", e),
+    ...t,
+    ref: r
+  }
+));
+Ht.displayName = L.Root.displayName;
+const Xt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  L.Item,
+  {
+    ref: r,
+    className: i(
+      "aspect-square h-4 w-4 rounded-full border border-neutral-300 dark:border-neutral-700 text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(L.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ a(de, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+  }
+));
+Xt.displayName = L.Item.displayName;
+function Kt(e) {
+  return e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : "";
+}
+function Fr({ selected: e, onChange: t, placeholderText: r, className: o, compact: s = !1, locale: l }) {
+  return /* @__PURE__ */ a(
+    _e,
+    {
+      value: Kt(e),
+      onChange: (d) => t?.(d ? /* @__PURE__ */ new Date(`${d}T00:00:00`) : void 0),
+      placeholder: r,
+      locale: l,
+      className: o,
+      triggerClassName: s ? "h-8 px-2 text-sm" : void 0
+    }
+  );
+}
+const Yt = {
+  success: qe,
+  error: Ye,
+  warning: ie,
+  info: le
+}, qt = {
+  success: {
+    iconColor: "text-green-500 dark:text-green-400",
+    buttonColor: "bg-green-600 hover:bg-green-700 dark:bg-green-500 dark:hover:bg-green-600"
+  },
+  error: {
+    iconColor: "text-red-500 dark:text-red-400",
+    buttonColor: "bg-red-600 hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600"
+  },
+  warning: {
+    iconColor: "text-orange-500 dark:text-orange-400",
+    buttonColor: "bg-orange-600 hover:bg-orange-700 dark:bg-orange-500 dark:hover:bg-orange-600"
+  },
+  info: {
+    iconColor: "text-brand-primary dark:text-neutral-400",
+    buttonColor: "bg-brand-primary-light hover:bg-brand-primary dark:bg-brand-primary dark:hover:bg-brand-primary-light"
+  }
+}, Qt = ({
+  isOpen: e,
+  onClose: t,
+  type: r = "info",
+  title: o,
+  message: s,
+  confirmText: l,
+  onConfirm: d,
+  showCancel: c = !1,
+  cancelText: m,
+  onCancel: h,
+  loading: p = !1
+}) => {
+  const { t: v } = ue("common"), S = Yt[r], R = qt[r], x = {
+    success: v("dialog.title.success", "Success"),
+    error: v("dialog.title.error", "Error"),
+    warning: v("dialog.title.warning", "Warning"),
+    info: v("dialog.title.info", "Information")
+  }[r], k = l || v("dialog.button.confirm", "OK"), E = m || v("dialog.button.cancel", "Cancel"), P = () => {
+    d ? d() : t();
+  }, D = () => {
+    h ? h() : t();
+  };
+  return /* @__PURE__ */ a(
+    Oe,
+    {
+      size: "STANDARD",
+      isOpen: e,
+      onClose: t,
+      showCloseButton: !1,
+      closeOnOverlayClick: !p,
+      contentClassName: "max-w-md shadow-2xl",
+      children: /* @__PURE__ */ u("div", { className: "p-6 bg-white dark:bg-neutral-900 rounded-lg", children: [
+        /* @__PURE__ */ u("div", { className: "flex items-center gap-4 mb-4", children: [
+          /* @__PURE__ */ a("div", { className: i("flex-shrink-0", R.iconColor), children: /* @__PURE__ */ a(S, { className: "w-8 h-8" }) }),
+          /* @__PURE__ */ a("div", { className: "flex-1", children: (o || x) && /* @__PURE__ */ a("h3", { className: "text-lg font-semibold text-neutral-900 dark:text-neutral-100 mb-1", children: o || x }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "mb-6", children: /* @__PURE__ */ a("p", { className: "text-neutral-700 dark:text-neutral-200 whitespace-pre-line leading-relaxed", children: s }) }),
+        /* @__PURE__ */ u("div", { className: "flex items-center justify-end gap-3", children: [
+          c && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: D,
+              disabled: p,
+              className: "px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-200 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+              children: E
+            }
+          ),
+          /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              onClick: P,
+              disabled: p,
+              className: i(
+                "px-4 py-2 text-sm font-medium text-white dark:text-white rounded-lg transition-colors flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900 shadow-sm",
+                R.buttonColor
+              ),
+              children: [
+                p && /* @__PURE__ */ a("div", { className: "w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" }),
+                k
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, ke = n.createContext(void 0), Hr = ({ children: e }) => {
+  const [t, r] = n.useState({
+    isOpen: !1,
+    type: "info",
+    message: ""
+  }), o = n.useCallback((c) => {
+    r({
+      ...c,
+      isOpen: !0
+    });
+  }, []), s = n.useCallback(() => {
+    r((c) => ({
+      ...c,
+      isOpen: !1
+    }));
+  }, []), l = n.useCallback((c) => {
+    r((m) => ({
+      ...m,
+      loading: c
+    }));
+  }, []), d = n.useMemo(() => ({
+    showAlert: o,
+    hideAlert: s,
+    setLoading: l,
+    state: t
+  }), [o, s, l, t]);
+  return /* @__PURE__ */ u(ke.Provider, { value: d, children: [
+    e,
+    /* @__PURE__ */ a(
+      Qt,
+      {
+        isOpen: t.isOpen,
+        onClose: s,
+        type: t.type,
+        title: t.title,
+        message: t.message,
+        confirmText: t.confirmText,
+        onConfirm: t.onConfirm,
+        showCancel: t.showCancel,
+        cancelText: t.cancelText,
+        onCancel: t.onCancel,
+        loading: t.loading
+      }
+    )
+  ] });
+}, Jt = () => {
+  const e = n.useContext(ke);
+  if (!e)
+    throw new Error("useAlert must be used within AlertProvider");
+  return e;
+}, Xr = () => {
+  const { showAlert: e, hideAlert: t, setLoading: r } = Jt(), { t: o } = ue("common");
+  return n.useMemo(() => ({
+    success: (s, l) => {
+      e({
+        type: "success",
+        message: s,
+        ...l
+      });
+    },
+    error: (s, l) => {
+      e({
+        type: "error",
+        message: s,
+        ...l
+      });
+    },
+    warning: (s, l) => {
+      e({
+        type: "warning",
+        message: s,
+        ...l
+      });
+    },
+    info: (s, l) => {
+      e({
+        type: "info",
+        message: s,
+        ...l
+      });
+    },
+    confirm: (s, l, d) => {
+      e({
+        type: d?.type || "warning",
+        title: d?.title || o("dialog.title.confirm", "Confirm Operation"),
+        message: s,
+        onConfirm: async () => {
+          const c = l();
+          if (c instanceof Promise) {
+            r(!0);
+            try {
+              await c, t();
+            } catch (m) {
+              throw r(!1), console.error("Confirm operation failed:", m), m;
+            }
+          } else
+            t();
+        },
+        showCancel: !0,
+        confirmText: d?.confirmText || o("dialog.button.confirm", "OK"),
+        cancelText: d?.cancelText || o("dialog.button.cancel", "Cancel"),
+        ...d
+      });
+    },
+    confirmDelete: (s, l, d) => {
+      e({
+        type: "error",
+        title: d?.title || o("dialog.title.delete", "Delete Confirmation"),
+        message: s,
+        onConfirm: async () => {
+          r(!0);
+          try {
+            await l(), t();
+          } catch (c) {
+            throw r(!1), console.error("Delete operation failed:", c), c;
+          }
+        },
+        showCancel: !0,
+        confirmText: d?.confirmText || o("dialog.button.delete", "Delete"),
+        cancelText: d?.cancelText || o("dialog.button.cancel", "Cancel"),
+        ...d
+      });
+    },
+    hide: t
+  }), [e, t, r, o]);
+}, Wt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ a(
+  "table",
+  {
+    ref: r,
+    className: i("w-full caption-bottom text-sm", e),
+    ...t
+  }
+) }));
+Wt.displayName = "Table";
+const Zt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("thead", { ref: r, className: i("[&_tr]:border-b", e), ...t }));
+Zt.displayName = "TableHeader";
+const er = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "tbody",
+  {
+    ref: r,
+    className: i("[&_tr:last-child]:border-0", e),
+    ...t
+  }
+));
+er.displayName = "TableBody";
+const tr = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "tfoot",
+  {
+    ref: r,
+    className: i(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...t
+  }
+));
+tr.displayName = "TableFooter";
+const rr = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "tr",
+  {
+    ref: r,
+    className: i(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      e
+    ),
+    ...t
+  }
+));
+rr.displayName = "TableRow";
+const ar = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "th",
+  {
+    ref: r,
+    className: i(
+      "h-11 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...t
+  }
+));
+ar.displayName = "TableHead";
+const or = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "td",
+  {
+    ref: r,
+    className: i(
+      "px-4 py-3 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...t
+  }
+));
+or.displayName = "TableCell";
+const nr = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "caption",
+  {
+    ref: r,
+    className: i("mt-4 text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+nr.displayName = "TableCaption";
+const Ce = n.createContext(null);
+function sr() {
+  const e = n.useContext(Ce);
+  if (!e)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return e;
+}
+function Kr({
+  id: e,
+  className: t,
+  children: r,
+  config: o,
+  ...s
+}) {
+  const l = n.useId(), d = `chart-${e ?? l.replace(/:/g, "")}`;
+  return /* @__PURE__ */ a(Ce.Provider, { value: { config: o }, children: /* @__PURE__ */ u(
+    "div",
+    {
+      "data-chart": d,
+      className: i(
+        'flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke="#ccc"]]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke="#fff"]]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke="#ccc"]]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke="#ccc"]]:stroke-border [&_.recharts-sector[stroke="#fff"]]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none',
+        t
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ a(ir, { id: d, config: o }),
+        /* @__PURE__ */ a(Q.ResponsiveContainer, { children: r })
+      ]
+    }
+  ) });
+}
+function ir({ id: e, config: t }) {
+  return Object.entries(t).filter(([, o]) => o.color).length === 0 ? null : /* @__PURE__ */ a(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(t).filter(([, o]) => o.color).map(
+          ([o, s]) => `[data-chart=${e}] { --color-${o}: ${s.color}; }`
+        ).join(`
+`)
+      }
+    }
+  );
+}
+const Yr = Q.Tooltip;
+function qr({
+  active: e,
+  payload: t,
+  label: r,
+  className: o,
+  hideLabel: s = !1
+}) {
+  const { config: l } = sr();
+  return !e || !t?.length ? null : /* @__PURE__ */ u(
+    "div",
+    {
+      className: i(
+        "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+        o
+      ),
+      children: [
+        !s && r != null && /* @__PURE__ */ a("div", { className: "font-medium text-foreground", children: String(r) }),
+        /* @__PURE__ */ a("div", { className: "grid gap-1.5", children: t.map((d, c) => {
+          const m = `${String(d.name ?? d.dataKey ?? "value")}`, h = l[m], p = d.color ?? d.payload?.fill ?? h?.color;
+          return /* @__PURE__ */ u(
+            "div",
+            {
+              className: "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+              children: [
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    className: "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                    style: {
+                      "--color-bg": p,
+                      "--color-border": p
+                    }
+                  }
+                ),
+                /* @__PURE__ */ u("div", { className: "flex flex-1 justify-between leading-none", children: [
+                  /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: h?.label ?? d.name ?? m }),
+                  /* @__PURE__ */ a("span", { className: "font-mono font-medium tabular-nums text-foreground", children: typeof d.value == "number" ? d.value.toLocaleString() : String(d.value ?? "") })
+                ] })
+              ]
+            },
+            c
+          );
+        }) })
+      ]
+    }
+  );
+}
+const Qr = Q.Legend;
+function Jr({
+  open: e,
+  onOpenChange: t,
+  title: r,
+  description: o,
+  steps: s,
+  footer: l,
+  className: d
+}) {
+  return /* @__PURE__ */ a(Ee, { open: e, onOpenChange: t, children: /* @__PURE__ */ u(
+    Ve,
+    {
+      side: "right",
+      className: i("flex w-full flex-col sm:max-w-md", d),
+      children: [
+        /* @__PURE__ */ u(Le, { children: [
+          /* @__PURE__ */ a(je, { children: r }),
+          o ? /* @__PURE__ */ a(Be, { children: o }) : null
+        ] }),
+        /* @__PURE__ */ a("div", { className: "-mx-1 flex-1 overflow-y-auto px-1", children: /* @__PURE__ */ a("ol", { className: "space-y-6 py-2", children: s.map((c, m) => /* @__PURE__ */ u("li", { className: "flex gap-3", children: [
+          /* @__PURE__ */ a(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-medium text-primary-foreground",
+              children: m + 1
+            }
+          ),
+          /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+            /* @__PURE__ */ a("p", { className: "text-sm font-semibold leading-6 text-foreground", children: c.title }),
+            /* @__PURE__ */ a("div", { className: "text-sm leading-relaxed text-muted-foreground", children: c.body }),
+            c.image ? /* @__PURE__ */ a(
+              "img",
+              {
+                src: c.image,
+                alt: c.imageAlt ?? "",
+                loading: "lazy",
+                className: "mt-2 w-full rounded-lg border object-cover"
+              }
+            ) : null
+          ] })
+        ] }, m)) }) }),
+        l ? /* @__PURE__ */ a("div", { className: "border-t pt-4", children: l }) : null
+      ]
+    }
+  ) });
+}
+const Wr = n.forwardRef(function({ children: t = "Guide", className: r, ...o }, s) {
+  return /* @__PURE__ */ u(H, { ref: s, type: "button", variant: "ghost", size: "sm", className: r, ...o, children: [
+    /* @__PURE__ */ a(Qe, { className: "h-4 w-4", "aria-hidden": !0 }),
+    t
+  ] });
+});
+function te(e, t) {
+  if (typeof window > "u") return t;
+  try {
+    const r = window.localStorage.getItem(e);
+    if (!r) return t;
+    const o = JSON.parse(r);
+    if (Array.isArray(o) && o.every((s) => typeof s == "string"))
+      return o;
+  } catch {
+  }
+  return t;
+}
+function Zr(e, t, r = []) {
+  const o = n.useRef(r);
+  o.current = r;
+  const [s, l] = n.useState(
+    () => te(e, r)
+  );
+  n.useEffect(() => {
+    l(te(e, o.current));
+  }, [e]);
+  const d = n.useCallback(
+    (p) => !s.includes(p),
+    [s]
+  ), c = n.useCallback(
+    (p) => {
+      l((v) => {
+        const S = v.includes(p) ? v.filter((R) => R !== p) : [...v, p];
+        try {
+          window.localStorage.setItem(e, JSON.stringify(S));
+        } catch {
+        }
+        return S;
+      });
+    },
+    [e]
+  ), m = n.useCallback(() => {
+    l(o.current);
+    try {
+      window.localStorage.removeItem(e);
+    } catch {
+    }
+  }, [e]);
+  return { visibleKeys: n.useMemo(
+    () => t.map((p) => p.key).filter((p) => !s.includes(p)),
+    [t, s]
+  ), isVisible: d, toggle: c, reset: m };
+}
+function ea({
+  columns: e,
+  hook: t,
+  label: r = "Configure columns",
+  menuLabel: o = "Columns",
+  resetLabel: s = "Reset columns",
+  className: l
+}) {
+  return /* @__PURE__ */ u(Lt, { children: [
+    /* @__PURE__ */ a(jt, { asChild: !0, children: /* @__PURE__ */ a(
+      H,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        "aria-label": r,
+        className: i("shrink-0", l),
+        children: /* @__PURE__ */ a(Je, { className: "h-4 w-4", "aria-hidden": !0 })
+      }
+    ) }),
+    /* @__PURE__ */ u(xe, { align: "end", className: "w-52", children: [
+      /* @__PURE__ */ a(Ne, { children: o }),
+      /* @__PURE__ */ a(F, {}),
+      e.map((d) => /* @__PURE__ */ a(
+        ye,
+        {
+          checked: t.isVisible(d.key),
+          onCheckedChange: () => t.toggle(d.key),
+          onSelect: (c) => c.preventDefault(),
+          children: d.label
+        },
+        d.key
+      )),
+      /* @__PURE__ */ a(F, {}),
+      /* @__PURE__ */ u(we, { onSelect: () => t.reset(), children: [
+        /* @__PURE__ */ a(We, { className: "mr-2 h-3.5 w-3.5", "aria-hidden": !0 }),
+        s
+      ] })
+    ] })
+  ] });
+}
+const lr = 1, dr = 1e3, cr = 5e3;
+let U = 0;
+function ur() {
+  return U = (U + 1) % Number.MAX_SAFE_INTEGER, U.toString();
+}
+const G = /* @__PURE__ */ new Map(), re = (e) => {
+  if (G.has(e))
+    return;
+  const t = setTimeout(() => {
+    G.delete(e), V({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, dr);
+  G.set(e, t);
+}, mr = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, lr)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map(
+          (r) => r.id === t.toast.id ? { ...r, ...t.toast } : r
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: r } = t;
+      return r ? re(r) : e.toasts.forEach((o) => {
+        re(o.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (o) => o.id === r || r === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((r) => r.id !== t.toastId)
+      };
+  }
+}, j = [];
+let B = { toasts: [] };
+function V(e) {
+  B = mr(B, e), j.forEach((t) => {
+    t(B);
+  });
+}
+function fr({ duration: e = cr, ...t }) {
+  const r = ur(), o = (l) => V({
+    type: "UPDATE_TOAST",
+    toast: { ...l, id: r }
+  }), s = () => V({ type: "DISMISS_TOAST", toastId: r });
+  return e > 0 && setTimeout(() => {
+    s();
+  }, e), V({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: r,
+      duration: e,
+      open: !0,
+      onOpenChange: (l) => {
+        l || s();
+      }
+    }
+  }), {
+    id: r,
+    dismiss: s,
+    update: o
+  };
+}
+function pr() {
+  const [e, t] = n.useState(B);
+  return n.useEffect(() => (j.push(t), () => {
+    const r = j.indexOf(t);
+    r > -1 && j.splice(r, 1);
+  }), [e]), {
+    ...e,
+    toast: fr,
+    dismiss: (r) => V({ type: "DISMISS_TOAST", toastId: r })
+  };
+}
+const gr = N.Provider, Te = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  N.Viewport,
+  {
+    ref: r,
+    className: i(
+      `fixed top-4 left-1/2 transform -translate-x-1/2 ${O.TOAST} flex max-h-screen w-[calc(100vw-2rem)] max-w-sm flex-col gap-2 p-0`,
+      "sm:top-auto sm:bottom-4 sm:left-auto sm:right-4 sm:transform-none sm:translate-x-0 sm:w-full sm:max-w-[420px] sm:flex-col",
+      e
+    ),
+    ...t
+  }
+));
+Te.displayName = N.Viewport.displayName;
+const hr = I(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-3 overflow-hidden rounded-lg border shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full p-3 pr-5 sm:p-4 sm:pr-6 sm:space-x-4",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 text-foreground",
+        destructive: "destructive group border-destructive/50 bg-destructive/95 backdrop-blur supports-[backdrop-filter]:bg-destructive/60 text-destructive-foreground",
+        success: "success group border-green-500/50 bg-green-500/95 backdrop-blur supports-[backdrop-filter]:bg-green-500/60 text-green-50 dark:border-green-600/50 dark:bg-green-600/95 dark:supports-[backdrop-filter]:bg-green-600/60 dark:text-green-50"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Se = n.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ a(
+  N.Root,
+  {
+    ref: o,
+    className: i(hr({ variant: t }), e),
+    ...r
+  }
+));
+Se.displayName = N.Root.displayName;
+const br = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  N.Action,
+  {
+    ref: r,
+    className: i(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      e
+    ),
+    ...t
+  }
+));
+br.displayName = N.Action.displayName;
+const Re = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  N.Close,
+  {
+    ref: r,
+    className: i(
+      "absolute right-1.5 top-1.5 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus-visible:ring-ring group-[.destructive]:focus:ring-offset-red-600 sm:right-2 sm:top-2",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ a(X, { className: "h-3.5 w-3.5 sm:h-4 sm:w-4" })
+  }
+));
+Re.displayName = N.Close.displayName;
+const De = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  N.Title,
+  {
+    ref: r,
+    className: i("text-sm font-semibold leading-tight [&+div]:text-xs sm:text-sm", e),
+    ...t
+  }
+));
+De.displayName = N.Title.displayName;
+const Ae = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  N.Description,
+  {
+    ref: r,
+    className: i("text-xs opacity-90 mt-0.5 leading-relaxed sm:text-sm", e),
+    ...t
+  }
+));
+Ae.displayName = N.Description.displayName;
+const Ie = n.forwardRef(({ duration: e, variant: t = "default", onComplete: r }, o) => {
+  const s = n.useRef(null), l = n.useRef(null), d = n.useRef();
+  n.useEffect(() => {
+    const m = () => {
+      l.current && (window.matchMedia("(min-width: 640px)").matches ? (l.current.style.marginLeft = "-1rem", l.current.style.marginRight = "-1.5rem", l.current.style.width = "calc(100% + 1rem + 1.5rem)") : (l.current.style.marginLeft = "-0.75rem", l.current.style.marginRight = "-1.25rem", l.current.style.width = "calc(100% + 0.75rem + 1.25rem)"));
+    };
+    m();
+    const h = window.matchMedia("(min-width: 640px)");
+    return h.addEventListener("change", m), () => {
+      h.removeEventListener("change", m);
+    };
+  }, []), n.useEffect(() => (s.current && (s.current.style.width = "100%", s.current.style.transformOrigin = "right center", requestAnimationFrame(() => {
+    s.current && (s.current.style.width = "0%", s.current.style.transition = `width ${e}ms linear`);
+  })), d.current = setTimeout(() => {
+    r?.();
+  }, e), () => {
+    d.current && clearTimeout(d.current);
+  }), [e, r]);
+  const c = n.useMemo(() => {
+    switch (t) {
+      case "destructive":
+        return "bg-destructive";
+      case "success":
+        return "bg-green-500 dark:bg-green-600";
+      default:
+        return "bg-primary";
+    }
+  }, [t]);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: (m) => {
+        l.current = m, typeof o == "function" ? o(m) : o && (o.current = m);
+      },
+      className: "absolute bottom-0 left-0 right-0 h-1 bg-black/10 dark:bg-white/10 overflow-hidden rounded-b-lg",
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          ref: s,
+          className: i(
+            "h-full absolute right-0",
+            c
+          ),
+          style: {
+            width: "100%"
+          }
+        }
+      )
+    }
+  );
+});
+Ie.displayName = "ToastProgressBar";
+function ta() {
+  const { toasts: e, dismiss: t } = pr();
+  return /* @__PURE__ */ u(gr, { children: [
+    e.map(function({ id: r, title: o, description: s, action: l, duration: d, variant: c, ...m }) {
+      const h = c ?? void 0;
+      return /* @__PURE__ */ u(Se, { variant: h, ...m, children: [
+        /* @__PURE__ */ u("div", { className: "grid gap-1", children: [
+          o && /* @__PURE__ */ a(De, { children: o }),
+          s && /* @__PURE__ */ a(Ae, { children: s })
+        ] }),
+        l,
+        /* @__PURE__ */ a(Re, {}),
+        d && d > 0 && /* @__PURE__ */ a(
+          Ie,
+          {
+            duration: d,
+            variant: h,
+            onComplete: () => {
+              t(r);
+            }
+          }
+        )
+      ] }, r);
+    }),
+    /* @__PURE__ */ a(Te, {})
+  ] });
+}
+function ra({ title: e, description: t, children: r, className: o }) {
+  return /* @__PURE__ */ u("section", { className: i("space-y-3 rounded-xl border border-border bg-card p-4 shadow-sm", o), children: [
+    /* @__PURE__ */ u("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ a("h3", { className: "text-sm font-semibold leading-none tracking-tight text-foreground", children: e }),
+      t ? /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: t }) : null
+    ] }),
+    /* @__PURE__ */ a("div", { className: "space-y-3", children: r })
+  ] });
+}
+const vr = 640;
+function aa(e = vr) {
+  const [t, r] = Ge(!1);
+  return $e(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
+    const o = window.matchMedia(`(max-width: ${e - 0.02}px)`), s = () => r(o.matches);
+    return s(), o.addEventListener("change", s), () => o.removeEventListener("change", s);
+  }, [e]), t;
+}
+export {
+  Ar as AiDraftBanner,
+  mt as Alert,
+  pt as AlertDescription,
+  Qt as AlertDialog,
+  Hr as AlertProvider,
+  ft as AlertTitle,
+  sa as AppCheckboxInput,
+  ia as AppConfirmDialog,
+  la as AppDashboardSkeleton,
+  _e as AppDatePicker,
+  da as AppDateRangePicker,
+  ca as AppDateTimePicker,
+  ua as AppHelpSheet,
+  ma as AppModal,
+  fo as AppPage,
+  fa as AppPageStates,
+  pa as AppSelectInput,
+  ga as AppSidebar,
+  ha as AppTemporalInput,
+  ba as AppTimePicker,
+  Rr as Badge,
+  va as BaseModal,
+  H as Button,
+  xa as Calendar,
+  me as Card,
+  fe as CardContent,
+  tt as CardDescription,
+  rt as CardFooter,
+  Ze as CardHeader,
+  et as CardTitle,
+  Kr as ChartContainer,
+  Qr as ChartLegend,
+  Yr as ChartTooltip,
+  qr as ChartTooltipContent,
+  Z as Checkbox,
+  Mr as Collapsible,
+  _r as CollapsibleContent,
+  Pr as CollapsibleTrigger,
+  ea as ColumnConfigMenu,
+  wa as ConfigEditorSkeleton,
+  ya as ConfirmModal,
+  Fr as DatePicker,
+  Na as DetailTabsSkeleton,
+  ka as Dialog,
+  Ca as DialogClose,
+  Ta as DialogContent,
+  Sa as DialogDescription,
+  Ra as DialogFooter,
+  Da as DialogHeader,
+  Aa as DialogOverlay,
+  Ia as DialogPortal,
+  Or as DialogSafeSelect,
+  _t as DialogSafeSelectContent,
+  Er as DialogSafeSelectGroup,
+  Et as DialogSafeSelectItem,
+  Ot as DialogSafeSelectLabel,
+  ve as DialogSafeSelectScrollDownButton,
+  be as DialogSafeSelectScrollUpButton,
+  Vt as DialogSafeSelectSeparator,
+  Pt as DialogSafeSelectTrigger,
+  Vr as DialogSafeSelectValue,
+  Ma as DialogTitle,
+  Pa as DialogTrigger,
+  Lt as DropdownMenu,
+  ye as DropdownMenuCheckboxItem,
+  xe as DropdownMenuContent,
+  Lr as DropdownMenuGroup,
+  we as DropdownMenuItem,
+  Ne as DropdownMenuLabel,
+  jr as DropdownMenuPortal,
+  zr as DropdownMenuRadioGroup,
+  Ut as DropdownMenuRadioItem,
+  F as DropdownMenuSeparator,
+  Gt as DropdownMenuShortcut,
+  Br as DropdownMenuSub,
+  zt as DropdownMenuSubContent,
+  Bt as DropdownMenuSubTrigger,
+  jt as DropdownMenuTrigger,
+  Jr as FeatureGuide,
+  Wr as FeatureGuideTrigger,
+  _a as FormModal,
+  Oa as FormPageSkeleton,
+  ra as FormSection,
+  Ea as GridCardsSkeleton,
+  Dr as HelpTip,
+  vt as HintNotice,
+  Va as Input,
+  nt as Label,
+  La as ListModal,
+  vr as MOBILE_BREAKPOINT,
+  $t as MultiSelect,
+  ja as PageLoadingSkeleton,
+  ae as Popover,
+  Ba as PopoverAnchor,
+  ne as PopoverContent,
+  oe as PopoverTrigger,
+  dt as Progress,
+  za as QueryErrorAlert,
+  Ht as RadioGroup,
+  Xt as RadioGroupItem,
+  Mt as ScrollArea,
+  he as ScrollBar,
+  Ua as Select,
+  Ga as SelectContent,
+  $a as SelectGroup,
+  Fa as SelectItem,
+  Ha as SelectLabel,
+  Xa as SelectScrollDownButton,
+  Ka as SelectScrollUpButton,
+  Ya as SelectSeparator,
+  qa as SelectTrigger,
+  Qa as SelectValue,
+  ct as Separator,
+  Ee as Sheet,
+  Ja as SheetClose,
+  Ve as SheetContent,
+  Be as SheetDescription,
+  Wa as SheetFooter,
+  Le as SheetHeader,
+  je as SheetTitle,
+  Za as SheetTrigger,
+  eo as Skeleton,
+  lt as Slider,
+  to as StatsRowSkeleton,
+  it as Switch,
+  Wt as Table,
+  er as TableBody,
+  nr as TableCaption,
+  or as TableCell,
+  tr as TableFooter,
+  ar as TableHead,
+  Zt as TableHeader,
+  ro as TablePageSkeleton,
+  rr as TableRow,
+  wt as Tabs,
+  kt as TabsContent,
+  yt as TabsList,
+  Nt as TabsTrigger,
+  st as Textarea,
+  ta as Toaster,
+  Dt as Toggle,
+  At as ToggleGroup,
+  It as ToggleGroupItem,
+  Gr as Tooltip,
+  Ft as TooltipContent,
+  Ur as TooltipProvider,
+  $r as TooltipTrigger,
+  Ir as UnderlineTabs,
+  Rt as UnderlineTabsContent,
+  Ct as UnderlineTabsList,
+  St as UnderlineTabsTrigger,
+  ao as UserDisplay,
+  oo as UserSelect,
+  at as badgeVariants,
+  no as buttonVariants,
+  go as cn,
+  so as formatBusinessDateValue,
+  io as isTemporalInputType,
+  lo as parseBusinessDate,
+  co as temporalLabels,
+  fr as toast,
+  pe as toggleVariants,
+  Tt as underlineTabsTriggerVariants,
+  Jt as useAlert,
+  Xr as useAlertDialog,
+  Zr as useColumnConfig,
+  aa as useIsMobile,
+  pr as useToast,
+  uo as useUserDirectory
+};
+//# sourceMappingURL=kit.js.map