@still-forest/canopy 0.27.0 → 0.28.0

package/dist/skeleton.js

@@ -0,0 +1,1141 @@
+import { j as a } from "./jsx-runtime.js";
+import { c as l } from "./index2.js";
+import { i as be, u as ve, j as he } from "./SelectInput.js";
+import * as g from "react";
+import x, { Fragment as ye, useState as je, useEffect as Ne, useMemo as Ce } from "react";
+import { c as U, u as $, a as X, P as _, d as Y, b as we, q as ke, R as Ae, r as _e, C as Ie, o as Re, T as Me, p as Pe, h as Ee, O as ze } from "./popover.js";
+import { c as N, u as J, f as L, S as Q, C as W, g as Se, h as De } from "./calendar.js";
+import { X as Oe, S as Te } from "./Table.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $e = [
+  ["path", { d: "m17 18-6-6 6-6", key: "1yerx2" }],
+  ["path", { d: "M7 6v12", key: "1p53r6" }]
+], Le = N("chevron-first", $e);
+/**
+ * @license lucide-react v0.525.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: "m7 18 6-6-6-6", key: "lwmzdw" }],
+  ["path", { d: "M17 6v12", key: "1o0aio" }]
+], Be = N("chevron-last", Ve);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ge = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+], He = N("circle-check-big", Ge);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fe = [
+  ["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" }]
+], qe = N("ellipsis", Fe);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ke = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], Ue = N("info", Ke);
+/**
+ * @license lucide-react v0.525.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 = [
+  ["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" }]
+], Ye = N("octagon-x", Xe);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Je = [
+  [
+    "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" }]
+], Qe = N("triangle-alert", Je);
+var M = "Collapsible", [We, Z] = U(M), [Ze, V] = We(M), ee = g.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCollapsible: o,
+      open: n,
+      defaultOpen: s,
+      disabled: i,
+      onOpenChange: r,
+      ...c
+    } = e, [u, p] = $({
+      prop: n,
+      defaultProp: s ?? !1,
+      onChange: r,
+      caller: M
+    });
+    return /* @__PURE__ */ a.jsx(
+      Ze,
+      {
+        scope: o,
+        disabled: i,
+        contentId: X(),
+        open: u,
+        onOpenToggle: g.useCallback(() => p((m) => !m), [p]),
+        children: /* @__PURE__ */ a.jsx(
+          _.div,
+          {
+            "data-state": G(u),
+            "data-disabled": i ? "" : void 0,
+            ...c,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+ee.displayName = M;
+var te = "CollapsibleTrigger", ae = g.forwardRef(
+  (e, t) => {
+    const { __scopeCollapsible: o, ...n } = e, s = V(te, o);
+    return /* @__PURE__ */ a.jsx(
+      _.button,
+      {
+        type: "button",
+        "aria-controls": s.contentId,
+        "aria-expanded": s.open || !1,
+        "data-state": G(s.open),
+        "data-disabled": s.disabled ? "" : void 0,
+        disabled: s.disabled,
+        ...n,
+        ref: t,
+        onClick: Y(e.onClick, s.onOpenToggle)
+      }
+    );
+  }
+);
+ae.displayName = te;
+var B = "CollapsibleContent", re = g.forwardRef(
+  (e, t) => {
+    const { forceMount: o, ...n } = e, s = V(B, e.__scopeCollapsible);
+    return /* @__PURE__ */ a.jsx(we, { present: o || s.open, children: ({ present: i }) => /* @__PURE__ */ a.jsx(et, { ...n, ref: t, present: i }) });
+  }
+);
+re.displayName = B;
+var et = g.forwardRef((e, t) => {
+  const { __scopeCollapsible: o, present: n, children: s, ...i } = e, r = V(B, o), [c, u] = g.useState(n), p = g.useRef(null), m = J(t, p), f = g.useRef(0), C = f.current, v = g.useRef(0), I = v.current, h = r.open || c, y = g.useRef(h), j = g.useRef(void 0);
+  return g.useEffect(() => {
+    const d = requestAnimationFrame(() => y.current = !1);
+    return () => cancelAnimationFrame(d);
+  }, []), ke(() => {
+    const d = p.current;
+    if (d) {
+      j.current = j.current || {
+        transitionDuration: d.style.transitionDuration,
+        animationName: d.style.animationName
+      }, d.style.transitionDuration = "0s", d.style.animationName = "none";
+      const w = d.getBoundingClientRect();
+      f.current = w.height, v.current = w.width, y.current || (d.style.transitionDuration = j.current.transitionDuration, d.style.animationName = j.current.animationName), u(n);
+    }
+  }, [r.open, n]), /* @__PURE__ */ a.jsx(
+    _.div,
+    {
+      "data-state": G(r.open),
+      "data-disabled": r.disabled ? "" : void 0,
+      id: r.contentId,
+      hidden: !h,
+      ...i,
+      ref: m,
+      style: {
+        "--radix-collapsible-content-height": C ? `${C}px` : void 0,
+        "--radix-collapsible-content-width": I ? `${I}px` : void 0,
+        ...e.style
+      },
+      children: h && s
+    }
+  );
+});
+function G(e) {
+  return e ? "open" : "closed";
+}
+var tt = ee, at = ae, rt = re, b = "Accordion", ot = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [H, nt, st] = be(b), [P, Wt] = U(b, [
+  st,
+  Z
+]), F = Z(), oe = x.forwardRef(
+  (e, t) => {
+    const { type: o, ...n } = e, s = n, i = n;
+    return /* @__PURE__ */ a.jsx(H.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ a.jsx(dt, { ...i, ref: t }) : /* @__PURE__ */ a.jsx(ct, { ...s, ref: t }) });
+  }
+);
+oe.displayName = b;
+var [ne, it] = P(b), [se, lt] = P(
+  b,
+  { collapsible: !1 }
+), ct = x.forwardRef(
+  (e, t) => {
+    const {
+      value: o,
+      defaultValue: n,
+      onValueChange: s = () => {
+      },
+      collapsible: i = !1,
+      ...r
+    } = e, [c, u] = $({
+      prop: o,
+      defaultProp: n ?? "",
+      onChange: s,
+      caller: b
+    });
+    return /* @__PURE__ */ a.jsx(
+      ne,
+      {
+        scope: e.__scopeAccordion,
+        value: x.useMemo(() => c ? [c] : [], [c]),
+        onItemOpen: u,
+        onItemClose: x.useCallback(() => i && u(""), [i, u]),
+        children: /* @__PURE__ */ a.jsx(se, { scope: e.__scopeAccordion, collapsible: i, children: /* @__PURE__ */ a.jsx(ie, { ...r, ref: t }) })
+      }
+    );
+  }
+), dt = x.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: n,
+    onValueChange: s = () => {
+    },
+    ...i
+  } = e, [r, c] = $({
+    prop: o,
+    defaultProp: n ?? [],
+    onChange: s,
+    caller: b
+  }), u = x.useCallback(
+    (m) => c((f = []) => [...f, m]),
+    [c]
+  ), p = x.useCallback(
+    (m) => c((f = []) => f.filter((C) => C !== m)),
+    [c]
+  );
+  return /* @__PURE__ */ a.jsx(
+    ne,
+    {
+      scope: e.__scopeAccordion,
+      value: r,
+      onItemOpen: u,
+      onItemClose: p,
+      children: /* @__PURE__ */ a.jsx(se, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ a.jsx(ie, { ...i, ref: t }) })
+    }
+  );
+}), [ut, E] = P(b), ie = x.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, disabled: n, dir: s, orientation: i = "vertical", ...r } = e, c = x.useRef(null), u = J(c, t), p = nt(o), f = ve(s) === "ltr", C = Y(e.onKeyDown, (v) => {
+      if (!ot.includes(v.key)) return;
+      const I = v.target, h = p().filter((O) => !O.ref.current?.disabled), y = h.findIndex((O) => O.ref.current === I), j = h.length;
+      if (y === -1) return;
+      v.preventDefault();
+      let d = y;
+      const w = 0, z = j - 1, S = () => {
+        d = y + 1, d > z && (d = w);
+      }, D = () => {
+        d = y - 1, d < w && (d = z);
+      };
+      switch (v.key) {
+        case "Home":
+          d = w;
+          break;
+        case "End":
+          d = z;
+          break;
+        case "ArrowRight":
+          i === "horizontal" && (f ? S() : D());
+          break;
+        case "ArrowDown":
+          i === "vertical" && S();
+          break;
+        case "ArrowLeft":
+          i === "horizontal" && (f ? D() : S());
+          break;
+        case "ArrowUp":
+          i === "vertical" && D();
+          break;
+      }
+      const fe = d % j;
+      h[fe].ref.current?.focus();
+    });
+    return /* @__PURE__ */ a.jsx(
+      ut,
+      {
+        scope: o,
+        disabled: n,
+        direction: s,
+        orientation: i,
+        children: /* @__PURE__ */ a.jsx(H.Slot, { scope: o, children: /* @__PURE__ */ a.jsx(
+          _.div,
+          {
+            ...r,
+            "data-orientation": i,
+            ref: u,
+            onKeyDown: n ? void 0 : C
+          }
+        ) })
+      }
+    );
+  }
+), R = "AccordionItem", [pt, q] = P(R), le = x.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, value: n, ...s } = e, i = E(R, o), r = it(R, o), c = F(o), u = X(), p = n && r.value.includes(n) || !1, m = i.disabled || e.disabled;
+    return /* @__PURE__ */ a.jsx(
+      pt,
+      {
+        scope: o,
+        open: p,
+        disabled: m,
+        triggerId: u,
+        children: /* @__PURE__ */ a.jsx(
+          tt,
+          {
+            "data-orientation": i.orientation,
+            "data-state": xe(p),
+            ...c,
+            ...s,
+            ref: t,
+            disabled: m,
+            open: p,
+            onOpenChange: (f) => {
+              f ? r.onItemOpen(n) : r.onItemClose(n);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+le.displayName = R;
+var ce = "AccordionHeader", de = x.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, s = E(b, o), i = q(ce, o);
+    return /* @__PURE__ */ a.jsx(
+      _.h3,
+      {
+        "data-orientation": s.orientation,
+        "data-state": xe(i.open),
+        "data-disabled": i.disabled ? "" : void 0,
+        ...n,
+        ref: t
+      }
+    );
+  }
+);
+de.displayName = ce;
+var T = "AccordionTrigger", ue = x.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, s = E(b, o), i = q(T, o), r = lt(T, o), c = F(o);
+    return /* @__PURE__ */ a.jsx(H.ItemSlot, { scope: o, children: /* @__PURE__ */ a.jsx(
+      at,
+      {
+        "aria-disabled": i.open && !r.collapsible || void 0,
+        "data-orientation": s.orientation,
+        id: i.triggerId,
+        ...c,
+        ...n,
+        ref: t
+      }
+    ) });
+  }
+);
+ue.displayName = T;
+var pe = "AccordionContent", me = x.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, s = E(b, o), i = q(pe, o), r = F(o);
+    return /* @__PURE__ */ a.jsx(
+      rt,
+      {
+        role: "region",
+        "aria-labelledby": i.triggerId,
+        "data-orientation": s.orientation,
+        ...r,
+        ...n,
+        ref: t,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+me.displayName = pe;
+function xe(e) {
+  return e ? "open" : "closed";
+}
+var mt = oe, xt = le, gt = de, ft = ue, bt = me;
+function Zt({ ...e }) {
+  return /* @__PURE__ */ a.jsx(mt, { "data-slot": "accordion", ...e });
+}
+function ea({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    xt,
+    {
+      className: l("border-b last:border-b-0", e),
+      "data-slot": "accordion-item",
+      ...t
+    }
+  );
+}
+function ta({ className: e, children: t, ...o }) {
+  return /* @__PURE__ */ a.jsx(gt, { className: "flex", children: /* @__PURE__ */ a.jsxs(
+    ft,
+    {
+      className: l(
+        "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left font-medium text-sm outline-none transition-all hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        e
+      ),
+      "data-slot": "accordion-trigger",
+      ...o,
+      children: [
+        t,
+        /* @__PURE__ */ a.jsx(he, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function aa({ className: e, children: t, ...o }) {
+  return /* @__PURE__ */ a.jsx(
+    bt,
+    {
+      className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      "data-slot": "accordion-content",
+      ...o,
+      children: /* @__PURE__ */ a.jsx("div", { className: l("pt-0 pb-4", e), children: t })
+    }
+  );
+}
+const vt = L(
+  "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 ht({ className: e, variant: t, ...o }) {
+  return /* @__PURE__ */ a.jsx("div", { className: l(vt({ variant: t }), e), "data-slot": "alert", role: "alert", ...o });
+}
+function yt({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: l("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", e),
+      "data-slot": "alert-title",
+      ...t
+    }
+  );
+}
+function jt({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: l("col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", e),
+      "data-slot": "alert-description",
+      ...t
+    }
+  );
+}
+const Nt = {
+  success: He,
+  info: Ue,
+  error: Ye,
+  warning: Qe
+}, ra = ({ type: e, title: t, message: o, className: n = "" }) => {
+  const s = Nt[e];
+  return /* @__PURE__ */ a.jsxs(ht, { className: n, variant: e, children: [
+    /* @__PURE__ */ a.jsx(s, { className: "h-4 w-4", "data-testid": `alert-icon-${e}` }),
+    t ? /* @__PURE__ */ a.jsx(yt, { children: t }) : null,
+    /* @__PURE__ */ a.jsx(jt, { children: o })
+  ] });
+}, Ct = L(
+  "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 wt({
+  className: e,
+  variant: t,
+  asChild: o = !1,
+  ...n
+}) {
+  const s = o ? Q : "span";
+  return /* @__PURE__ */ a.jsx(s, { className: l(Ct({ variant: t }), e), "data-slot": "badge", ...n });
+}
+const kt = L(
+  "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"
+      }
+    ]
+  }
+), oa = ({ label: e, onClick: t, className: o, variant: n = "default", color: s }) => {
+  if (s && !(n === "default" || n === "outline"))
+    throw new Error(
+      `Color ${s} is not allowed for variant '${n}'. Only default and outline variants support color.`
+    );
+  const i = l(
+    "cursor-default",
+    !!t && "cursor-pointer",
+    kt({ color: s, variant: n }),
+    {
+      "text-white": s === "black" && n !== "outline",
+      "text-black": s === "white" && n !== "outline"
+    },
+    {
+      "border-1 border-black": s === "white"
+    },
+    o
+  );
+  return /* @__PURE__ */ a.jsx(wt, { className: i, onClick: t, variant: n, children: e });
+};
+function At({ ...e }) {
+  return /* @__PURE__ */ a.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
+}
+function _t({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "ol",
+    {
+      className: l(
+        "flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5",
+        e
+      ),
+      "data-slot": "breadcrumb-list",
+      ...t
+    }
+  );
+}
+function It({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx("li", { className: l("inline-flex items-center gap-1.5", e), "data-slot": "breadcrumb-item", ...t });
+}
+function ge({
+  asChild: e,
+  className: t,
+  ...o
+}) {
+  const n = e ? Q : "a";
+  return /* @__PURE__ */ a.jsx(n, { className: l("transition-colors hover:text-foreground", t), "data-slot": "breadcrumb-link", ...o });
+}
+function Rt({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "span",
+    {
+      "aria-current": "page",
+      "aria-disabled": "true",
+      className: l("font-normal text-foreground", e),
+      "data-slot": "breadcrumb-page",
+      ...t
+    }
+  );
+}
+function Mt({ children: e, className: t, ...o }) {
+  return /* @__PURE__ */ a.jsx(
+    "li",
+    {
+      "aria-hidden": "true",
+      className: l("[&>svg]:size-3.5", t),
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      ...o,
+      children: e ?? /* @__PURE__ */ a.jsx(W, {})
+    }
+  );
+}
+const Pt = ({ to: e, label: t }) => /* @__PURE__ */ a.jsx(ge, { className: "font-display", href: e, children: t }), Et = ({ label: e }) => /* @__PURE__ */ a.jsx(Rt, { className: "font-display", children: e }), na = ({ breadcrumbs: e, linkComponent: t, pageComponent: o, className: n }) => {
+  const s = t || Pt, i = o || Et;
+  return /* @__PURE__ */ a.jsx(At, { className: l("my-4", n), children: /* @__PURE__ */ a.jsx(_t, { children: e.map(({ to: r, label: c }, u) => /* @__PURE__ */ a.jsxs(ye, { children: [
+    /* @__PURE__ */ a.jsxs(It, { children: [
+      r && /* @__PURE__ */ a.jsx(ge, { asChild: !0, className: "font-display", children: /* @__PURE__ */ a.jsx(s, { label: c, to: r }) }),
+      !r && /* @__PURE__ */ a.jsx(i, { label: c })
+    ] }),
+    u < e.length - 1 && /* @__PURE__ */ a.jsx(Mt, {})
+  ] }, c)) }) });
+};
+function sa({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: l("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm", e),
+      "data-slot": "card",
+      ...t
+    }
+  );
+}
+function ia({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: l(
+        "@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",
+      ...t
+    }
+  );
+}
+function la({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx("div", { className: l("font-semibold leading-none", e), "data-slot": "card-title", ...t });
+}
+function ca({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx("div", { className: l("text-muted-foreground text-sm", e), "data-slot": "card-description", ...t });
+}
+function da({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: l("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
+      "data-slot": "card-action",
+      ...t
+    }
+  );
+}
+function ua({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx("div", { className: l("px-6", e), "data-slot": "card-content", ...t });
+}
+function pa({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx("div", { className: l("flex items-center px-6 [.border-t]:pt-6", e), "data-slot": "card-footer", ...t });
+}
+function zt({ ...e }) {
+  return /* @__PURE__ */ a.jsx(Ae, { "data-slot": "dialog", ...e });
+}
+function St({ ...e }) {
+  return /* @__PURE__ */ a.jsx(_e, { "data-slot": "dialog-trigger", ...e });
+}
+function Dt({ ...e }) {
+  return /* @__PURE__ */ a.jsx(Ee, { "data-slot": "dialog-portal", ...e });
+}
+function Ot({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    ze,
+    {
+      className: l(
+        "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",
+      ...t
+    }
+  );
+}
+function Tt({ className: e, children: t, ...o }) {
+  return /* @__PURE__ */ a.jsxs(Dt, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a.jsx(Ot, {}),
+    /* @__PURE__ */ a.jsxs(
+      Ie,
+      {
+        className: l(
+          "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: [
+          t,
+          /* @__PURE__ */ a.jsxs(Re, { 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__ */ a.jsx(Oe, {}),
+            /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function $t({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: l("flex flex-col gap-2 text-center sm:text-left", e),
+      "data-slot": "dialog-header",
+      ...t
+    }
+  );
+}
+function Lt({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    Me,
+    {
+      className: l("font-semibold text-lg leading-none", e),
+      "data-slot": "dialog-title",
+      ...t
+    }
+  );
+}
+function Vt({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    Pe,
+    {
+      className: l("text-muted-foreground text-sm", e),
+      "data-slot": "dialog-description",
+      ...t
+    }
+  );
+}
+const ma = ({ trigger: e, children: t, title: o, description: n, open: s, onOpenChange: i }) => {
+  const r = s !== void 0, [c, u] = je(r ? s : !1);
+  if (Ne(() => {
+    r && u(s);
+  }, [s, r]), !e && !r)
+    throw new Error("Trigger must be provided if modal state is not controlled through open, onOpenChange props.");
+  const p = (m) => {
+    u(m), i?.(m);
+  };
+  return /* @__PURE__ */ a.jsxs(zt, { onOpenChange: p, open: c, children: [
+    /* @__PURE__ */ a.jsx(St, { asChild: !0, children: e }),
+    /* @__PURE__ */ a.jsxs(Tt, { children: [
+      (o || n) && /* @__PURE__ */ a.jsxs($t, { children: [
+        o && /* @__PURE__ */ a.jsx(Lt, { children: o }),
+        n && /* @__PURE__ */ a.jsx(Vt, { children: n })
+      ] }),
+      t
+    ] })
+  ] });
+};
+function Bt({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "nav",
+    {
+      "aria-label": "pagination",
+      className: l("mx-auto flex w-full justify-center", e),
+      "data-slot": "pagination",
+      ...t
+    }
+  );
+}
+function Gt({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx("ul", { className: l("flex flex-row items-center gap-1", e), "data-slot": "pagination-content", ...t });
+}
+function k({ ...e }) {
+  return /* @__PURE__ */ a.jsx("li", { "data-slot": "pagination-item", ...e });
+}
+function A({ className: e, isActive: t, size: o = "icon", ...n }) {
+  return /* @__PURE__ */ a.jsx(
+    "a",
+    {
+      "aria-current": t ? "page" : void 0,
+      className: l(
+        Se({
+          variant: t ? "outline" : "ghost",
+          size: o
+        }),
+        e
+      ),
+      "data-active": t,
+      "data-slot": "pagination-link",
+      ...n
+    }
+  );
+}
+function Ht({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsxs(
+    A,
+    {
+      "aria-label": "Go to previous page",
+      className: l("gap-1 px-2.5 sm:pl-2.5", e),
+      size: "default",
+      ...t,
+      children: [
+        /* @__PURE__ */ a.jsx(De, {}),
+        /* @__PURE__ */ a.jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function Ft({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsxs(
+    A,
+    {
+      "aria-label": "Go to next page",
+      className: l("gap-1 px-2.5 sm:pr-2.5", e),
+      size: "default",
+      ...t,
+      children: [
+        /* @__PURE__ */ a.jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ a.jsx(W, {})
+      ]
+    }
+  );
+}
+function K({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsxs(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: l("flex size-9 items-center justify-center", e),
+      "data-slot": "pagination-ellipsis",
+      ...t,
+      children: [
+        /* @__PURE__ */ a.jsx(qe, { className: "size-4" }),
+        /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+const xa = ({ pageCount: e, currentPage: t, onChange: o }) => {
+  const n = Math.max(1, e), s = Math.max(1, Math.min(t, n)), i = Ce(() => n === 1 ? [1] : s <= 3 ? Array.from({ length: Math.min(3, n) }, (r, c) => c + 1) : s >= n - 2 ? Array.from(
+    { length: Math.min(3, n) },
+    (r, c) => n - Math.min(3, n) + c + 1
+  ) : [s - 1, s, s + 1], [s, n]);
+  return /* @__PURE__ */ a.jsx(Bt, { children: /* @__PURE__ */ a.jsxs(Gt, { children: [
+    /* @__PURE__ */ a.jsx(k, { children: /* @__PURE__ */ a.jsxs(
+      A,
+      {
+        "aria-disabled": t === 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: t === 1 ? 0.5 : 1, pointerEvents: t === 1 ? "none" : "auto" },
+        tabIndex: t === 1 ? -1 : void 0,
+        children: [
+          /* @__PURE__ */ a.jsx(Le, {}),
+          /* @__PURE__ */ a.jsx("span", { className: "hidden sm:block", children: "First" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a.jsx(k, { children: /* @__PURE__ */ a.jsx(
+      Ht,
+      {
+        "aria-disabled": t === 1,
+        "aria-label": "Go to previous page",
+        className: "cursor-pointer",
+        onClick: () => o(Math.max(t - 1, 1)),
+        style: {
+          opacity: t === 1 ? 0.5 : 1,
+          pointerEvents: t === 1 ? "none" : "auto"
+        },
+        tabIndex: t === 1 ? -1 : void 0
+      }
+    ) }),
+    i[0] > 1 && /* @__PURE__ */ a.jsx(K, { "aria-label": "More pages" }),
+    i.map((r) => /* @__PURE__ */ a.jsx(k, { children: /* @__PURE__ */ a.jsx(
+      A,
+      {
+        "aria-current": t === r ? "page" : void 0,
+        "aria-label": `Go to page ${r}`,
+        className: "cursor-pointer",
+        isActive: t === r,
+        onClick: () => o(r),
+        children: r
+      }
+    ) }, r)),
+    i[i.length - 1] < e && /* @__PURE__ */ a.jsx(K, { "aria-label": "More pages" }),
+    /* @__PURE__ */ a.jsx(k, { children: /* @__PURE__ */ a.jsx(
+      Ft,
+      {
+        "aria-disabled": t === e,
+        "aria-label": "Go to next page",
+        className: "cursor-pointer",
+        onClick: () => o(Math.min(t + 1, e)),
+        style: {
+          opacity: t === e ? 0.5 : 1,
+          pointerEvents: t === e ? "none" : "auto"
+        },
+        tabIndex: t === e ? -1 : void 0
+      }
+    ) }),
+    /* @__PURE__ */ a.jsx(k, { children: /* @__PURE__ */ a.jsxs(
+      A,
+      {
+        "aria-disabled": t === 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: t === e ? 0.5 : 1,
+          pointerEvents: t === e ? "none" : "auto"
+        },
+        tabIndex: t === e ? -1 : void 0,
+        children: [
+          "Last",
+          /* @__PURE__ */ a.jsx(Be, {})
+        ]
+      }
+    ) })
+  ] }) });
+}, ga = ({ className: e, orientation: t = "horizontal", gap: o, ...n }) => {
+  const s = t === "vertical", r = o ?? (s ? "2" : "4");
+  return /* @__PURE__ */ a.jsx(
+    Te,
+    {
+      className: l(
+        !s && {
+          "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"
+        },
+        s && {
+          "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: t,
+      role: "separator",
+      ...n
+    }
+  );
+};
+function fa({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx("div", { className: l("animate-pulse rounded-md bg-accent", e), "data-slot": "skeleton", ...t });
+}
+export {
+  Zt as A,
+  oa as B,
+  sa as C,
+  ma as M,
+  xa as P,
+  ga as S,
+  ea as a,
+  ta as b,
+  aa as c,
+  ra as d,
+  na as e,
+  da as f,
+  ua as g,
+  ca as h,
+  pa as i,
+  ia as j,
+  la as k,
+  fa as l
+};