@cyberbloxai/ui-kit 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1888 @@
+import { clsx as Pe } from "clsx";
+import { twMerge as De } from "tailwind-merge";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as s from "react";
+import * as C from "@radix-ui/react-accordion";
+import { ChevronDown as E, ChevronRight as I, MoreHorizontal as oe, ChevronLeft as re, ArrowLeft as Me, ArrowRight as ze, Check as O, X as se, Search as _e, Circle as B, Dot as Ae, GripVertical as Oe, ChevronUp as Le } from "lucide-react";
+import * as b from "@radix-ui/react-alert-dialog";
+import { Slot as ne } from "@radix-ui/react-slot";
+import { cva as T } from "class-variance-authority";
+import * as je from "@radix-ui/react-aspect-ratio";
+import * as P from "@radix-ui/react-avatar";
+import { DayPicker as Ge } from "react-day-picker";
+import Ee from "embla-carousel-react";
+import * as W from "@radix-ui/react-checkbox";
+import * as J from "@radix-ui/react-collapsible";
+import { Command as N } from "cmdk";
+import * as c from "@radix-ui/react-dialog";
+import * as m from "@radix-ui/react-context-menu";
+import { Drawer as h } from "vaul";
+import * as f from "@radix-ui/react-dropdown-menu";
+import * as H from "@radix-ui/react-hover-card";
+import { OTPInput as Be, OTPInputContext as He } from "input-otp";
+import * as ie from "@radix-ui/react-label";
+import * as l from "@radix-ui/react-menubar";
+import * as y from "@radix-ui/react-navigation-menu";
+import * as _ from "@radix-ui/react-popover";
+import * as Q from "@radix-ui/react-progress";
+import * as A from "@radix-ui/react-radio-group";
+import * as Z from "react-resizable-panels";
+import * as R from "@radix-ui/react-scroll-area";
+import * as u from "@radix-ui/react-select";
+import * as de from "@radix-ui/react-separator";
+import * as M from "@radix-ui/react-slider";
+import * as Y from "@radix-ui/react-switch";
+import * as S from "@radix-ui/react-tabs";
+import * as le from "@radix-ui/react-toggle";
+import * as V from "@radix-ui/react-toggle-group";
+import * as L from "@radix-ui/react-tooltip";
+function r(...e) {
+  return De(Pe(e));
+}
+const Ho = C.Root, Ve = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(C.Item, { ref: a, className: r("border-b", e), ...t }));
+Ve.displayName = "AccordionItem";
+const Fe = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ o(C.Header, { className: "flex", children: /* @__PURE__ */ d(
+  C.Trigger,
+  {
+    ref: n,
+    className: r(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      e
+    ),
+    ...a,
+    children: [
+      t,
+      /* @__PURE__ */ o(E, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+Fe.displayName = C.Trigger.displayName;
+const Ue = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ o(
+  C.Content,
+  {
+    ref: n,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...a,
+    children: /* @__PURE__ */ o("div", { className: r("pb-4 pt-0", e), children: t })
+  }
+));
+Ue.displayName = C.Content.displayName;
+const k = T(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), ee = s.forwardRef(
+  ({ className: e, variant: t, size: a, asChild: n = !1, ...i }, g) => /* @__PURE__ */ o(n ? ne : "button", { className: r(k({ variant: t, size: a, className: e })), ref: g, ...i })
+);
+ee.displayName = "Button";
+const Vo = b.Root, Fo = b.Trigger, $e = b.Portal, ce = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  b.Overlay,
+  {
+    className: r(
+      "fixed inset-0 z-50 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",
+      e
+    ),
+    ...t,
+    ref: a
+  }
+));
+ce.displayName = b.Overlay.displayName;
+const qe = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d($e, { children: [
+  /* @__PURE__ */ o(ce, {}),
+  /* @__PURE__ */ o(
+    b.Content,
+    {
+      ref: a,
+      className: r(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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:rounded-lg",
+        e
+      ),
+      ...t
+    }
+  )
+] }));
+qe.displayName = b.Content.displayName;
+const Ke = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+Ke.displayName = "AlertDialogHeader";
+const Xe = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+Xe.displayName = "AlertDialogFooter";
+const We = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(b.Title, { ref: a, className: r("text-lg font-semibold", e), ...t }));
+We.displayName = b.Title.displayName;
+const Qe = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(b.Description, { ref: a, className: r("text-sm text-muted-foreground", e), ...t }));
+Qe.displayName = b.Description.displayName;
+const Ye = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(b.Action, { ref: a, className: r(k(), e), ...t }));
+Ye.displayName = b.Action.displayName;
+const Je = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  b.Cancel,
+  {
+    ref: a,
+    className: r(k({ variant: "outline" }), "mt-2 sm:mt-0", e),
+    ...t
+  }
+));
+Je.displayName = b.Cancel.displayName;
+const Ze = T(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), et = s.forwardRef(({ className: e, variant: t, ...a }, n) => /* @__PURE__ */ o("div", { ref: n, role: "alert", className: r(Ze({ variant: t }), e), ...a }));
+et.displayName = "Alert";
+const tt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("h5", { ref: a, className: r("mb-1 font-medium leading-none tracking-tight", e), ...t })
+);
+tt.displayName = "AlertTitle";
+const at = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: r("text-sm [&_p]:leading-relaxed", e), ...t })
+);
+at.displayName = "AlertDescription";
+const Uo = je.Root, ot = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  P.Root,
+  {
+    ref: a,
+    className: r("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", e),
+    ...t
+  }
+));
+ot.displayName = P.Root.displayName;
+const rt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(P.Image, { ref: a, className: r("aspect-square h-full w-full", e), ...t }));
+rt.displayName = P.Image.displayName;
+const st = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  P.Fallback,
+  {
+    ref: a,
+    className: r("flex h-full w-full items-center justify-center rounded-full bg-muted", e),
+    ...t
+  }
+));
+st.displayName = P.Fallback.displayName;
+const nt = T(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function $o({ className: e, variant: t, ...a }) {
+  return /* @__PURE__ */ o("div", { className: r(nt({ variant: t }), e), ...a });
+}
+const it = s.forwardRef(({ ...e }, t) => /* @__PURE__ */ o("nav", { ref: t, "aria-label": "breadcrumb", ...e }));
+it.displayName = "Breadcrumb";
+const dt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "ol",
+    {
+      ref: a,
+      className: r(
+        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+        e
+      ),
+      ...t
+    }
+  )
+);
+dt.displayName = "BreadcrumbList";
+const lt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("li", { ref: a, className: r("inline-flex items-center gap-1.5", e), ...t })
+);
+lt.displayName = "BreadcrumbItem";
+const ct = s.forwardRef(({ asChild: e, className: t, ...a }, n) => /* @__PURE__ */ o(e ? ne : "a", { ref: n, className: r("transition-colors hover:text-foreground", t), ...a }));
+ct.displayName = "BreadcrumbLink";
+const mt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "span",
+    {
+      ref: a,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: r("font-normal text-foreground", e),
+      ...t
+    }
+  )
+);
+mt.displayName = "BreadcrumbPage";
+const ft = ({ children: e, className: t, ...a }) => /* @__PURE__ */ o("li", { role: "presentation", "aria-hidden": "true", className: r("[&>svg]:size-3.5", t), ...a, children: e ?? /* @__PURE__ */ o(I, {}) });
+ft.displayName = "BreadcrumbSeparator";
+const ut = ({ className: e, ...t }) => /* @__PURE__ */ d(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: r("flex h-9 w-9 items-center justify-center", e),
+    ...t,
+    children: [
+      /* @__PURE__ */ o(oe, { className: "h-4 w-4" }),
+      /* @__PURE__ */ o("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+ut.displayName = "BreadcrumbElipssis";
+function pt({ className: e, classNames: t, showOutsideDays: a = !0, ...n }) {
+  return /* @__PURE__ */ o(
+    Ge,
+    {
+      showOutsideDays: a,
+      className: r("p-3", e),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: r(
+          k({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+        day: r(k({ variant: "ghost" }), "h-9 w-9 p-0 font-normal aria-selected:opacity-100"),
+        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 opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
+        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: ({ ...i }) => /* @__PURE__ */ o(re, { className: "h-4 w-4" }),
+        IconRight: ({ ...i }) => /* @__PURE__ */ o(I, { className: "h-4 w-4" })
+      },
+      ...n
+    }
+  );
+}
+pt.displayName = "Calendar";
+const gt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: r("rounded-lg border bg-card text-card-foreground shadow-sm", e), ...t }));
+gt.displayName = "Card";
+const bt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: r("flex flex-col space-y-1.5 p-6", e), ...t })
+);
+bt.displayName = "CardHeader";
+const Nt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("h3", { ref: a, className: r("text-2xl font-semibold leading-none tracking-tight", e), ...t })
+);
+Nt.displayName = "CardTitle";
+const yt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("p", { ref: a, className: r("text-sm text-muted-foreground", e), ...t })
+);
+yt.displayName = "CardDescription";
+const xt = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: r("p-6 pt-0", e), ...t })
+);
+xt.displayName = "CardContent";
+const ht = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: r("flex items-center p-6 pt-0", e), ...t })
+);
+ht.displayName = "CardFooter";
+const me = s.createContext(null);
+function F() {
+  const e = s.useContext(me);
+  if (!e)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return e;
+}
+const wt = s.forwardRef(
+  ({ orientation: e = "horizontal", opts: t, setApi: a, plugins: n, className: i, children: g, ...x }, v) => {
+    const [Re, p] = Ee(
+      {
+        ...t,
+        axis: e === "horizontal" ? "x" : "y"
+      },
+      n
+    ), [Ce, Te] = s.useState(!1), [Se, ke] = s.useState(!1), D = s.useCallback((w) => {
+      w && (Te(w.canScrollPrev()), ke(w.canScrollNext()));
+    }, []), U = s.useCallback(() => {
+      p == null || p.scrollPrev();
+    }, [p]), $ = s.useCallback(() => {
+      p == null || p.scrollNext();
+    }, [p]), Ie = s.useCallback(
+      (w) => {
+        w.key === "ArrowLeft" ? (w.preventDefault(), U()) : w.key === "ArrowRight" && (w.preventDefault(), $());
+      },
+      [U, $]
+    );
+    return s.useEffect(() => {
+      !p || !a || a(p);
+    }, [p, a]), s.useEffect(() => {
+      if (p)
+        return D(p), p.on("reInit", D), p.on("select", D), () => {
+          p == null || p.off("select", D);
+        };
+    }, [p, D]), /* @__PURE__ */ o(
+      me.Provider,
+      {
+        value: {
+          carouselRef: Re,
+          api: p,
+          opts: t,
+          orientation: e || ((t == null ? void 0 : t.axis) === "y" ? "vertical" : "horizontal"),
+          scrollPrev: U,
+          scrollNext: $,
+          canScrollPrev: Ce,
+          canScrollNext: Se
+        },
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            ref: v,
+            onKeyDownCapture: Ie,
+            className: r("relative", i),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...x,
+            children: g
+          }
+        )
+      }
+    );
+  }
+);
+wt.displayName = "Carousel";
+const vt = s.forwardRef(
+  ({ className: e, ...t }, a) => {
+    const { carouselRef: n, orientation: i } = F();
+    return /* @__PURE__ */ o("div", { ref: n, className: "overflow-hidden", children: /* @__PURE__ */ o(
+      "div",
+      {
+        ref: a,
+        className: r("flex", i === "horizontal" ? "-ml-4" : "-mt-4 flex-col", e),
+        ...t
+      }
+    ) });
+  }
+);
+vt.displayName = "CarouselContent";
+const Rt = s.forwardRef(
+  ({ className: e, ...t }, a) => {
+    const { orientation: n } = F();
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: a,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: r("min-w-0 shrink-0 grow-0 basis-full", n === "horizontal" ? "pl-4" : "pt-4", e),
+        ...t
+      }
+    );
+  }
+);
+Rt.displayName = "CarouselItem";
+const Ct = s.forwardRef(
+  ({ className: e, variant: t = "outline", size: a = "icon", ...n }, i) => {
+    const { orientation: g, scrollPrev: x, canScrollPrev: v } = F();
+    return /* @__PURE__ */ d(
+      ee,
+      {
+        ref: i,
+        variant: t,
+        size: a,
+        className: r(
+          "absolute h-8 w-8 rounded-full",
+          g === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+          e
+        ),
+        disabled: !v,
+        onClick: x,
+        ...n,
+        children: [
+          /* @__PURE__ */ o(Me, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Previous slide" })
+        ]
+      }
+    );
+  }
+);
+Ct.displayName = "CarouselPrevious";
+const Tt = s.forwardRef(
+  ({ className: e, variant: t = "outline", size: a = "icon", ...n }, i) => {
+    const { orientation: g, scrollNext: x, canScrollNext: v } = F();
+    return /* @__PURE__ */ d(
+      ee,
+      {
+        ref: i,
+        variant: t,
+        size: a,
+        className: r(
+          "absolute h-8 w-8 rounded-full",
+          g === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+          e
+        ),
+        disabled: !v,
+        onClick: x,
+        ...n,
+        children: [
+          /* @__PURE__ */ o(ze, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Next slide" })
+        ]
+      }
+    );
+  }
+);
+Tt.displayName = "CarouselNext";
+const St = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  W.Root,
+  {
+    ref: a,
+    className: r(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ o(W.Indicator, { className: r("flex items-center justify-center text-current"), children: /* @__PURE__ */ o(O, { className: "h-4 w-4" }) })
+  }
+));
+St.displayName = W.Root.displayName;
+const qo = J.Root, Ko = J.CollapsibleTrigger, Xo = J.CollapsibleContent, kt = c.Root, Wo = c.Trigger, It = c.Portal, Qo = c.Close, fe = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  c.Overlay,
+  {
+    ref: a,
+    className: r(
+      "fixed inset-0 z-50 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",
+      e
+    ),
+    ...t
+  }
+));
+fe.displayName = c.Overlay.displayName;
+const ue = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(It, { children: [
+  /* @__PURE__ */ o(fe, {}),
+  /* @__PURE__ */ d(
+    c.Content,
+    {
+      ref: n,
+      className: r(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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:rounded-lg",
+        e
+      ),
+      ...a,
+      children: [
+        t,
+        /* @__PURE__ */ d(c.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ o(se, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+ue.displayName = c.Content.displayName;
+const Pt = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
+Pt.displayName = "DialogHeader";
+const Dt = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+Dt.displayName = "DialogFooter";
+const Mt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  c.Title,
+  {
+    ref: a,
+    className: r("text-lg font-semibold leading-none tracking-tight", e),
+    ...t
+  }
+));
+Mt.displayName = c.Title.displayName;
+const zt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(c.Description, { ref: a, className: r("text-sm text-muted-foreground", e), ...t }));
+zt.displayName = c.Description.displayName;
+const pe = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  N,
+  {
+    ref: a,
+    className: r(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...t
+  }
+));
+pe.displayName = N.displayName;
+const Yo = ({ children: e, ...t }) => /* @__PURE__ */ o(kt, { ...t, children: /* @__PURE__ */ o(ue, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ o(pe, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), _t = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ o(_e, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ o(
+    N.Input,
+    {
+      ref: a,
+      className: r(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...t
+    }
+  )
+] }));
+_t.displayName = N.Input.displayName;
+const At = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  N.List,
+  {
+    ref: a,
+    className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...t
+  }
+));
+At.displayName = N.List.displayName;
+const Ot = s.forwardRef((e, t) => /* @__PURE__ */ o(N.Empty, { ref: t, className: "py-6 text-center text-sm", ...e }));
+Ot.displayName = N.Empty.displayName;
+const Lt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  N.Group,
+  {
+    ref: a,
+    className: r(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Lt.displayName = N.Group.displayName;
+const jt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(N.Separator, { ref: a, className: r("-mx-1 h-px bg-border", e), ...t }));
+jt.displayName = N.Separator.displayName;
+const Gt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  N.Item,
+  {
+    ref: a,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
+      e
+    ),
+    ...t
+  }
+));
+Gt.displayName = N.Item.displayName;
+const Et = ({ className: e, ...t }) => /* @__PURE__ */ o("span", { className: r("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+Et.displayName = "CommandShortcut";
+const Jo = m.Root, Zo = m.Trigger, er = m.Group, tr = m.Portal, ar = m.Sub, or = m.RadioGroup, Bt = s.forwardRef(({ className: e, inset: t, children: a, ...n }, i) => /* @__PURE__ */ d(
+  m.SubTrigger,
+  {
+    ref: i,
+    className: r(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent data-[state=open]:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+      t && "pl-8",
+      e
+    ),
+    ...n,
+    children: [
+      a,
+      /* @__PURE__ */ o(I, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+Bt.displayName = m.SubTrigger.displayName;
+const Ht = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  m.SubContent,
+  {
+    ref: a,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+));
+Ht.displayName = m.SubContent.displayName;
+const Vt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(m.Portal, { children: /* @__PURE__ */ o(
+  m.Content,
+  {
+    ref: a,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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",
+      e
+    ),
+    ...t
+  }
+) }));
+Vt.displayName = m.Content.displayName;
+const Ft = s.forwardRef(({ className: e, inset: t, ...a }, n) => /* @__PURE__ */ o(
+  m.Item,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      t && "pl-8",
+      e
+    ),
+    ...a
+  }
+));
+Ft.displayName = m.Item.displayName;
+const Ut = s.forwardRef(({ className: e, children: t, checked: a, ...n }, i) => /* @__PURE__ */ d(
+  m.CheckboxItem,
+  {
+    ref: i,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    checked: a,
+    ...n,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(m.ItemIndicator, { children: /* @__PURE__ */ o(O, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+Ut.displayName = m.CheckboxItem.displayName;
+const $t = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(
+  m.RadioItem,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(m.ItemIndicator, { children: /* @__PURE__ */ o(B, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+$t.displayName = m.RadioItem.displayName;
+const qt = s.forwardRef(({ className: e, inset: t, ...a }, n) => /* @__PURE__ */ o(
+  m.Label,
+  {
+    ref: n,
+    className: r("px-2 py-1.5 text-sm font-semibold text-foreground", t && "pl-8", e),
+    ...a
+  }
+));
+qt.displayName = m.Label.displayName;
+const Kt = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(m.Separator, { ref: a, className: r("-mx-1 my-1 h-px bg-border", e), ...t }));
+Kt.displayName = m.Separator.displayName;
+const Xt = ({ className: e, ...t }) => /* @__PURE__ */ o("span", { className: r("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+Xt.displayName = "ContextMenuShortcut";
+const Wt = ({ shouldScaleBackground: e = !0, ...t }) => /* @__PURE__ */ o(h.Root, { shouldScaleBackground: e, ...t });
+Wt.displayName = "Drawer";
+const rr = h.Trigger, Qt = h.Portal, sr = h.Close, ge = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(h.Overlay, { ref: a, className: r("fixed inset-0 z-50 bg-black/80", e), ...t }));
+ge.displayName = h.Overlay.displayName;
+const Yt = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(Qt, { children: [
+  /* @__PURE__ */ o(ge, {}),
+  /* @__PURE__ */ d(
+    h.Content,
+    {
+      ref: n,
+      className: r(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        e
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ o("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        t
+      ]
+    }
+  )
+] }));
+Yt.displayName = "DrawerContent";
+const Jt = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("grid gap-1.5 p-4 text-center sm:text-left", e), ...t });
+Jt.displayName = "DrawerHeader";
+const Zt = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("mt-auto flex flex-col gap-2 p-4", e), ...t });
+Zt.displayName = "DrawerFooter";
+const ea = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  h.Title,
+  {
+    ref: a,
+    className: r("text-lg font-semibold leading-none tracking-tight", e),
+    ...t
+  }
+));
+ea.displayName = h.Title.displayName;
+const ta = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(h.Description, { ref: a, className: r("text-sm text-muted-foreground", e), ...t }));
+ta.displayName = h.Description.displayName;
+const nr = f.Root, ir = f.Trigger, dr = f.Group, lr = f.Portal, cr = f.Sub, mr = f.RadioGroup, aa = s.forwardRef(({ className: e, inset: t, children: a, ...n }, i) => /* @__PURE__ */ d(
+  f.SubTrigger,
+  {
+    ref: i,
+    className: r(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",
+      t && "pl-8",
+      e
+    ),
+    ...n,
+    children: [
+      a,
+      /* @__PURE__ */ o(I, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+aa.displayName = f.SubTrigger.displayName;
+const oa = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  f.SubContent,
+  {
+    ref: a,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+));
+oa.displayName = f.SubContent.displayName;
+const ra = s.forwardRef(({ className: e, sideOffset: t = 4, ...a }, n) => /* @__PURE__ */ o(f.Portal, { children: /* @__PURE__ */ o(
+  f.Content,
+  {
+    ref: n,
+    sideOffset: t,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...a
+  }
+) }));
+ra.displayName = f.Content.displayName;
+const sa = s.forwardRef(({ className: e, inset: t, ...a }, n) => /* @__PURE__ */ o(
+  f.Item,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      t && "pl-8",
+      e
+    ),
+    ...a
+  }
+));
+sa.displayName = f.Item.displayName;
+const na = s.forwardRef(({ className: e, children: t, checked: a, ...n }, i) => /* @__PURE__ */ d(
+  f.CheckboxItem,
+  {
+    ref: i,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    checked: a,
+    ...n,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(f.ItemIndicator, { children: /* @__PURE__ */ o(O, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+na.displayName = f.CheckboxItem.displayName;
+const ia = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(
+  f.RadioItem,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(f.ItemIndicator, { children: /* @__PURE__ */ o(B, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+ia.displayName = f.RadioItem.displayName;
+const da = s.forwardRef(({ className: e, inset: t, ...a }, n) => /* @__PURE__ */ o(
+  f.Label,
+  {
+    ref: n,
+    className: r("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+    ...a
+  }
+));
+da.displayName = f.Label.displayName;
+const la = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(f.Separator, { ref: a, className: r("-mx-1 my-1 h-px bg-muted", e), ...t }));
+la.displayName = f.Separator.displayName;
+const ca = ({ className: e, ...t }) => /* @__PURE__ */ o("span", { className: r("ml-auto text-xs tracking-widest opacity-60", e), ...t });
+ca.displayName = "DropdownMenuShortcut";
+const fr = H.Root, ur = H.Trigger, ma = s.forwardRef(({ className: e, align: t = "center", sideOffset: a = 4, ...n }, i) => /* @__PURE__ */ o(
+  H.Content,
+  {
+    ref: i,
+    align: t,
+    sideOffset: a,
+    className: r(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground 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",
+      e
+    ),
+    ...n
+  }
+));
+ma.displayName = H.Content.displayName;
+const fa = s.forwardRef(
+  ({ className: e, containerClassName: t, ...a }, n) => /* @__PURE__ */ o(
+    Be,
+    {
+      ref: n,
+      containerClassName: r("flex items-center gap-2 has-[:disabled]:opacity-50", t),
+      className: r("disabled:cursor-not-allowed", e),
+      ...a
+    }
+  )
+);
+fa.displayName = "InputOTP";
+const ua = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: r("flex items-center", e), ...t })
+);
+ua.displayName = "InputOTPGroup";
+const pa = s.forwardRef(({ index: e, className: t, ...a }, n) => {
+  const i = s.useContext(He), { char: g, hasFakeCaret: x, isActive: v } = i.slots[e];
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: n,
+      className: r(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        v && "z-10 ring-2 ring-ring ring-offset-background",
+        t
+      ),
+      ...a,
+      children: [
+        g,
+        x && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ o("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+pa.displayName = "InputOTPSlot";
+const ga = s.forwardRef(
+  ({ ...e }, t) => /* @__PURE__ */ o("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ o(Ae, {}) })
+);
+ga.displayName = "InputOTPSeparator";
+const ba = s.forwardRef(
+  ({ className: e, type: t, ...a }, n) => /* @__PURE__ */ o(
+    "input",
+    {
+      type: t,
+      className: r(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background 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-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: n,
+      ...a
+    }
+  )
+);
+ba.displayName = "Input";
+const Na = T("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), ya = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(ie.Root, { ref: a, className: r(Na(), e), ...t }));
+ya.displayName = ie.Root.displayName;
+const pr = l.Menu, gr = l.Group, br = l.Portal, Nr = l.Sub, yr = l.RadioGroup, xa = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  l.Root,
+  {
+    ref: a,
+    className: r("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", e),
+    ...t
+  }
+));
+xa.displayName = l.Root.displayName;
+const ha = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  l.Trigger,
+  {
+    ref: a,
+    className: r(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none data-[state=open]:bg-accent data-[state=open]:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    ...t
+  }
+));
+ha.displayName = l.Trigger.displayName;
+const wa = s.forwardRef(({ className: e, inset: t, children: a, ...n }, i) => /* @__PURE__ */ d(
+  l.SubTrigger,
+  {
+    ref: i,
+    className: r(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent data-[state=open]:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+      t && "pl-8",
+      e
+    ),
+    ...n,
+    children: [
+      a,
+      /* @__PURE__ */ o(I, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+wa.displayName = l.SubTrigger.displayName;
+const va = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  l.SubContent,
+  {
+    ref: a,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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",
+      e
+    ),
+    ...t
+  }
+));
+va.displayName = l.SubContent.displayName;
+const Ra = s.forwardRef(({ className: e, align: t = "start", alignOffset: a = -4, sideOffset: n = 8, ...i }, g) => /* @__PURE__ */ o(l.Portal, { children: /* @__PURE__ */ o(
+  l.Content,
+  {
+    ref: g,
+    align: t,
+    alignOffset: a,
+    sideOffset: n,
+    className: r(
+      "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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",
+      e
+    ),
+    ...i
+  }
+) }));
+Ra.displayName = l.Content.displayName;
+const Ca = s.forwardRef(({ className: e, inset: t, ...a }, n) => /* @__PURE__ */ o(
+  l.Item,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      t && "pl-8",
+      e
+    ),
+    ...a
+  }
+));
+Ca.displayName = l.Item.displayName;
+const Ta = s.forwardRef(({ className: e, children: t, checked: a, ...n }, i) => /* @__PURE__ */ d(
+  l.CheckboxItem,
+  {
+    ref: i,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    checked: a,
+    ...n,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(l.ItemIndicator, { children: /* @__PURE__ */ o(O, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+Ta.displayName = l.CheckboxItem.displayName;
+const Sa = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(
+  l.RadioItem,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(l.ItemIndicator, { children: /* @__PURE__ */ o(B, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+Sa.displayName = l.RadioItem.displayName;
+const ka = s.forwardRef(({ className: e, inset: t, ...a }, n) => /* @__PURE__ */ o(
+  l.Label,
+  {
+    ref: n,
+    className: r("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+    ...a
+  }
+));
+ka.displayName = l.Label.displayName;
+const Ia = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(l.Separator, { ref: a, className: r("-mx-1 my-1 h-px bg-muted", e), ...t }));
+Ia.displayName = l.Separator.displayName;
+const Pa = ({ className: e, ...t }) => /* @__PURE__ */ o("span", { className: r("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+Pa.displayname = "MenubarShortcut";
+const Da = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(
+  y.Root,
+  {
+    ref: n,
+    className: r("relative z-10 flex max-w-max flex-1 items-center justify-center", e),
+    ...a,
+    children: [
+      t,
+      /* @__PURE__ */ o(be, {})
+    ]
+  }
+));
+Da.displayName = y.Root.displayName;
+const Ma = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  y.List,
+  {
+    ref: a,
+    className: r("group flex flex-1 list-none items-center justify-center space-x-1", e),
+    ...t
+  }
+));
+Ma.displayName = y.List.displayName;
+const xr = y.Item, za = T(
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
+), _a = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(
+  y.Trigger,
+  {
+    ref: n,
+    className: r(za(), "group", e),
+    ...a,
+    children: [
+      t,
+      " ",
+      /* @__PURE__ */ o(
+        E,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+_a.displayName = y.Trigger.displayName;
+const Aa = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  y.Content,
+  {
+    ref: a,
+    className: r(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      e
+    ),
+    ...t
+  }
+));
+Aa.displayName = y.Content.displayName;
+const hr = y.Link, be = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { className: r("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ o(
+  y.Viewport,
+  {
+    className: r(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      e
+    ),
+    ref: a,
+    ...t
+  }
+) }));
+be.displayName = y.Viewport.displayName;
+const Oa = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  y.Indicator,
+  {
+    ref: a,
+    className: r(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ o("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+Oa.displayName = y.Indicator.displayName;
+const La = ({ className: e, ...t }) => /* @__PURE__ */ o(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: r("mx-auto flex w-full justify-center", e),
+    ...t
+  }
+);
+La.displayName = "Pagination";
+const ja = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("ul", { ref: a, className: r("flex flex-row items-center gap-1", e), ...t })
+);
+ja.displayName = "PaginationContent";
+const Ga = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o("li", { ref: a, className: r("", e), ...t }));
+Ga.displayName = "PaginationItem";
+const te = ({ className: e, isActive: t, size: a = "icon", ...n }) => /* @__PURE__ */ o(
+  "a",
+  {
+    "aria-current": t ? "page" : void 0,
+    className: r(
+      k({
+        variant: t ? "outline" : "ghost",
+        size: a
+      }),
+      e
+    ),
+    ...n
+  }
+);
+te.displayName = "PaginationLink";
+const Ea = ({ className: e, ...t }) => /* @__PURE__ */ d(te, { "aria-label": "Go to previous page", size: "default", className: r("gap-1 pl-2.5", e), ...t, children: [
+  /* @__PURE__ */ o(re, { className: "h-4 w-4" }),
+  /* @__PURE__ */ o("span", { children: "Previous" })
+] });
+Ea.displayName = "PaginationPrevious";
+const Ba = ({ className: e, ...t }) => /* @__PURE__ */ d(te, { "aria-label": "Go to next page", size: "default", className: r("gap-1 pr-2.5", e), ...t, children: [
+  /* @__PURE__ */ o("span", { children: "Next" }),
+  /* @__PURE__ */ o(I, { className: "h-4 w-4" })
+] });
+Ba.displayName = "PaginationNext";
+const Ha = ({ className: e, ...t }) => /* @__PURE__ */ d("span", { "aria-hidden": !0, className: r("flex h-9 w-9 items-center justify-center", e), ...t, children: [
+  /* @__PURE__ */ o(oe, { className: "h-4 w-4" }),
+  /* @__PURE__ */ o("span", { className: "sr-only", children: "More pages" })
+] });
+Ha.displayName = "PaginationEllipsis";
+const wr = _.Root, vr = _.Trigger, Va = s.forwardRef(({ className: e, align: t = "center", sideOffset: a = 4, ...n }, i) => /* @__PURE__ */ o(_.Portal, { children: /* @__PURE__ */ o(
+  _.Content,
+  {
+    ref: i,
+    align: t,
+    sideOffset: a,
+    className: r(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground 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",
+      e
+    ),
+    ...n
+  }
+) }));
+Va.displayName = _.Content.displayName;
+const Fa = s.forwardRef(({ className: e, value: t, ...a }, n) => /* @__PURE__ */ o(
+  Q.Root,
+  {
+    ref: n,
+    className: r("relative h-4 w-full overflow-hidden rounded-full bg-secondary", e),
+    ...a,
+    children: /* @__PURE__ */ o(
+      Q.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (t || 0)}%)` }
+      }
+    )
+  }
+));
+Fa.displayName = Q.Root.displayName;
+const Ua = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(A.Root, { className: r("grid gap-2", e), ...t, ref: a }));
+Ua.displayName = A.Root.displayName;
+const $a = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  A.Item,
+  {
+    ref: a,
+    className: r(
+      "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ o(A.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ o(B, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+  }
+));
+$a.displayName = A.Item.displayName;
+const Rr = ({ className: e, ...t }) => /* @__PURE__ */ o(
+  Z.PanelGroup,
+  {
+    className: r("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e),
+    ...t
+  }
+), Cr = Z.Panel, Tr = ({
+  withHandle: e,
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  Z.PanelResizeHandle,
+  {
+    className: r(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      t
+    ),
+    ...a,
+    children: e && /* @__PURE__ */ o("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ o(Oe, { className: "h-2.5 w-2.5" }) })
+  }
+), qa = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(R.Root, { ref: n, className: r("relative overflow-hidden", e), ...a, children: [
+  /* @__PURE__ */ o(R.Viewport, { className: "h-full w-full rounded-[inherit]", children: t }),
+  /* @__PURE__ */ o(Ne, {}),
+  /* @__PURE__ */ o(R.Corner, {})
+] }));
+qa.displayName = R.Root.displayName;
+const Ne = s.forwardRef(({ className: e, orientation: t = "vertical", ...a }, n) => /* @__PURE__ */ o(
+  R.ScrollAreaScrollbar,
+  {
+    ref: n,
+    orientation: t,
+    className: r(
+      "flex touch-none select-none transition-colors",
+      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ o(R.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+Ne.displayName = R.ScrollAreaScrollbar.displayName;
+const Sr = u.Root, kr = u.Group, Ir = u.Value, Ka = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(
+  u.Trigger,
+  {
+    ref: n,
+    className: r(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      e
+    ),
+    ...a,
+    children: [
+      t,
+      /* @__PURE__ */ o(u.Icon, { asChild: !0, children: /* @__PURE__ */ o(E, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+Ka.displayName = u.Trigger.displayName;
+const ye = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  u.ScrollUpButton,
+  {
+    ref: a,
+    className: r("flex cursor-default items-center justify-center py-1", e),
+    ...t,
+    children: /* @__PURE__ */ o(Le, { className: "h-4 w-4" })
+  }
+));
+ye.displayName = u.ScrollUpButton.displayName;
+const xe = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  u.ScrollDownButton,
+  {
+    ref: a,
+    className: r("flex cursor-default items-center justify-center py-1", e),
+    ...t,
+    children: /* @__PURE__ */ o(E, { className: "h-4 w-4" })
+  }
+));
+xe.displayName = u.ScrollDownButton.displayName;
+const Xa = s.forwardRef(({ className: e, children: t, position: a = "popper", ...n }, i) => /* @__PURE__ */ o(u.Portal, { children: /* @__PURE__ */ d(
+  u.Content,
+  {
+    ref: i,
+    className: r(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden 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",
+      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: a,
+    ...n,
+    children: [
+      /* @__PURE__ */ o(ye, {}),
+      /* @__PURE__ */ o(
+        u.Viewport,
+        {
+          className: r(
+            "p-1",
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ o(xe, {})
+    ]
+  }
+) }));
+Xa.displayName = u.Content.displayName;
+const Wa = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(u.Label, { ref: a, className: r("py-1.5 pl-8 pr-2 text-sm font-semibold", e), ...t }));
+Wa.displayName = u.Label.displayName;
+const Qa = s.forwardRef(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ d(
+  u.Item,
+  {
+    ref: n,
+    className: r(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      e
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(u.ItemIndicator, { children: /* @__PURE__ */ o(O, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ o(u.ItemText, { children: t })
+    ]
+  }
+));
+Qa.displayName = u.Item.displayName;
+const Ya = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(u.Separator, { ref: a, className: r("-mx-1 my-1 h-px bg-muted", e), ...t }));
+Ya.displayName = u.Separator.displayName;
+const Ja = s.forwardRef(({ className: e, orientation: t = "horizontal", decorative: a = !0, ...n }, i) => /* @__PURE__ */ o(
+  de.Root,
+  {
+    ref: i,
+    decorative: a,
+    orientation: t,
+    className: r("shrink-0 bg-border", t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", e),
+    ...n
+  }
+));
+Ja.displayName = de.Root.displayName;
+const Pr = c.Root, Dr = c.Trigger, Mr = c.Close, Za = c.Portal, he = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  c.Overlay,
+  {
+    className: r(
+      "fixed inset-0 z-50 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",
+      e
+    ),
+    ...t,
+    ref: a
+  }
+));
+he.displayName = c.Overlay.displayName;
+const eo = T(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    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"
+    }
+  }
+), to = s.forwardRef(
+  ({ side: e = "right", className: t, children: a, ...n }, i) => /* @__PURE__ */ d(Za, { children: [
+    /* @__PURE__ */ o(he, {}),
+    /* @__PURE__ */ d(c.Content, { ref: i, className: r(eo({ side: e }), t), ...n, children: [
+      a,
+      /* @__PURE__ */ d(c.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+        /* @__PURE__ */ o(se, { className: "h-4 w-4" }),
+        /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] })
+);
+to.displayName = c.Content.displayName;
+const ao = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+ao.displayName = "SheetHeader";
+const oo = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+oo.displayName = "SheetFooter";
+const ro = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(c.Title, { ref: a, className: r("text-lg font-semibold text-foreground", e), ...t }));
+ro.displayName = c.Title.displayName;
+const so = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(c.Description, { ref: a, className: r("text-sm text-muted-foreground", e), ...t }));
+so.displayName = c.Description.displayName;
+function zr({ className: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: r("animate-pulse rounded-md bg-muted", e), ...t });
+}
+const no = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(
+  M.Root,
+  {
+    ref: a,
+    className: r("relative flex w-full touch-none select-none items-center", e),
+    ...t,
+    children: [
+      /* @__PURE__ */ o(M.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ o(M.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ o(M.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+    ]
+  }
+));
+no.displayName = M.Root.displayName;
+const io = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  Y.Root,
+  {
+    className: r(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ...t,
+    ref: a,
+    children: /* @__PURE__ */ o(
+      Y.Thumb,
+      {
+        className: r(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+io.displayName = Y.Root.displayName;
+const lo = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ o("table", { ref: a, className: r("w-full caption-bottom text-sm", e), ...t }) })
+);
+lo.displayName = "Table";
+const co = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("thead", { ref: a, className: r("[&_tr]:border-b", e), ...t })
+);
+co.displayName = "TableHeader";
+const mo = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("tbody", { ref: a, className: r("[&_tr:last-child]:border-0", e), ...t })
+);
+mo.displayName = "TableBody";
+const fo = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("tfoot", { ref: a, className: r("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", e), ...t })
+);
+fo.displayName = "TableFooter";
+const uo = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "tr",
+    {
+      ref: a,
+      className: r("border-b transition-colors data-[state=selected]:bg-muted hover:bg-muted/50", e),
+      ...t
+    }
+  )
+);
+uo.displayName = "TableRow";
+const po = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "th",
+    {
+      ref: a,
+      className: r(
+        "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+        e
+      ),
+      ...t
+    }
+  )
+);
+po.displayName = "TableHead";
+const go = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("td", { ref: a, className: r("p-4 align-middle [&:has([role=checkbox])]:pr-0", e), ...t })
+);
+go.displayName = "TableCell";
+const bo = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("caption", { ref: a, className: r("mt-4 text-sm text-muted-foreground", e), ...t })
+);
+bo.displayName = "TableCaption";
+const _r = S.Root, No = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  S.List,
+  {
+    ref: a,
+    className: r(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+No.displayName = S.List.displayName;
+const yo = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  S.Trigger,
+  {
+    ref: a,
+    className: r(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+      e
+    ),
+    ...t
+  }
+));
+yo.displayName = S.Trigger.displayName;
+const xo = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  S.Content,
+  {
+    ref: a,
+    className: r(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      e
+    ),
+    ...t
+  }
+));
+xo.displayName = S.Content.displayName;
+const ho = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  "textarea",
+  {
+    className: r(
+      "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ref: a,
+    ...t
+  }
+));
+ho.displayName = "Textarea";
+const we = T(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), wo = s.forwardRef(({ className: e, variant: t, size: a, ...n }, i) => /* @__PURE__ */ o(le.Root, { ref: i, className: r(we({ variant: t, size: a, className: e })), ...n }));
+wo.displayName = le.Root.displayName;
+const ve = s.createContext({
+  size: "default",
+  variant: "default"
+}), vo = s.forwardRef(({ className: e, variant: t, size: a, children: n, ...i }, g) => /* @__PURE__ */ o(V.Root, { ref: g, className: r("flex items-center justify-center gap-1", e), ...i, children: /* @__PURE__ */ o(ve.Provider, { value: { variant: t, size: a }, children: n }) }));
+vo.displayName = V.Root.displayName;
+const Ro = s.forwardRef(({ className: e, children: t, variant: a, size: n, ...i }, g) => {
+  const x = s.useContext(ve);
+  return /* @__PURE__ */ o(
+    V.Item,
+    {
+      ref: g,
+      className: r(
+        we({
+          variant: x.variant || a,
+          size: x.size || n
+        }),
+        e
+      ),
+      ...i,
+      children: t
+    }
+  );
+});
+Ro.displayName = V.Item.displayName;
+const Ar = L.Provider, Or = L.Root, Lr = L.Trigger, Co = s.forwardRef(({ className: e, sideOffset: t = 4, ...a }, n) => /* @__PURE__ */ o(
+  L.Content,
+  {
+    ref: n,
+    sideOffset: t,
+    className: r(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...a
+  }
+));
+Co.displayName = L.Content.displayName;
+const q = 768;
+function jr() {
+  const [e, t] = s.useState(void 0);
+  return s.useEffect(() => {
+    const a = window.matchMedia(`(max-width: ${q - 1}px)`), n = () => {
+      t(window.innerWidth < q);
+    };
+    return a.addEventListener("change", n), t(window.innerWidth < q), () => a.removeEventListener("change", n);
+  }, []), !!e;
+}
+const To = 1, So = 1e6;
+let K = 0;
+function ko() {
+  return K = (K + 1) % Number.MAX_SAFE_INTEGER, K.toString();
+}
+const X = /* @__PURE__ */ new Map(), ae = (e) => {
+  if (X.has(e))
+    return;
+  const t = setTimeout(() => {
+    X.delete(e), z({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, So);
+  X.set(e, t);
+}, Io = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, To)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map((a) => a.id === t.toast.id ? { ...a, ...t.toast } : a)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: a } = t;
+      return a ? ae(a) : e.toasts.forEach((n) => {
+        ae(n.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (n) => n.id === a || a === void 0 ? {
+            ...n,
+            open: !1
+          } : n
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((a) => a.id !== t.toastId)
+      };
+  }
+}, j = [];
+let G = { toasts: [] };
+function z(e) {
+  G = Io(G, e), j.forEach((t) => {
+    t(G);
+  });
+}
+function Po({ ...e }) {
+  const t = ko(), a = (i) => z({
+    type: "UPDATE_TOAST",
+    toast: { ...i, id: t }
+  }), n = () => z({ type: "DISMISS_TOAST", toastId: t });
+  return z({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: t,
+      open: !0,
+      onOpenChange: (i) => {
+        i || n();
+      }
+    }
+  }), {
+    id: t,
+    dismiss: n,
+    update: a
+  };
+}
+function Gr() {
+  const [e, t] = s.useState(G);
+  return s.useEffect(() => (j.push(t), () => {
+    const a = j.indexOf(t);
+    a > -1 && j.splice(a, 1);
+  }), [e]), {
+    ...e,
+    toast: Po,
+    dismiss: (a) => z({ type: "DISMISS_TOAST", toastId: a })
+  };
+}
+export {
+  Ho as Accordion,
+  Ue as AccordionContent,
+  Ve as AccordionItem,
+  Fe as AccordionTrigger,
+  et as Alert,
+  at as AlertDescription,
+  Vo as AlertDialog,
+  Ye as AlertDialogAction,
+  Je as AlertDialogCancel,
+  qe as AlertDialogContent,
+  Qe as AlertDialogDescription,
+  Xe as AlertDialogFooter,
+  Ke as AlertDialogHeader,
+  ce as AlertDialogOverlay,
+  $e as AlertDialogPortal,
+  We as AlertDialogTitle,
+  Fo as AlertDialogTrigger,
+  tt as AlertTitle,
+  Uo as AspectRatio,
+  ot as Avatar,
+  st as AvatarFallback,
+  rt as AvatarImage,
+  $o as Badge,
+  it as Breadcrumb,
+  ut as BreadcrumbEllipsis,
+  lt as BreadcrumbItem,
+  ct as BreadcrumbLink,
+  dt as BreadcrumbList,
+  mt as BreadcrumbPage,
+  ft as BreadcrumbSeparator,
+  ee as Button,
+  pt as Calendar,
+  gt as Card,
+  xt as CardContent,
+  yt as CardDescription,
+  ht as CardFooter,
+  bt as CardHeader,
+  Nt as CardTitle,
+  wt as Carousel,
+  vt as CarouselContent,
+  Rt as CarouselItem,
+  Tt as CarouselNext,
+  Ct as CarouselPrevious,
+  St as Checkbox,
+  qo as Collapsible,
+  Xo as CollapsibleContent,
+  Ko as CollapsibleTrigger,
+  pe as Command,
+  Yo as CommandDialog,
+  Ot as CommandEmpty,
+  Lt as CommandGroup,
+  _t as CommandInput,
+  Gt as CommandItem,
+  At as CommandList,
+  jt as CommandSeparator,
+  Et as CommandShortcut,
+  Jo as ContextMenu,
+  Ut as ContextMenuCheckboxItem,
+  Vt as ContextMenuContent,
+  er as ContextMenuGroup,
+  Ft as ContextMenuItem,
+  qt as ContextMenuLabel,
+  tr as ContextMenuPortal,
+  or as ContextMenuRadioGroup,
+  $t as ContextMenuRadioItem,
+  Kt as ContextMenuSeparator,
+  Xt as ContextMenuShortcut,
+  ar as ContextMenuSub,
+  Ht as ContextMenuSubContent,
+  Bt as ContextMenuSubTrigger,
+  Zo as ContextMenuTrigger,
+  kt as Dialog,
+  Qo as DialogClose,
+  ue as DialogContent,
+  zt as DialogDescription,
+  Dt as DialogFooter,
+  Pt as DialogHeader,
+  fe as DialogOverlay,
+  It as DialogPortal,
+  Mt as DialogTitle,
+  Wo as DialogTrigger,
+  Wt as Drawer,
+  sr as DrawerClose,
+  Yt as DrawerContent,
+  ta as DrawerDescription,
+  Zt as DrawerFooter,
+  Jt as DrawerHeader,
+  ge as DrawerOverlay,
+  Qt as DrawerPortal,
+  ea as DrawerTitle,
+  rr as DrawerTrigger,
+  nr as DropdownMenu,
+  na as DropdownMenuCheckboxItem,
+  ra as DropdownMenuContent,
+  dr as DropdownMenuGroup,
+  sa as DropdownMenuItem,
+  da as DropdownMenuLabel,
+  lr as DropdownMenuPortal,
+  mr as DropdownMenuRadioGroup,
+  ia as DropdownMenuRadioItem,
+  la as DropdownMenuSeparator,
+  ca as DropdownMenuShortcut,
+  cr as DropdownMenuSub,
+  oa as DropdownMenuSubContent,
+  aa as DropdownMenuSubTrigger,
+  ir as DropdownMenuTrigger,
+  fr as HoverCard,
+  ma as HoverCardContent,
+  ur as HoverCardTrigger,
+  ba as Input,
+  fa as InputOTP,
+  ua as InputOTPGroup,
+  ga as InputOTPSeparator,
+  pa as InputOTPSlot,
+  ya as Label,
+  xa as Menubar,
+  Ta as MenubarCheckboxItem,
+  Ra as MenubarContent,
+  gr as MenubarGroup,
+  Ca as MenubarItem,
+  ka as MenubarLabel,
+  pr as MenubarMenu,
+  br as MenubarPortal,
+  yr as MenubarRadioGroup,
+  Sa as MenubarRadioItem,
+  Ia as MenubarSeparator,
+  Pa as MenubarShortcut,
+  Nr as MenubarSub,
+  va as MenubarSubContent,
+  wa as MenubarSubTrigger,
+  ha as MenubarTrigger,
+  Da as NavigationMenu,
+  Aa as NavigationMenuContent,
+  Oa as NavigationMenuIndicator,
+  xr as NavigationMenuItem,
+  hr as NavigationMenuLink,
+  Ma as NavigationMenuList,
+  _a as NavigationMenuTrigger,
+  be as NavigationMenuViewport,
+  La as Pagination,
+  ja as PaginationContent,
+  Ha as PaginationEllipsis,
+  Ga as PaginationItem,
+  te as PaginationLink,
+  Ba as PaginationNext,
+  Ea as PaginationPrevious,
+  wr as Popover,
+  Va as PopoverContent,
+  vr as PopoverTrigger,
+  Fa as Progress,
+  Ua as RadioGroup,
+  $a as RadioGroupItem,
+  Tr as ResizableHandle,
+  Cr as ResizablePanel,
+  Rr as ResizablePanelGroup,
+  qa as ScrollArea,
+  Ne as ScrollBar,
+  Sr as Select,
+  Xa as SelectContent,
+  kr as SelectGroup,
+  Qa as SelectItem,
+  Wa as SelectLabel,
+  xe as SelectScrollDownButton,
+  ye as SelectScrollUpButton,
+  Ya as SelectSeparator,
+  Ka as SelectTrigger,
+  Ir as SelectValue,
+  Ja as Separator,
+  Pr as Sheet,
+  Mr as SheetClose,
+  to as SheetContent,
+  so as SheetDescription,
+  oo as SheetFooter,
+  ao as SheetHeader,
+  he as SheetOverlay,
+  Za as SheetPortal,
+  ro as SheetTitle,
+  Dr as SheetTrigger,
+  zr as Skeleton,
+  no as Slider,
+  io as Switch,
+  lo as Table,
+  mo as TableBody,
+  bo as TableCaption,
+  go as TableCell,
+  fo as TableFooter,
+  po as TableHead,
+  co as TableHeader,
+  uo as TableRow,
+  _r as Tabs,
+  xo as TabsContent,
+  No as TabsList,
+  yo as TabsTrigger,
+  ho as Textarea,
+  wo as Toggle,
+  vo as ToggleGroup,
+  Ro as ToggleGroupItem,
+  Or as Tooltip,
+  Co as TooltipContent,
+  Ar as TooltipProvider,
+  Lr as TooltipTrigger,
+  nt as badgeVariants,
+  k as buttonVariants,
+  r as cn,
+  za as navigationMenuTriggerStyle,
+  Po as toast,
+  we as toggleVariants,
+  jr as useIsMobile,
+  Gr as useToast
+};
+//# sourceMappingURL=index.mjs.map