@genispace/geniapp 0.1.0

package/dist/useUserDirectory-CqkyCQoR.js

@@ -0,0 +1,2377 @@
+import { jsxs as n, jsx as e, Fragment as we } from "react/jsx-runtime";
+import * as b from "react";
+import { useState as F, useEffect as H, useCallback as he, Children as ve, isValidElement as Ee, useRef as fa, useMemo as ha } from "react";
+import { ChevronRight as Te, ChevronLeft as Oe, Menu as pa, X as J, ChevronDown as Ne, CalendarDays as ye, Clock3 as ba, Check as Re, ChevronUp as ga } from "lucide-react";
+import { cn as c, formatUserLabel as Pe } from "@genispace/geniapp/utils";
+import * as S from "@radix-ui/react-dialog";
+import { cva as Me } from "class-variance-authority";
+import { createPortal as xa } from "react-dom";
+import { format as wa } from "date-fns";
+import { zhCN as te, enUS as re } from "date-fns/locale";
+import { useTranslation as va } from "react-i18next";
+import { Slot as Na } from "@radix-ui/react-slot";
+import { DayPicker as ya } from "react-day-picker";
+import * as W from "@radix-ui/react-popover";
+import * as D from "@radix-ui/react-select";
+import * as pe from "@radix-ui/react-checkbox";
+import * as K from "@radix-ui/react-avatar";
+const X = {
+  SIDEBAR: "z-20",
+  STICKY_HEADER: "z-10",
+  BACKDROP: "z-[300]",
+  DRAWER: "z-[400]"
+};
+function ka({
+  groups: a,
+  collapsed: t
+}) {
+  const [r, s] = F(
+    () => Object.fromEntries(a.map((l) => [l.id, l.defaultOpen !== !1]))
+  );
+  return H(() => {
+    s((l) => {
+      const o = { ...l };
+      let d = !1;
+      return a.forEach((m) => {
+        m.id in o || (o[m.id] = m.defaultOpen !== !1, d = !0);
+      }), d ? o : l;
+    });
+  }, [a]), /* @__PURE__ */ e("div", { className: "space-y-3", children: a.map((l) => {
+    const o = l.collapsible !== !1, d = t || !o || r[l.id] !== !1;
+    return /* @__PURE__ */ n("section", { className: "min-w-0", "aria-label": typeof l.label == "string" ? l.label : void 0, children: [
+      t ? /* @__PURE__ */ e(
+        "div",
+        {
+          className: "mx-auto mb-1 flex h-7 w-10 items-center justify-center text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground",
+          title: typeof l.label == "string" ? l.label : void 0,
+          "aria-hidden": "true",
+          children: l.icon ?? /* @__PURE__ */ e("span", { className: "h-px w-5 bg-border" })
+        }
+      ) : o ? /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "mb-1 flex min-h-9 w-full items-center justify-between rounded-lg px-2 text-left text-xs font-semibold text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+          onClick: () => s((m) => ({ ...m, [l.id]: !d })),
+          "aria-expanded": d,
+          children: [
+            /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-2", children: [
+              l.icon,
+              /* @__PURE__ */ e("span", { className: "truncate", children: l.label })
+            ] }),
+            /* @__PURE__ */ e(Ne, { className: `h-3.5 w-3.5 flex-shrink-0 transition-transform ${d ? "" : "-rotate-90"}` })
+          ]
+        }
+      ) : /* @__PURE__ */ n("div", { className: "mb-1 flex min-h-9 items-center gap-2 px-2 text-xs font-semibold text-muted-foreground", children: [
+        l.icon,
+        /* @__PURE__ */ e("span", { className: "truncate", children: l.label })
+      ] }),
+      d && /* @__PURE__ */ e("div", { className: "space-y-1", children: l.items })
+    ] }, l.id);
+  }) });
+}
+function Et({
+  children: a,
+  sidebarHeader: t,
+  sidebarNav: r,
+  sidebarNavGroups: s,
+  sidebarFooter: l,
+  collapsible: o = !1,
+  defaultCollapsed: d = !1,
+  withMobileDrawer: m = !1,
+  mobileTitle: u,
+  navAriaLabel: f = "Application navigation",
+  expandLabel: k = "Expand sidebar",
+  collapseLabel: N = "Collapse sidebar",
+  openLabel: w = "Open navigation",
+  closeLabel: g = "Close navigation",
+  storageKey: h = "app_sidebar_collapsed"
+}) {
+  const [x, v] = F(() => {
+    if (!o) return !1;
+    const R = localStorage.getItem(h);
+    return R !== null ? JSON.parse(R) : d;
+  }), [p, _] = F(!1), [C, T] = F(!1);
+  H(() => {
+    o && localStorage.setItem(h, JSON.stringify(x));
+  }, [x, o, h]);
+  const E = he(() => _(!1), []);
+  H(() => {
+    if (!p) return;
+    const R = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = R;
+    };
+  }, [p]), H(() => {
+    if (!p) return;
+    const R = (z) => {
+      z.key === "Escape" && E();
+    };
+    return window.addEventListener("keydown", R), () => window.removeEventListener("keydown", R);
+  }, [p, E]);
+  const O = (R, z) => {
+    const fe = typeof t == "function" ? t(z) : t, V = typeof s == "function" ? s(z) : s, ma = V ? /* @__PURE__ */ e(ka, { groups: V, collapsed: z }) : typeof r == "function" ? r(z) : r, Se = typeof l == "function" ? l(z) : l;
+    return /* @__PURE__ */ n(we, { children: [
+      R && /* @__PURE__ */ e("div", { className: "flex-shrink-0 flex items-center justify-end border-b border-border bg-muted/70 px-3 py-2.5", children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: E,
+          className: "flex h-9 w-9 items-center justify-center rounded-full text-neutral-600 transition hover:bg-neutral-200/80 hover:text-neutral-900 active:scale-95 dark:text-neutral-300 dark:hover:bg-neutral-600/60 dark:hover:text-white",
+          "aria-label": g,
+          children: /* @__PURE__ */ e(J, { className: "h-5 w-5" })
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: c(
+            "flex-shrink-0 flex h-[69px] items-center border-b border-neutral-200 dark:border-neutral-700",
+            z ? "px-2 justify-center" : "px-4"
+          ),
+          children: fe
+        }
+      ),
+      /* @__PURE__ */ e(
+        "nav",
+        {
+          className: "flex-1 overflow-y-auto overflow-x-hidden min-h-0 p-3 space-y-1",
+          "aria-label": f,
+          onClick: R ? (ua) => {
+            const De = ua.target;
+            De instanceof Element && De.closest("a") && E();
+          } : void 0,
+          children: ma
+        }
+      ),
+      Se && /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex-shrink-0 border-t border-neutral-200 dark:border-neutral-700 p-3",
+          onClick: R ? E : void 0,
+          children: Se
+        }
+      )
+    ] });
+  }, M = o && x ? "w-20" : "w-64", y = /* @__PURE__ */ n(
+    "aside",
+    {
+      className: c(
+        "fixed left-0 top-0 bottom-0",
+        X.SIDEBAR,
+        "hidden bg-neutral-100 dark:bg-neutral-800 border-r border-neutral-200 dark:border-neutral-700",
+        "transition-all duration-300 overflow-visible lg:flex lg:flex-col",
+        M
+      ),
+      onMouseEnter: () => T(!0),
+      onMouseLeave: () => T(!1),
+      children: [
+        o && /* @__PURE__ */ e(
+          "div",
+          {
+            className: c(
+              "absolute -right-2 inset-y-0 z-10 w-4 flex items-center justify-center transition-opacity duration-300",
+              C ? "opacity-100" : "opacity-0"
+            ),
+            onClick: () => v((R) => !R),
+            role: "button",
+            tabIndex: -1,
+            "aria-label": x ? k : N,
+            style: { cursor: x ? "e-resize" : "w-resize" },
+            children: /* @__PURE__ */ e("div", { className: "absolute inset-y-0 left-1/2 w-[2px] bg-neutral-300 dark:bg-neutral-600" })
+          }
+        ),
+        o && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => v((R) => !R),
+            className: c(
+              "absolute -right-3 top-[69px] -translate-y-1/2",
+              "flex h-6 w-6 items-center justify-center rounded-full",
+              "border border-neutral-200 dark:border-neutral-700",
+              "bg-neutral-100 dark:bg-neutral-800 shadow-sm",
+              X.STICKY_HEADER
+            ),
+            "aria-label": x ? k : N,
+            children: x ? /* @__PURE__ */ e(Te, { className: "w-4 h-4 text-neutral-600 dark:text-neutral-400" }) : /* @__PURE__ */ e(Oe, { className: "w-4 h-4 text-neutral-600 dark:text-neutral-400" })
+          }
+        ),
+        O(!1, x)
+      ]
+    }
+  ), $ = /* @__PURE__ */ e(
+    "main",
+    {
+      className: c(
+        "flex-1 min-h-screen min-w-0 relative z-0 transition-all duration-300 pl-0",
+        o && x ? "lg:pl-20" : "lg:pl-64"
+      ),
+      children: /* @__PURE__ */ e("div", { className: "w-full h-full min-h-0 overflow-auto", children: a })
+    }
+  );
+  return m ? /* @__PURE__ */ n("div", { className: "flex min-h-screen w-full min-w-0 max-w-full overflow-x-hidden bg-neutral-50 dark:bg-neutral-950", children: [
+    y,
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: c(
+          "fixed bottom-[calc(1.25rem+env(safe-area-inset-bottom,0px))] left-4 z-10",
+          "flex h-12 w-12 items-center justify-center rounded-full",
+          "border border-neutral-200/80 bg-white/95 text-neutral-800",
+          "shadow-lg shadow-neutral-900/10 ring-1 ring-neutral-900/5 backdrop-blur-sm",
+          "transition-all duration-200 hover:bg-neutral-50 hover:shadow-xl active:scale-95",
+          "dark:border-neutral-600/60 dark:bg-neutral-800/95 dark:text-neutral-100",
+          "dark:shadow-black/30 dark:ring-white/10 dark:hover:bg-neutral-700/90 lg:hidden",
+          p ? "pointer-events-none opacity-0" : "pointer-events-auto opacity-100"
+        ),
+        onClick: () => _(!0),
+        "aria-label": w,
+        "aria-expanded": p,
+        children: /* @__PURE__ */ e(pa, { className: "h-5 w-5" })
+      }
+    ),
+    p && /* @__PURE__ */ n("div", { className: "lg:hidden", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          role: "presentation",
+          className: c(
+            "fixed inset-0",
+            X.BACKDROP,
+            "animate-in fade-in duration-200 bg-neutral-950/45 backdrop-blur-[3px] dark:bg-black/55"
+          ),
+          onClick: E,
+          "aria-hidden": !0
+        }
+      ),
+      /* @__PURE__ */ e(
+        "aside",
+        {
+          className: c(
+            "fixed left-0 top-0 bottom-0 flex w-[min(19rem,88vw)] max-w-[88vw] flex-col overflow-hidden",
+            "rounded-r-2xl border-y border-r border-l-0 border-neutral-200/70",
+            "bg-neutral-50/95 shadow-[0_12px_48px_-12px_rgba(0,0,0,0.22)] backdrop-blur-md",
+            "animate-in slide-in-from-left-5 duration-300 ease-out",
+            "dark:border-neutral-600/45 dark:bg-neutral-900/95 dark:shadow-black/40",
+            X.DRAWER
+          ),
+          children: O(!0, !1)
+        }
+      )
+    ] }),
+    $
+  ] }) : /* @__PURE__ */ n("div", { className: "flex min-h-screen w-full min-w-0 max-w-full overflow-x-hidden bg-neutral-50 dark:bg-neutral-950", children: [
+    y,
+    $
+  ] });
+}
+function i({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: c(
+        "relative overflow-hidden rounded-md bg-primary/10",
+        "before:pointer-events-none before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:content-['']",
+        "before:bg-gradient-to-r before:from-transparent before:via-white/50 before:to-transparent",
+        "dark:before:via-white/[0.14]",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function ze({
+  count: a = 4,
+  variant: t = "segmented",
+  className: r
+}) {
+  return t === "pill" ? /* @__PURE__ */ e("div", { className: c("flex flex-wrap gap-4 mb-6", r), children: Array.from({ length: a }).map((s, l) => /* @__PURE__ */ e(i, { className: "h-10 w-24 rounded-xl" }, l)) }) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: c(
+        "mb-6 flex h-auto w-full flex-wrap items-stretch gap-1 rounded-xl border border-neutral-200/80 dark:border-neutral-800",
+        "bg-neutral-100/80 dark:bg-neutral-900/50 p-1",
+        r
+      ),
+      children: Array.from({ length: a }).map((s, l) => /* @__PURE__ */ e(
+        i,
+        {
+          className: "h-9 min-w-[5.5rem] flex-1 rounded-lg sm:flex-initial sm:min-w-[7rem]"
+        },
+        l
+      ))
+    }
+  );
+}
+function j({
+  labelWidth: a = "w-24",
+  inputHeight: t = "h-10",
+  className: r
+}) {
+  return /* @__PURE__ */ n("div", { className: c("space-y-2", r), children: [
+    /* @__PURE__ */ e(i, { className: c("h-4", a) }),
+    /* @__PURE__ */ e(i, { className: c("w-full rounded-md", t) })
+  ] });
+}
+function ee({
+  titleWidth: a = "w-36",
+  fieldCount: t = 2,
+  showTextarea: r = !1,
+  className: s
+}) {
+  return /* @__PURE__ */ n("div", { className: c("card p-6 space-y-6", s), children: [
+    /* @__PURE__ */ e(i, { className: c("h-6", a) }),
+    Array.from({ length: t }).map((l, o) => /* @__PURE__ */ e(
+      j,
+      {
+        labelWidth: o === 0 ? "w-24" : "w-28",
+        inputHeight: r && o === t - 1 ? "h-[120px]" : "h-10"
+      },
+      o
+    ))
+  ] });
+}
+function Sa({ tabCount: a = 4, className: t }) {
+  return /* @__PURE__ */ n("div", { className: c("space-y-6", t), children: [
+    /* @__PURE__ */ e(ze, { count: a, variant: "segmented" }),
+    /* @__PURE__ */ n("div", { className: "grid lg:grid-cols-3 gap-8", children: [
+      /* @__PURE__ */ n("div", { className: "lg:col-span-2 space-y-8", children: [
+        /* @__PURE__ */ e(ee, { titleWidth: "w-36", fieldCount: 2, showTextarea: !0 }),
+        /* @__PURE__ */ n("div", { className: "card p-6 space-y-4", children: [
+          /* @__PURE__ */ e(i, { className: "h-6 w-40" }),
+          /* @__PURE__ */ e(i, { className: "h-10 w-full rounded-md" }),
+          /* @__PURE__ */ e(j, { labelWidth: "w-16" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "card p-6 space-y-4", children: [
+          /* @__PURE__ */ e(i, { className: "h-6 w-24" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-full max-w-xl" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-3/4 max-w-lg" }),
+          /* @__PURE__ */ n("div", { className: "space-y-3 pt-2", children: [
+            /* @__PURE__ */ e(i, { className: "h-10 w-full rounded-md" }),
+            /* @__PURE__ */ e(i, { className: "h-10 w-full rounded-md" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "card p-6 space-y-4", children: [
+          /* @__PURE__ */ e(i, { className: "h-6 w-32" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-full max-w-md" }),
+          /* @__PURE__ */ e(i, { className: "h-12 w-full rounded-md" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "card p-6 space-y-6", children: [
+          /* @__PURE__ */ e(i, { className: "h-6 w-44" }),
+          /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(i, { className: "h-4 w-28" }),
+            /* @__PURE__ */ e(i, { className: "h-[300px] w-full rounded-md" })
+          ] }),
+          /* @__PURE__ */ e(j, { labelWidth: "w-32" }),
+          /* @__PURE__ */ n("div", { className: "grid md:grid-cols-2 gap-6", children: [
+            /* @__PURE__ */ e(j, { labelWidth: "w-24" }),
+            /* @__PURE__ */ e(j, { labelWidth: "w-24" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("aside", { className: "lg:col-span-1 space-y-4", children: [
+        /* @__PURE__ */ n("div", { className: "card p-5 space-y-3", children: [
+          /* @__PURE__ */ e(i, { className: "h-5 w-40" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-5/6" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "card p-5 space-y-3", children: [
+          /* @__PURE__ */ e(i, { className: "h-5 w-36" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-4/5" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ke({
+  showBack: a = !0,
+  showActions: t = !0,
+  className: r
+}) {
+  return /* @__PURE__ */ n("div", { className: c("flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6 sm:mb-8", r), children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-3 sm:gap-4 min-w-0", children: [
+      a ? /* @__PURE__ */ e(i, { className: "h-10 w-10 shrink-0 rounded-md" }) : null,
+      /* @__PURE__ */ n("div", { className: "min-w-0 flex-1 space-y-2", children: [
+        /* @__PURE__ */ e(i, { className: "h-8 w-48 max-w-full" }),
+        /* @__PURE__ */ e(i, { className: "h-4 w-64 max-w-full" })
+      ] })
+    ] }),
+    t ? /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-3 shrink-0", children: [
+      /* @__PURE__ */ e(i, { className: "h-10 w-32 rounded-md" }),
+      /* @__PURE__ */ e(i, { className: "h-10 w-36 rounded-md" })
+    ] }) : null
+  ] });
+}
+function Da({
+  tabCount: a = 5,
+  showHeader: t = !0,
+  className: r
+}) {
+  return /* @__PURE__ */ n("div", { className: c("space-y-6", r), children: [
+    t ? /* @__PURE__ */ n("div", { className: "flex flex-col md:flex-row md:items-start gap-6", children: [
+      /* @__PURE__ */ e(i, { className: "h-16 w-16 rounded-xl shrink-0" }),
+      /* @__PURE__ */ n("div", { className: "flex-1 min-w-0 space-y-3", children: [
+        /* @__PURE__ */ e(i, { className: "h-8 w-56 max-w-full" }),
+        /* @__PURE__ */ e(i, { className: "h-4 w-full max-w-2xl" }),
+        /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2 pt-1", children: [
+          /* @__PURE__ */ e(i, { className: "h-6 w-20 rounded-full" }),
+          /* @__PURE__ */ e(i, { className: "h-6 w-24 rounded-full" }),
+          /* @__PURE__ */ e(i, { className: "h-6 w-16 rounded-full" })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex gap-2 shrink-0", children: [
+        /* @__PURE__ */ e(i, { className: "h-10 w-28 rounded-md" }),
+        /* @__PURE__ */ e(i, { className: "h-10 w-10 rounded-md" })
+      ] })
+    ] }) : /* @__PURE__ */ e(ke, { showBack: !1 }),
+    /* @__PURE__ */ e(ze, { count: a, variant: "pill" }),
+    /* @__PURE__ */ n("div", { className: "card p-6 space-y-6", children: [
+      /* @__PURE__ */ e(i, { className: "h-6 w-40" }),
+      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 gap-6", children: Array.from({ length: 4 }).map((s, l) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { className: "h-4 w-24" }),
+        /* @__PURE__ */ e(i, { className: "h-10 w-full rounded-md" })
+      ] }, l)) }),
+      /* @__PURE__ */ e(i, { className: "h-[200px] w-full rounded-md" })
+    ] })
+  ] });
+}
+function Ce({
+  rowCount: a = 8,
+  columnCount: t = 6,
+  showSearch: r = !0,
+  showFilters: s = !1,
+  className: l
+}) {
+  return /* @__PURE__ */ n("div", { className: c("space-y-4", l), children: [
+    r ? /* @__PURE__ */ n("div", { className: "flex flex-col sm:flex-row gap-3", children: [
+      /* @__PURE__ */ e(i, { className: "h-10 flex-1 rounded-md" }),
+      s ? /* @__PURE__ */ e(i, { className: "h-10 w-32 rounded-md" }) : null
+    ] }) : null,
+    /* @__PURE__ */ e("div", { className: "card overflow-hidden", children: /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ n("table", { className: "w-full min-w-[640px]", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "border-b", children: Array.from({ length: t }).map((o, d) => /* @__PURE__ */ e("th", { className: "py-3 px-4 text-left", children: /* @__PURE__ */ e(i, { className: "h-4 w-16" }) }, d)) }) }),
+      /* @__PURE__ */ e("tbody", { children: Array.from({ length: a }).map((o, d) => /* @__PURE__ */ e("tr", { className: "border-b", children: Array.from({ length: t }).map((m, u) => /* @__PURE__ */ e("td", { className: "py-3 px-4", children: u === 0 ? /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { className: "h-4 w-32" }),
+        /* @__PURE__ */ e(i, { className: "h-3 w-48" })
+      ] }) : /* @__PURE__ */ e(i, { className: "h-4 w-20" }) }, u)) }, d)) })
+    ] }) }) })
+  ] });
+}
+const Ca = {
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-2 lg:grid-cols-3",
+  4: "md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+};
+function Aa({
+  count: a = 8,
+  columns: t = "4",
+  className: r
+}) {
+  return /* @__PURE__ */ e("div", { className: c("grid gap-4", Ca[t], r), children: Array.from({ length: a }).map((s, l) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: "card p-4 border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-800 flex flex-col h-full",
+      children: [
+        /* @__PURE__ */ n("div", { className: "flex items-start justify-between mb-3", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-start gap-3 flex-1 min-w-0", children: [
+            /* @__PURE__ */ e(i, { className: "w-10 h-10 rounded-lg shrink-0" }),
+            /* @__PURE__ */ n("div", { className: "flex-1 space-y-2 min-w-0", children: [
+              /* @__PURE__ */ e(i, { className: "h-4 w-32" }),
+              /* @__PURE__ */ e(i, { className: "h-3 w-full" }),
+              /* @__PURE__ */ e(i, { className: "h-3 w-3/4" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(i, { className: "w-4 h-4 shrink-0" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-3 flex-grow", children: [
+          /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ e(i, { className: "h-12 rounded-md" }),
+            /* @__PURE__ */ e(i, { className: "h-12 rounded-md" })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ e(i, { className: "h-6 w-16 rounded-md" }),
+            /* @__PURE__ */ e(i, { className: "h-6 w-20 rounded-md" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between pt-3 mt-3 border-t border-neutral-200/80 dark:border-neutral-800", children: [
+          /* @__PURE__ */ e(i, { className: "h-3 w-24" }),
+          /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ e(i, { className: "h-8 w-8 rounded-md" }),
+            /* @__PURE__ */ e(i, { className: "h-8 w-8 rounded-md" })
+          ] })
+        ] })
+      ]
+    },
+    l
+  )) });
+}
+function _a({ className: a }) {
+  return /* @__PURE__ */ n("div", { className: c("flex flex-col lg:grid lg:grid-cols-12 gap-4 sm:gap-6 min-h-0", a), children: [
+    /* @__PURE__ */ e("div", { className: "lg:col-span-3 flex flex-col min-h-0", children: /* @__PURE__ */ n("div", { className: "card border border-neutral-200 dark:border-neutral-800 overflow-hidden flex flex-col h-full min-h-[320px]", children: [
+      /* @__PURE__ */ e("div", { className: "p-4 border-b border-neutral-200 dark:border-neutral-800", children: /* @__PURE__ */ e(i, { className: "h-6 w-24" }) }),
+      /* @__PURE__ */ n("div", { className: "p-4 sm:p-6 space-y-4 flex-1", children: [
+        /* @__PURE__ */ e(j, { labelWidth: "w-20" }),
+        /* @__PURE__ */ e(j, { labelWidth: "w-16", inputHeight: "h-24" }),
+        /* @__PURE__ */ e(j, { labelWidth: "w-12" }),
+        /* @__PURE__ */ n("div", { className: "pt-4 border-t border-neutral-200 dark:border-neutral-800 space-y-3", children: [
+          /* @__PURE__ */ e(i, { className: "h-5 w-20" }),
+          /* @__PURE__ */ e(i, { className: "h-10 w-full rounded-md" }),
+          /* @__PURE__ */ e(i, { className: "h-10 w-full rounded-md" })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "lg:col-span-9 flex flex-col min-h-0", children: /* @__PURE__ */ n("div", { className: "card border border-neutral-200 dark:border-neutral-800 flex flex-col flex-1 min-h-[320px]", children: [
+      /* @__PURE__ */ n("div", { className: "p-4 border-b border-neutral-200 dark:border-neutral-800 flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ e(i, { className: "h-6 w-32" }),
+        /* @__PURE__ */ e(i, { className: "h-9 w-28 rounded-md" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "p-4 sm:p-6 flex-1 space-y-4", children: Array.from({ length: 5 }).map((t, r) => /* @__PURE__ */ n("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-neutral-200/80 dark:border-neutral-800", children: [
+        /* @__PURE__ */ e(i, { className: "h-5 w-5 rounded shrink-0" }),
+        /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ e(i, { className: "h-4 w-40" }),
+          /* @__PURE__ */ e(i, { className: "h-3 w-full max-w-md" })
+        ] })
+      ] }, r)) })
+    ] }) })
+  ] });
+}
+function Ea({ count: a = 4, className: t }) {
+  return /* @__PURE__ */ e("div", { className: c("grid grid-cols-2 lg:grid-cols-4 gap-4", t), children: Array.from({ length: a }).map((r, s) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: "card p-4 border border-neutral-200 dark:border-neutral-700 space-y-3",
+      children: [
+        /* @__PURE__ */ e(i, { className: "h-4 w-20" }),
+        /* @__PURE__ */ e(i, { className: "h-8 w-16" }),
+        /* @__PURE__ */ e(i, { className: "h-3 w-24" })
+      ]
+    },
+    s
+  )) });
+}
+function Ta({
+  fieldCount: a = 4,
+  showSecondCard: t = !1,
+  className: r
+}) {
+  return /* @__PURE__ */ n("div", { className: c("space-y-6", r), children: [
+    /* @__PURE__ */ e(ke, { showBack: !0, showActions: !1 }),
+    /* @__PURE__ */ e(ee, { fieldCount: a }),
+    t ? /* @__PURE__ */ e(ee, { fieldCount: Math.max(2, a - 2) }) : null
+  ] });
+}
+const P = {
+  STICKY_HEADER: "z-10",
+  SIDEBAR: "z-20",
+  TOOLTIP: "z-[150]",
+  POPOVER: "z-[250]",
+  MODAL_BACKDROP: "z-[500]",
+  MODAL: "z-[10000]",
+  NESTED_MODAL: "z-[10002]",
+  DATE_PICKER_POPOVER: "z-[10003]",
+  OVERLAY_POPOVER: "z-[10003]",
+  TOAST: "z-[100000]"
+};
+function Oa({ preset: a, className: t }) {
+  switch (a) {
+    case "config-editor":
+      return /* @__PURE__ */ e(Sa, { className: t });
+    case "detail-tabs":
+      return /* @__PURE__ */ e(Da, { className: t });
+    case "table-page":
+      return /* @__PURE__ */ e(Ce, { className: t });
+    case "grid-cards":
+      return /* @__PURE__ */ e(Aa, { className: t });
+    case "split-pane":
+      return /* @__PURE__ */ e(_a, { className: t });
+    case "profile":
+      return /* @__PURE__ */ n("div", { className: t, children: [
+        /* @__PURE__ */ e(ke, { showBack: !1, showActions: !1 }),
+        /* @__PURE__ */ n("div", { className: "space-y-8", children: [
+          /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ n("div", { className: "flex flex-col md:flex-row items-start gap-6", children: [
+            /* @__PURE__ */ e(i, { className: "size-20 rounded-full shrink-0" }),
+            /* @__PURE__ */ n("div", { className: "flex-1 w-full space-y-4", children: [
+              /* @__PURE__ */ e(j, { labelWidth: "w-20" }),
+              /* @__PURE__ */ e(j, { labelWidth: "w-24" }),
+              /* @__PURE__ */ e(j, { labelWidth: "w-28" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e(ee, { fieldCount: 4 })
+        ] })
+      ] });
+    case "dashboard":
+      return /* @__PURE__ */ n("div", { className: c("space-y-6", t), children: [
+        /* @__PURE__ */ e(Ea, {}),
+        /* @__PURE__ */ n("div", { className: "grid lg:grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ e(i, { className: "h-64 w-full rounded-xl" }),
+          /* @__PURE__ */ e(i, { className: "h-64 w-full rounded-xl" })
+        ] }),
+        /* @__PURE__ */ e(Ce, { rowCount: 5, showSearch: !1 })
+      ] });
+    case "form-page":
+      return /* @__PURE__ */ e(Ta, { className: t });
+    default:
+      return null;
+  }
+}
+function Ra({
+  message: a,
+  onRetry: t,
+  retryLabel: r = "Retry",
+  className: s
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: c(
+        "mb-6 flex flex-col gap-3 rounded-lg border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive dark:border-destructive/50 dark:bg-destructive/20 sm:flex-row sm:items-center sm:justify-between",
+        s
+      ),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ e("span", { className: "min-w-0 break-words", children: a }),
+        t ? /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: t,
+            className: "shrink-0 rounded-lg border border-destructive/50 bg-background px-3 py-1.5 text-xs font-medium text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/30",
+            children: r
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Tt({
+  loading: a,
+  error: t,
+  onRetry: r,
+  retryLabel: s,
+  preset: l = "table-page",
+  loadingFallback: o,
+  className: d,
+  children: m
+}) {
+  return a ? /* @__PURE__ */ e("div", { className: d, role: "status", "aria-busy": "true", children: o ?? /* @__PURE__ */ e(Oa, { preset: l }) }) : t ? /* @__PURE__ */ e(
+    Ra,
+    {
+      message: t,
+      onRetry: r,
+      retryLabel: s,
+      className: d
+    }
+  ) : /* @__PURE__ */ e(we, { children: m });
+}
+function ne({ meta: a = !1 }) {
+  return /* @__PURE__ */ n("div", { className: "flex min-h-14 items-center justify-between gap-3 border-b border-border px-4 py-3 sm:px-5", children: [
+    /* @__PURE__ */ e(i, { className: "h-4 w-28" }),
+    a ? /* @__PURE__ */ e(i, { className: "h-3 w-16" }) : null
+  ] });
+}
+function Pa({ index: a }) {
+  return /* @__PURE__ */ n("article", { className: "rounded-2xl border border-border bg-card p-4 shadow-sm sm:p-5", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ e(i, { className: "h-3 w-24" }),
+      /* @__PURE__ */ e(i, { className: "h-4 w-4 rounded" })
+    ] }),
+    /* @__PURE__ */ e(i, { className: "mt-3 h-9 w-20" }),
+    /* @__PURE__ */ e(i, { className: c("mt-2 h-3 max-w-full", ["w-40", "w-16", "w-36", "w-32"][a] ?? "w-28") })
+  ] });
+}
+function Ma() {
+  return /* @__PURE__ */ n("section", { className: "min-w-0 overflow-hidden rounded-2xl border border-border bg-card shadow-sm", children: [
+    /* @__PURE__ */ e(ne, { meta: !0 }),
+    /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ n("div", { className: "min-w-[780px]", children: [
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-[1.05fr_1.55fr_.75fr_.7fr_1fr] gap-4 border-b border-border bg-muted/40 px-5 py-3", children: [20, 28, 16, 16, 20].map((a, t) => /* @__PURE__ */ e(i, { className: "h-3", style: { width: `${a * 4}px` } }, t)) }),
+      Array.from({ length: 5 }).map((a, t) => /* @__PURE__ */ n("div", { className: "grid min-h-[55px] grid-cols-[1.05fr_1.55fr_.75fr_.7fr_1fr] items-center gap-4 border-b border-border px-5 py-3 last:border-b-0", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(i, { className: "h-2.5 w-2.5 rounded-full" }),
+          /* @__PURE__ */ e(i, { className: "h-4 w-28" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e(i, { className: c("h-3.5", t % 2 ? "w-44" : "w-52") }),
+          /* @__PURE__ */ e(i, { className: "h-3 w-32" })
+        ] }),
+        /* @__PURE__ */ e(i, { className: "h-4 w-20" }),
+        /* @__PURE__ */ e(i, { className: "h-7 w-16 rounded-full" }),
+        /* @__PURE__ */ e(i, { className: "h-3.5 w-28" })
+      ] }, t))
+    ] }) })
+  ] });
+}
+function za() {
+  return /* @__PURE__ */ n("section", { className: "overflow-hidden rounded-2xl border border-border bg-card shadow-sm", children: [
+    /* @__PURE__ */ e(ne, { meta: !0 }),
+    /* @__PURE__ */ e("div", { className: "space-y-5 p-5", children: [88, 72, 80].map((a, t) => /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n("div", { className: "mb-2 flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ e(i, { className: "h-3.5", style: { width: `${a}%` } }),
+        /* @__PURE__ */ e(i, { className: "h-3.5 w-4" })
+      ] }),
+      /* @__PURE__ */ e(i, { className: "h-1.5 w-full rounded-full" })
+    ] }, t)) })
+  ] });
+}
+function ja() {
+  return /* @__PURE__ */ n("section", { className: "overflow-hidden rounded-2xl border border-border bg-card shadow-sm", children: [
+    /* @__PURE__ */ e(ne, { meta: !0 }),
+    /* @__PURE__ */ e("div", { className: "flex h-64 items-end justify-around gap-5 px-6 pb-5 pt-8", children: [58, 82, 68].map((a, t) => /* @__PURE__ */ n("div", { className: "flex h-full flex-1 items-end justify-center gap-2 border-b border-border", children: [
+      /* @__PURE__ */ e(i, { className: "w-[26%] max-w-12 rounded-b-none rounded-t-md", style: { height: `${a}%` } }),
+      /* @__PURE__ */ e(i, { className: "w-[20%] max-w-9 rounded-b-none rounded-t-md", style: { height: `${Math.max(24, a - 28)}%` } })
+    ] }, t)) })
+  ] });
+}
+function Ia() {
+  return /* @__PURE__ */ n("section", { className: "overflow-hidden rounded-2xl border border-border bg-card shadow-sm", children: [
+    /* @__PURE__ */ e(ne, { meta: !0 }),
+    /* @__PURE__ */ n("div", { className: "space-y-5 p-5", children: [
+      Array.from({ length: 3 }).map((a, t) => /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ n("div", { className: "mb-2 flex justify-between", children: [
+          /* @__PURE__ */ e(i, { className: "h-3 w-24" }),
+          /* @__PURE__ */ e(i, { className: "h-3 w-10" })
+        ] }),
+        /* @__PURE__ */ e(i, { className: "h-1.5 w-full rounded-full" })
+      ] }, t)),
+      /* @__PURE__ */ n("div", { className: "rounded-xl border border-border bg-muted/30 p-4", children: [
+        /* @__PURE__ */ e(i, { className: "h-3 w-24" }),
+        /* @__PURE__ */ e(i, { className: "mt-3 h-8 w-12" }),
+        /* @__PURE__ */ e(i, { className: "mt-2 h-3 w-28" })
+      ] })
+    ] })
+  ] });
+}
+function Ot({ className: a }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: c("relative w-full min-w-0 max-w-full px-4 py-4 sm:px-6 sm:py-6 lg:px-8", a),
+      "data-app-dashboard-skeleton": !0,
+      children: [
+        /* @__PURE__ */ n("div", { className: "mb-6 flex min-h-[52px] w-full min-w-0 flex-col items-stretch justify-between gap-3 sm:min-h-[60px] sm:flex-row sm:items-center sm:gap-4", children: [
+          /* @__PURE__ */ n("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ e(i, { className: "h-7 w-56 max-w-full sm:h-8" }),
+            /* @__PURE__ */ e(i, { className: "hidden h-4 w-[28rem] max-w-full sm:block" })
+          ] }),
+          /* @__PURE__ */ e(i, { className: "h-11 w-24 rounded-xl" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "w-full min-w-0 space-y-6", children: [
+          /* @__PURE__ */ e("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: Array.from({ length: 4 }).map((t, r) => /* @__PURE__ */ e(Pa, { index: r }, r)) }),
+          /* @__PURE__ */ n("div", { className: "grid min-w-0 gap-4 xl:grid-cols-[1.45fr_.75fr]", children: [
+            /* @__PURE__ */ e(Ma, {}),
+            /* @__PURE__ */ e(za, {})
+          ] }),
+          /* @__PURE__ */ n("div", { className: "grid min-w-0 gap-4 xl:grid-cols-[1.45fr_.75fr]", children: [
+            /* @__PURE__ */ e(ja, {}),
+            /* @__PURE__ */ e(Ia, {})
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+const La = S.Root, Rt = S.Trigger, $a = S.Portal, Pt = S.Close, je = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  S.Overlay,
+  {
+    ref: r,
+    className: c(
+      `fixed inset-0 ${P.MODAL_BACKDROP} bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,
+      a
+    ),
+    ...t
+  }
+));
+je.displayName = S.Overlay.displayName;
+const Ie = b.forwardRef(({ className: a, children: t, nested: r, showCloseButton: s = !0, closeLabel: l = "Close dialog", ...o }, d) => {
+  const m = r ? P.NESTED_MODAL : P.MODAL;
+  return /* @__PURE__ */ n($a, { children: [
+    /* @__PURE__ */ e(je, { className: r ? m : void 0 }),
+    /* @__PURE__ */ n(
+      S.Content,
+      {
+        ref: d,
+        className: c(
+          `fixed left-[50%] top-[50%] ${m} grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-4 shadow-lg duration-300 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:p-6`,
+          a
+        ),
+        ...o,
+        children: [
+          t,
+          s ? /* @__PURE__ */ n(S.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ e(J, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: l })
+          ] }) : null
+        ]
+      }
+    )
+  ] });
+});
+Ie.displayName = S.Content.displayName;
+const Le = ({
+  className: a,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: c(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      a
+    ),
+    ...t
+  }
+);
+Le.displayName = "DialogHeader";
+const $e = ({
+  className: a,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: c(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      a
+    ),
+    ...t
+  }
+);
+$e.displayName = "DialogFooter";
+const Ve = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  S.Title,
+  {
+    ref: r,
+    className: c(
+      "text-lg font-semibold leading-none tracking-tight",
+      a
+    ),
+    ...t
+  }
+));
+Ve.displayName = S.Title.displayName;
+const Be = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  S.Description,
+  {
+    ref: r,
+    className: c("text-sm text-muted-foreground", a),
+    ...t
+  }
+));
+Be.displayName = S.Description.displayName;
+const Va = S.Root, Mt = S.Trigger, zt = S.Close, Ba = S.Portal, Fe = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  S.Overlay,
+  {
+    className: c(
+      `fixed inset-0 ${P.MODAL_BACKDROP} bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,
+      a
+    ),
+    ...t,
+    ref: r
+  }
+));
+Fe.displayName = S.Overlay.displayName;
+const Fa = Me(
+  `fixed ${P.MODAL} gap-4 overflow-visible bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out`,
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+), He = b.forwardRef(({ side: a = "right", className: t, children: r, ...s }, l) => /* @__PURE__ */ n(Ba, { children: [
+  /* @__PURE__ */ e(Fe, {}),
+  /* @__PURE__ */ n(
+    S.Content,
+    {
+      ref: l,
+      className: c(Fa({ side: a }), t),
+      onPointerDownOutside: (o) => o.preventDefault(),
+      onInteractOutside: (o) => {
+        const d = o.target;
+        d.closest("[data-app-date-picker-popover]") && o.preventDefault(), d.closest("[data-radix-dialog-content]") && o.preventDefault(), d.closest("[data-radix-select-content]") && o.preventDefault();
+      },
+      onFocusOutside: (o) => {
+        const d = o.target;
+        d.closest("[data-app-date-picker-popover]") && o.preventDefault(), d.closest("[data-radix-dialog-content]") && o.preventDefault(), d.closest("[data-radix-select-content]") && o.preventDefault();
+      },
+      onEscapeKeyDown: (o) => o.preventDefault(),
+      ...s,
+      children: [
+        /* @__PURE__ */ n(S.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ e(J, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+        ] }),
+        r
+      ]
+    }
+  )
+] }));
+He.displayName = S.Content.displayName;
+const We = ({
+  className: a,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: c(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      a
+    ),
+    ...t
+  }
+);
+We.displayName = "SheetHeader";
+const Ha = ({
+  className: a,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: c(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      a
+    ),
+    ...t
+  }
+);
+Ha.displayName = "SheetFooter";
+const Ue = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  S.Title,
+  {
+    ref: r,
+    className: c("text-lg font-semibold text-foreground", a),
+    ...t
+  }
+));
+Ue.displayName = S.Title.displayName;
+const Ke = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  S.Description,
+  {
+    ref: r,
+    className: c("text-sm text-muted-foreground", a),
+    ...t
+  }
+));
+Ke.displayName = S.Description.displayName;
+const Wa = {
+  sm: "sm:max-w-md",
+  md: "sm:max-w-xl",
+  lg: "sm:max-w-2xl",
+  xl: "sm:max-w-4xl",
+  wide: "sm:max-w-6xl"
+}, Ye = typeof process < "u" && process.env.NODE_ENV === "test";
+function jt({
+  open: a,
+  onClose: t,
+  title: r,
+  description: s,
+  children: l,
+  footer: o,
+  size: d = "md",
+  contentClassName: m,
+  bodyClassName: u,
+  closeLabel: f,
+  closeOnOutside: k = !1
+}) {
+  if (Ye)
+    return a ? /* @__PURE__ */ n("div", { role: "dialog", "aria-modal": "true", "aria-label": r, className: m, children: [
+      /* @__PURE__ */ n("header", { children: [
+        /* @__PURE__ */ e("h2", { children: r }),
+        s ? /* @__PURE__ */ e("p", { children: s }) : null
+      ] }),
+      /* @__PURE__ */ e("div", { className: u, children: l }),
+      o ? /* @__PURE__ */ e("footer", { children: o }) : null,
+      /* @__PURE__ */ e("button", { type: "button", "aria-label": f || "Close", onClick: t, children: f || "Close" })
+    ] }) : null;
+  const w = (typeof window > "u" ? "" : window.localStorage.getItem("i18nextLng") || document.documentElement.lang).toLowerCase().startsWith("zh");
+  return /* @__PURE__ */ e(La, { open: a, onOpenChange: (g) => {
+    g || t();
+  }, children: /* @__PURE__ */ n(
+    Ie,
+    {
+      closeLabel: f || (w ? "关闭对话框" : "Close dialog"),
+      className: c(
+        "max-h-[calc(100dvh-1rem)] gap-0 overflow-hidden p-0 sm:max-h-[calc(100dvh-3rem)]",
+        "max-sm:bottom-0 max-sm:left-0 max-sm:top-auto max-sm:w-full max-sm:max-w-none max-sm:translate-x-0 max-sm:translate-y-0 max-sm:rounded-b-none max-sm:rounded-t-2xl",
+        Wa[d],
+        m
+      ),
+      onPointerDownOutside: (g) => {
+        k || g.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ n(Le, { className: "shrink-0 border-b border-border px-5 py-4 pr-12 text-left sm:px-6", children: [
+          /* @__PURE__ */ e(Ve, { className: "text-lg leading-6", children: r }),
+          s ? /* @__PURE__ */ e(Be, { children: s }) : null
+        ] }),
+        /* @__PURE__ */ e("div", { className: c("min-h-0 flex-1 overflow-y-auto overscroll-contain px-5 py-4 sm:px-6", u), children: l }),
+        o ? /* @__PURE__ */ e($e, { className: "shrink-0 border-t border-border bg-background px-5 py-4 sm:px-6", children: o }) : null
+      ]
+    }
+  ) });
+}
+function It({ open: a, onClose: t, title: r, description: s, children: l, side: o = "right", className: d }) {
+  return Ye ? a ? /* @__PURE__ */ n("div", { role: "dialog", "aria-modal": "true", "aria-label": r, className: d, children: [
+    /* @__PURE__ */ n("header", { children: [
+      /* @__PURE__ */ e("h2", { children: r }),
+      s ? /* @__PURE__ */ e("p", { children: s }) : null
+    ] }),
+    /* @__PURE__ */ e("div", { children: l }),
+    /* @__PURE__ */ e("button", { type: "button", "aria-label": "Close", onClick: t, children: "Close" })
+  ] }) : null : /* @__PURE__ */ e(Va, { open: a, onOpenChange: (m) => {
+    m || t();
+  }, children: /* @__PURE__ */ n(He, { side: o, className: c("w-full overflow-y-auto sm:max-w-md", d), children: [
+    /* @__PURE__ */ n(We, { className: "text-left", children: [
+      /* @__PURE__ */ e(Ue, { children: r }),
+      s ? /* @__PURE__ */ e(Ke, { children: s }) : null
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mt-6 space-y-5 text-sm leading-6 text-muted-foreground", children: l })
+  ] }) });
+}
+let q = 0, Y = null;
+function Ua() {
+  const a = document.documentElement;
+  Y = {
+    htmlOverflow: a.style.overflow,
+    bodyOverflow: document.body.style.overflow
+  }, a.style.overflow = "hidden", document.body.style.overflow = "hidden";
+}
+function Ka() {
+  if (!Y) return;
+  const a = document.documentElement;
+  a.style.overflow = Y.htmlOverflow, document.body.style.overflow = Y.bodyOverflow, Y = null;
+}
+function Ya(a) {
+  H(() => typeof document > "u" || !a ? void 0 : (q === 0 && Ua(), q++, () => {
+    q--, q === 0 && Ka();
+  }), [a]);
+}
+const B = {
+  sm: { width: "480px", maxHeight: "90vh" },
+  md: { width: "640px", maxHeight: "90vh" },
+  lg: { width: "896px", maxHeight: "90vh" },
+  xl: { width: "1000px", maxHeight: "90vh" },
+  wide: { width: "min(1152px, 95vw)", maxHeight: "90vh" },
+  full: { width: "95vw", maxHeight: "95vh" }
+}, Ga = {
+  sm: B.sm,
+  md: B.md,
+  lg: B.lg,
+  xl: B.xl,
+  wide: B.wide,
+  full: B.full,
+  STANDARD: B.lg,
+  LARGE: B.wide
+}, Ge = ({
+  size: a = "STANDARD",
+  isOpen: t,
+  onClose: r,
+  title: s,
+  showCloseButton: l = !0,
+  closeOnOverlayClick: o = !1,
+  className: d,
+  contentClassName: m,
+  usePortal: u = !0,
+  children: f
+}) => {
+  Ya(t), b.useEffect(() => {
+    const g = (h) => {
+      h.key === "Escape" && t && r();
+    };
+    return t && document.addEventListener("keydown", g), () => {
+      document.removeEventListener("keydown", g);
+    };
+  }, [t, r]);
+  const k = (g) => {
+    o && g.target === g.currentTarget && r();
+  }, N = Ga[a], w = /* @__PURE__ */ e(
+    "div",
+    {
+      className: c(
+        "fixed inset-0 flex items-start sm:items-center justify-center p-4 sm:p-6 overflow-y-auto bg-black/50 backdrop-blur-sm",
+        P.MODAL,
+        d
+      ),
+      onClick: k,
+      style: {
+        opacity: t ? 1 : 0,
+        visibility: t ? "visible" : "hidden",
+        transition: "opacity 200ms ease-in-out, visibility 200ms ease-in-out"
+      },
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: c(
+            "w-full rounded-lg shadow-xl border bg-white dark:bg-surface-darker flex flex-col overflow-hidden my-auto sm:my-4",
+            "border-surface-darker/10 dark:border-surface/20",
+            "animate-in fade-in-0 zoom-in-95 duration-300",
+            "mx-auto sm:mx-4 md:mx-6 lg:mx-8",
+            "max-h-[calc(100dvh-2rem)]",
+            m
+          ),
+          style: {
+            maxWidth: N.width,
+            maxHeight: `min(${N.maxHeight}, calc(100dvh - 2rem))`
+          },
+          onClick: (g) => g.stopPropagation(),
+          children: [
+            (s || l) && /* @__PURE__ */ n("div", { className: "flex items-center justify-between p-6 border-b border-neutral-200 dark:border-neutral-700 flex-shrink-0", children: [
+              s && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: typeof s == "string" ? /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-neutral-900 dark:text-white", children: s }) : s }),
+              l && /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: r,
+                  className: "p-2 hover:bg-neutral-100 dark:hover:bg-neutral-700 rounded-lg transition-colors",
+                  "aria-label": "Close dialog",
+                  children: /* @__PURE__ */ e(J, { className: "w-5 h-5 text-neutral-500 dark:text-neutral-400" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: f })
+          ]
+        }
+      )
+    }
+  );
+  return t ? u ? xa(w, document.body) : w : null;
+}, be = Me(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 dark:focus-visible:ring-offset-neutral-950 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-blue-500 dark:bg-neutral-50 text-white dark:text-neutral-950 shadow-sm hover:shadow-md hover:bg-blue-600 dark:hover:bg-white active:bg-blue-700 dark:active:bg-neutral-100",
+        destructive: "bg-red-600 dark:bg-red-700 text-white shadow-sm hover:shadow-md hover:bg-red-700 dark:hover:bg-red-600 active:bg-red-800 dark:active:bg-red-800",
+        outline: "border border-neutral-300 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 active:bg-neutral-200 dark:active:bg-neutral-700",
+        secondary: "bg-neutral-100 dark:bg-neutral-800 text-neutral-800 dark:text-neutral-50 shadow-sm hover:shadow-md hover:bg-neutral-200 dark:hover:bg-neutral-700 active:bg-neutral-300 dark:active:bg-neutral-900 hover:text-neutral-900 dark:hover:text-neutral-50 active:text-neutral-950 dark:active:text-neutral-50",
+        ghost: "bg-transparent text-neutral-700 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800 active:bg-neutral-200 dark:active:bg-neutral-900 hover:text-neutral-900 dark:hover:text-neutral-200 active:text-neutral-950 dark:active:text-neutral-100",
+        subtle: "bg-transparent text-neutral-600 dark:text-neutral-400 hover:bg-neutral-50 dark:hover:bg-neutral-800/50 active:bg-neutral-100 dark:active:bg-neutral-700/50",
+        link: "bg-transparent text-blue-600 dark:text-blue-400 underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-lg px-3 text-xs",
+        lg: "h-10 rounded-xl px-8",
+        icon: "h-9 w-9 p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), A = b.forwardRef(
+  ({ className: a, variant: t, size: r, asChild: s = !1, ...l }, o) => /* @__PURE__ */ e(
+    s ? Na : "button",
+    {
+      className: c(be({ variant: t, size: r, className: a })),
+      ref: o,
+      ...l
+    }
+  )
+);
+A.displayName = "Button";
+const Ze = ({
+  size: a = "STANDARD",
+  isOpen: t,
+  onClose: r,
+  title: s,
+  className: l,
+  children: o,
+  footer: d,
+  showCloseButton: m = !0,
+  closeOnOverlayClick: u = !1
+}) => /* @__PURE__ */ n(
+  Ge,
+  {
+    size: a,
+    isOpen: t,
+    onClose: r,
+    title: s,
+    showCloseButton: m,
+    closeOnOverlayClick: u,
+    className: l,
+    children: [
+      /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain custom-scrollbar", children: o }),
+      d && /* @__PURE__ */ e("div", { className: "flex-shrink-0 border-t border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800", children: d })
+    ]
+  }
+), Lt = ({
+  onSubmit: a,
+  onCancel: t,
+  submitText: r = "OK",
+  cancelText: s = "Cancel",
+  submitDisabled: l = !1,
+  submitLoading: o = !1,
+  showFooter: d = !0,
+  customFooter: m,
+  ...u
+}) => /* @__PURE__ */ e(Ze, { ...u, footer: d ? m || /* @__PURE__ */ n("div", { className: "flex items-center justify-end gap-3 p-6", children: [
+  /* @__PURE__ */ e(A, { type: "button", variant: "secondary", onClick: () => {
+    t?.(), u.onClose();
+  }, children: s }),
+  a && /* @__PURE__ */ n(
+    A,
+    {
+      type: "button",
+      variant: "default",
+      onClick: () => {
+        a?.();
+      },
+      disabled: l || o,
+      className: "gap-2",
+      children: [
+        o && /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white/30 border-t-white" }),
+        r
+      ]
+    }
+  )
+] }) : void 0 }), Za = ({
+  isOpen: a,
+  onClose: t,
+  onConfirm: r,
+  title: s = "Confirm",
+  message: l,
+  confirmText: o = "Confirm",
+  cancelText: d = "Cancel",
+  danger: m = !1,
+  loading: u = !1
+}) => /* @__PURE__ */ e(
+  Ge,
+  {
+    size: "STANDARD",
+    isOpen: a,
+    onClose: t,
+    title: s,
+    contentClassName: "max-w-4xl",
+    children: /* @__PURE__ */ n("div", { className: "p-6", children: [
+      /* @__PURE__ */ e("p", { className: "text-neutral-700 dark:text-neutral-300 mb-6", children: l }),
+      /* @__PURE__ */ n("div", { className: "flex items-center justify-end gap-3", children: [
+        /* @__PURE__ */ e(A, { type: "button", variant: "secondary", onClick: t, disabled: u, children: d }),
+        /* @__PURE__ */ n(
+          A,
+          {
+            type: "button",
+            variant: m ? "destructive" : "default",
+            onClick: () => {
+              r();
+            },
+            disabled: u,
+            className: "gap-2",
+            children: [
+              u && /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white/30 border-t-white" }),
+              o
+            ]
+          }
+        )
+      ] })
+    ] })
+  }
+), $t = ({
+  searchable: a = !1,
+  searchPlaceholder: t = "Search...",
+  onSearch: r,
+  emptyMessage: s = "No data",
+  loading: l = !1,
+  children: o,
+  title: d,
+  ...m
+}) => {
+  const [u, f] = b.useState("");
+  return /* @__PURE__ */ n(Ze, { ...m, title: d, children: [
+    a && /* @__PURE__ */ e("div", { className: "p-4 border-b border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        placeholder: t,
+        value: u,
+        onChange: (N) => {
+          const w = N.target.value;
+          f(w), r?.(w);
+        },
+        className: "w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-primary bg-white dark:bg-neutral-700 text-neutral-900 dark:text-white"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain custom-scrollbar", children: l ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-12", children: [
+      /* @__PURE__ */ e("div", { className: "w-8 h-8 border-2 border-brand-primary/30 border-t-blue-600 rounded-full animate-spin" }),
+      /* @__PURE__ */ e("span", { className: "ml-3 text-neutral-600 dark:text-neutral-400", children: "Loading..." })
+    ] }) : o || /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: /* @__PURE__ */ e("p", { className: "text-neutral-500 dark:text-neutral-400", children: s }) }) })
+  ] });
+};
+function Vt({
+  open: a,
+  title: t,
+  message: r,
+  confirmLabel: s = "Confirm",
+  cancelLabel: l = "Cancel",
+  onConfirm: o,
+  onCancel: d,
+  danger: m = !1,
+  loading: u = !1
+}) {
+  return /* @__PURE__ */ e(
+    Za,
+    {
+      isOpen: a,
+      onClose: d,
+      onConfirm: o,
+      title: t,
+      message: r,
+      confirmText: s,
+      cancelText: l,
+      danger: m,
+      loading: u
+    }
+  );
+}
+function le({
+  className: a,
+  classNames: t,
+  showOutsideDays: r = !0,
+  components: s,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    ya,
+    {
+      showOutsideDays: r,
+      className: c(
+        "p-3",
+        l.mode === "range" ? "gs-calendar-range" : "gs-calendar-single",
+        a
+      ),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4 min-w-[280px]",
+        caption: "flex justify-center pt-1 relative items-center w-full",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: c(
+          be({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-0",
+        nav_button_next: "absolute right-0",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex w-full",
+        head_cell: "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: c(
+          `relative p-0 text-center text-sm flex-1 focus-within:relative focus-within:${P.SIDEBAR} has-[[aria-selected]]:bg-accent has-[[aria-selected].day-outside]:bg-accent/50 has-[[aria-selected].day-range-end]:rounded-r-md`,
+          l.mode === "range" ? "has-[>.day-range-end]:rounded-r-md has-[>.day-range-start]:rounded-l-md first:has-[[aria-selected]]:rounded-l-md last:has-[[aria-selected]]:rounded-r-md" : void 0
+        ),
+        day: c(
+          be({ variant: "ghost" }),
+          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...t
+      },
+      components: {
+        IconLeft: ({ className: o, ...d }) => /* @__PURE__ */ e(Oe, { className: c("h-4 w-4", o), ...d }),
+        IconRight: ({ className: o, ...d }) => /* @__PURE__ */ e(Te, { className: c("h-4 w-4", o), ...d }),
+        // Consumer overrides (e.g. a custom DayContent) merge in without dropping
+        // the nav chevrons above.
+        ...s
+      },
+      ...l
+    }
+  );
+}
+le.displayName = "Calendar";
+function Ja() {
+  const [a, t] = b.useState("hsl(0 0% 100%)");
+  return b.useEffect(() => {
+    const r = () => {
+      if (typeof window > "u") return;
+      const l = document.documentElement, o = getComputedStyle(l).getPropertyValue("--popover").trim(), d = l.classList.contains("dark");
+      t(o ? `hsl(${o})` : d ? "hsl(0 0% 3.9%)" : "hsl(0 0% 100%)");
+    };
+    r();
+    const s = new MutationObserver(r);
+    return s.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class"]
+    }), () => s.disconnect();
+  }, []), a;
+}
+const se = W.Root, oe = W.Trigger, Bt = W.Anchor, Q = b.forwardRef(({ className: a, align: t = "center", sideOffset: r = 4, style: s, ...l }, o) => {
+  const d = Ja();
+  return /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
+    W.Content,
+    {
+      ref: o,
+      align: t,
+      sideOffset: r,
+      className: c(
+        `${P.OVERLAY_POPOVER} w-72 rounded-md border p-4 shadow-md outline-none 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-popover-content-transform-origin]`,
+        "text-popover-foreground border-border",
+        a
+      ),
+      style: {
+        backgroundColor: d,
+        ...s
+      },
+      ...l
+    }
+  ) });
+});
+Q.displayName = W.Content.displayName;
+const ie = typeof process < "u" && process.env.NODE_ENV === "test", Qa = {
+  en: {
+    chooseDate: "Select date",
+    chooseDateTime: "Select date and time",
+    chooseTime: "Select time",
+    clear: "Clear",
+    today: "Today",
+    previousYear: "Previous year",
+    nextYear: "Next year",
+    hour: "Hour",
+    minute: "Minute",
+    apply: "Apply"
+  },
+  zh: {
+    chooseDate: "选择日期",
+    chooseDateTime: "选择日期和时间",
+    chooseTime: "选择时间",
+    clear: "清除",
+    today: "今天",
+    previousYear: "上一年",
+    nextYear: "下一年",
+    hour: "小时",
+    minute: "分钟",
+    apply: "应用"
+  }
+};
+function Je(a) {
+  return String(a || "").toLowerCase().startsWith("zh") ? "zh" : "en";
+}
+function de(a, t) {
+  return { ...Qa[Je(a)], ...t };
+}
+function I(a) {
+  const t = String(a || "").trim().match(/^(\d{4})-(\d{2})-(\d{2})/) ?? [];
+  if (!t[1]) return;
+  const r = new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]));
+  if (!(r.getFullYear() !== Number(t[1]) || r.getMonth() !== Number(t[2]) - 1 || r.getDate() !== Number(t[3])))
+    return r;
+}
+function Z(a) {
+  return `${a.getFullYear()}-${String(a.getMonth() + 1).padStart(2, "0")}-${String(a.getDate()).padStart(2, "0")}`;
+}
+function U(a) {
+  const t = String(a || "").match(/(?:T|^)(\d{2}):(\d{2})/), r = Math.min(23, Math.max(0, Number(t?.[1] || 9))), s = Math.min(59, Math.max(0, Number(t?.[2] || 0)));
+  return { hour: r, minute: s };
+}
+function ae(a, t) {
+  const r = I(a);
+  return r ? wa(r, t === "zh" ? "yyyy年M月d日" : "MMM d, yyyy", {
+    locale: t === "zh" ? te : re
+  }) : "";
+}
+function Xa(a, t) {
+  const r = ae(a, t);
+  if (!r) return "";
+  const s = U(a);
+  return `${r} ${String(s.hour).padStart(2, "0")}:${String(s.minute).padStart(2, "0")}`;
+}
+function qa(a) {
+  if (!a) return "";
+  const t = U(a);
+  return `${String(t.hour).padStart(2, "0")}:${String(t.minute).padStart(2, "0")}`;
+}
+function ce(a) {
+  const { i18n: t } = va();
+  return Je(a || t.resolvedLanguage || t.language);
+}
+function me({ label: a, onClear: t }) {
+  return /* @__PURE__ */ e(
+    A,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      "aria-label": a,
+      className: "h-9 w-9 shrink-0 rounded-l-none border-l border-border text-muted-foreground",
+      onClick: t,
+      children: /* @__PURE__ */ e(J, { className: "h-4 w-4", "aria-hidden": "true" })
+    }
+  );
+}
+function ue({ icon: a, value: t, placeholder: r }) {
+  return /* @__PURE__ */ n(we, { children: [
+    a,
+    /* @__PURE__ */ e("span", { className: c("min-w-0 flex-1 truncate text-left", !t && "text-muted-foreground"), children: t || r })
+  ] });
+}
+function et({
+  id: a,
+  value: t,
+  onChange: r,
+  disabled: s,
+  placeholder: l,
+  className: o,
+  triggerClassName: d,
+  min: m,
+  max: u,
+  locale: f,
+  labels: k,
+  clearable: N = !0,
+  "aria-label": w,
+  popoverLayer: g = "aboveModal",
+  disabledDays: h,
+  presets: x = []
+}) {
+  const v = ce(f), p = de(v, k), _ = I(t), C = I(m), T = I(u), [E, O] = b.useState(!1), M = ae(t, v);
+  return /* @__PURE__ */ n("div", { className: c("flex min-w-0 items-stretch rounded-md border border-input bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", o), children: [
+    /* @__PURE__ */ n(se, { open: E, onOpenChange: O, modal: !0, children: [
+      /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
+        A,
+        {
+          id: a,
+          type: "button",
+          variant: "ghost",
+          disabled: s,
+          "aria-label": w || l || p.chooseDate,
+          className: c("h-10 min-w-0 flex-1 justify-start gap-2 rounded-r-none px-3 font-normal hover:bg-accent/60", d),
+          children: /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(ye, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }), value: M, placeholder: l || p.chooseDate })
+        }
+      ) }),
+      /* @__PURE__ */ n(
+        Q,
+        {
+          align: "start",
+          className: c("w-auto max-w-[calc(100vw-1.5rem)] p-0", g === "aboveModal" ? P.DATE_PICKER_POPOVER : P.POPOVER),
+          children: [
+            /* @__PURE__ */ e(
+              le,
+              {
+                mode: "single",
+                selected: _,
+                defaultMonth: _ || C || /* @__PURE__ */ new Date(),
+                onSelect: (y) => {
+                  y && (r(Z(y)), O(!1));
+                },
+                disabled: [{ before: C || new Date(100, 0, 1), after: T || new Date(9999, 11, 31) }, ...Array.isArray(h) ? h : h ? [h] : []],
+                locale: v === "zh" ? te : re,
+                captionLayout: "dropdown-buttons",
+                fromDate: C || new Date(1900, 0, 1),
+                toDate: T || new Date((/* @__PURE__ */ new Date()).getFullYear() + 20, 11, 31),
+                initialFocus: !0
+              }
+            ),
+            x.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 border-t border-border px-3 py-2", children: x.map((y) => /* @__PURE__ */ e(A, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+              r(y.value), O(!1);
+            }, children: y.label }, `${y.label}-${y.value}`)) }) : null,
+            /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+              /* @__PURE__ */ e(
+                A,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => {
+                    const y = Z(/* @__PURE__ */ new Date()), L = C && new Date(y) < C, $ = T && new Date(y) > T;
+                    !L && !$ && r(y), O(!1);
+                  },
+                  children: p.today
+                }
+              ),
+              N && t ? /* @__PURE__ */ e(A, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+                r(""), O(!1);
+              }, children: p.clear }) : null
+            ] })
+          ]
+        }
+      )
+    ] }),
+    N && t && !s ? /* @__PURE__ */ e(me, { label: p.clear, onClear: () => r("") }) : null
+  ] });
+}
+function at(a) {
+  return ie ? /* @__PURE__ */ e("input", { id: a.id, type: "date", value: a.value, onChange: (t) => a.onChange(t.currentTarget.value), disabled: a.disabled, min: a.min, max: a.max, "aria-label": a["aria-label"] || a.placeholder, className: a.className }) : /* @__PURE__ */ e(et, { ...a });
+}
+function tt({
+  id: a,
+  value: t,
+  onChange: r,
+  disabled: s,
+  placeholder: l,
+  className: o,
+  triggerClassName: d,
+  min: m,
+  max: u,
+  locale: f,
+  labels: k,
+  clearable: N = !0,
+  "aria-label": w,
+  popoverLayer: g = "aboveModal",
+  disabledDays: h,
+  presets: x = []
+}) {
+  const v = ce(f), p = de(v, k), _ = I(m), C = I(u), T = { from: I(t.from), to: I(t.to) }, [E, O] = b.useState(!1), M = t.from ? `${ae(t.from, v)}${t.to ? ` – ${ae(t.to, v)}` : ""}` : "";
+  return /* @__PURE__ */ n("div", { className: c("flex min-w-0 items-stretch rounded-md border border-input bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", o), children: [
+    /* @__PURE__ */ n(se, { open: E, onOpenChange: O, modal: !0, children: [
+      /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(A, { id: a, type: "button", variant: "ghost", disabled: s, "aria-label": w || l || p.chooseDate, className: c("h-10 min-w-0 flex-1 justify-start gap-2 rounded-r-none px-3 font-normal", d), children: /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(ye, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }), value: M, placeholder: l || p.chooseDate }) }) }),
+      /* @__PURE__ */ n(Q, { align: "start", className: c("w-auto max-w-[calc(100vw-1.5rem)] p-0", g === "aboveModal" ? P.DATE_PICKER_POPOVER : P.POPOVER), children: [
+        /* @__PURE__ */ e(le, { mode: "range", selected: T, onSelect: (y) => r({ from: y?.from ? Z(y.from) : "", to: y?.to ? Z(y.to) : "" }), numberOfMonths: 2, disabled: [{ before: _ || new Date(100, 0, 1), after: C || new Date(9999, 11, 31) }, ...Array.isArray(h) ? h : h ? [h] : []], locale: v === "zh" ? te : re, captionLayout: "dropdown-buttons", fromDate: _ || new Date(1900, 0, 1), toDate: C || new Date((/* @__PURE__ */ new Date()).getFullYear() + 20, 11, 31), initialFocus: !0 }),
+        x.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 border-t border-border px-3 py-2", children: x.map((y) => /* @__PURE__ */ e(A, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+          r(y.value), O(!1);
+        }, children: y.label }, y.label)) }) : null,
+        /* @__PURE__ */ e("div", { className: "flex justify-end border-t border-border px-3 py-2", children: N && t.from ? /* @__PURE__ */ e(A, { type: "button", variant: "ghost", size: "sm", onClick: () => r({ from: "", to: "" }), children: p.clear }) : null })
+      ] })
+    ] }),
+    N && t.from && !s ? /* @__PURE__ */ e(me, { label: p.clear, onClear: () => r({ from: "", to: "" }) }) : null
+  ] });
+}
+function Ft(a) {
+  return ie ? /* @__PURE__ */ n("div", { className: a.className, children: [
+    /* @__PURE__ */ e("input", { id: a.id, type: "date", value: a.value.from, onChange: (t) => a.onChange({ ...a.value, from: t.currentTarget.value }), disabled: a.disabled, min: a.min, max: a.max, "aria-label": a["aria-label"] || a.placeholder }),
+    /* @__PURE__ */ e("input", { type: "date", value: a.value.to, onChange: (t) => a.onChange({ ...a.value, to: t.currentTarget.value }), disabled: a.disabled, min: a.min, max: a.max, "aria-label": `${a["aria-label"] || a.placeholder || "Date"} end` })
+  ] }) : /* @__PURE__ */ e(tt, { ...a });
+}
+function Qe({
+  hour: a,
+  minute: t,
+  minuteStep: r,
+  labels: s,
+  onHour: l,
+  onMinute: o
+}) {
+  const d = Array.from({ length: Math.ceil(60 / r) }, (m, u) => Math.min(59, u * r));
+  return /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-3 border-t border-border p-3", children: [
+    /* @__PURE__ */ n("fieldset", { children: [
+      /* @__PURE__ */ e("legend", { className: "mb-2 text-xs font-medium text-muted-foreground", children: s.hour }),
+      /* @__PURE__ */ e("div", { className: "grid max-h-36 grid-cols-4 gap-1 overflow-y-auto pr-1", children: Array.from({ length: 24 }, (m, u) => /* @__PURE__ */ e(A, { type: "button", size: "sm", variant: a === u ? "default" : "ghost", className: "h-8 px-1 tabular-nums", onClick: () => l(u), children: String(u).padStart(2, "0") }, u)) })
+    ] }),
+    /* @__PURE__ */ n("fieldset", { children: [
+      /* @__PURE__ */ e("legend", { className: "mb-2 text-xs font-medium text-muted-foreground", children: s.minute }),
+      /* @__PURE__ */ e("div", { className: "grid max-h-36 grid-cols-3 gap-1 overflow-y-auto pr-1", children: d.map((m) => /* @__PURE__ */ e(A, { type: "button", size: "sm", variant: t === m ? "default" : "ghost", className: "h-8 px-1 tabular-nums", onClick: () => o(m), children: String(m).padStart(2, "0") }, m)) })
+    ] })
+  ] });
+}
+function rt({
+  id: a,
+  value: t,
+  onChange: r,
+  disabled: s,
+  placeholder: l,
+  className: o,
+  triggerClassName: d,
+  min: m,
+  max: u,
+  locale: f,
+  labels: k,
+  clearable: N = !0,
+  minuteStep: w = 5,
+  "aria-label": g,
+  popoverLayer: h = "aboveModal"
+}) {
+  const x = ce(f), v = de(x, k), p = I(t), _ = I(m), C = I(u), T = U(t), [E, O] = b.useState(!1), [M, y] = b.useState(p || /* @__PURE__ */ new Date()), [L, $] = b.useState(T.hour), [R, z] = b.useState(T.minute);
+  b.useEffect(() => {
+    if (!E) return;
+    y(p || /* @__PURE__ */ new Date());
+    const V = U(t);
+    $(V.hour), z(V.minute);
+  }, [E, p?.getTime(), t]);
+  const fe = () => {
+    r(`${Z(M)}T${String(L).padStart(2, "0")}:${String(R).padStart(2, "0")}`), O(!1);
+  };
+  return /* @__PURE__ */ n("div", { className: c("flex min-w-0 items-stretch rounded-md border border-input bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", o), children: [
+    /* @__PURE__ */ n(se, { open: E, onOpenChange: O, modal: !0, children: [
+      /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(A, { id: a, type: "button", variant: "ghost", disabled: s, "aria-label": g || l || v.chooseDateTime, className: c("h-10 min-w-0 flex-1 justify-start gap-2 rounded-r-none px-3 font-normal hover:bg-accent/60", d), children: /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(ye, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }), value: Xa(t, x), placeholder: l || v.chooseDateTime }) }) }),
+      /* @__PURE__ */ n(Q, { align: "start", className: c("w-auto max-w-[calc(100vw-1.5rem)] p-0", h === "aboveModal" ? P.DATE_PICKER_POPOVER : P.POPOVER), children: [
+        /* @__PURE__ */ e(le, { mode: "single", selected: M, onSelect: (V) => V && y(V), disabled: { before: _ || new Date(100, 0, 1), after: C || new Date(9999, 11, 31) }, locale: x === "zh" ? te : re, initialFocus: !0 }),
+        /* @__PURE__ */ e(Qe, { hour: L, minute: R, minuteStep: Math.max(1, Math.min(30, w)), labels: v, onHour: $, onMinute: z }),
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+          N && t ? /* @__PURE__ */ e(A, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+            r(""), O(!1);
+          }, children: v.clear }) : /* @__PURE__ */ e("span", {}),
+          /* @__PURE__ */ e(A, { type: "button", size: "sm", onClick: fe, children: v.apply })
+        ] })
+      ] })
+    ] }),
+    N && t && !s ? /* @__PURE__ */ e(me, { label: v.clear, onClear: () => r("") }) : null
+  ] });
+}
+function nt(a) {
+  return ie ? /* @__PURE__ */ e("input", { id: a.id, type: "datetime-local", value: a.value, onChange: (t) => a.onChange(t.currentTarget.value), disabled: a.disabled, min: a.min, max: a.max, "aria-label": a["aria-label"] || a.placeholder, className: a.className }) : /* @__PURE__ */ e(rt, { ...a });
+}
+function lt({
+  id: a,
+  value: t,
+  onChange: r,
+  disabled: s,
+  placeholder: l,
+  className: o,
+  triggerClassName: d,
+  locale: m,
+  labels: u,
+  clearable: f = !0,
+  minuteStep: k = 5,
+  "aria-label": N,
+  popoverLayer: w = "aboveModal"
+}) {
+  const g = ce(m), h = de(g, u), x = U(t), [v, p] = b.useState(!1), [_, C] = b.useState(x.hour), [T, E] = b.useState(x.minute);
+  b.useEffect(() => {
+    if (!v) return;
+    const M = U(t);
+    C(M.hour), E(M.minute);
+  }, [v, t]);
+  const O = () => {
+    r(`${String(_).padStart(2, "0")}:${String(T).padStart(2, "0")}`), p(!1);
+  };
+  return /* @__PURE__ */ n("div", { className: c("flex min-w-0 items-stretch rounded-md border border-input bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", o), children: [
+    /* @__PURE__ */ n(se, { open: v, onOpenChange: p, modal: !0, children: [
+      /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(A, { id: a, type: "button", variant: "ghost", disabled: s, "aria-label": N || l || h.chooseTime, className: c("h-10 min-w-0 flex-1 justify-start gap-2 rounded-r-none px-3 font-normal hover:bg-accent/60", d), children: /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(ba, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }), value: qa(t), placeholder: l || h.chooseTime }) }) }),
+      /* @__PURE__ */ n(Q, { align: "start", className: c("w-[320px] max-w-[calc(100vw-1.5rem)] p-0", w === "aboveModal" ? P.DATE_PICKER_POPOVER : P.POPOVER), children: [
+        /* @__PURE__ */ e(Qe, { hour: _, minute: T, minuteStep: Math.max(1, Math.min(30, k)), labels: h, onHour: C, onMinute: E }),
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+          f && t ? /* @__PURE__ */ e(A, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+            r(""), p(!1);
+          }, children: h.clear }) : /* @__PURE__ */ e("span", {}),
+          /* @__PURE__ */ e(A, { type: "button", size: "sm", onClick: O, children: h.apply })
+        ] })
+      ] })
+    ] }),
+    f && t && !s ? /* @__PURE__ */ e(me, { label: h.clear, onClear: () => r("") }) : null
+  ] });
+}
+function st(a) {
+  return ie ? /* @__PURE__ */ e("input", { id: a.id, type: "time", value: a.value, onChange: (t) => a.onChange(t.currentTarget.value), disabled: a.disabled, "aria-label": a["aria-label"] || a.placeholder, className: a.className }) : /* @__PURE__ */ e(lt, { ...a });
+}
+const Xe = b.forwardRef(
+  ({ className: a, type: t, ...r }, s) => /* @__PURE__ */ e(
+    "input",
+    {
+      type: t,
+      className: c(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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",
+        a
+      ),
+      ref: s,
+      ...r
+    }
+  )
+);
+Xe.displayName = "Input";
+const ot = typeof process < "u" && process.env.NODE_ENV === "test";
+function it(a) {
+  return a === "date" || a === "datetime-local" || a === "time";
+}
+const Ht = b.forwardRef(function({
+  type: t = "text",
+  value: r,
+  defaultValue: s,
+  onChange: l,
+  onValueChange: o,
+  min: d,
+  max: m,
+  locale: u,
+  labels: f,
+  clearable: k,
+  minuteStep: N,
+  popoverLayer: w,
+  className: g,
+  id: h,
+  disabled: x,
+  placeholder: v,
+  "aria-label": p,
+  name: _,
+  ...C
+}, T) {
+  if (ot)
+    return /* @__PURE__ */ e("input", { ...C, ref: T, id: h, name: _, type: t, value: r, defaultValue: s, onChange: l, min: d, max: m, disabled: x, placeholder: v, "aria-label": p, className: g });
+  if (!it(t))
+    return /* @__PURE__ */ e(
+      Xe,
+      {
+        ...C,
+        ref: T,
+        id: h,
+        name: _,
+        type: t,
+        value: r,
+        defaultValue: s,
+        onChange: l,
+        min: d,
+        max: m,
+        disabled: x,
+        placeholder: v,
+        "aria-label": p,
+        className: g
+      }
+    );
+  const E = String(r ?? s ?? ""), M = {
+    id: h,
+    value: E,
+    onChange: (y) => {
+      if (o?.(y), l) {
+        const L = { value: y, name: _ || "", type: t };
+        l({ target: L, currentTarget: L });
+      }
+    },
+    disabled: x,
+    placeholder: v,
+    className: g,
+    min: d == null ? void 0 : String(d),
+    max: m == null ? void 0 : String(m),
+    locale: u,
+    labels: f,
+    clearable: k,
+    popoverLayer: w,
+    "aria-label": p
+  };
+  if (t === "datetime-local") return /* @__PURE__ */ e(nt, { ...M, minuteStep: N });
+  if (t === "time") {
+    const { min: y, max: L, ...$ } = M;
+    return /* @__PURE__ */ e(st, { ...$, minuteStep: N });
+  }
+  return /* @__PURE__ */ e(at, { ...M });
+});
+function qe({
+  onValueChange: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    D.Root,
+    {
+      ...t,
+      onValueChange: a ? (r) => {
+        b.startTransition(() => {
+          a(r);
+        });
+      } : void 0
+    }
+  );
+}
+qe.displayName = D.Root.displayName;
+const dt = D.Group, ct = D.Value, ea = b.forwardRef(({ className: a, children: t, ...r }, s) => /* @__PURE__ */ n(
+  D.Trigger,
+  {
+    ref: s,
+    className: c(
+      "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",
+      a
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ e(D.Icon, { asChild: !0, children: /* @__PURE__ */ e(Ne, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+ea.displayName = D.Trigger.displayName;
+const aa = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  D.ScrollUpButton,
+  {
+    ref: r,
+    className: c(
+      "flex cursor-default items-center justify-center py-1",
+      a
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(ga, { className: "h-4 w-4" })
+  }
+));
+aa.displayName = D.ScrollUpButton.displayName;
+const ta = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  D.ScrollDownButton,
+  {
+    ref: r,
+    className: c(
+      "flex cursor-default items-center justify-center py-1",
+      a
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(Ne, { className: "h-4 w-4" })
+  }
+));
+ta.displayName = D.ScrollDownButton.displayName;
+const ra = b.forwardRef(({ className: a, children: t, position: r = "popper", ...s }, l) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ n(
+  D.Content,
+  {
+    ref: l,
+    className: c(
+      `relative ${P.OVERLAY_POPOVER} 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",
+      a
+    ),
+    position: r,
+    onCloseAutoFocus: (o) => {
+      o.preventDefault();
+    },
+    onEscapeKeyDown: (o) => {
+      o.stopPropagation();
+    },
+    ...s,
+    children: [
+      /* @__PURE__ */ e(aa, {}),
+      /* @__PURE__ */ e(
+        D.Viewport,
+        {
+          className: c(
+            "p-1",
+            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ e(ta, {})
+    ]
+  }
+) }));
+ra.displayName = D.Content.displayName;
+const na = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  D.Label,
+  {
+    ref: r,
+    className: c("px-2 py-1.5 text-sm font-semibold", a),
+    ...t
+  }
+));
+na.displayName = D.Label.displayName;
+const la = b.forwardRef(({ className: a, children: t, ...r }, s) => /* @__PURE__ */ n(
+  D.Item,
+  {
+    ref: s,
+    className: c(
+      "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",
+      a
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(Re, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e(D.ItemText, { children: t })
+    ]
+  }
+));
+la.displayName = D.Item.displayName;
+const mt = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  D.Separator,
+  {
+    ref: r,
+    className: c("-mx-1 my-1 h-px bg-muted", a),
+    ...t
+  }
+));
+mt.displayName = D.Separator.displayName;
+const G = "__genispace_empty_selection__", ut = typeof process < "u" && process.env.NODE_ENV === "test";
+function ge(a) {
+  const t = a.props.value ?? a.key ?? "";
+  return String(t) || G;
+}
+function ft(a) {
+  return ve.toArray(a).join("");
+}
+function xe(a) {
+  const t = [];
+  return ve.toArray(a).forEach((r, s) => {
+    if (Ee(r)) {
+      if (r.type === "option") {
+        const l = r;
+        t.push(
+          /* @__PURE__ */ e(la, { value: ge(l), disabled: l.props.disabled, children: l.props.label || l.props.children }, r.key ?? `${ge(l)}-${s}`)
+        );
+        return;
+      }
+      if (r.type === "optgroup") {
+        const l = r;
+        t.push(
+          /* @__PURE__ */ n(dt, { children: [
+            l.props.label ? /* @__PURE__ */ e(na, { children: l.props.label }) : null,
+            xe(l.props.children)
+          ] }, r.key ?? `group-${s}`)
+        );
+        return;
+      }
+      t.push(...xe(r.props.children));
+    }
+  }), t;
+}
+function sa(a, t) {
+  let r;
+  return ve.forEach(a, (s) => {
+    if (!(!Ee(s) || r)) {
+      if (s.type === "option") {
+        const l = s;
+        ge(l) === (t || G) && (r = l.props.label || ft(l.props.children));
+        return;
+      }
+      r = sa(s.props.children, t);
+    }
+  }), r;
+}
+function Ae(a) {
+  return Array.isArray(a) ? a[0] : a;
+}
+function Wt({
+  value: a,
+  defaultValue: t,
+  onChange: r,
+  children: s,
+  className: l,
+  contentClassName: o,
+  disabled: d,
+  required: m,
+  name: u,
+  id: f,
+  placeholder: k,
+  "aria-label": N,
+  "aria-describedby": w
+}) {
+  if (ut)
+    return /* @__PURE__ */ e(
+      "select",
+      {
+        id: f,
+        name: u,
+        value: a,
+        defaultValue: t,
+        onChange: r,
+        disabled: d,
+        required: m,
+        "aria-label": N,
+        "aria-describedby": w,
+        className: l,
+        children: s
+      }
+    );
+  const g = Ae(a), h = Ae(t), x = g == null ? void 0 : String(g) || G, v = h == null ? void 0 : String(h) || G, p = sa(s, x ?? v ?? "");
+  return /* @__PURE__ */ n(
+    qe,
+    {
+      value: x,
+      defaultValue: v,
+      disabled: d,
+      required: m,
+      name: u,
+      onValueChange: (_) => {
+        const C = _ === G ? "" : _;
+        r?.({ target: { value: C, name: u || "" }, currentTarget: { value: C, name: u || "" } });
+      },
+      children: [
+        /* @__PURE__ */ e(ea, { id: f, "aria-label": N, "aria-describedby": w, className: c("min-h-10", l), children: /* @__PURE__ */ e(ct, { placeholder: k || p, children: p }) }),
+        /* @__PURE__ */ e(ra, { className: o, children: xe(s) })
+      ]
+    }
+  );
+}
+const oa = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  pe.Root,
+  {
+    ref: r,
+    className: c(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-neutral-300 dark:border-neutral-700 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      a
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(
+      pe.Indicator,
+      {
+        className: c("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ e(Re, { className: "h-3.5 w-3.5" })
+      }
+    )
+  }
+));
+oa.displayName = pe.Root.displayName;
+const ht = typeof process < "u" && process.env.NODE_ENV === "test";
+function Ut({ checked: a, defaultChecked: t, onChange: r, className: s, disabled: l, required: o, name: d, value: m, id: u, "aria-label": f, "aria-describedby": k }) {
+  return ht ? /* @__PURE__ */ e("input", { id: u, type: "checkbox", checked: a, defaultChecked: t, onChange: r, className: s, disabled: l, required: o, name: d, value: m, "aria-label": f, "aria-describedby": k }) : /* @__PURE__ */ e(
+    oa,
+    {
+      id: u,
+      checked: a,
+      defaultChecked: t,
+      disabled: l,
+      required: o,
+      name: d,
+      value: m,
+      "aria-label": f,
+      "aria-describedby": k,
+      className: s,
+      onCheckedChange: (N) => {
+        const w = N === !0;
+        r?.({ target: { checked: w, name: d || "", value: String(m ?? "on") }, currentTarget: { checked: w, name: d || "", value: String(m ?? "on") } });
+      }
+    }
+  );
+}
+const ia = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  K.Root,
+  {
+    ref: r,
+    className: c(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      a
+    ),
+    ...t
+  }
+));
+ia.displayName = K.Root.displayName;
+const da = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  K.Image,
+  {
+    ref: r,
+    className: c("aspect-square h-full w-full", a),
+    ...t
+  }
+));
+da.displayName = K.Image.displayName;
+const ca = b.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  K.Fallback,
+  {
+    ref: r,
+    className: c(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      a
+    ),
+    ...t
+  }
+));
+ca.displayName = K.Fallback.displayName;
+const _e = /[\u4e00-\u9fff]/;
+function pt(a, t) {
+  const r = (a || "").trim(), s = (t || "").trim(), l = r || s;
+  if (!l) return "?";
+  const o = r && _e.test(r) ? r : s && _e.test(s) ? s : "";
+  if (o)
+    return Array.from(o.trim()).slice(0, 2).join("");
+  const d = l.split(/\s+/).filter(Boolean);
+  return d.length >= 2 ? (d[0].slice(0, 1) + d[1].slice(0, 1)).toUpperCase() : l.slice(0, 2).toUpperCase();
+}
+function bt({
+  name: a,
+  email: t,
+  avatarUrl: r,
+  sizeClassName: s = "size-6",
+  className: l,
+  variant: o = "default",
+  shape: d = "circle"
+}) {
+  const m = r != null ? String(r).trim() : "", u = !!m, f = d === "rounded" ? "rounded-lg" : "rounded-full";
+  return /* @__PURE__ */ n(
+    ia,
+    {
+      className: c(
+        "shrink-0 overflow-hidden",
+        f,
+        o === "default" && "border border-border/50",
+        o === "chatUser" && "ring-1 ring-border/50 bg-gradient-to-br from-blue-500 to-indigo-500 text-white font-semibold",
+        s,
+        l
+      ),
+      children: [
+        u ? /* @__PURE__ */ e(da, { src: m, alt: "", className: "object-cover" }) : null,
+        /* @__PURE__ */ e(
+          ca,
+          {
+            className: c(
+              f,
+              "text-xs font-medium",
+              o === "default" && "bg-accent/10",
+              o === "chatUser" && "bg-transparent text-white font-semibold"
+            ),
+            children: pt(a, t)
+          }
+        )
+      ]
+    }
+  );
+}
+function Kt({
+  userId: a,
+  profile: t,
+  showAvatar: r = !1,
+  className: s = "",
+  emptyLabel: l = "—"
+}) {
+  const o = Pe(t, a, l);
+  return r ? /* @__PURE__ */ n("span", { className: `inline-flex items-center gap-2 ${s}`.trim(), children: [
+    /* @__PURE__ */ e(
+      bt,
+      {
+        name: t?.name || o,
+        email: t?.email,
+        avatarUrl: t?.avatarUrl,
+        sizeClassName: "size-6"
+      }
+    ),
+    /* @__PURE__ */ e("span", { title: a || void 0, children: o })
+  ] }) : /* @__PURE__ */ e("span", { className: s, title: a || void 0, children: o });
+}
+const gt = "w-full rounded-lg border border-neutral-200 bg-white px-3 py-2 text-sm text-neutral-900 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 dark:border-neutral-600 dark:bg-neutral-950 dark:text-neutral-50 disabled:cursor-not-allowed disabled:opacity-50";
+function Yt({
+  value: a,
+  onChange: t,
+  members: r,
+  allowEmpty: s = !0,
+  emptyLabel: l = "—",
+  placeholder: o,
+  disabled: d = !1,
+  className: m,
+  id: u
+}) {
+  return /* @__PURE__ */ n(
+    "select",
+    {
+      id: u,
+      className: m ?? gt,
+      value: a,
+      disabled: d,
+      onChange: (f) => t(f.target.value),
+      children: [
+        s ? /* @__PURE__ */ e("option", { value: "", children: o ?? l }) : null,
+        r.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: Pe(f) }, f.id))
+      ]
+    }
+  );
+}
+function Gt(a, t) {
+  const r = t?.memberStatus ?? "ACTIVE", [s, l] = F([]), [o, d] = F(!!a), [m, u] = F(null), f = fa(/* @__PURE__ */ new Map());
+  H(() => {
+    if (!a) {
+      d(!1);
+      return;
+    }
+    let w = !1;
+    return d(!0), u(null), f.current.clear(), a.spaces.listMemberProfiles({ status: r }).then((g) => {
+      if (w) return;
+      l(g);
+      const h = f.current;
+      for (const x of g)
+        h.set(x.id, x);
+    }).catch((g) => {
+      w || u(g instanceof Error ? g.message : "Failed to load team members");
+    }).finally(() => {
+      w || d(!1);
+    }), () => {
+      w = !0;
+    };
+  }, [a, r]);
+  const k = he((w) => {
+    if (w)
+      return f.current.get(w);
+  }, []), N = he(
+    async (w) => {
+      if (!a) return;
+      const g = [...new Set(w.filter((h) => h && !f.current.has(h)))];
+      if (g.length)
+        try {
+          const h = await a.users.getPublicProfiles(g);
+          for (const x of h)
+            f.current.set(x.id, x);
+          l((x) => {
+            const v = new Map(x.map((p) => [p.id, p]));
+            for (const p of h)
+              v.set(p.id, p);
+            return [...v.values()];
+          });
+        } catch {
+        }
+    },
+    [a]
+  );
+  return ha(
+    () => ({
+      loading: o,
+      error: m,
+      members: s,
+      getProfile: k,
+      resolveMany: N
+    }),
+    [o, m, s, k, N]
+  );
+}
+export {
+  Rt as $,
+  Ut as A,
+  A as B,
+  Sa as C,
+  Da as D,
+  Ue as E,
+  Ta as F,
+  Aa as G,
+  Ke as H,
+  Ze as I,
+  le as J,
+  Za as K,
+  La as L,
+  Ge as M,
+  Pt as N,
+  Ie as O,
+  Oa as P,
+  Ra as Q,
+  Be as R,
+  i as S,
+  Ce as T,
+  Kt as U,
+  $e as V,
+  Le as W,
+  je as X,
+  $a as Y,
+  P as Z,
+  Ve as _,
+  Vt as a,
+  Lt as a0,
+  Xe as a1,
+  $t as a2,
+  Bt as a3,
+  qe as a4,
+  ra as a5,
+  dt as a6,
+  la as a7,
+  na as a8,
+  ta as a9,
+  aa,
+  mt as ab,
+  ea as ac,
+  ct as ad,
+  zt as ae,
+  Ha as af,
+  Mt as ag,
+  be as ah,
+  Ot as b,
+  at as c,
+  Ft as d,
+  nt as e,
+  It as f,
+  jt as g,
+  Tt as h,
+  Wt as i,
+  Et as j,
+  Ht as k,
+  st as l,
+  Ea as m,
+  Yt as n,
+  Z as o,
+  it as p,
+  I as q,
+  se as r,
+  oe as s,
+  de as t,
+  Gt as u,
+  Q as v,
+  oa as w,
+  Va as x,
+  He as y,
+  We as z
+};
+//# sourceMappingURL=useUserDirectory-CqkyCQoR.js.map