@still-forest/canopy 0.28.2 → 0.29.1

package/dist/index.js

@@ -1,55 +1,140 @@
-import { A as ae, c as te, a as oe, b as re, d as se, B as ne, e as ie, C as ce, f as de, g as le, h as ue, i as be, j as pe, k as fe, M as ge, P as me, S as ve, l as xe } from "./skeleton.js";
-import { P as Ce, T as Ie, a as he, b as Se, c as Pe, d as ye, e as Ae, f as je } from "./Table.js";
-import { j as s } from "./jsx-runtime.js";
-import { c as g } from "./index2.js";
-import * as b from "react";
-import { u as k, c as E, a as F, P as m, b as w, d as x } from "./popover.js";
-import { u as M, e as C, f as B, g as D } from "./SelectInput.js";
-import { C as Re, a as _e, b as ke, D as Ee, I as Fe, c as we, L as Me, N as Be, R as De, d as Le, S as Ge, T as He } from "./SelectInput.js";
-import { M as Ve, a as ze, b as Ke, S as Oe, T as qe, c as Je } from "./SidebarLayout.js";
-import { B as Ue, a as We } from "./calendar.js";
-import { S as Ye, T as Ze } from "./Textarea.js";
-import { E as aa } from "./ErrorFallback.js";
-import { E as oa, I as ra, P as sa, a as na } from "./PageNotFound.js";
-import { B as ca, C as da, F as la, a as ua, G as ba, H as pa, L as fa } from "./Layout2.js";
-import { C as ma } from "./Code.js";
-import { H as xa, T as Ta } from "./Heading.js";
-import { P as Ia } from "./Paragraph.js";
-var v = "Tabs", [L, Q] = E(v, [
-  C
-]), I = C(), [G, T] = L(v), h = b.forwardRef(
+import { R, T as F, C as P, c as V, X as O, d as H, D as q, P as K, O as X, e as J } from "./chunks/SidebarLayout-CunUyuBL.js";
+import { A as Ma, f as za, M as Sa, g as Aa, a as $a, b as Da, S as Ea, h as Ba, i as La, j as Ga, k as Ra, l as Fa, m as Pa, n as Va, o as Oa, p as Ha } from "./chunks/SidebarLayout-CunUyuBL.js";
+import { j as t } from "./chunks/jsx-runtime-B0GD0xBr.js";
+import { c as b, b as N, S as T, C, d as Q, e as U } from "./chunks/calendar-D21xByT8.js";
+import { B as Ka, a as Xa } from "./chunks/calendar-D21xByT8.js";
+import { c as i } from "./chunks/index-CRiPKpXj.js";
+import * as x from "react";
+import { Fragment as W, useState as Y, useEffect as Z, useMemo as ee } from "react";
+import { u as ae, a as te, c as re, b as se, P as h, d as ne, e as j } from "./chunks/popover-BhBG-w7n.js";
+import { g as _, h as oe, i as ie } from "./chunks/Textarea-Doc1h--A.js";
+import { C as Qa, a as Ua, b as Wa, D as Ya, I as Za, c as et, L as at, N as tt, R as rt, d as st, e as nt, S as ot, f as it, T as lt } from "./chunks/Textarea-Doc1h--A.js";
+import { E as dt, a as ut, I as mt, P as gt, b as bt } from "./chunks/PageNotFound-BqoSSvCP.js";
+import { B as xt, C as ft, F as vt, a as ht, G as yt, H as jt, L as Nt } from "./chunks/Layout-DAdzkAxW.js";
+import { C as wt } from "./chunks/Code-DSfz_jrJ.js";
+import { H as Ct, T as _t } from "./chunks/Heading-Bpvbpnw2.js";
+import { P as Mt } from "./chunks/Paragraph-Lcw42_Mz.js";
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const le = [
+  ["path", { d: "m17 18-6-6 6-6", key: "1yerx2" }],
+  ["path", { d: "M7 6v12", key: "1p53r6" }]
+], ce = b("chevron-first", le);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const de = [
+  ["path", { d: "m7 18 6-6-6-6", key: "lwmzdw" }],
+  ["path", { d: "M17 6v12", key: "1o0aio" }]
+], ue = b("chevron-last", de);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const me = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+], ge = b("circle-check-big", me);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const be = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+], pe = b("ellipsis", be);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xe = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], fe = b("info", xe);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ve = [
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  [
+    "path",
+    {
+      d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",
+      key: "2d38gg"
+    }
+  ],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+], he = b("octagon-x", ve);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ye = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], je = b("triangle-alert", ye);
+var y = "Tabs", [Ne, la] = re(y, [
+  _
+]), I = _(), [ke, k] = Ne(y), M = x.forwardRef(
   (e, a) => {
     const {
-      __scopeTabs: c,
-      value: t,
+      __scopeTabs: o,
+      value: s,
       onValueChange: n,
-      defaultValue: d,
-      orientation: o = "horizontal",
-      dir: l,
-      activationMode: p = "automatic",
-      ...f
-    } = e, i = M(l), [r, u] = k({
-      prop: t,
+      defaultValue: l,
+      orientation: r = "horizontal",
+      dir: c,
+      activationMode: m = "automatic",
+      ...g
+    } = e, d = ae(c), [u, p] = te({
+      prop: s,
       onChange: n,
-      defaultProp: d ?? "",
-      caller: v
+      defaultProp: l ?? "",
+      caller: y
     });
-    return /* @__PURE__ */ s.jsx(
-      G,
-      {
-        scope: c,
-        baseId: F(),
-        value: r,
-        onValueChange: u,
-        orientation: o,
-        dir: i,
-        activationMode: p,
-        children: /* @__PURE__ */ s.jsx(
-          m.div,
+    return /* @__PURE__ */ t.jsx(
+      ke,
+      {
+        scope: o,
+        baseId: se(),
+        value: u,
+        onValueChange: p,
+        orientation: r,
+        dir: d,
+        activationMode: m,
+        children: /* @__PURE__ */ t.jsx(
+          h.div,
           {
-            dir: i,
-            "data-orientation": o,
-            ...f,
+            dir: d,
+            "data-orientation": r,
+            ...g,
             ref: a
           }
         )
@@ -57,23 +142,23 @@ var v = "Tabs", [L, Q] = E(v, [
     );
   }
 );
-h.displayName = v;
-var S = "TabsList", P = b.forwardRef(
+M.displayName = y;
+var z = "TabsList", S = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: c, loop: t = !0, ...n } = e, d = T(S, c), o = I(c);
-    return /* @__PURE__ */ s.jsx(
-      B,
+    const { __scopeTabs: o, loop: s = !0, ...n } = e, l = k(z, o), r = I(o);
+    return /* @__PURE__ */ t.jsx(
+      oe,
       {
         asChild: !0,
-        ...o,
-        orientation: d.orientation,
-        dir: d.dir,
-        loop: t,
-        children: /* @__PURE__ */ s.jsx(
-          m.div,
+        ...r,
+        orientation: l.orientation,
+        dir: l.dir,
+        loop: s,
+        children: /* @__PURE__ */ t.jsx(
+          h.div,
           {
             role: "tablist",
-            "aria-orientation": d.orientation,
+            "aria-orientation": l.orientation,
             ...n,
             ref: a
           }
@@ -82,39 +167,39 @@ var S = "TabsList", P = b.forwardRef(
     );
   }
 );
-P.displayName = S;
-var y = "TabsTrigger", A = b.forwardRef(
+S.displayName = z;
+var A = "TabsTrigger", $ = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: c, value: t, disabled: n = !1, ...d } = e, o = T(y, c), l = I(c), p = R(o.baseId, t), f = _(o.baseId, t), i = t === o.value;
-    return /* @__PURE__ */ s.jsx(
-      D,
+    const { __scopeTabs: o, value: s, disabled: n = !1, ...l } = e, r = k(A, o), c = I(o), m = B(r.baseId, s), g = L(r.baseId, s), d = s === r.value;
+    return /* @__PURE__ */ t.jsx(
+      ie,
       {
         asChild: !0,
-        ...l,
+        ...c,
         focusable: !n,
-        active: i,
-        children: /* @__PURE__ */ s.jsx(
-          m.button,
+        active: d,
+        children: /* @__PURE__ */ t.jsx(
+          h.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": i,
-            "aria-controls": f,
-            "data-state": i ? "active" : "inactive",
+            "aria-selected": d,
+            "aria-controls": g,
+            "data-state": d ? "active" : "inactive",
             "data-disabled": n ? "" : void 0,
             disabled: n,
-            id: p,
-            ...d,
+            id: m,
+            ...l,
             ref: a,
-            onMouseDown: x(e.onMouseDown, (r) => {
-              !n && r.button === 0 && r.ctrlKey === !1 ? o.onValueChange(t) : r.preventDefault();
+            onMouseDown: j(e.onMouseDown, (u) => {
+              !n && u.button === 0 && u.ctrlKey === !1 ? r.onValueChange(s) : u.preventDefault();
             }),
-            onKeyDown: x(e.onKeyDown, (r) => {
-              [" ", "Enter"].includes(r.key) && o.onValueChange(t);
+            onKeyDown: j(e.onKeyDown, (u) => {
+              [" ", "Enter"].includes(u.key) && r.onValueChange(s);
             }),
-            onFocus: x(e.onFocus, () => {
-              const r = o.activationMode !== "manual";
-              !i && !n && r && o.onValueChange(t);
+            onFocus: j(e.onFocus, () => {
+              const u = r.activationMode !== "manual";
+              !d && !n && u && r.onValueChange(s);
             })
           }
         )
@@ -122,50 +207,724 @@ var y = "TabsTrigger", A = b.forwardRef(
     );
   }
 );
-A.displayName = y;
-var j = "TabsContent", N = b.forwardRef(
+$.displayName = A;
+var D = "TabsContent", E = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: c, value: t, forceMount: n, children: d, ...o } = e, l = T(j, c), p = R(l.baseId, t), f = _(l.baseId, t), i = t === l.value, r = b.useRef(i);
-    return b.useEffect(() => {
-      const u = requestAnimationFrame(() => r.current = !1);
-      return () => cancelAnimationFrame(u);
-    }, []), /* @__PURE__ */ s.jsx(w, { present: n || i, children: ({ present: u }) => /* @__PURE__ */ s.jsx(
-      m.div,
-      {
-        "data-state": i ? "active" : "inactive",
-        "data-orientation": l.orientation,
+    const { __scopeTabs: o, value: s, forceMount: n, children: l, ...r } = e, c = k(D, o), m = B(c.baseId, s), g = L(c.baseId, s), d = s === c.value, u = x.useRef(d);
+    return x.useEffect(() => {
+      const p = requestAnimationFrame(() => u.current = !1);
+      return () => cancelAnimationFrame(p);
+    }, []), /* @__PURE__ */ t.jsx(ne, { present: n || d, children: ({ present: p }) => /* @__PURE__ */ t.jsx(
+      h.div,
+      {
+        "data-state": d ? "active" : "inactive",
+        "data-orientation": c.orientation,
         role: "tabpanel",
-        "aria-labelledby": p,
-        hidden: !u,
-        id: f,
+        "aria-labelledby": m,
+        hidden: !p,
+        id: g,
         tabIndex: 0,
-        ...o,
+        ...r,
         ref: a,
         style: {
           ...e.style,
-          animationDuration: r.current ? "0s" : void 0
+          animationDuration: u.current ? "0s" : void 0
         },
-        children: u && d
+        children: p && l
       }
     ) });
   }
 );
-N.displayName = j;
-function R(e, a) {
+E.displayName = D;
+function B(e, a) {
   return `${e}-trigger-${a}`;
 }
-function _(e, a) {
+function L(e, a) {
   return `${e}-content-${a}`;
 }
-var H = h, $ = P, V = A, z = N;
-function U({ className: e, ...a }) {
-  return /* @__PURE__ */ s.jsx(H, { className: g("flex flex-col gap-2", e), "data-slot": "tabs", ...a });
+var we = M, Te = S, Ce = $, _e = E;
+const Ie = N(
+  "relative w-full rounded-lg border px-3 py-2 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        info: "bg-info-foreground text-info border-info [&>svg]:text-current *:data-[slot=alert-description]:text-info-600",
+        success: "bg-success-foreground text-success border-success [&>svg]:text-current *:data-[slot=alert-description]:text-success-600",
+        warning: "bg-warning-foreground text-warning border-warning [&>svg]:text-current *:data-[slot=alert-description]:text-warning/80",
+        error: "bg-destructive-foreground text-destructive border-destructive [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/80"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+function Me({ className: e, variant: a, ...o }) {
+  return /* @__PURE__ */ t.jsx("div", { className: i(Ie({ variant: a }), e), "data-slot": "alert", role: "alert", ...o });
+}
+function ze({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: i("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", e),
+      "data-slot": "alert-title",
+      ...a
+    }
+  );
+}
+function Se({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: i("col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", e),
+      "data-slot": "alert-description",
+      ...a
+    }
+  );
+}
+const Ae = {
+  success: ge,
+  info: fe,
+  error: he,
+  warning: je
+}, ca = ({ type: e, title: a, message: o, className: s = "" }) => {
+  const n = Ae[e];
+  return /* @__PURE__ */ t.jsxs(Me, { className: s, variant: e, children: [
+    /* @__PURE__ */ t.jsx(n, { className: "h-4 w-4", "data-testid": `alert-icon-${e}` }),
+    a ? /* @__PURE__ */ t.jsx(ze, { children: a }) : null,
+    /* @__PURE__ */ t.jsx(Se, { children: o })
+  ] });
+}, $e = N(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function De({
+  className: e,
+  variant: a,
+  asChild: o = !1,
+  ...s
+}) {
+  const n = o ? T : "span";
+  return /* @__PURE__ */ t.jsx(n, { className: i($e({ variant: a }), e), "data-slot": "badge", ...s });
+}
+const Ee = N(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      color: {
+        red: "bg-red-500",
+        orange: "bg-orange-500",
+        amber: "bg-amber-500",
+        yellow: "bg-yellow-500",
+        lime: "bg-lime-500",
+        green: "bg-green-500",
+        emerald: "bg-emerald-500",
+        teal: "bg-teal-500",
+        cyan: "bg-cyan-500",
+        sky: "bg-sky-500",
+        blue: "bg-blue-500",
+        indigo: "bg-indigo-500",
+        violet: "bg-violet-500",
+        purple: "bg-purple-500",
+        fuchsia: "bg-fuchsia-500",
+        pink: "bg-pink-500",
+        rose: "bg-rose-500",
+        slate: "bg-slate-500",
+        gray: "bg-gray-500",
+        zinc: "bg-zinc-500",
+        neutral: "bg-neutral-500",
+        stone: "bg-stone-500",
+        white: "bg-white",
+        black: "bg-black"
+      },
+      variant: {
+        default: "border-transparent",
+        secondary: "border-transparent",
+        destructive: "border-transparent",
+        outline: ""
+      }
+    },
+    compoundVariants: [
+      {
+        color: "red",
+        variant: "outline",
+        className: "border-red-500 bg-transparent text-red-500"
+      },
+      {
+        color: "orange",
+        variant: "outline",
+        className: "border-orange-500 bg-transparent text-orange-500"
+      },
+      {
+        color: "amber",
+        variant: "outline",
+        className: "border-amber-500 bg-transparent text-amber-500"
+      },
+      {
+        color: "yellow",
+        variant: "outline",
+        className: "border-yellow-500 bg-transparent text-yellow-500"
+      },
+      {
+        color: "lime",
+        variant: "outline",
+        className: "border-lime-500 bg-transparent text-lime-500"
+      },
+      {
+        color: "green",
+        variant: "outline",
+        className: "border-green-500 bg-transparent text-green-500"
+      },
+      {
+        color: "emerald",
+        variant: "outline",
+        className: "border-emerald-500 bg-transparent text-emerald-500"
+      },
+      {
+        color: "teal",
+        variant: "outline",
+        className: "border-teal-500 bg-transparent text-teal-500"
+      },
+      {
+        color: "cyan",
+        variant: "outline",
+        className: "border-cyan-500 bg-transparent text-cyan-500"
+      },
+      {
+        color: "sky",
+        variant: "outline",
+        className: "border-sky-500 bg-transparent text-sky-500"
+      },
+      {
+        color: "blue",
+        variant: "outline",
+        className: "border-blue-500 bg-transparent text-blue-500"
+      },
+      {
+        color: "indigo",
+        variant: "outline",
+        className: "border-indigo-500 bg-transparent text-indigo-500"
+      },
+      {
+        color: "violet",
+        variant: "outline",
+        className: "border-violet-500 bg-transparent text-violet-500"
+      },
+      {
+        color: "purple",
+        variant: "outline",
+        className: "border-purple-500 bg-transparent text-purple-500"
+      },
+      {
+        color: "fuchsia",
+        variant: "outline",
+        className: "border-fuchsia-500 bg-transparent text-fuchsia-500"
+      },
+      {
+        color: "pink",
+        variant: "outline",
+        className: "border-pink-500 bg-transparent text-pink-500"
+      },
+      {
+        color: "rose",
+        variant: "outline",
+        className: "border-rose-500 bg-transparent text-rose-500"
+      },
+      {
+        color: "slate",
+        variant: "outline",
+        className: "border-slate-500 bg-transparent text-slate-500"
+      },
+      {
+        color: "gray",
+        variant: "outline",
+        className: "border-gray-500 bg-transparent text-gray-500"
+      },
+      {
+        color: "zinc",
+        variant: "outline",
+        className: "border-zinc-500 bg-transparent text-zinc-500"
+      },
+      {
+        color: "neutral",
+        variant: "outline",
+        className: "border-neutral-500 bg-transparent text-neutral-500"
+      },
+      {
+        color: "stone",
+        variant: "outline",
+        className: "border-stone-500 bg-transparent text-stone-500"
+      },
+      {
+        color: "white",
+        variant: "outline",
+        className: "border-black bg-transparent text-black"
+      },
+      {
+        color: "black",
+        variant: "outline",
+        className: "border-black bg-transparent text-black"
+      }
+    ]
+  }
+), da = ({ label: e, onClick: a, className: o, variant: s = "default", color: n }) => {
+  if (n && !(s === "default" || s === "outline"))
+    throw new Error(
+      `Color ${n} is not allowed for variant '${s}'. Only default and outline variants support color.`
+    );
+  const l = i(
+    "cursor-default",
+    !!a && "cursor-pointer",
+    Ee({ color: n, variant: s }),
+    {
+      "text-white": n === "black" && s !== "outline",
+      "text-black": n === "white" && s !== "outline"
+    },
+    {
+      "border-1 border-black": n === "white"
+    },
+    o
+  );
+  return /* @__PURE__ */ t.jsx(De, { className: l, onClick: a, variant: s, children: e });
+};
+function Be({ ...e }) {
+  return /* @__PURE__ */ t.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
+}
+function Le({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "ol",
+    {
+      className: i(
+        "flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5",
+        e
+      ),
+      "data-slot": "breadcrumb-list",
+      ...a
+    }
+  );
+}
+function Ge({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("li", { className: i("inline-flex items-center gap-1.5", e), "data-slot": "breadcrumb-item", ...a });
+}
+function G({
+  asChild: e,
+  className: a,
+  ...o
+}) {
+  const s = e ? T : "a";
+  return /* @__PURE__ */ t.jsx(s, { className: i("transition-colors hover:text-foreground", a), "data-slot": "breadcrumb-link", ...o });
+}
+function Re({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "span",
+    {
+      "aria-current": "page",
+      "aria-disabled": "true",
+      className: i("font-normal text-foreground", e),
+      "data-slot": "breadcrumb-page",
+      ...a
+    }
+  );
+}
+function Fe({ children: e, className: a, ...o }) {
+  return /* @__PURE__ */ t.jsx(
+    "li",
+    {
+      "aria-hidden": "true",
+      className: i("[&>svg]:size-3.5", a),
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      ...o,
+      children: e ?? /* @__PURE__ */ t.jsx(C, {})
+    }
+  );
+}
+const Pe = ({ to: e, label: a }) => /* @__PURE__ */ t.jsx(G, { className: "font-display", href: e, children: a }), Ve = ({ label: e }) => /* @__PURE__ */ t.jsx(Re, { className: "font-display", children: e }), ua = ({ breadcrumbs: e, linkComponent: a, pageComponent: o, className: s }) => {
+  const n = a || Pe, l = o || Ve;
+  return /* @__PURE__ */ t.jsx(Be, { className: i("my-4", s), children: /* @__PURE__ */ t.jsx(Le, { children: e.map(({ to: r, label: c }, m) => /* @__PURE__ */ t.jsxs(W, { children: [
+    /* @__PURE__ */ t.jsxs(Ge, { children: [
+      r && /* @__PURE__ */ t.jsx(G, { asChild: !0, className: "font-display", children: /* @__PURE__ */ t.jsx(n, { label: c, to: r }) }),
+      !r && /* @__PURE__ */ t.jsx(l, { label: c })
+    ] }),
+    m < e.length - 1 && /* @__PURE__ */ t.jsx(Fe, {})
+  ] }, c)) }) });
+};
+function ma({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: i("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm", e),
+      "data-slot": "card",
+      ...a
+    }
+  );
+}
+function ga({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: i(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        e
+      ),
+      "data-slot": "card-header",
+      ...a
+    }
+  );
+}
+function ba({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: i("font-semibold leading-none", e), "data-slot": "card-title", ...a });
+}
+function pa({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: i("text-muted-foreground text-sm", e), "data-slot": "card-description", ...a });
+}
+function xa({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: i("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
+      "data-slot": "card-action",
+      ...a
+    }
+  );
+}
+function fa({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: i("px-6", e), "data-slot": "card-content", ...a });
+}
+function va({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: i("flex items-center px-6 [.border-t]:pt-6", e), "data-slot": "card-footer", ...a });
+}
+function Oe({ ...e }) {
+  return /* @__PURE__ */ t.jsx(R, { "data-slot": "dialog", ...e });
+}
+function He({ ...e }) {
+  return /* @__PURE__ */ t.jsx(F, { "data-slot": "dialog-trigger", ...e });
+}
+function qe({ ...e }) {
+  return /* @__PURE__ */ t.jsx(K, { "data-slot": "dialog-portal", ...e });
+}
+function Ke({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    X,
+    {
+      className: i(
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
+        e
+      ),
+      "data-slot": "dialog-overlay",
+      ...a
+    }
+  );
+}
+function Xe({ className: e, children: a, ...o }) {
+  return /* @__PURE__ */ t.jsxs(qe, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ t.jsx(Ke, {}),
+    /* @__PURE__ */ t.jsxs(
+      P,
+      {
+        className: i(
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
+          e
+        ),
+        "data-slot": "dialog-content",
+        ...o,
+        children: [
+          a,
+          /* @__PURE__ */ t.jsxs(V, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden 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 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", children: [
+            /* @__PURE__ */ t.jsx(O, {}),
+            /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function Je({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: i("flex flex-col gap-2 text-center sm:text-left", e),
+      "data-slot": "dialog-header",
+      ...a
+    }
+  );
+}
+function Qe({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    H,
+    {
+      className: i("font-semibold text-lg leading-none", e),
+      "data-slot": "dialog-title",
+      ...a
+    }
+  );
+}
+function Ue({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    q,
+    {
+      className: i("text-muted-foreground text-sm", e),
+      "data-slot": "dialog-description",
+      ...a
+    }
+  );
+}
+const ha = ({ trigger: e, children: a, title: o, description: s, open: n, onOpenChange: l }) => {
+  const r = n !== void 0, [c, m] = Y(r ? n : !1);
+  if (Z(() => {
+    r && m(n);
+  }, [n, r]), !e && !r)
+    throw new Error("Trigger must be provided if modal state is not controlled through open, onOpenChange props.");
+  const g = (d) => {
+    m(d), l?.(d);
+  };
+  return /* @__PURE__ */ t.jsxs(Oe, { onOpenChange: g, open: c, children: [
+    /* @__PURE__ */ t.jsx(He, { asChild: !0, children: e }),
+    /* @__PURE__ */ t.jsxs(Xe, { children: [
+      (o || s) && /* @__PURE__ */ t.jsxs(Je, { children: [
+        o && /* @__PURE__ */ t.jsx(Qe, { children: o }),
+        s && /* @__PURE__ */ t.jsx(Ue, { children: s })
+      ] }),
+      a
+    ] })
+  ] });
+};
+function We({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "nav",
+    {
+      "aria-label": "pagination",
+      className: i("mx-auto flex w-full justify-center", e),
+      "data-slot": "pagination",
+      ...a
+    }
+  );
+}
+function Ye({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("ul", { className: i("flex flex-row items-center gap-1", e), "data-slot": "pagination-content", ...a });
+}
+function f({ ...e }) {
+  return /* @__PURE__ */ t.jsx("li", { "data-slot": "pagination-item", ...e });
+}
+function v({ className: e, isActive: a, size: o = "icon", ...s }) {
+  return /* @__PURE__ */ t.jsx(
+    "a",
+    {
+      "aria-current": a ? "page" : void 0,
+      className: i(
+        Q({
+          variant: a ? "outline" : "ghost",
+          size: o
+        }),
+        e
+      ),
+      "data-active": a,
+      "data-slot": "pagination-link",
+      ...s
+    }
+  );
+}
+function Ze({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsxs(
+    v,
+    {
+      "aria-label": "Go to previous page",
+      className: i("gap-1 px-2.5 sm:pl-2.5", e),
+      size: "default",
+      ...a,
+      children: [
+        /* @__PURE__ */ t.jsx(U, {}),
+        /* @__PURE__ */ t.jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function ea({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsxs(
+    v,
+    {
+      "aria-label": "Go to next page",
+      className: i("gap-1 px-2.5 sm:pr-2.5", e),
+      size: "default",
+      ...a,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ t.jsx(C, {})
+      ]
+    }
+  );
+}
+function w({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsxs(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: i("flex size-9 items-center justify-center", e),
+      "data-slot": "pagination-ellipsis",
+      ...a,
+      children: [
+        /* @__PURE__ */ t.jsx(pe, { className: "size-4" }),
+        /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+const ya = ({ pageCount: e, currentPage: a, onChange: o }) => {
+  const s = Math.max(1, e), n = Math.max(1, Math.min(a, s)), l = ee(() => s === 1 ? [1] : n <= 3 ? Array.from({ length: Math.min(3, s) }, (r, c) => c + 1) : n >= s - 2 ? Array.from(
+    { length: Math.min(3, s) },
+    (r, c) => s - Math.min(3, s) + c + 1
+  ) : [n - 1, n, n + 1], [n, s]);
+  return /* @__PURE__ */ t.jsx(We, { children: /* @__PURE__ */ t.jsxs(Ye, { children: [
+    /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsxs(
+      v,
+      {
+        "aria-disabled": a === 1,
+        "aria-label": "Go to first page",
+        className: "h-auto w-auto cursor-pointer gap-1 px-2.5 py-2 has-[>svg]:px-3 sm:pl-2.5",
+        onClick: () => o(1),
+        style: { opacity: a === 1 ? 0.5 : 1, pointerEvents: a === 1 ? "none" : "auto" },
+        tabIndex: a === 1 ? -1 : void 0,
+        children: [
+          /* @__PURE__ */ t.jsx(ce, {}),
+          /* @__PURE__ */ t.jsx("span", { className: "hidden sm:block", children: "First" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx(
+      Ze,
+      {
+        "aria-disabled": a === 1,
+        "aria-label": "Go to previous page",
+        className: "cursor-pointer",
+        onClick: () => o(Math.max(a - 1, 1)),
+        style: {
+          opacity: a === 1 ? 0.5 : 1,
+          pointerEvents: a === 1 ? "none" : "auto"
+        },
+        tabIndex: a === 1 ? -1 : void 0
+      }
+    ) }),
+    l[0] > 1 && /* @__PURE__ */ t.jsx(w, { "aria-label": "More pages" }),
+    l.map((r) => /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx(
+      v,
+      {
+        "aria-current": a === r ? "page" : void 0,
+        "aria-label": `Go to page ${r}`,
+        className: "cursor-pointer",
+        isActive: a === r,
+        onClick: () => o(r),
+        children: r
+      }
+    ) }, r)),
+    l[l.length - 1] < e && /* @__PURE__ */ t.jsx(w, { "aria-label": "More pages" }),
+    /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx(
+      ea,
+      {
+        "aria-disabled": a === e,
+        "aria-label": "Go to next page",
+        className: "cursor-pointer",
+        onClick: () => o(Math.min(a + 1, e)),
+        style: {
+          opacity: a === e ? 0.5 : 1,
+          pointerEvents: a === e ? "none" : "auto"
+        },
+        tabIndex: a === e ? -1 : void 0
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsxs(
+      v,
+      {
+        "aria-disabled": a === e,
+        "aria-label": "Go to last page",
+        className: "h-auto w-auto cursor-pointer gap-1 px-2.5 py-2 has-[>svg]:px-3 sm:pl-2.5",
+        onClick: () => o(e),
+        style: {
+          opacity: a === e ? 0.5 : 1,
+          pointerEvents: a === e ? "none" : "auto"
+        },
+        tabIndex: a === e ? -1 : void 0,
+        children: [
+          "Last",
+          /* @__PURE__ */ t.jsx(ue, {})
+        ]
+      }
+    ) })
+  ] }) });
+}, ja = ({ className: e, orientation: a = "horizontal", gap: o, ...s }) => {
+  const n = a === "vertical", r = o ?? (n ? "2" : "4");
+  return /* @__PURE__ */ t.jsx(
+    J,
+    {
+      className: i(
+        !n && {
+          "my-0": r === "0",
+          "my-1": r === "1",
+          "my-2": r === "2",
+          "my-3": r === "3",
+          "my-4": r === "4",
+          "my-5": r === "5",
+          "my-6": r === "6",
+          "my-7": r === "7",
+          "my-8": r === "8",
+          "my-9": r === "9",
+          "my-10": r === "10",
+          "my-11": r === "11",
+          "my-12": r === "12",
+          "my-13": r === "13",
+          "my-14": r === "14",
+          "my-15": r === "15",
+          "my-16": r === "16"
+        },
+        n && {
+          "mx-0": r === "0",
+          "mx-1": r === "1",
+          "mx-2": r === "2",
+          "mx-3": r === "3",
+          "mx-4": r === "4",
+          "mx-5": r === "5",
+          "mx-6": r === "6",
+          "mx-7": r === "7",
+          "mx-8": r === "8",
+          "mx-9": r === "9",
+          "mx-10": r === "10",
+          "mx-11": r === "11",
+          "mx-12": r === "12",
+          "mx-13": r === "13",
+          "mx-14": r === "14",
+          "mx-15": r === "15",
+          "mx-16": r === "16"
+        },
+        e
+      ),
+      orientation: a,
+      role: "separator",
+      ...s
+    }
+  );
+};
+function Na({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: i("animate-pulse rounded-md bg-accent", e), "data-slot": "skeleton", ...a });
+}
+function ka({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(we, { className: i("flex flex-col gap-2", e), "data-slot": "tabs", ...a });
 }
-function W({ className: e, ...a }) {
-  return /* @__PURE__ */ s.jsx(
-    $,
+function wa({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    Te,
     {
-      className: g(
+      className: i(
         "inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground",
         e
       ),
@@ -174,11 +933,11 @@ function W({ className: e, ...a }) {
     }
   );
 }
-function X({ className: e, ...a }) {
-  return /* @__PURE__ */ s.jsx(
-    V,
+function Ta({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    Ce,
     {
-      className: g(
+      className: i(
         "inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-2 py-1 font-medium text-foreground text-sm transition-[color,box-shadow] focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:shadow-sm dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
@@ -187,77 +946,75 @@ function X({ className: e, ...a }) {
     }
   );
 }
-function Y({ className: e, ...a }) {
-  return /* @__PURE__ */ s.jsx(z, { className: g("flex-1 outline-none", e), "data-slot": "tabs-content", ...a });
+function Ca({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(_e, { className: i("flex-1 outline-none", e), "data-slot": "tabs-content", ...a });
 }
 export {
-  ae as Accordion,
-  te as AccordionContent,
-  oe as AccordionItem,
-  re as AccordionTrigger,
-  se as Alert,
-  ne as Badge,
-  ca as Box,
-  ie as Breadcrumbs,
-  Ue as Button,
-  We as ButtonGroup,
-  ce as Card,
-  de as CardAction,
-  le as CardContent,
-  ue as CardDescription,
-  be as CardFooter,
-  pe as CardHeader,
-  fe as CardTitle,
-  Re as Checkbox,
-  ma as Code,
-  da as Container,
-  _e as DateInput,
-  ke as DatePicker,
-  Ee as DeleteButton,
-  aa as ErrorFallback,
-  oa as ErrorOverlay,
-  la as Flex,
-  ua as Footer,
-  ba as Grid,
-  pa as Header,
-  xa as Heading,
-  Fe as InputError,
-  we as InputGroup,
-  ra as Interstitial,
-  Me as Label,
-  fa as Layout,
-  Ve as MenuItemText,
-  ge as Modal,
-  Be as NumberInput,
-  sa as PageLoader,
-  na as PageNotFound,
-  me as Pagination,
-  Ia as Paragraph,
-  Ce as Popover,
-  De as RadioSelect,
-  Le as SelectInput,
-  Ye as SelectPicker,
-  ve as Separator,
-  ze as Sidebar,
-  Ke as SidebarLayout,
-  Oe as SidebarTrigger,
-  xe as Skeleton,
-  Ge as SubmitButton,
-  Ie as Table,
-  he as TableBody,
-  Se as TableCaption,
-  Pe as TableCell,
-  ye as TableHead,
-  Ae as TableHeader,
-  je as TableRow,
-  U as Tabs,
-  Y as TabsContent,
-  W as TabsList,
-  X as TabsTrigger,
-  Ta as Text,
-  He as TextInput,
-  Ze as Textarea,
-  qe as ThemeSelector,
-  Je as Tooltip,
-  g as cn
+  Ma as Accordion,
+  ca as Alert,
+  da as Badge,
+  xt as Box,
+  ua as Breadcrumbs,
+  Ka as Button,
+  Xa as ButtonGroup,
+  ma as Card,
+  xa as CardAction,
+  fa as CardContent,
+  pa as CardDescription,
+  va as CardFooter,
+  ga as CardHeader,
+  ba as CardTitle,
+  Qa as Checkbox,
+  wt as Code,
+  za as Collapsible,
+  ft as Container,
+  Ua as DateInput,
+  Wa as DatePicker,
+  Ya as DeleteButton,
+  dt as ErrorFallback,
+  ut as ErrorOverlay,
+  vt as Flex,
+  ht as Footer,
+  yt as Grid,
+  jt as Header,
+  Ct as Heading,
+  Za as InputError,
+  et as InputGroup,
+  mt as Interstitial,
+  at as Label,
+  Nt as Layout,
+  Sa as MenuItemText,
+  ha as Modal,
+  tt as NumberInput,
+  gt as PageLoader,
+  bt as PageNotFound,
+  ya as Pagination,
+  Mt as Paragraph,
+  Aa as Popover,
+  rt as RadioSelect,
+  st as SelectInput,
+  nt as SelectPicker,
+  ja as Separator,
+  $a as Sidebar,
+  Da as SidebarLayout,
+  Ea as SidebarTrigger,
+  Na as Skeleton,
+  ot as SubmitButton,
+  Ba as Table,
+  La as TableBody,
+  Ga as TableCaption,
+  Ra as TableCell,
+  Fa as TableHead,
+  Pa as TableHeader,
+  Va as TableRow,
+  ka as Tabs,
+  Ca as TabsContent,
+  wa as TabsList,
+  Ta as TabsTrigger,
+  _t as Text,
+  it as TextInput,
+  lt as Textarea,
+  Oa as ThemeSelector,
+  Ha as Tooltip,
+  i as cn
 };