@zuplo/ui 0.0.1 → 0.1.2

package/dist/index.mjs

@@ -0,0 +1,3049 @@
+import { jsx as r, jsxs as d, Fragment as U } from "react/jsx-runtime";
+import * as n from "react";
+import { useState as ut } from "react";
+import * as O from "@radix-ui/react-accordion";
+import { ChevronDown as ee, ChevronRight as G, MoreHorizontal as De, ChevronLeft as _e, ArrowLeft as ft, ArrowRight as pt, Check as X, X as xe, Search as gt, Circle as te, Dot as bt, GripVertical as ht, ChevronUp as xt, PanelLeft as vt } from "lucide-react";
+import { clsx as Nt } from "clsx";
+import { twMerge as yt } from "tailwind-merge";
+import { cva as z } from "class-variance-authority";
+import * as w from "@radix-ui/react-alert-dialog";
+import { Slot as j } from "@radix-ui/react-slot";
+import * as wt from "@radix-ui/react-aspect-ratio";
+import * as V from "@radix-ui/react-avatar";
+import { DayPicker as Ct } from "react-day-picker";
+import Rt from "embla-carousel-react";
+import * as ve from "recharts";
+import * as me from "@radix-ui/react-checkbox";
+import * as Ne from "@radix-ui/react-collapsible";
+import { Command as R } from "cmdk";
+import * as p from "@radix-ui/react-dialog";
+import * as b from "@radix-ui/react-context-menu";
+import { Drawer as D } from "vaul";
+import * as h from "@radix-ui/react-dropdown-menu";
+import { FormProvider as St, Controller as kt, useFormContext as Tt } from "react-hook-form";
+import * as ze from "@radix-ui/react-label";
+import * as ae from "@radix-ui/react-hover-card";
+import { OTPInput as It, OTPInputContext as Pt } from "input-otp";
+import * as f from "@radix-ui/react-menubar";
+import * as S from "@radix-ui/react-navigation-menu";
+import * as W from "@radix-ui/react-popover";
+import * as ue from "@radix-ui/react-progress";
+import * as q from "@radix-ui/react-radio-group";
+import * as ye from "react-resizable-panels";
+import * as F from "@radix-ui/react-scroll-area";
+import * as N from "@radix-ui/react-select";
+import * as Ae from "@radix-ui/react-separator";
+import * as Y from "@radix-ui/react-tooltip";
+import * as $ from "@radix-ui/react-slider";
+import { useTheme as Mt } from "next-themes";
+import { Toaster as Dt } from "sonner";
+import { toast as Qn } from "sonner";
+import * as fe from "@radix-ui/react-switch";
+import * as E from "@radix-ui/react-tabs";
+import * as k from "@radix-ui/react-toast";
+import * as je from "@radix-ui/react-toggle";
+import * as re from "@radix-ui/react-toggle-group";
+import { UserIcon as _t, CalendarIcon as zt, ClockIcon as Le, TargetIcon as At, UsersFourIcon as jt, CheckCircleIcon as we, CheckIcon as Lt, CopyIcon as Ft, ArrowUpRightIcon as Z, FileTextIcon as Ot, BookOpenIcon as Et, CodeIcon as Bt, LightningIcon as Gt, ArrowRightIcon as Fe, RocketIcon as Re, TerminalIcon as Vt, GithubLogoIcon as Ht, LightbulbIcon as $t, WarningIcon as Kt, YoutubeLogoIcon as Se } from "@phosphor-icons/react";
+import { Link as Ut } from "react-router-dom";
+function s(...t) {
+  return yt(Nt(t));
+}
+const Vs = O.Root, Wt = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(O.Item, { ref: a, className: s("border-b", t), ...e }));
+Wt.displayName = "AccordionItem";
+const qt = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ r(O.Header, { className: "flex", children: /* @__PURE__ */ d(
+  O.Trigger,
+  {
+    ref: o,
+    className: s(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      t
+    ),
+    ...a,
+    children: [
+      e,
+      /* @__PURE__ */ r(ee, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+qt.displayName = O.Trigger.displayName;
+const Xt = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ r(
+  O.Content,
+  {
+    ref: o,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...a,
+    children: /* @__PURE__ */ r("div", { className: s("pb-4 pt-0", t), children: e })
+  }
+));
+Xt.displayName = O.Content.displayName;
+const Yt = z(
+  "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"
+    }
+  }
+), Jt = n.forwardRef(({ className: t, variant: e, ...a }, o) => /* @__PURE__ */ r("div", { ref: o, role: "alert", className: s(Yt({ variant: e }), t), ...a }));
+Jt.displayName = "Alert";
+const Qt = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("h5", { ref: a, className: s("mb-1 font-medium leading-none tracking-tight", t), ...e })
+);
+Qt.displayName = "AlertTitle";
+const Zt = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("text-sm [&_p]:leading-relaxed", t), ...e })
+);
+Zt.displayName = "AlertDescription";
+const B = z(
+  "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"
+    }
+  }
+), oe = n.forwardRef(
+  ({ className: t, variant: e, size: a, asChild: o = !1, ...i }, l) => /* @__PURE__ */ r(o ? j : "button", { className: s(B({ variant: e, size: a, className: t })), ref: l, ...i })
+);
+oe.displayName = "Button";
+const Hs = w.Root, $s = w.Trigger, ea = w.Portal, Oe = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  w.Overlay,
+  {
+    className: s(
+      "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",
+      t
+    ),
+    ...e,
+    ref: a
+  }
+));
+Oe.displayName = w.Overlay.displayName;
+const ta = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ d(ea, { children: [
+  /* @__PURE__ */ r(Oe, {}),
+  /* @__PURE__ */ r(
+    w.Content,
+    {
+      ref: a,
+      className: s(
+        "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",
+        t
+      ),
+      ...e
+    }
+  )
+] }));
+ta.displayName = w.Content.displayName;
+const aa = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col space-y-2 text-center sm:text-left", t), ...e });
+aa.displayName = "AlertDialogHeader";
+const ra = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t), ...e });
+ra.displayName = "AlertDialogFooter";
+const oa = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(w.Title, { ref: a, className: s("text-lg font-semibold", t), ...e }));
+oa.displayName = w.Title.displayName;
+const sa = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(w.Description, { ref: a, className: s("text-sm text-muted-foreground", t), ...e }));
+sa.displayName = w.Description.displayName;
+const na = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(w.Action, { ref: a, className: s(B(), t), ...e }));
+na.displayName = w.Action.displayName;
+const ia = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  w.Cancel,
+  {
+    ref: a,
+    className: s(B({ variant: "outline" }), "mt-2 sm:mt-0", t),
+    ...e
+  }
+));
+ia.displayName = w.Cancel.displayName;
+const Ks = wt.Root, da = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  V.Root,
+  {
+    ref: a,
+    className: s("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", t),
+    ...e
+  }
+));
+da.displayName = V.Root.displayName;
+const la = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(V.Image, { ref: a, className: s("aspect-square h-full w-full", t), ...e }));
+la.displayName = V.Image.displayName;
+const ca = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  V.Fallback,
+  {
+    ref: a,
+    className: s("flex h-full w-full items-center justify-center rounded-full bg-muted", t),
+    ...e
+  }
+));
+ca.displayName = V.Fallback.displayName;
+const ma = z(
+  "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 Us({ className: t, variant: e, ...a }) {
+  return /* @__PURE__ */ r("div", { className: s(ma({ variant: e }), t), ...a });
+}
+const ua = n.forwardRef(({ ...t }, e) => /* @__PURE__ */ r("nav", { ref: e, "aria-label": "breadcrumb", ...t }));
+ua.displayName = "Breadcrumb";
+const fa = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    "ol",
+    {
+      ref: a,
+      className: s(
+        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+        t
+      ),
+      ...e
+    }
+  )
+);
+fa.displayName = "BreadcrumbList";
+const pa = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("li", { ref: a, className: s("inline-flex items-center gap-1.5", t), ...e })
+);
+pa.displayName = "BreadcrumbItem";
+const ga = n.forwardRef(({ asChild: t, className: e, ...a }, o) => /* @__PURE__ */ r(t ? j : "a", { ref: o, className: s("transition-colors hover:text-foreground", e), ...a }));
+ga.displayName = "BreadcrumbLink";
+const ba = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    "span",
+    {
+      ref: a,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: s("font-normal text-foreground", t),
+      ...e
+    }
+  )
+);
+ba.displayName = "BreadcrumbPage";
+const ha = ({ children: t, className: e, ...a }) => /* @__PURE__ */ r("li", { role: "presentation", "aria-hidden": "true", className: s("[&>svg]:size-3.5", e), ...a, children: t ?? /* @__PURE__ */ r(G, {}) });
+ha.displayName = "BreadcrumbSeparator";
+const xa = ({ className: t, ...e }) => /* @__PURE__ */ d(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: s("flex h-9 w-9 items-center justify-center", t),
+    ...e,
+    children: [
+      /* @__PURE__ */ r(De, { className: "h-4 w-4" }),
+      /* @__PURE__ */ r("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+xa.displayName = "BreadcrumbElipssis";
+function va({ className: t, classNames: e, showOutsideDays: a = !0, ...o }) {
+  return /* @__PURE__ */ r(
+    Ct,
+    {
+      showOutsideDays: a,
+      className: s("p-3", t),
+      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: s(
+          B({ 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: s(B({ 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",
+        ...e
+      },
+      components: {
+        IconLeft: ({ ...i }) => /* @__PURE__ */ r(_e, { className: "h-4 w-4" }),
+        IconRight: ({ ...i }) => /* @__PURE__ */ r(G, { className: "h-4 w-4" })
+      },
+      ...o
+    }
+  );
+}
+va.displayName = "Calendar";
+const Na = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("rounded-lg border bg-card text-card-foreground shadow-sm", t), ...e }));
+Na.displayName = "Card";
+const ya = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("flex flex-col space-y-1.5 p-6", t), ...e })
+);
+ya.displayName = "CardHeader";
+const wa = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("h3", { ref: a, className: s("text-2xl font-semibold leading-none tracking-tight", t), ...e })
+);
+wa.displayName = "CardTitle";
+const Ca = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("p", { ref: a, className: s("text-sm text-muted-foreground", t), ...e })
+);
+Ca.displayName = "CardDescription";
+const Ra = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("p-6 pt-0", t), ...e })
+);
+Ra.displayName = "CardContent";
+const Sa = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("flex items-center p-6 pt-0", t), ...e })
+);
+Sa.displayName = "CardFooter";
+const Ee = n.createContext(null);
+function se() {
+  const t = n.useContext(Ee);
+  if (!t)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return t;
+}
+const ka = n.forwardRef(
+  ({ orientation: t = "horizontal", opts: e, setApi: a, plugins: o, className: i, children: l, ...c }, u) => {
+    const [x, m] = Rt(
+      {
+        ...e,
+        axis: t === "horizontal" ? "x" : "y"
+      },
+      o
+    ), [T, A] = n.useState(!1), [L, _] = n.useState(!1), y = n.useCallback((v) => {
+      v && (A(v.canScrollPrev()), _(v.canScrollNext()));
+    }, []), I = n.useCallback(() => {
+      m == null || m.scrollPrev();
+    }, [m]), P = n.useCallback(() => {
+      m == null || m.scrollNext();
+    }, [m]), g = n.useCallback(
+      (v) => {
+        v.key === "ArrowLeft" ? (v.preventDefault(), I()) : v.key === "ArrowRight" && (v.preventDefault(), P());
+      },
+      [I, P]
+    );
+    return n.useEffect(() => {
+      !m || !a || a(m);
+    }, [m, a]), n.useEffect(() => {
+      if (m)
+        return y(m), m.on("reInit", y), m.on("select", y), () => {
+          m == null || m.off("select", y);
+        };
+    }, [m, y]), /* @__PURE__ */ r(
+      Ee.Provider,
+      {
+        value: {
+          carouselRef: x,
+          api: m,
+          opts: e,
+          orientation: t || ((e == null ? void 0 : e.axis) === "y" ? "vertical" : "horizontal"),
+          scrollPrev: I,
+          scrollNext: P,
+          canScrollPrev: T,
+          canScrollNext: L
+        },
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            ref: u,
+            onKeyDownCapture: g,
+            className: s("relative", i),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...c,
+            children: l
+          }
+        )
+      }
+    );
+  }
+);
+ka.displayName = "Carousel";
+const Ta = n.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const { carouselRef: o, orientation: i } = se();
+    return /* @__PURE__ */ r("div", { ref: o, className: "overflow-hidden", children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: a,
+        className: s("flex", i === "horizontal" ? "-ml-4" : "-mt-4 flex-col", t),
+        ...e
+      }
+    ) });
+  }
+);
+Ta.displayName = "CarouselContent";
+const Ia = n.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const { orientation: o } = se();
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: a,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: s("min-w-0 shrink-0 grow-0 basis-full", o === "horizontal" ? "pl-4" : "pt-4", t),
+        ...e
+      }
+    );
+  }
+);
+Ia.displayName = "CarouselItem";
+const Pa = n.forwardRef(
+  ({ className: t, variant: e = "outline", size: a = "icon", ...o }, i) => {
+    const { orientation: l, scrollPrev: c, canScrollPrev: u } = se();
+    return /* @__PURE__ */ d(
+      oe,
+      {
+        ref: i,
+        variant: e,
+        size: a,
+        className: s(
+          "absolute h-8 w-8 rounded-full",
+          l === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+          t
+        ),
+        disabled: !u,
+        onClick: c,
+        ...o,
+        children: [
+          /* @__PURE__ */ r(ft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ r("span", { className: "sr-only", children: "Previous slide" })
+        ]
+      }
+    );
+  }
+);
+Pa.displayName = "CarouselPrevious";
+const Ma = n.forwardRef(
+  ({ className: t, variant: e = "outline", size: a = "icon", ...o }, i) => {
+    const { orientation: l, scrollNext: c, canScrollNext: u } = se();
+    return /* @__PURE__ */ d(
+      oe,
+      {
+        ref: i,
+        variant: e,
+        size: a,
+        className: s(
+          "absolute h-8 w-8 rounded-full",
+          l === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+          t
+        ),
+        disabled: !u,
+        onClick: c,
+        ...o,
+        children: [
+          /* @__PURE__ */ r(pt, { className: "h-4 w-4" }),
+          /* @__PURE__ */ r("span", { className: "sr-only", children: "Next slide" })
+        ]
+      }
+    );
+  }
+);
+Ma.displayName = "CarouselNext";
+const Da = { light: "", dark: ".dark" }, Be = n.createContext(null);
+function Ge() {
+  const t = n.useContext(Be);
+  if (!t)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return t;
+}
+const _a = n.forwardRef(({ id: t, className: e, children: a, config: o, ...i }, l) => {
+  const c = n.useId(), u = `chart-${t || c.replace(/:/g, "")}`;
+  return /* @__PURE__ */ r(Be.Provider, { value: { config: o }, children: /* @__PURE__ */ d(
+    "div",
+    {
+      "data-chart": u,
+      ref: l,
+      className: s(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        e
+      ),
+      ...i,
+      children: [
+        /* @__PURE__ */ r(za, { id: u, config: o }),
+        /* @__PURE__ */ r(ve.ResponsiveContainer, { children: a })
+      ]
+    }
+  ) });
+});
+_a.displayName = "Chart";
+const za = ({ id: t, config: e }) => {
+  const a = Object.entries(e).filter(([o, i]) => i.theme || i.color);
+  return a.length ? /* @__PURE__ */ r(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(Da).map(
+          ([o, i]) => `
+${i} [data-chart=${t}] {
+${a.map(([l, c]) => {
+            var x;
+            const u = ((x = c.theme) == null ? void 0 : x[o]) || c.color;
+            return u ? `  --color-${l}: ${u};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, Ws = ve.Tooltip, Aa = n.forwardRef(
+  ({
+    active: t,
+    payload: e,
+    className: a,
+    indicator: o = "dot",
+    hideLabel: i = !1,
+    hideIndicator: l = !1,
+    label: c,
+    labelFormatter: u,
+    labelClassName: x,
+    formatter: m,
+    color: T,
+    nameKey: A,
+    labelKey: L
+  }, _) => {
+    const { config: y } = Ge(), I = n.useMemo(() => {
+      var H;
+      if (i || !(e != null && e.length))
+        return null;
+      const [g] = e, v = `${L || g.dataKey || g.name || "value"}`, C = pe(y, g, v), M = !L && typeof c == "string" ? ((H = y[c]) == null ? void 0 : H.label) || c : C == null ? void 0 : C.label;
+      return u ? /* @__PURE__ */ r("div", { className: s("font-medium", x), children: u(M, e) }) : M ? /* @__PURE__ */ r("div", { className: s("font-medium", x), children: M }) : null;
+    }, [c, u, e, i, x, y, L]);
+    if (!t || !(e != null && e.length))
+      return null;
+    const P = e.length === 1 && o !== "dot";
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: _,
+        className: s(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          a
+        ),
+        children: [
+          P ? null : I,
+          /* @__PURE__ */ r("div", { className: "grid gap-1.5", children: e.map((g, v) => {
+            const C = `${A || g.name || g.dataKey || "value"}`, M = pe(y, g, C), H = T || g.payload.fill || g.color;
+            return /* @__PURE__ */ r(
+              "div",
+              {
+                className: s(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  o === "dot" && "items-center"
+                ),
+                children: m && (g == null ? void 0 : g.value) !== void 0 && g.name ? m(g.value, g.name, g, v, g.payload) : /* @__PURE__ */ d(U, { children: [
+                  M != null && M.icon ? /* @__PURE__ */ r(M.icon, {}) : !l && /* @__PURE__ */ r(
+                    "div",
+                    {
+                      className: s("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+                        "h-2.5 w-2.5": o === "dot",
+                        "w-1": o === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": o === "dashed",
+                        "my-0.5": P && o === "dashed"
+                      }),
+                      style: {
+                        "--color-bg": H,
+                        "--color-border": H
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ d(
+                    "div",
+                    {
+                      className: s(
+                        "flex flex-1 justify-between leading-none",
+                        P ? "items-end" : "items-center"
+                      ),
+                      children: [
+                        /* @__PURE__ */ d("div", { className: "grid gap-1.5", children: [
+                          P ? I : null,
+                          /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: (M == null ? void 0 : M.label) || g.name })
+                        ] }),
+                        g.value && /* @__PURE__ */ r("span", { className: "font-mono font-medium tabular-nums text-foreground", children: g.value.toLocaleString() })
+                      ]
+                    }
+                  )
+                ] })
+              },
+              g.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+Aa.displayName = "ChartTooltip";
+const qs = ve.Legend, ja = n.forwardRef(({ className: t, hideIcon: e = !1, payload: a, verticalAlign: o = "bottom", nameKey: i }, l) => {
+  const { config: c } = Ge();
+  return a != null && a.length ? /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      className: s("flex items-center justify-center gap-4", o === "top" ? "pb-3" : "pt-3", t),
+      children: a.map((u) => {
+        const x = `${i || u.dataKey || "value"}`, m = pe(c, u, x);
+        return /* @__PURE__ */ d(
+          "div",
+          {
+            className: s("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+            children: [
+              m != null && m.icon && !e ? /* @__PURE__ */ r(m.icon, {}) : /* @__PURE__ */ r(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: u.color
+                  }
+                }
+              ),
+              m == null ? void 0 : m.label
+            ]
+          },
+          u.value
+        );
+      })
+    }
+  ) : null;
+});
+ja.displayName = "ChartLegend";
+function pe(t, e, a) {
+  if (typeof e != "object" || e === null)
+    return;
+  const o = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
+  let i = a;
+  return a in e && typeof e[a] == "string" ? i = e[a] : o && a in o && typeof o[a] == "string" && (i = o[a]), i in t ? t[i] : t[a];
+}
+const La = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  me.Root,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e,
+    children: /* @__PURE__ */ r(me.Indicator, { className: s("flex items-center justify-center text-current"), children: /* @__PURE__ */ r(X, { className: "h-4 w-4" }) })
+  }
+));
+La.displayName = me.Root.displayName;
+const Xs = Ne.Root, Ys = Ne.CollapsibleTrigger, Js = Ne.CollapsibleContent, Fa = p.Root, Qs = p.Trigger, Oa = p.Portal, Zs = p.Close, Ve = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  p.Overlay,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+Ve.displayName = p.Overlay.displayName;
+const He = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(Oa, { children: [
+  /* @__PURE__ */ r(Ve, {}),
+  /* @__PURE__ */ d(
+    p.Content,
+    {
+      ref: o,
+      className: s(
+        "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",
+        t
+      ),
+      ...a,
+      children: [
+        e,
+        /* @__PURE__ */ d(p.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__ */ r(xe, { className: "h-4 w-4" }),
+          /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+He.displayName = p.Content.displayName;
+const Ea = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col space-y-1.5 text-center sm:text-left", t), ...e });
+Ea.displayName = "DialogHeader";
+const Ba = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t), ...e });
+Ba.displayName = "DialogFooter";
+const Ga = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  p.Title,
+  {
+    ref: a,
+    className: s("text-lg font-semibold leading-none tracking-tight", t),
+    ...e
+  }
+));
+Ga.displayName = p.Title.displayName;
+const Va = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(p.Description, { ref: a, className: s("text-sm text-muted-foreground", t), ...e }));
+Va.displayName = p.Description.displayName;
+const $e = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  R,
+  {
+    ref: a,
+    className: s(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      t
+    ),
+    ...e
+  }
+));
+$e.displayName = R.displayName;
+const en = ({ children: t, ...e }) => /* @__PURE__ */ r(Fa, { ...e, children: /* @__PURE__ */ r(He, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ r($e, { 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: t }) }) }), Ha = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ d("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ r(gt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ r(
+    R.Input,
+    {
+      ref: a,
+      className: s(
+        "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",
+        t
+      ),
+      ...e
+    }
+  )
+] }));
+Ha.displayName = R.Input.displayName;
+const $a = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  R.List,
+  {
+    ref: a,
+    className: s("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
+    ...e
+  }
+));
+$a.displayName = R.List.displayName;
+const Ka = n.forwardRef((t, e) => /* @__PURE__ */ r(R.Empty, { ref: e, className: "py-6 text-center text-sm", ...t }));
+Ka.displayName = R.Empty.displayName;
+const Ua = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  R.Group,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+Ua.displayName = R.Group.displayName;
+const Wa = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(R.Separator, { ref: a, className: s("-mx-1 h-px bg-border", t), ...e }));
+Wa.displayName = R.Separator.displayName;
+const qa = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  R.Item,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+qa.displayName = R.Item.displayName;
+const Xa = ({ className: t, ...e }) => /* @__PURE__ */ r("span", { className: s("ml-auto text-xs tracking-widest text-muted-foreground", t), ...e });
+Xa.displayName = "CommandShortcut";
+const tn = b.Root, an = b.Trigger, rn = b.Group, on = b.Portal, sn = b.Sub, nn = b.RadioGroup, Ya = n.forwardRef(({ className: t, inset: e, children: a, ...o }, i) => /* @__PURE__ */ d(
+  b.SubTrigger,
+  {
+    ref: i,
+    className: s(
+      "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",
+      e && "pl-8",
+      t
+    ),
+    ...o,
+    children: [
+      a,
+      /* @__PURE__ */ r(G, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+Ya.displayName = b.SubTrigger.displayName;
+const Ja = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  b.SubContent,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+Ja.displayName = b.SubContent.displayName;
+const Qa = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(b.Portal, { children: /* @__PURE__ */ r(
+  b.Content,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+) }));
+Qa.displayName = b.Content.displayName;
+const Za = n.forwardRef(({ className: t, inset: e, ...a }, o) => /* @__PURE__ */ r(
+  b.Item,
+  {
+    ref: o,
+    className: s(
+      "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",
+      e && "pl-8",
+      t
+    ),
+    ...a
+  }
+));
+Za.displayName = b.Item.displayName;
+const er = n.forwardRef(({ className: t, children: e, checked: a, ...o }, i) => /* @__PURE__ */ d(
+  b.CheckboxItem,
+  {
+    ref: i,
+    className: s(
+      "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",
+      t
+    ),
+    checked: a,
+    ...o,
+    children: [
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(b.ItemIndicator, { children: /* @__PURE__ */ r(X, { className: "h-4 w-4" }) }) }),
+      e
+    ]
+  }
+));
+er.displayName = b.CheckboxItem.displayName;
+const tr = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(
+  b.RadioItem,
+  {
+    ref: o,
+    className: s(
+      "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",
+      t
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(b.ItemIndicator, { children: /* @__PURE__ */ r(te, { className: "h-2 w-2 fill-current" }) }) }),
+      e
+    ]
+  }
+));
+tr.displayName = b.RadioItem.displayName;
+const ar = n.forwardRef(({ className: t, inset: e, ...a }, o) => /* @__PURE__ */ r(
+  b.Label,
+  {
+    ref: o,
+    className: s("px-2 py-1.5 text-sm font-semibold text-foreground", e && "pl-8", t),
+    ...a
+  }
+));
+ar.displayName = b.Label.displayName;
+const rr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(b.Separator, { ref: a, className: s("-mx-1 my-1 h-px bg-border", t), ...e }));
+rr.displayName = b.Separator.displayName;
+const or = ({ className: t, ...e }) => /* @__PURE__ */ r("span", { className: s("ml-auto text-xs tracking-widest text-muted-foreground", t), ...e });
+or.displayName = "ContextMenuShortcut";
+const sr = ({ shouldScaleBackground: t = !0, ...e }) => /* @__PURE__ */ r(D.Root, { shouldScaleBackground: t, ...e });
+sr.displayName = "Drawer";
+const dn = D.Trigger, nr = D.Portal, ln = D.Close, Ke = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(D.Overlay, { ref: a, className: s("fixed inset-0 z-50 bg-black/80", t), ...e }));
+Ke.displayName = D.Overlay.displayName;
+const ir = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(nr, { children: [
+  /* @__PURE__ */ r(Ke, {}),
+  /* @__PURE__ */ d(
+    D.Content,
+    {
+      ref: o,
+      className: s(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        t
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ r("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        e
+      ]
+    }
+  )
+] }));
+ir.displayName = "DrawerContent";
+const dr = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("grid gap-1.5 p-4 text-center sm:text-left", t), ...e });
+dr.displayName = "DrawerHeader";
+const lr = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("mt-auto flex flex-col gap-2 p-4", t), ...e });
+lr.displayName = "DrawerFooter";
+const cr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  D.Title,
+  {
+    ref: a,
+    className: s("text-lg font-semibold leading-none tracking-tight", t),
+    ...e
+  }
+));
+cr.displayName = D.Title.displayName;
+const mr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(D.Description, { ref: a, className: s("text-sm text-muted-foreground", t), ...e }));
+mr.displayName = D.Description.displayName;
+const cn = h.Root, mn = h.Trigger, un = h.Group, fn = h.Portal, pn = h.Sub, gn = h.RadioGroup, ur = n.forwardRef(({ className: t, inset: e, children: a, ...o }, i) => /* @__PURE__ */ d(
+  h.SubTrigger,
+  {
+    ref: i,
+    className: s(
+      "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",
+      e && "pl-8",
+      t
+    ),
+    ...o,
+    children: [
+      a,
+      /* @__PURE__ */ r(G, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+ur.displayName = h.SubTrigger.displayName;
+const fr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  h.SubContent,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+fr.displayName = h.SubContent.displayName;
+const pr = n.forwardRef(({ className: t, sideOffset: e = 4, ...a }, o) => /* @__PURE__ */ r(h.Portal, { children: /* @__PURE__ */ r(
+  h.Content,
+  {
+    ref: o,
+    sideOffset: e,
+    className: s(
+      "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",
+      t
+    ),
+    ...a
+  }
+) }));
+pr.displayName = h.Content.displayName;
+const gr = n.forwardRef(({ className: t, inset: e, ...a }, o) => /* @__PURE__ */ r(
+  h.Item,
+  {
+    ref: o,
+    className: s(
+      "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",
+      e && "pl-8",
+      t
+    ),
+    ...a
+  }
+));
+gr.displayName = h.Item.displayName;
+const br = n.forwardRef(({ className: t, children: e, checked: a, ...o }, i) => /* @__PURE__ */ d(
+  h.CheckboxItem,
+  {
+    ref: i,
+    className: s(
+      "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",
+      t
+    ),
+    checked: a,
+    ...o,
+    children: [
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(h.ItemIndicator, { children: /* @__PURE__ */ r(X, { className: "h-4 w-4" }) }) }),
+      e
+    ]
+  }
+));
+br.displayName = h.CheckboxItem.displayName;
+const hr = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(
+  h.RadioItem,
+  {
+    ref: o,
+    className: s(
+      "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",
+      t
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(h.ItemIndicator, { children: /* @__PURE__ */ r(te, { className: "h-2 w-2 fill-current" }) }) }),
+      e
+    ]
+  }
+));
+hr.displayName = h.RadioItem.displayName;
+const xr = n.forwardRef(({ className: t, inset: e, ...a }, o) => /* @__PURE__ */ r(
+  h.Label,
+  {
+    ref: o,
+    className: s("px-2 py-1.5 text-sm font-semibold", e && "pl-8", t),
+    ...a
+  }
+));
+xr.displayName = h.Label.displayName;
+const vr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(h.Separator, { ref: a, className: s("-mx-1 my-1 h-px bg-muted", t), ...e }));
+vr.displayName = h.Separator.displayName;
+const Nr = ({ className: t, ...e }) => /* @__PURE__ */ r("span", { className: s("ml-auto text-xs tracking-widest opacity-60", t), ...e });
+Nr.displayName = "DropdownMenuShortcut";
+const yr = z("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Ue = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(ze.Root, { ref: a, className: s(yr(), t), ...e }));
+Ue.displayName = ze.Root.displayName;
+const bn = St, We = n.createContext({}), hn = ({
+  ...t
+}) => /* @__PURE__ */ r(We.Provider, { value: { name: t.name }, children: /* @__PURE__ */ r(kt, { ...t }) }), ne = () => {
+  const t = n.useContext(We), e = n.useContext(qe), { getFieldState: a, formState: o } = Tt(), i = a(t.name, o);
+  if (!t)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: l } = e;
+  return {
+    id: l,
+    name: t.name,
+    formItemId: `${l}-form-item`,
+    formDescriptionId: `${l}-form-item-description`,
+    formMessageId: `${l}-form-item-message`,
+    ...i
+  };
+}, qe = n.createContext({}), wr = n.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const o = n.useId();
+    return /* @__PURE__ */ r(qe.Provider, { value: { id: o }, children: /* @__PURE__ */ r("div", { ref: a, className: s("space-y-2", t), ...e }) });
+  }
+);
+wr.displayName = "FormItem";
+const Cr = n.forwardRef(({ className: t, ...e }, a) => {
+  const { error: o, formItemId: i } = ne();
+  return /* @__PURE__ */ r(Ue, { ref: a, className: s(o && "text-destructive", t), htmlFor: i, ...e });
+});
+Cr.displayName = "FormLabel";
+const Rr = n.forwardRef(
+  ({ ...t }, e) => {
+    const { error: a, formItemId: o, formDescriptionId: i, formMessageId: l } = ne();
+    return /* @__PURE__ */ r(
+      j,
+      {
+        ref: e,
+        id: o,
+        "aria-describedby": a ? `${i} ${l}` : `${i}`,
+        "aria-invalid": !!a,
+        ...t
+      }
+    );
+  }
+);
+Rr.displayName = "FormControl";
+const Sr = n.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const { formDescriptionId: o } = ne();
+    return /* @__PURE__ */ r("p", { ref: a, id: o, className: s("text-sm text-muted-foreground", t), ...e });
+  }
+);
+Sr.displayName = "FormDescription";
+const kr = n.forwardRef(
+  ({ className: t, children: e, ...a }, o) => {
+    const { error: i, formMessageId: l } = ne(), c = i ? String(i == null ? void 0 : i.message) : e;
+    return c ? /* @__PURE__ */ r("p", { ref: o, id: l, className: s("text-sm font-medium text-destructive", t), ...a, children: c }) : null;
+  }
+);
+kr.displayName = "FormMessage";
+const xn = ae.Root, vn = ae.Trigger, Tr = n.forwardRef(({ className: t, align: e = "center", sideOffset: a = 4, ...o }, i) => /* @__PURE__ */ r(
+  ae.Content,
+  {
+    ref: i,
+    align: e,
+    sideOffset: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...o
+  }
+));
+Tr.displayName = ae.Content.displayName;
+const Xe = n.forwardRef(
+  ({ className: t, type: e, ...a }, o) => /* @__PURE__ */ r(
+    "input",
+    {
+      type: e,
+      className: s(
+        "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",
+        t
+      ),
+      ref: o,
+      ...a
+    }
+  )
+);
+Xe.displayName = "Input";
+const Ir = n.forwardRef(
+  ({ className: t, containerClassName: e, ...a }, o) => /* @__PURE__ */ r(
+    It,
+    {
+      ref: o,
+      containerClassName: s("flex items-center gap-2 has-[:disabled]:opacity-50", e),
+      className: s("disabled:cursor-not-allowed", t),
+      ...a
+    }
+  )
+);
+Ir.displayName = "InputOTP";
+const Pr = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("flex items-center", t), ...e })
+);
+Pr.displayName = "InputOTPGroup";
+const Mr = n.forwardRef(({ index: t, className: e, ...a }, o) => {
+  const i = n.useContext(Pt), { char: l, hasFakeCaret: c, isActive: u } = i.slots[t];
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: o,
+      className: s(
+        "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",
+        u && "z-10 ring-2 ring-ring ring-offset-background",
+        e
+      ),
+      ...a,
+      children: [
+        l,
+        c && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+Mr.displayName = "InputOTPSlot";
+const Dr = n.forwardRef(
+  ({ ...t }, e) => /* @__PURE__ */ r("div", { ref: e, role: "separator", ...t, children: /* @__PURE__ */ r(bt, {}) })
+);
+Dr.displayName = "InputOTPSeparator";
+const Nn = f.Menu, yn = f.Group, wn = f.Portal, Cn = f.Sub, Rn = f.RadioGroup, _r = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  f.Root,
+  {
+    ref: a,
+    className: s("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", t),
+    ...e
+  }
+));
+_r.displayName = f.Root.displayName;
+const zr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  f.Trigger,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+zr.displayName = f.Trigger.displayName;
+const Ar = n.forwardRef(({ className: t, inset: e, children: a, ...o }, i) => /* @__PURE__ */ d(
+  f.SubTrigger,
+  {
+    ref: i,
+    className: s(
+      "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",
+      e && "pl-8",
+      t
+    ),
+    ...o,
+    children: [
+      a,
+      /* @__PURE__ */ r(G, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+Ar.displayName = f.SubTrigger.displayName;
+const jr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  f.SubContent,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+jr.displayName = f.SubContent.displayName;
+const Lr = n.forwardRef(({ className: t, align: e = "start", alignOffset: a = -4, sideOffset: o = 8, ...i }, l) => /* @__PURE__ */ r(f.Portal, { children: /* @__PURE__ */ r(
+  f.Content,
+  {
+    ref: l,
+    align: e,
+    alignOffset: a,
+    sideOffset: o,
+    className: s(
+      "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",
+      t
+    ),
+    ...i
+  }
+) }));
+Lr.displayName = f.Content.displayName;
+const Fr = n.forwardRef(({ className: t, inset: e, ...a }, o) => /* @__PURE__ */ r(
+  f.Item,
+  {
+    ref: o,
+    className: s(
+      "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",
+      e && "pl-8",
+      t
+    ),
+    ...a
+  }
+));
+Fr.displayName = f.Item.displayName;
+const Or = n.forwardRef(({ className: t, children: e, checked: a, ...o }, i) => /* @__PURE__ */ d(
+  f.CheckboxItem,
+  {
+    ref: i,
+    className: s(
+      "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",
+      t
+    ),
+    checked: a,
+    ...o,
+    children: [
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(f.ItemIndicator, { children: /* @__PURE__ */ r(X, { className: "h-4 w-4" }) }) }),
+      e
+    ]
+  }
+));
+Or.displayName = f.CheckboxItem.displayName;
+const Er = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(
+  f.RadioItem,
+  {
+    ref: o,
+    className: s(
+      "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",
+      t
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(f.ItemIndicator, { children: /* @__PURE__ */ r(te, { className: "h-2 w-2 fill-current" }) }) }),
+      e
+    ]
+  }
+));
+Er.displayName = f.RadioItem.displayName;
+const Br = n.forwardRef(({ className: t, inset: e, ...a }, o) => /* @__PURE__ */ r(
+  f.Label,
+  {
+    ref: o,
+    className: s("px-2 py-1.5 text-sm font-semibold", e && "pl-8", t),
+    ...a
+  }
+));
+Br.displayName = f.Label.displayName;
+const Gr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(f.Separator, { ref: a, className: s("-mx-1 my-1 h-px bg-muted", t), ...e }));
+Gr.displayName = f.Separator.displayName;
+const Vr = ({ className: t, ...e }) => /* @__PURE__ */ r("span", { className: s("ml-auto text-xs tracking-widest text-muted-foreground", t), ...e });
+Vr.displayname = "MenubarShortcut";
+const Hr = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(
+  S.Root,
+  {
+    ref: o,
+    className: s("relative z-10 flex max-w-max flex-1 items-center justify-center", t),
+    ...a,
+    children: [
+      e,
+      /* @__PURE__ */ r(Ye, {})
+    ]
+  }
+));
+Hr.displayName = S.Root.displayName;
+const $r = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  S.List,
+  {
+    ref: a,
+    className: s("group flex flex-1 list-none items-center justify-center space-x-1", t),
+    ...e
+  }
+));
+$r.displayName = S.List.displayName;
+const Sn = S.Item, Kr = z(
+  "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"
+), Ur = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(
+  S.Trigger,
+  {
+    ref: o,
+    className: s(Kr(), "group", t),
+    ...a,
+    children: [
+      e,
+      " ",
+      /* @__PURE__ */ r(
+        ee,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+Ur.displayName = S.Trigger.displayName;
+const Wr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  S.Content,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+Wr.displayName = S.Content.displayName;
+const kn = S.Link, Ye = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { className: s("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ r(
+  S.Viewport,
+  {
+    className: s(
+      "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)]",
+      t
+    ),
+    ref: a,
+    ...e
+  }
+) }));
+Ye.displayName = S.Viewport.displayName;
+const qr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  S.Indicator,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e,
+    children: /* @__PURE__ */ r("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+qr.displayName = S.Indicator.displayName;
+const Xr = ({ className: t, ...e }) => /* @__PURE__ */ r(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: s("mx-auto flex w-full justify-center", t),
+    ...e
+  }
+);
+Xr.displayName = "Pagination";
+const Yr = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("ul", { ref: a, className: s("flex flex-row items-center gap-1", t), ...e })
+);
+Yr.displayName = "PaginationContent";
+const Jr = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("li", { ref: a, className: s("", t), ...e }));
+Jr.displayName = "PaginationItem";
+const Ce = ({ className: t, isActive: e, size: a = "icon", ...o }) => /* @__PURE__ */ r(
+  "a",
+  {
+    "aria-current": e ? "page" : void 0,
+    className: s(
+      B({
+        variant: e ? "outline" : "ghost",
+        size: a
+      }),
+      t
+    ),
+    ...o
+  }
+);
+Ce.displayName = "PaginationLink";
+const Qr = ({ className: t, ...e }) => /* @__PURE__ */ d(Ce, { "aria-label": "Go to previous page", size: "default", className: s("gap-1 pl-2.5", t), ...e, children: [
+  /* @__PURE__ */ r(_e, { className: "h-4 w-4" }),
+  /* @__PURE__ */ r("span", { children: "Previous" })
+] });
+Qr.displayName = "PaginationPrevious";
+const Zr = ({ className: t, ...e }) => /* @__PURE__ */ d(Ce, { "aria-label": "Go to next page", size: "default", className: s("gap-1 pr-2.5", t), ...e, children: [
+  /* @__PURE__ */ r("span", { children: "Next" }),
+  /* @__PURE__ */ r(G, { className: "h-4 w-4" })
+] });
+Zr.displayName = "PaginationNext";
+const eo = ({ className: t, ...e }) => /* @__PURE__ */ d("span", { "aria-hidden": !0, className: s("flex h-9 w-9 items-center justify-center", t), ...e, children: [
+  /* @__PURE__ */ r(De, { className: "h-4 w-4" }),
+  /* @__PURE__ */ r("span", { className: "sr-only", children: "More pages" })
+] });
+eo.displayName = "PaginationEllipsis";
+const Tn = W.Root, In = W.Trigger, to = n.forwardRef(({ className: t, align: e = "center", sideOffset: a = 4, ...o }, i) => /* @__PURE__ */ r(W.Portal, { children: /* @__PURE__ */ r(
+  W.Content,
+  {
+    ref: i,
+    align: e,
+    sideOffset: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...o
+  }
+) }));
+to.displayName = W.Content.displayName;
+const ao = n.forwardRef(({ className: t, value: e, ...a }, o) => /* @__PURE__ */ r(
+  ue.Root,
+  {
+    ref: o,
+    className: s("relative h-4 w-full overflow-hidden rounded-full bg-secondary", t),
+    ...a,
+    children: /* @__PURE__ */ r(
+      ue.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (e || 0)}%)` }
+      }
+    )
+  }
+));
+ao.displayName = ue.Root.displayName;
+const ro = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(q.Root, { className: s("grid gap-2", t), ...e, ref: a }));
+ro.displayName = q.Root.displayName;
+const oo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  q.Item,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e,
+    children: /* @__PURE__ */ r(q.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ r(te, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+  }
+));
+oo.displayName = q.Item.displayName;
+const Pn = ({ className: t, ...e }) => /* @__PURE__ */ r(
+  ye.PanelGroup,
+  {
+    className: s("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", t),
+    ...e
+  }
+), Mn = ye.Panel, Dn = ({
+  withHandle: t,
+  className: e,
+  ...a
+}) => /* @__PURE__ */ r(
+  ye.PanelResizeHandle,
+  {
+    className: s(
+      "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",
+      e
+    ),
+    ...a,
+    children: t && /* @__PURE__ */ r("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ r(ht, { className: "h-2.5 w-2.5" }) })
+  }
+), so = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(F.Root, { ref: o, className: s("relative overflow-hidden", t), ...a, children: [
+  /* @__PURE__ */ r(F.Viewport, { className: "h-full w-full rounded-[inherit]", children: e }),
+  /* @__PURE__ */ r(Je, {}),
+  /* @__PURE__ */ r(F.Corner, {})
+] }));
+so.displayName = F.Root.displayName;
+const Je = n.forwardRef(({ className: t, orientation: e = "vertical", ...a }, o) => /* @__PURE__ */ r(
+  F.ScrollAreaScrollbar,
+  {
+    ref: o,
+    orientation: e,
+    className: s(
+      "flex touch-none select-none transition-colors",
+      e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      t
+    ),
+    ...a,
+    children: /* @__PURE__ */ r(F.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+Je.displayName = F.ScrollAreaScrollbar.displayName;
+const ke = N.Root, _n = N.Group, Te = N.Value, ge = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(
+  N.Trigger,
+  {
+    ref: o,
+    className: s(
+      "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",
+      t
+    ),
+    ...a,
+    children: [
+      e,
+      /* @__PURE__ */ r(N.Icon, { asChild: !0, children: /* @__PURE__ */ r(ee, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+ge.displayName = N.Trigger.displayName;
+const Qe = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  N.ScrollUpButton,
+  {
+    ref: a,
+    className: s("flex cursor-default items-center justify-center py-1", t),
+    ...e,
+    children: /* @__PURE__ */ r(xt, { className: "h-4 w-4" })
+  }
+));
+Qe.displayName = N.ScrollUpButton.displayName;
+const Ze = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  N.ScrollDownButton,
+  {
+    ref: a,
+    className: s("flex cursor-default items-center justify-center py-1", t),
+    ...e,
+    children: /* @__PURE__ */ r(ee, { className: "h-4 w-4" })
+  }
+));
+Ze.displayName = N.ScrollDownButton.displayName;
+const be = n.forwardRef(({ className: t, children: e, position: a = "popper", ...o }, i) => /* @__PURE__ */ r(N.Portal, { children: /* @__PURE__ */ d(
+  N.Content,
+  {
+    ref: i,
+    className: s(
+      "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",
+      t
+    ),
+    position: a,
+    ...o,
+    children: [
+      /* @__PURE__ */ r(Qe, {}),
+      /* @__PURE__ */ r(
+        N.Viewport,
+        {
+          className: s(
+            "p-1",
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: e
+        }
+      ),
+      /* @__PURE__ */ r(Ze, {})
+    ]
+  }
+) }));
+be.displayName = N.Content.displayName;
+const no = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(N.Label, { ref: a, className: s("py-1.5 pl-8 pr-2 text-sm font-semibold", t), ...e }));
+no.displayName = N.Label.displayName;
+const he = n.forwardRef(({ className: t, children: e, ...a }, o) => /* @__PURE__ */ d(
+  N.Item,
+  {
+    ref: o,
+    className: s(
+      "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",
+      t
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(N.ItemIndicator, { children: /* @__PURE__ */ r(X, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ r(N.ItemText, { children: e })
+    ]
+  }
+));
+he.displayName = N.Item.displayName;
+const io = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(N.Separator, { ref: a, className: s("-mx-1 my-1 h-px bg-muted", t), ...e }));
+io.displayName = N.Separator.displayName;
+const et = n.forwardRef(({
+  className: t,
+  orientation: e = "horizontal",
+  decorative: a = !0,
+  ...o
+}, i) => /* @__PURE__ */ r(
+  Ae.Root,
+  {
+    ref: i,
+    decorative: a,
+    orientation: e,
+    className: s(
+      "shrink-0 bg-border",
+      e === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      t
+    ),
+    ...o
+  }
+));
+et.displayName = Ae.Root.displayName;
+const lo = p.Root, zn = p.Trigger, An = p.Close, co = p.Portal, tt = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  p.Overlay,
+  {
+    className: s(
+      "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",
+      t
+    ),
+    ...e,
+    ref: a
+  }
+));
+tt.displayName = p.Overlay.displayName;
+const mo = z(
+  "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"
+    }
+  }
+), at = n.forwardRef(
+  ({ side: t = "right", className: e, children: a, ...o }, i) => /* @__PURE__ */ d(co, { children: [
+    /* @__PURE__ */ r(tt, {}),
+    /* @__PURE__ */ d(p.Content, { ref: i, className: s(mo({ side: t }), e), ...o, children: [
+      a,
+      /* @__PURE__ */ d(p.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__ */ r(xe, { className: "h-4 w-4" }),
+        /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] })
+);
+at.displayName = p.Content.displayName;
+const uo = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col space-y-2 text-center sm:text-left", t), ...e });
+uo.displayName = "SheetHeader";
+const fo = ({ className: t, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t), ...e });
+fo.displayName = "SheetFooter";
+const po = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(p.Title, { ref: a, className: s("text-lg font-semibold text-foreground", t), ...e }));
+po.displayName = p.Title.displayName;
+const go = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(p.Description, { ref: a, className: s("text-sm text-muted-foreground", t), ...e }));
+go.displayName = p.Description.displayName;
+const de = 768;
+function bo() {
+  const [t, e] = n.useState(void 0);
+  return n.useEffect(() => {
+    const a = window.matchMedia(`(max-width: ${de - 1}px)`), o = () => {
+      e(window.innerWidth < de);
+    };
+    return a.addEventListener("change", o), e(window.innerWidth < de), () => a.removeEventListener("change", o);
+  }, []), !!t;
+}
+function Ie({ className: t, ...e }) {
+  return /* @__PURE__ */ r("div", { className: s("animate-pulse rounded-md bg-muted", t), ...e });
+}
+const ho = Y.Provider, xo = Y.Root, vo = Y.Trigger, rt = n.forwardRef(({ className: t, sideOffset: e = 4, ...a }, o) => /* @__PURE__ */ r(
+  Y.Content,
+  {
+    ref: o,
+    sideOffset: e,
+    className: s(
+      "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",
+      t
+    ),
+    ...a
+  }
+));
+rt.displayName = Y.Content.displayName;
+const No = "sidebar:state", yo = 60 * 60 * 24 * 7, wo = "16rem", Co = "18rem", Ro = "3rem", So = "b", ot = n.createContext(null);
+function ie() {
+  const t = n.useContext(ot);
+  if (!t)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return t;
+}
+const ko = n.forwardRef(({ defaultOpen: t = !0, open: e, onOpenChange: a, className: o, style: i, children: l, ...c }, u) => {
+  const x = bo(), [m, T] = n.useState(!1), [A, L] = n.useState(t), _ = e ?? A, y = n.useCallback(
+    (v) => {
+      const C = typeof v == "function" ? v(_) : v;
+      a ? a(C) : L(C), document.cookie = `${No}=${C}; path=/; max-age=${yo}`;
+    },
+    [a, _]
+  ), I = n.useCallback(() => x ? T((v) => !v) : y((v) => !v), [x, y, T]);
+  n.useEffect(() => {
+    const v = (C) => {
+      C.key === So && (C.metaKey || C.ctrlKey) && (C.preventDefault(), I());
+    };
+    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+  }, [I]);
+  const P = _ ? "expanded" : "collapsed", g = n.useMemo(
+    () => ({
+      state: P,
+      open: _,
+      setOpen: y,
+      isMobile: x,
+      openMobile: m,
+      setOpenMobile: T,
+      toggleSidebar: I
+    }),
+    [P, _, y, x, m, T, I]
+  );
+  return /* @__PURE__ */ r(ot.Provider, { value: g, children: /* @__PURE__ */ r(ho, { delayDuration: 0, children: /* @__PURE__ */ r(
+    "div",
+    {
+      style: {
+        "--sidebar-width": wo,
+        "--sidebar-width-icon": Ro,
+        ...i
+      },
+      className: s("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar", o),
+      ref: u,
+      ...c,
+      children: l
+    }
+  ) }) });
+});
+ko.displayName = "SidebarProvider";
+const To = n.forwardRef(({ side: t = "left", variant: e = "sidebar", collapsible: a = "offcanvas", className: o, children: i, ...l }, c) => {
+  const { isMobile: u, state: x, openMobile: m, setOpenMobile: T } = ie();
+  return a === "none" ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: s("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", o),
+      ref: c,
+      ...l,
+      children: i
+    }
+  ) : u ? /* @__PURE__ */ r(lo, { open: m, onOpenChange: T, ...l, children: /* @__PURE__ */ r(
+    at,
+    {
+      "data-sidebar": "sidebar",
+      "data-mobile": "true",
+      className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+      style: {
+        "--sidebar-width": Co
+      },
+      side: t,
+      children: /* @__PURE__ */ r("div", { className: "flex h-full w-full flex-col", children: i })
+    }
+  ) }) : /* @__PURE__ */ d(
+    "div",
+    {
+      ref: c,
+      className: "group peer hidden text-sidebar-foreground md:block",
+      "data-state": x,
+      "data-collapsible": x === "collapsed" ? a : "",
+      "data-variant": e,
+      "data-side": t,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: s(
+              "relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+              "group-data-[collapsible=offcanvas]:w-0",
+              "group-data-[side=right]:rotate-180",
+              e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: s(
+              "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+              t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              // Adjust the padding for floating and inset variants.
+              e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              o
+            ),
+            ...l,
+            children: /* @__PURE__ */ r(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+                children: i
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+To.displayName = "Sidebar";
+const Io = n.forwardRef(
+  ({ className: t, onClick: e, ...a }, o) => {
+    const { toggleSidebar: i } = ie();
+    return /* @__PURE__ */ d(
+      oe,
+      {
+        ref: o,
+        "data-sidebar": "trigger",
+        variant: "ghost",
+        size: "icon",
+        className: s("h-7 w-7", t),
+        onClick: (l) => {
+          e == null || e(l), i();
+        },
+        ...a,
+        children: [
+          /* @__PURE__ */ r(vt, {}),
+          /* @__PURE__ */ r("span", { className: "sr-only", children: "Toggle Sidebar" })
+        ]
+      }
+    );
+  }
+);
+Io.displayName = "SidebarTrigger";
+const Po = n.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const { toggleSidebar: o } = ie();
+    return /* @__PURE__ */ r(
+      "button",
+      {
+        ref: a,
+        "data-sidebar": "rail",
+        "aria-label": "Toggle Sidebar",
+        tabIndex: -1,
+        onClick: o,
+        title: "Toggle Sidebar",
+        className: s(
+          "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 hover:after:bg-sidebar-border sm:flex",
+          "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+          "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+          "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+          "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+          "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+          t
+        ),
+        ...e
+      }
+    );
+  }
+);
+Po.displayName = "SidebarRail";
+const Mo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "main",
+  {
+    ref: a,
+    className: s(
+      "relative flex min-h-svh flex-1 flex-col bg-background",
+      "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+      t
+    ),
+    ...e
+  }
+));
+Mo.displayName = "SidebarInset";
+const Do = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    Xe,
+    {
+      ref: a,
+      "data-sidebar": "input",
+      className: s(
+        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+        t
+      ),
+      ...e
+    }
+  )
+);
+Do.displayName = "SidebarInput";
+const _o = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, "data-sidebar": "header", className: s("flex flex-col gap-2 p-2", t), ...e }));
+_o.displayName = "SidebarHeader";
+const zo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, "data-sidebar": "footer", className: s("flex flex-col gap-2 p-2", t), ...e }));
+zo.displayName = "SidebarFooter";
+const Ao = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    et,
+    {
+      ref: a,
+      "data-sidebar": "separator",
+      className: s("mx-2 w-auto bg-sidebar-border", t),
+      ...e
+    }
+  )
+);
+Ao.displayName = "SidebarSeparator";
+const jo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "content",
+    className: s(
+      "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+      t
+    ),
+    ...e
+  }
+));
+jo.displayName = "SidebarContent";
+const Lo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    "data-sidebar": "group",
+    className: s("relative flex w-full min-w-0 flex-col p-2", t),
+    ...e
+  }
+));
+Lo.displayName = "SidebarGroup";
+const Fo = n.forwardRef(
+  ({ className: t, asChild: e = !1, ...a }, o) => /* @__PURE__ */ r(
+    e ? j : "div",
+    {
+      ref: o,
+      "data-sidebar": "group-label",
+      className: s(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        t
+      ),
+      ...a
+    }
+  )
+);
+Fo.displayName = "SidebarGroupLabel";
+const Oo = n.forwardRef(
+  ({ className: t, asChild: e = !1, ...a }, o) => /* @__PURE__ */ r(
+    e ? j : "button",
+    {
+      ref: o,
+      "data-sidebar": "group-action",
+      className: s(
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...a
+    }
+  )
+);
+Oo.displayName = "SidebarGroupAction";
+const Eo = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, "data-sidebar": "group-content", className: s("w-full text-sm", t), ...e })
+);
+Eo.displayName = "SidebarGroupContent";
+const Bo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("ul", { ref: a, "data-sidebar": "menu", className: s("flex w-full min-w-0 flex-col gap-1", t), ...e }));
+Bo.displayName = "SidebarMenu";
+const Go = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("li", { ref: a, "data-sidebar": "menu-item", className: s("group/menu-item relative", t), ...e }));
+Go.displayName = "SidebarMenuItem";
+const Vo = z(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Ho = n.forwardRef(({ asChild: t = !1, isActive: e = !1, variant: a = "default", size: o = "default", tooltip: i, className: l, ...c }, u) => {
+  const x = t ? j : "button", { isMobile: m, state: T } = ie(), A = /* @__PURE__ */ r(
+    x,
+    {
+      ref: u,
+      "data-sidebar": "menu-button",
+      "data-size": o,
+      "data-active": e,
+      className: s(Vo({ variant: a, size: o }), l),
+      ...c
+    }
+  );
+  return i ? (typeof i == "string" && (i = {
+    children: i
+  }), /* @__PURE__ */ d(xo, { children: [
+    /* @__PURE__ */ r(vo, { asChild: !0, children: A }),
+    /* @__PURE__ */ r(rt, { side: "right", align: "center", hidden: T !== "collapsed" || m, ...i })
+  ] })) : A;
+});
+Ho.displayName = "SidebarMenuButton";
+const $o = n.forwardRef(({ className: t, asChild: e = !1, showOnHover: a = !1, ...o }, i) => /* @__PURE__ */ r(
+  e ? j : "button",
+  {
+    ref: i,
+    "data-sidebar": "menu-action",
+    className: s(
+      "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      // Increases the hit area of the button on mobile.
+      "after:absolute after:-inset-2 after:md:hidden",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      a && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+      t
+    ),
+    ...o
+  }
+));
+$o.displayName = "SidebarMenuAction";
+const Ko = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: a,
+      "data-sidebar": "menu-badge",
+      className: s(
+        "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...e
+    }
+  )
+);
+Ko.displayName = "SidebarMenuBadge";
+const Uo = n.forwardRef(({ className: t, showIcon: e = !1, ...a }, o) => {
+  const i = n.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: o,
+      "data-sidebar": "menu-skeleton",
+      className: s("flex h-8 items-center gap-2 rounded-md px-2", t),
+      ...a,
+      children: [
+        e && /* @__PURE__ */ r(Ie, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ r(
+          Ie,
+          {
+            className: "h-4 max-w-[--skeleton-width] flex-1",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": i
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+Uo.displayName = "SidebarMenuSkeleton";
+const Wo = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    "ul",
+    {
+      ref: a,
+      "data-sidebar": "menu-sub",
+      className: s(
+        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...e
+    }
+  )
+);
+Wo.displayName = "SidebarMenuSub";
+const qo = n.forwardRef(({ ...t }, e) => /* @__PURE__ */ r("li", { ref: e, ...t }));
+qo.displayName = "SidebarMenuSubItem";
+const Xo = n.forwardRef(({ asChild: t = !1, size: e = "md", isActive: a, className: o, ...i }, l) => /* @__PURE__ */ r(
+  t ? j : "a",
+  {
+    ref: l,
+    "data-sidebar": "menu-sub-button",
+    "data-size": e,
+    "data-active": a,
+    className: s(
+      "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+      "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+      e === "sm" && "text-xs",
+      e === "md" && "text-sm",
+      "group-data-[collapsible=icon]:hidden",
+      o
+    ),
+    ...i
+  }
+));
+Xo.displayName = "SidebarMenuSubButton";
+const Yo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ d(
+  $.Root,
+  {
+    ref: a,
+    className: s("relative flex w-full touch-none select-none items-center", t),
+    ...e,
+    children: [
+      /* @__PURE__ */ r($.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ r($.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ r($.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" })
+    ]
+  }
+));
+Yo.displayName = $.Root.displayName;
+const jn = ({ ...t }) => {
+  const { theme: e = "system" } = Mt();
+  return /* @__PURE__ */ r(
+    Dt,
+    {
+      theme: e,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...t
+    }
+  );
+}, Jo = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  fe.Root,
+  {
+    className: s(
+      "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",
+      t
+    ),
+    ...e,
+    ref: a,
+    children: /* @__PURE__ */ r(
+      fe.Thumb,
+      {
+        className: s(
+          "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"
+        )
+      }
+    )
+  }
+));
+Jo.displayName = fe.Root.displayName;
+const Qo = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ r("table", { ref: a, className: s("w-full caption-bottom text-sm", t), ...e }) })
+);
+Qo.displayName = "Table";
+const Zo = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("thead", { ref: a, className: s("[&_tr]:border-b", t), ...e })
+);
+Zo.displayName = "TableHeader";
+const es = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("tbody", { ref: a, className: s("[&_tr:last-child]:border-0", t), ...e })
+);
+es.displayName = "TableBody";
+const ts = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("tfoot", { ref: a, className: s("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", t), ...e })
+);
+ts.displayName = "TableFooter";
+const as = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    "tr",
+    {
+      ref: a,
+      className: s("border-b transition-colors data-[state=selected]:bg-muted hover:bg-muted/50", t),
+      ...e
+    }
+  )
+);
+as.displayName = "TableRow";
+const rs = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    "th",
+    {
+      ref: a,
+      className: s(
+        "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+        t
+      ),
+      ...e
+    }
+  )
+);
+rs.displayName = "TableHead";
+const os = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("td", { ref: a, className: s("p-4 align-middle [&:has([role=checkbox])]:pr-0", t), ...e })
+);
+os.displayName = "TableCell";
+const ss = n.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r("caption", { ref: a, className: s("mt-4 text-sm text-muted-foreground", t), ...e })
+);
+ss.displayName = "TableCaption";
+const Ln = E.Root, ns = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  E.List,
+  {
+    ref: a,
+    className: s(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      t
+    ),
+    ...e
+  }
+));
+ns.displayName = E.List.displayName;
+const is = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  E.Trigger,
+  {
+    ref: a,
+    className: s(
+      "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",
+      t
+    ),
+    ...e
+  }
+));
+is.displayName = E.Trigger.displayName;
+const ds = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  E.Content,
+  {
+    ref: a,
+    className: s(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      t
+    ),
+    ...e
+  }
+));
+ds.displayName = E.Content.displayName;
+const ls = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "textarea",
+  {
+    className: s(
+      "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",
+      t
+    ),
+    ref: a,
+    ...e
+  }
+));
+ls.displayName = "Textarea";
+const cs = k.Provider, st = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  k.Viewport,
+  {
+    ref: a,
+    className: s(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      t
+    ),
+    ...e
+  }
+));
+st.displayName = k.Viewport.displayName;
+const ms = z(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), nt = n.forwardRef(({ className: t, variant: e, ...a }, o) => /* @__PURE__ */ r(k.Root, { ref: o, className: s(ms({ variant: e }), t), ...a }));
+nt.displayName = k.Root.displayName;
+const us = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  k.Action,
+  {
+    ref: a,
+    className: s(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50",
+      t
+    ),
+    ...e
+  }
+));
+us.displayName = k.Action.displayName;
+const it = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  k.Close,
+  {
+    ref: a,
+    className: s(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-foreground group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:outline-none focus:ring-2 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      t
+    ),
+    "toast-close": "",
+    ...e,
+    children: /* @__PURE__ */ r(xe, { className: "h-4 w-4" })
+  }
+));
+it.displayName = k.Close.displayName;
+const dt = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(k.Title, { ref: a, className: s("text-sm font-semibold", t), ...e }));
+dt.displayName = k.Title.displayName;
+const lt = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(k.Description, { ref: a, className: s("text-sm opacity-90", t), ...e }));
+lt.displayName = k.Description.displayName;
+const fs = 1, ps = 1e6;
+let le = 0;
+function gs() {
+  return le = (le + 1) % Number.MAX_SAFE_INTEGER, le.toString();
+}
+const ce = /* @__PURE__ */ new Map(), Pe = (t) => {
+  if (ce.has(t))
+    return;
+  const e = setTimeout(() => {
+    ce.delete(t), K({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, ps);
+  ce.set(t, e);
+}, bs = (t, e) => {
+  switch (e.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [e.toast, ...t.toasts].slice(0, fs)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map((a) => a.id === e.toast.id ? { ...a, ...e.toast } : a)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: a } = e;
+      return a ? Pe(a) : t.toasts.forEach((o) => {
+        Pe(o.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (o) => o.id === a || a === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return e.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((a) => a.id !== e.toastId)
+      };
+  }
+}, J = [];
+let Q = { toasts: [] };
+function K(t) {
+  Q = bs(Q, t), J.forEach((e) => {
+    e(Q);
+  });
+}
+function hs({ ...t }) {
+  const e = gs(), a = (i) => K({
+    type: "UPDATE_TOAST",
+    toast: { ...i, id: e }
+  }), o = () => K({ type: "DISMISS_TOAST", toastId: e });
+  return K({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: e,
+      open: !0,
+      onOpenChange: (i) => {
+        i || o();
+      }
+    }
+  }), {
+    id: e,
+    dismiss: o,
+    update: a
+  };
+}
+function xs() {
+  const [t, e] = n.useState(Q);
+  return n.useEffect(() => (J.push(e), () => {
+    const a = J.indexOf(e);
+    a > -1 && J.splice(a, 1);
+  }), [t]), {
+    ...t,
+    toast: hs,
+    dismiss: (a) => K({ type: "DISMISS_TOAST", toastId: a })
+  };
+}
+function Fn() {
+  const { toasts: t } = xs();
+  return /* @__PURE__ */ d(cs, { children: [
+    t.map(function({ id: e, title: a, description: o, action: i, ...l }) {
+      return /* @__PURE__ */ d(nt, { ...l, children: [
+        /* @__PURE__ */ d("div", { className: "grid gap-1", children: [
+          a && /* @__PURE__ */ r(dt, { children: a }),
+          o && /* @__PURE__ */ r(lt, { children: o })
+        ] }),
+        i,
+        /* @__PURE__ */ r(it, {})
+      ] }, e);
+    }),
+    /* @__PURE__ */ r(st, {})
+  ] });
+}
+const ct = z(
+  "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"
+    }
+  }
+), vs = n.forwardRef(({ className: t, variant: e, size: a, ...o }, i) => /* @__PURE__ */ r(je.Root, { ref: i, className: s(ct({ variant: e, size: a, className: t })), ...o }));
+vs.displayName = je.Root.displayName;
+const mt = n.createContext({
+  size: "default",
+  variant: "default"
+}), Ns = n.forwardRef(({ className: t, variant: e, size: a, children: o, ...i }, l) => /* @__PURE__ */ r(re.Root, { ref: l, className: s("flex items-center justify-center gap-1", t), ...i, children: /* @__PURE__ */ r(mt.Provider, { value: { variant: e, size: a }, children: o }) }));
+Ns.displayName = re.Root.displayName;
+const ys = n.forwardRef(({ className: t, children: e, variant: a, size: o, ...i }, l) => {
+  const c = n.useContext(mt);
+  return /* @__PURE__ */ r(
+    re.Item,
+    {
+      ref: l,
+      className: s(
+        ct({
+          variant: c.variant || a,
+          size: c.size || o
+        }),
+        t
+      ),
+      ...i,
+      children: e
+    }
+  );
+});
+ys.displayName = re.Item.displayName;
+function On({ title: t, subtitle: e, author: a, date: o, readTime: i, category: l }) {
+  return /* @__PURE__ */ d("header", { className: "space-y-6 text-center", children: [
+    /* @__PURE__ */ r("div", { className: "inline-flex items-center rounded-full bg-accent px-4 py-1.5 text-sm font-medium text-primary", children: l }),
+    /* @__PURE__ */ r("h1", { className: "font-display text-4xl font-bold leading-tight tracking-tight text-foreground sm:text-5xl lg:text-6xl", children: t }),
+    e && /* @__PURE__ */ r("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-muted-foreground sm:text-xl", children: e }),
+    /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center justify-center gap-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r(_t, { className: "h-4 w-4" }),
+        /* @__PURE__ */ r("span", { children: a })
+      ] }),
+      /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "·" }),
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r(zt, { className: "h-4 w-4" }),
+        /* @__PURE__ */ r("span", { children: o })
+      ] }),
+      /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "·" }),
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r(Le, { className: "h-4 w-4" }),
+        /* @__PURE__ */ r("span", { children: i })
+      ] })
+    ] })
+  ] });
+}
+const ws = [
+  { value: "api-design", label: "API Design" },
+  { value: "authentication", label: "Authentication" },
+  { value: "rate-limiting", label: "Rate Limiting" },
+  { value: "monetization", label: "Monetization" }
+], Me = [
+  // API Design
+  { value: "getting-started", label: "Getting Started with API Gateways", topic: "api-design" },
+  { value: "api-versioning", label: "API Versioning Strategies", topic: "api-design" },
+  { value: "rest-best-practices", label: "REST API Best Practices", topic: "api-design" },
+  // Authentication
+  { value: "auth-best-practices", label: "Authentication Best Practices", topic: "authentication" },
+  { value: "jwt-guide", label: "JWT Token Guide", topic: "authentication" },
+  { value: "oauth-flows", label: "OAuth 2.0 Flows Explained", topic: "authentication" },
+  // Rate Limiting
+  { value: "rate-limit-patterns", label: "Rate Limiting Patterns", topic: "rate-limiting" },
+  { value: "rate-limit-reference", label: "Rate Limiting Policy Reference", topic: "rate-limiting" },
+  { value: "rate-limit-sample", label: "Rate Limiting Sample", topic: "rate-limiting" },
+  // Monetization
+  { value: "api-monetization", label: "How to Monetize Your API", topic: "monetization" },
+  { value: "pricing-models", label: "API Pricing Models", topic: "monetization" },
+  { value: "usage-billing", label: "Usage-Based Billing Setup", topic: "monetization" }
+];
+function En({
+  currentTopic: t = "api-design",
+  currentPost: e = "getting-started",
+  onTopicChange: a,
+  onPostChange: o,
+  hideFilters: i = !1
+}) {
+  const l = t ? Me.filter((c) => c.topic === t) : Me;
+  return /* @__PURE__ */ r("nav", { className: "sticky top-0 z-50 w-full bg-background border-b border-border/40", children: /* @__PURE__ */ d("div", { className: "max-w-4xl mx-auto px-6 py-3 flex items-center gap-4", children: [
+    /* @__PURE__ */ r("a", { href: "/", className: "font-display font-semibold text-foreground hover:text-primary transition-colors", children: "Blog" }),
+    !i && /* @__PURE__ */ d("div", { className: "flex items-center gap-3 ml-auto", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground hidden sm:inline", children: "Topic:" }),
+        /* @__PURE__ */ d(ke, { value: t, onValueChange: a, children: [
+          /* @__PURE__ */ r(ge, { className: "w-[160px] h-9 rounded-full border-border-light bg-background text-sm", children: /* @__PURE__ */ r(Te, { placeholder: "Select topic" }) }),
+          /* @__PURE__ */ r(be, { className: "bg-background border-border", children: ws.map((c) => /* @__PURE__ */ r(he, { value: c.value, children: c.label }, c.value)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground hidden sm:inline", children: "Post:" }),
+        /* @__PURE__ */ d(ke, { value: e, onValueChange: o, children: [
+          /* @__PURE__ */ r(ge, { className: "w-[220px] h-9 rounded-full border-border-light bg-background text-sm", children: /* @__PURE__ */ r(Te, { placeholder: "Select post" }) }),
+          /* @__PURE__ */ r(be, { className: "bg-background border-border", children: l.map((c) => /* @__PURE__ */ r(he, { value: c.value, children: c.label }, c.value)) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function Bn({ variant: t = "bestFor", items: e }) {
+  const a = t === "bestFor";
+  return /* @__PURE__ */ d("div", { className: "rounded-lg border border-border-light bg-muted/30 p-5", children: [
+    /* @__PURE__ */ d("div", { className: "flex items-center gap-2 mb-3", children: [
+      a ? /* @__PURE__ */ r(At, { weight: "fill", className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ r(jt, { weight: "fill", className: "h-4 w-4 text-primary" }),
+      /* @__PURE__ */ r("span", { className: "font-display text-sm font-semibold text-foreground", children: a ? "Best for:" : "Use this approach if you're:" })
+    ] }),
+    /* @__PURE__ */ r("ul", { className: "space-y-2", children: e.map((o, i) => /* @__PURE__ */ d("li", { className: "flex items-start gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ r(we, { weight: "fill", className: "h-4 w-4 text-primary/70 mt-0.5 shrink-0" }),
+      /* @__PURE__ */ r("span", { children: o })
+    ] }, i)) })
+  ] });
+}
+function Gn({ title: t, description: e, code: a, language: o = "typescript" }) {
+  const [i, l] = ut(!1);
+  return /* @__PURE__ */ d("div", { className: "overflow-hidden rounded-lg", children: [
+    /* @__PURE__ */ d("div", { className: "p-5 pb-3", style: { backgroundColor: "#20222E" }, children: [
+      /* @__PURE__ */ r("h3", { className: "font-mono text-sm font-normal text-white", children: t }),
+      e && /* @__PURE__ */ r("p", { className: "mt-1 text-sm text-white/60", children: e })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "h-px bg-gray-600" }),
+    /* @__PURE__ */ d("div", { className: "relative px-5 py-4", style: { backgroundColor: "#20222E" }, children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ r("span", { className: "text-xs font-mono text-white/40 uppercase tracking-wider", children: o }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: () => {
+              navigator.clipboard.writeText(a), l(!0), setTimeout(() => l(!1), 2e3);
+            },
+            className: "flex items-center gap-1.5 text-xs text-white/40 hover:text-white/70 transition-colors",
+            children: i ? /* @__PURE__ */ d(U, { children: [
+              /* @__PURE__ */ r(Lt, { className: "h-3.5 w-3.5 text-green-500" }),
+              /* @__PURE__ */ r("span", { children: "Copied!" })
+            ] }) : /* @__PURE__ */ d(U, { children: [
+              /* @__PURE__ */ r(Ft, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ r("span", { children: "Copy" })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("pre", { className: "overflow-x-auto text-sm !bg-transparent", children: /* @__PURE__ */ r("code", { className: "font-mono text-white !bg-transparent", children: a }) })
+    ] })
+  ] });
+}
+function Cs({ features: t, className: e }) {
+  return !t || t.length === 0 ? null : /* @__PURE__ */ r("div", { className: `flex items-center justify-center px-6 py-3 bg-[#fafafa] ${e || ""}`, children: t.map((a, o) => /* @__PURE__ */ d("span", { className: "flex items-center justify-center gap-1.5 text-sm text-foreground flex-1", children: [
+    /* @__PURE__ */ r(we, { className: "w-4 h-4 text-primary flex-shrink-0", weight: "fill" }),
+    a
+  ] }, o)) });
+}
+const Rs = {
+  file: Ot,
+  book: Et,
+  code: Bt,
+  lightning: Gt
+};
+function Vn({
+  title: t,
+  description: e,
+  href: a,
+  icon: o = "file",
+  badge: i,
+  features: l,
+  tip: c
+}) {
+  const u = Rs[o], x = /* @__PURE__ */ d("div", { className: s("my-8 rounded-lg border border-border/40 bg-card overflow-hidden", a && "group transition-all hover:border-primary/30 hover:shadow-lg"), children: [
+    /* @__PURE__ */ r("div", { className: "p-6 pb-[16px]", children: /* @__PURE__ */ d("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ r("div", { className: "flex-shrink-0 w-10 h-10 rounded-lg bg-[#FCF3F8] flex items-center justify-center", children: /* @__PURE__ */ r(u, { className: "w-5 h-5 text-primary", weight: "duotone" }) }),
+      /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ d("h4", { className: s("font-display font-semibold text-foreground flex items-center gap-1", a && "group-hover:text-primary transition-colors"), children: [
+            t,
+            a && /* @__PURE__ */ r(Z, { className: "h-4 w-4 opacity-0 -translate-y-0.5 translate-x-0.5 transition-all group-hover:opacity-100 group-hover:translate-y-0 group-hover:translate-x-0" })
+          ] }),
+          i && /* @__PURE__ */ r("span", { className: "px-2 py-0.5 text-xs font-medium rounded-full bg-muted text-muted-foreground", children: i })
+        ] }),
+        /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: e }),
+        c && /* @__PURE__ */ d("div", { className: "mt-3 p-3 rounded-md bg-muted/50 border-l-2 border-primary", children: [
+          /* @__PURE__ */ r("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Pro tip:" }),
+          /* @__PURE__ */ r("p", { className: "text-sm text-foreground", children: c })
+        ] })
+      ] })
+    ] }) }),
+    l && l.length > 0 && /* @__PURE__ */ r(Cs, { features: l })
+  ] });
+  return a ? /* @__PURE__ */ r("a", { href: a, target: "_blank", rel: "noopener noreferrer", className: "block", children: x }) : x;
+}
+function Hn({
+  label: t = "Next step",
+  title: e,
+  href: a,
+  external: o = !1
+}) {
+  return /* @__PURE__ */ d(
+    "a",
+    {
+      href: a,
+      target: o ? "_blank" : void 0,
+      rel: o ? "noopener noreferrer" : void 0,
+      className: "group inline-flex items-center gap-2 text-sm transition-colors hover:text-primary",
+      children: [
+        /* @__PURE__ */ d("span", { className: "font-medium text-[#20222E]", children: [
+          t,
+          ":"
+        ] }),
+        /* @__PURE__ */ r("span", { className: "text-muted-foreground group-hover:underline underline-offset-2 group-hover:text-primary", children: e }),
+        /* @__PURE__ */ r(Fe, { className: "h-4 w-4 transition-transform group-hover:translate-x-0.5" })
+      ]
+    }
+  );
+}
+function $n({
+  title: t,
+  description: e,
+  deployUrl: a,
+  repoUrl: o,
+  localCommand: i = "npx create-zuplo-app"
+}) {
+  return /* @__PURE__ */ d("div", { className: "relative overflow-hidden rounded-lg", children: [
+    /* @__PURE__ */ r("div", { className: "absolute inset-0 rounded-lg p-[1px] bg-gradient-to-br from-primary via-primary/50 to-border-light", children: /* @__PURE__ */ r("div", { className: "h-full w-full rounded-lg bg-background" }) }),
+    /* @__PURE__ */ d("div", { className: "relative z-10 p-6 sm:p-8", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-4 mb-4", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ d("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-medium text-primary mb-[16px]", children: [
+          /* @__PURE__ */ r(Re, { weight: "fill", className: "h-3 w-3" }),
+          "Try it yourself"
+        ] }),
+        /* @__PURE__ */ r("h3", { className: "font-display text-xl font-semibold text-foreground", children: t })
+      ] }) }) }),
+      /* @__PURE__ */ r("p", { className: "text-muted-foreground mb-6", children: e }),
+      /* @__PURE__ */ d("div", { className: "flex flex-col sm:flex-row gap-2 sm:gap-3", children: [
+        /* @__PURE__ */ d("a", { href: a, target: "_blank", rel: "noopener noreferrer", className: "group inline-flex items-center justify-center gap-1.5 rounded-full bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-all hover:bg-primary/90 hover:shadow-lg hover:shadow-primary/20 whitespace-nowrap", children: [
+          /* @__PURE__ */ r(Re, { weight: "bold", className: "h-3.5 w-3.5" }),
+          "Deploy to Zuplo",
+          /* @__PURE__ */ r(Fe, { className: "h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" })
+        ] }),
+        /* @__PURE__ */ d("button", { onClick: () => {
+          navigator.clipboard.writeText(i);
+        }, className: "group inline-flex items-center justify-center gap-1.5 rounded-full border border-border bg-background px-4 py-2 text-sm font-medium text-foreground transition-all hover:border-primary/30 hover:bg-muted/50 whitespace-nowrap", children: [
+          /* @__PURE__ */ r(Vt, { weight: "bold", className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ r("span", { className: "font-mono text-xs", children: i })
+        ] }),
+        /* @__PURE__ */ d("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "group inline-flex items-center justify-center gap-1.5 rounded-full border-border bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground transition-all hover:bg-secondary/80 whitespace-nowrap border-0", children: [
+          /* @__PURE__ */ r(Ht, { weight: "fill", className: "h-3.5 w-3.5" }),
+          "GitHub"
+        ] })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "absolute -right-8 -top-8 h-32 w-32 rounded-full bg-primary/5 blur-2xl" }),
+      /* @__PURE__ */ r("div", { className: "absolute -bottom-4 -left-4 h-24 w-24 rounded-full bg-primary/5 blur-xl" })
+    ] })
+  ] });
+}
+function Kn({ variant: t = "tip", children: e }) {
+  const a = t === "tip";
+  return /* @__PURE__ */ r("div", { className: `rounded-lg p-4 ${a ? "bg-muted/50 border border-border" : "bg-blue-50 border border-blue-200"}`, children: /* @__PURE__ */ d("p", { className: `text-sm ${a ? "text-[#20222E]" : "text-blue-800"}`, children: [
+    a ? /* @__PURE__ */ d(U, { children: [
+      /* @__PURE__ */ r($t, { weight: "fill", className: "inline h-4 w-4 mr-1.5 text-[#64748B]" }),
+      /* @__PURE__ */ r("span", { className: "font-semibold", children: "Pro tip:" })
+    ] }) : /* @__PURE__ */ d(U, { children: [
+      /* @__PURE__ */ r(Kt, { weight: "fill", className: "inline h-4 w-4 mr-1.5 text-blue-600" }),
+      /* @__PURE__ */ r("span", { className: "font-semibold", children: "Common mistake:" })
+    ] }),
+    " ",
+    e
+  ] }) });
+}
+function Un({
+  title: t,
+  description: e,
+  videoUrl: a,
+  thumbnailUrl: o,
+  duration: i,
+  variant: l = "card"
+}) {
+  if (l !== "button")
+    return l === "inline" ? /* @__PURE__ */ d("a", { href: a, target: "_blank", rel: "noopener noreferrer", className: "group flex items-center gap-3 rounded-lg border border-border/40 bg-background p-3 transition-all hover:border-primary/30 hover:bg-muted/30", children: [
+      /* @__PURE__ */ r("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[#FF0000]/10", children: /* @__PURE__ */ r(Se, { weight: "fill", className: "h-5 w-5 text-[#FF0000]" }) }),
+      /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ r("span", { className: "font-medium text-sm text-foreground group-hover:text-primary transition-colors truncate", children: t }),
+          i && /* @__PURE__ */ r("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground", children: i })
+        ] }),
+        e && /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: e })
+      ] }),
+      /* @__PURE__ */ r(Z, { className: "h-4 w-4 shrink-0 text-muted-foreground opacity-0 transition-all group-hover:opacity-100" })
+    ] }) : /* @__PURE__ */ r("a", { href: a, target: "_blank", rel: "noopener noreferrer", className: "group block overflow-hidden rounded-lg border border-border/40 bg-background transition-all hover:border-primary/30 hover:shadow-lg", children: /* @__PURE__ */ d("div", { className: "flex flex-col sm:flex-row", children: [
+      /* @__PURE__ */ d("div", { className: "relative aspect-video sm:aspect-auto sm:w-48 shrink-0 bg-muted overflow-hidden", children: [
+        o ? /* @__PURE__ */ r("img", { src: o, alt: t, className: "h-full w-full object-cover transition-transform group-hover:scale-105" }) : /* @__PURE__ */ r("div", { className: "flex h-full w-full items-center justify-center bg-gradient-to-br from-primary/10 to-primary/5", children: /* @__PURE__ */ r(Se, { weight: "fill", className: "h-12 w-12 text-primary/60" }) }),
+        /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center bg-foreground/10 opacity-0 transition-opacity group-hover:opacity-100" }),
+        i && /* @__PURE__ */ r("span", { className: "absolute bottom-2 right-2 rounded bg-foreground/80 px-1.5 py-0.5 font-mono text-xs text-background", children: i })
+      ] }),
+      /* @__PURE__ */ d("div", { className: "flex flex-1 flex-col justify-center p-4 py-3", children: [
+        /* @__PURE__ */ r("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider mb-2", children: "Video Tutorial" }),
+        /* @__PURE__ */ d("h4", { className: "font-display font-semibold text-foreground group-hover:text-primary transition-colors flex items-center gap-1", children: [
+          t,
+          /* @__PURE__ */ r(Z, { className: "h-4 w-4 opacity-0 -translate-y-0.5 translate-x-0.5 transition-all group-hover:opacity-100 group-hover:translate-y-0 group-hover:translate-x-0" })
+        ] }),
+        e && /* @__PURE__ */ r("p", { className: "mt-1.5 text-sm text-muted-foreground line-clamp-2", children: e })
+      ] })
+    ] }) });
+}
+function Wn({
+  articles: t,
+  title: e = "Related Articles",
+  subtitle: a
+}) {
+  return /* @__PURE__ */ d("section", { className: "space-y-6", children: [
+    (e || a) && /* @__PURE__ */ d("div", { className: "mb-2", children: [
+      e && /* @__PURE__ */ r("h2", { className: "font-display text-2xl font-semibold text-foreground mb-2", children: e }),
+      a && /* @__PURE__ */ r("p", { className: "text-base text-muted-foreground", children: a })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "grid gap-6 sm:grid-cols-2", children: t.map((o, i) => /* @__PURE__ */ d(
+      Ut,
+      {
+        to: o.href,
+        className: "group relative flex flex-col overflow-hidden rounded-lg border border-border/40 bg-card p-5 shadow-card transition-all duration-300 hover:-translate-y-1 hover:shadow-card-hover",
+        style: { animationDelay: `${i * 100}ms` },
+        children: [
+          /* @__PURE__ */ d("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ r("span", { className: "rounded-full bg-accent px-3 py-1 text-xs font-medium text-primary", children: o.category }),
+            /* @__PURE__ */ r(Z, { className: "h-4 w-4 text-muted-foreground transition-all duration-300 group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:text-primary" })
+          ] }),
+          /* @__PURE__ */ r("h3", { className: "mb-2 font-display text-lg font-semibold leading-snug text-foreground transition-colors group-hover:text-primary", children: o.title }),
+          /* @__PURE__ */ r("p", { className: "mb-4 flex-1 text-sm leading-relaxed text-muted-foreground", children: o.excerpt }),
+          /* @__PURE__ */ d("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ r(Le, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ r("span", { children: o.readTime })
+          ] })
+        ]
+      },
+      o.id
+    )) })
+  ] });
+}
+function qn({
+  items: t,
+  title: e = "On this page",
+  className: a,
+  activeSection: o,
+  onSectionClick: i
+}) {
+  return !t || t.length === 0 ? null : /* @__PURE__ */ d("div", { className: `border border-border/40 rounded-lg p-4 bg-background max-w-xs ${a || ""}`, children: [
+    /* @__PURE__ */ r("p", { className: "font-display text-sm font-medium text-foreground mb-3", children: e }),
+    /* @__PURE__ */ r("nav", { className: "space-y-1", children: t.map((l) => /* @__PURE__ */ r(
+      "a",
+      {
+        href: `#${l.id}`,
+        onClick: () => i == null ? void 0 : i(l.id),
+        className: `block text-sm py-1.5 px-2 -mx-2 rounded-md transition-colors ${o === l.id ? "text-primary font-medium bg-[#FCF3F8]" : "text-muted-foreground hover:text-foreground"}`,
+        children: l.label
+      },
+      l.id
+    )) })
+  ] });
+}
+function Xn({ features: t, title: e = "What's included", className: a }) {
+  return !t || t.length === 0 ? null : /* @__PURE__ */ d("div", { className: a, children: [
+    /* @__PURE__ */ r("h2", { className: "font-display text-xl font-semibold text-foreground mb-6", children: e }),
+    /* @__PURE__ */ r("div", { className: "grid gap-4 sm:grid-cols-2", children: t.map((o) => /* @__PURE__ */ d("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-border/40 bg-background", children: [
+      /* @__PURE__ */ r(we, { weight: "fill", className: "h-5 w-5 text-primary shrink-0" }),
+      /* @__PURE__ */ r("span", { className: "text-sm text-foreground", children: o })
+    ] }, o)) })
+  ] });
+}
+export {
+  Vs as Accordion,
+  Xt as AccordionContent,
+  Wt as AccordionItem,
+  qt as AccordionTrigger,
+  Jt as Alert,
+  Zt as AlertDescription,
+  Hs as AlertDialog,
+  na as AlertDialogAction,
+  ia as AlertDialogCancel,
+  ta as AlertDialogContent,
+  sa as AlertDialogDescription,
+  ra as AlertDialogFooter,
+  aa as AlertDialogHeader,
+  Oe as AlertDialogOverlay,
+  ea as AlertDialogPortal,
+  oa as AlertDialogTitle,
+  $s as AlertDialogTrigger,
+  Qt as AlertTitle,
+  Ks as AspectRatio,
+  da as Avatar,
+  ca as AvatarFallback,
+  la as AvatarImage,
+  Us as Badge,
+  On as BlogHeader,
+  En as BlogNav,
+  ua as Breadcrumb,
+  xa as BreadcrumbEllipsis,
+  pa as BreadcrumbItem,
+  ga as BreadcrumbLink,
+  fa as BreadcrumbList,
+  ba as BreadcrumbPage,
+  ha as BreadcrumbSeparator,
+  oe as Button,
+  va as Calendar,
+  Bn as CalloutAudience,
+  Gn as CalloutCode,
+  Vn as CalloutDoc,
+  Hn as CalloutNextStep,
+  $n as CalloutSample,
+  Kn as CalloutTip,
+  Un as CalloutVideo,
+  Na as Card,
+  Ra as CardContent,
+  Ca as CardDescription,
+  Sa as CardFooter,
+  ya as CardHeader,
+  wa as CardTitle,
+  ka as Carousel,
+  Ta as CarouselContent,
+  Ia as CarouselItem,
+  Ma as CarouselNext,
+  Pa as CarouselPrevious,
+  _a as ChartContainer,
+  qs as ChartLegend,
+  ja as ChartLegendContent,
+  za as ChartStyle,
+  Ws as ChartTooltip,
+  Aa as ChartTooltipContent,
+  La as Checkbox,
+  Xs as Collapsible,
+  Js as CollapsibleContent,
+  Ys as CollapsibleTrigger,
+  $e as Command,
+  en as CommandDialog,
+  Ka as CommandEmpty,
+  Ua as CommandGroup,
+  Ha as CommandInput,
+  qa as CommandItem,
+  $a as CommandList,
+  Wa as CommandSeparator,
+  Xa as CommandShortcut,
+  tn as ContextMenu,
+  er as ContextMenuCheckboxItem,
+  Qa as ContextMenuContent,
+  rn as ContextMenuGroup,
+  Za as ContextMenuItem,
+  ar as ContextMenuLabel,
+  on as ContextMenuPortal,
+  nn as ContextMenuRadioGroup,
+  tr as ContextMenuRadioItem,
+  rr as ContextMenuSeparator,
+  or as ContextMenuShortcut,
+  sn as ContextMenuSub,
+  Ja as ContextMenuSubContent,
+  Ya as ContextMenuSubTrigger,
+  an as ContextMenuTrigger,
+  Fa as Dialog,
+  Zs as DialogClose,
+  He as DialogContent,
+  Va as DialogDescription,
+  Ba as DialogFooter,
+  Ea as DialogHeader,
+  Ve as DialogOverlay,
+  Oa as DialogPortal,
+  Ga as DialogTitle,
+  Qs as DialogTrigger,
+  sr as Drawer,
+  ln as DrawerClose,
+  ir as DrawerContent,
+  mr as DrawerDescription,
+  lr as DrawerFooter,
+  dr as DrawerHeader,
+  Ke as DrawerOverlay,
+  nr as DrawerPortal,
+  cr as DrawerTitle,
+  dn as DrawerTrigger,
+  cn as DropdownMenu,
+  br as DropdownMenuCheckboxItem,
+  pr as DropdownMenuContent,
+  un as DropdownMenuGroup,
+  gr as DropdownMenuItem,
+  xr as DropdownMenuLabel,
+  fn as DropdownMenuPortal,
+  gn as DropdownMenuRadioGroup,
+  hr as DropdownMenuRadioItem,
+  vr as DropdownMenuSeparator,
+  Nr as DropdownMenuShortcut,
+  pn as DropdownMenuSub,
+  fr as DropdownMenuSubContent,
+  ur as DropdownMenuSubTrigger,
+  mn as DropdownMenuTrigger,
+  Cs as FeatureList,
+  bn as Form,
+  Rr as FormControl,
+  Sr as FormDescription,
+  hn as FormField,
+  wr as FormItem,
+  Cr as FormLabel,
+  kr as FormMessage,
+  xn as HoverCard,
+  Tr as HoverCardContent,
+  vn as HoverCardTrigger,
+  Xe as Input,
+  Ir as InputOTP,
+  Pr as InputOTPGroup,
+  Dr as InputOTPSeparator,
+  Mr as InputOTPSlot,
+  Ue as Label,
+  _r as Menubar,
+  Or as MenubarCheckboxItem,
+  Lr as MenubarContent,
+  yn as MenubarGroup,
+  Fr as MenubarItem,
+  Br as MenubarLabel,
+  Nn as MenubarMenu,
+  wn as MenubarPortal,
+  Rn as MenubarRadioGroup,
+  Er as MenubarRadioItem,
+  Gr as MenubarSeparator,
+  Vr as MenubarShortcut,
+  Cn as MenubarSub,
+  jr as MenubarSubContent,
+  Ar as MenubarSubTrigger,
+  zr as MenubarTrigger,
+  Hr as NavigationMenu,
+  Wr as NavigationMenuContent,
+  qr as NavigationMenuIndicator,
+  Sn as NavigationMenuItem,
+  kn as NavigationMenuLink,
+  $r as NavigationMenuList,
+  Ur as NavigationMenuTrigger,
+  Ye as NavigationMenuViewport,
+  Xr as Pagination,
+  Yr as PaginationContent,
+  eo as PaginationEllipsis,
+  Jr as PaginationItem,
+  Ce as PaginationLink,
+  Zr as PaginationNext,
+  Qr as PaginationPrevious,
+  Tn as Popover,
+  to as PopoverContent,
+  In as PopoverTrigger,
+  ao as Progress,
+  ro as RadioGroup,
+  oo as RadioGroupItem,
+  Wn as RelatedArticles,
+  Dn as ResizableHandle,
+  Mn as ResizablePanel,
+  Pn as ResizablePanelGroup,
+  so as ScrollArea,
+  Je as ScrollBar,
+  ke as Select,
+  be as SelectContent,
+  _n as SelectGroup,
+  he as SelectItem,
+  no as SelectLabel,
+  Ze as SelectScrollDownButton,
+  Qe as SelectScrollUpButton,
+  io as SelectSeparator,
+  ge as SelectTrigger,
+  Te as SelectValue,
+  et as Separator,
+  lo as Sheet,
+  An as SheetClose,
+  at as SheetContent,
+  go as SheetDescription,
+  fo as SheetFooter,
+  uo as SheetHeader,
+  tt as SheetOverlay,
+  co as SheetPortal,
+  po as SheetTitle,
+  zn as SheetTrigger,
+  To as Sidebar,
+  jo as SidebarContent,
+  zo as SidebarFooter,
+  Lo as SidebarGroup,
+  Oo as SidebarGroupAction,
+  Eo as SidebarGroupContent,
+  Fo as SidebarGroupLabel,
+  _o as SidebarHeader,
+  Do as SidebarInput,
+  Mo as SidebarInset,
+  Bo as SidebarMenu,
+  $o as SidebarMenuAction,
+  Ko as SidebarMenuBadge,
+  Ho as SidebarMenuButton,
+  Go as SidebarMenuItem,
+  Uo as SidebarMenuSkeleton,
+  Wo as SidebarMenuSub,
+  Xo as SidebarMenuSubButton,
+  qo as SidebarMenuSubItem,
+  ko as SidebarProvider,
+  Po as SidebarRail,
+  Ao as SidebarSeparator,
+  Io as SidebarTrigger,
+  Ie as Skeleton,
+  Yo as Slider,
+  jn as SonnerToaster,
+  Jo as Switch,
+  Qo as Table,
+  es as TableBody,
+  ss as TableCaption,
+  os as TableCell,
+  ts as TableFooter,
+  rs as TableHead,
+  Zo as TableHeader,
+  qn as TableOfContents,
+  as as TableRow,
+  Ln as Tabs,
+  ds as TabsContent,
+  ns as TabsList,
+  is as TabsTrigger,
+  ls as Textarea,
+  nt as Toast,
+  us as ToastAction,
+  it as ToastClose,
+  lt as ToastDescription,
+  cs as ToastProvider,
+  dt as ToastTitle,
+  st as ToastViewport,
+  Fn as Toaster,
+  vs as Toggle,
+  Ns as ToggleGroup,
+  ys as ToggleGroupItem,
+  xo as Tooltip,
+  rt as TooltipContent,
+  ho as TooltipProvider,
+  vo as TooltipTrigger,
+  Xn as WhatsIncluded,
+  ma as badgeVariants,
+  B as buttonVariants,
+  s as cn,
+  Kr as navigationMenuTriggerStyle,
+  Qn as sonnerToast,
+  hs as toast,
+  ct as toggleVariants,
+  ne as useFormField,
+  bo as useIsMobile,
+  ie as useSidebar,
+  xs as useToast
+};