@lglab/compose-ui 0.20.0 → 0.21.0

package/dist/index.es.js

@@ -1,1666 +0,0 @@
-"use client";
-import { jsx as a, jsxs as R } from "react/jsx-runtime";
-import { Button as B } from "@base-ui/react/button";
-import { cva as u } from "class-variance-authority";
-import { clsx as F } from "clsx";
-import { twMerge as H } from "tailwind-merge";
-import { Collapsible as I } from "@base-ui/react/collapsible";
-import { AlertDialog as g } from "@base-ui/react/alert-dialog";
-import { AlertDialog as Cr } from "@base-ui/react/alert-dialog";
-import { Avatar as D } from "@base-ui/react/avatar";
-import * as b from "react";
-import { ScrollArea as y } from "@base-ui/react/scroll-area";
-import { Separator as O } from "@base-ui/react/separator";
-import { Switch as V } from "@base-ui/react/switch";
-import { Toggle as L } from "@base-ui/react/toggle";
-import { Tabs as v } from "@base-ui/react/tabs";
-import { Dialog as d } from "@base-ui/react/dialog";
-import { Accordion as w } from "@base-ui/react/accordion";
-import { Meter as M } from "@base-ui/react/meter";
-import { Menu as s } from "@base-ui/react/menu";
-import { Popover as m } from "@base-ui/react/popover";
-import { Progress as C } from "@base-ui/react/progress";
-import { ToggleGroup as q } from "@base-ui/react/toggle-group";
-import { ContextMenu as l } from "@base-ui/react/context-menu";
-import { Menubar as $ } from "@base-ui/react/menubar";
-import { Slider as N } from "@base-ui/react/slider";
-import { Tooltip as f } from "@base-ui/react/tooltip";
-const i = u(
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all select-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border border-border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function r(...e) {
-  return H(F(e));
-}
-const E = ({
-  className: e,
-  variant: t,
-  size: o,
-  disabled: n,
-  children: c,
-  ...p
-}) => /* @__PURE__ */ a(
-  B,
-  {
-    className: r(i({ variant: t, size: o }), e),
-    disabled: n,
-    ...p,
-    children: c
-  }
-);
-E.displayName = "Button";
-const Z = ({ className: e, ...t }) => /* @__PURE__ */ a(I.Root, { className: r("w-full", e), ...t });
-Z.displayName = "CollapsibleRoot";
-const J = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  I.Trigger,
-  {
-    className: r("flex items-center justify-between font-medium", e),
-    ...t
-  }
-);
-J.displayName = "CollapsibleTrigger";
-const K = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  I.Panel,
-  {
-    className: r(
-      '[&[hidden]:not([hidden="until-found"])]:hidden h-(--collapsible-panel-height)',
-      "overflow-hidden duration-200 transition-all ease-out",
-      "data-ending-style:h-0",
-      "data-starting-style:h-0",
-      e
-    ),
-    ...t
-  }
-);
-K.displayName = "CollapsiblePanel";
-const Q = (e) => /* @__PURE__ */ a(g.Root, { ...e });
-Q.displayName = "AlertDialogRoot";
-const U = ({
-  className: e,
-  variant: t,
-  size: o,
-  ...n
-}) => /* @__PURE__ */ a(
-  g.Trigger,
-  {
-    className: r(i({ variant: t, size: o }), e),
-    ...n
-  }
-);
-U.displayName = "AlertDialogTrigger";
-const W = (e) => /* @__PURE__ */ a(g.Portal, { ...e });
-W.displayName = "AlertDialogPortal";
-const X = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  g.Backdrop,
-  {
-    className: r(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      e
-    ),
-    ...t
-  }
-);
-X.displayName = "AlertDialogBackdrop";
-const Y = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  g.Viewport,
-  {
-    className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
-    ...t
-  }
-);
-Y.displayName = "AlertDialogViewport";
-const ee = u(
-  [
-    "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
-    "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
-    "transition-all duration-200",
-    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-    "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
-    "top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]",
-    "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-sm",
-        default: "w-lg",
-        lg: "w-2xl",
-        xl: "w-4xl",
-        full: "h-[calc(100vh-2rem)]"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), te = ({ className: e, size: t, ...o }) => /* @__PURE__ */ a(
-  g.Popup,
-  {
-    className: r(ee({ size: t }), e),
-    ...o
-  }
-);
-te.displayName = "AlertDialogPopup";
-const ae = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  g.Title,
-  {
-    className: r("text-lg font-semibold leading-none tracking-tight", e),
-    ...t
-  }
-);
-ae.displayName = "AlertDialogTitle";
-const re = ({ className: e, ...t }) => /* @__PURE__ */ a(g.Description, { className: r("mt-2", e), ...t });
-re.displayName = "AlertDialogDescription";
-const oe = ({
-  className: e,
-  variant: t,
-  size: o,
-  ...n
-}) => /* @__PURE__ */ a(
-  g.Close,
-  {
-    className: r(i({ variant: t ?? "outline", size: o }), e),
-    ...n
-  }
-);
-oe.displayName = "AlertDialogClose";
-const G = u(
-  [
-    "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
-    "bg-muted text-foreground",
-    "border-2 border-background"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-8 text-xs",
-        default: "size-10 text-sm",
-        lg: "size-12 text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), _ = ({ className: e, size: t, ...o }) => /* @__PURE__ */ a(D.Root, { className: r(G({ size: t }), e), ...o });
-_.displayName = "AvatarRoot";
-const se = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  D.Image,
-  {
-    className: r("aspect-square h-full w-full object-cover", e),
-    ...t
-  }
-);
-se.displayName = "AvatarImage";
-const ne = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  D.Fallback,
-  {
-    className: r(
-      "flex h-full w-full items-center justify-center font-medium",
-      e
-    ),
-    ...t
-  }
-);
-ne.displayName = "AvatarFallback";
-const ie = ({
-  "aria-label": e,
-  maxVisible: t,
-  className: o,
-  children: n
-}) => {
-  const c = b.Children.toArray(n), p = c.length, x = t !== void 0 ? Math.min(t, p) : p, P = p - x, T = c.slice(0, x), j = (() => {
-    const h = c[0];
-    return b.isValidElement(h) && h.type === _ ? h.props.size ?? "default" : "default";
-  })();
-  return /* @__PURE__ */ R("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
-    T.map((h, z) => /* @__PURE__ */ a("li", { children: h }, z)),
-    P > 0 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ R(
-      "span",
-      {
-        className: r(
-          "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
-          "bg-muted text-foreground border-2 border-background",
-          "font-medium",
-          G({ size: j })
-        ),
-        children: [
-          "+",
-          P
-        ]
-      }
-    ) })
-  ] });
-};
-ie.displayName = "AvatarStack";
-const le = ({ className: e, ...t }) => /* @__PURE__ */ a(y.Root, { className: r("relative", e), ...t });
-le.displayName = "ScrollAreaRoot";
-const de = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  y.Viewport,
-  {
-    className: r("h-full overscroll-contain pr-3", e),
-    ...t
-  }
-);
-de.displayName = "ScrollAreaViewport";
-const ce = ({ className: e, ...t }) => /* @__PURE__ */ a(y.Content, { className: r("min-w-full", e), ...t });
-ce.displayName = "ScrollAreaContent";
-const ue = ({
-  className: e,
-  orientation: t = "vertical",
-  ...o
-}) => /* @__PURE__ */ a(
-  y.Scrollbar,
-  {
-    className: r(
-      "flex touch-none select-none p-0.5 transition-colors duration-200 ease-out",
-      "data-hovering:bg-muted/50",
-      t === "vertical" && "h-full w-2.5",
-      t === "horizontal" && "h-2.5 w-full flex-col",
-      e
-    ),
-    orientation: t,
-    ...o
-  }
-);
-ue.displayName = "ScrollAreaScrollbar";
-const me = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  y.Thumb,
-  {
-    className: r(
-      "relative flex-1 rounded-full bg-border transition-colors",
-      "hover:bg-muted-foreground/50",
-      e
-    ),
-    ...t
-  }
-);
-me.displayName = "ScrollAreaThumb";
-const pe = ({ className: e, ...t }) => /* @__PURE__ */ a(y.Corner, { className: r("bg-muted/50", e), ...t });
-pe.displayName = "ScrollAreaCorner";
-const ge = ({
-  className: e,
-  orientation: t = "horizontal",
-  ...o
-}) => /* @__PURE__ */ a(
-  O,
-  {
-    orientation: t,
-    className: r(
-      "shrink-0 bg-border",
-      t === "horizontal" ? "h-px w-full" : "h-full w-px",
-      e
-    ),
-    ...o
-  }
-);
-ge.displayName = "Separator";
-const be = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  V.Root,
-  {
-    className: r(
-      "relative flex h-6 w-10 rounded-full",
-      "bg-linear-to-r from-primary from-35% to-muted to-65% bg-size-[6.5rem_100%] bg-position-[100%_0%] bg-no-repeat",
-      "p-px",
-      "shadow-[inset_0_1.5px_2px] shadow-muted-foreground/20",
-      "transition-[background-position,box-shadow] duration-125 ease-[cubic-bezier(0.26,0.75,0.38,0.45)]",
-      "data-checked:bg-position-[0%_0%]",
-      "dark:from-primary/50 dark:shadow-none",
-      e
-    ),
-    ...t
-  }
-);
-be.displayName = "SwitchRoot";
-const fe = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  V.Thumb,
-  {
-    className: r(
-      "aspect-square h-full rounded-full bg-background",
-      "shadow-[0_0_1px_1px,0_1px_1px,1px_2px_4px_-1px] shadow-muted-foreground/20",
-      "transition-all duration-200",
-      "data-checked:translate-x-4",
-      "dark:shadow-black/25 dark:bg-foreground dark:data-checked:bg-background",
-      "data-disabled:opacity-100",
-      e
-    ),
-    ...t
-  }
-);
-fe.displayName = "SwitchThumb";
-const A = u(
-  [
-    "inline-flex items-center justify-center gap-2 rounded-md",
-    "text-sm font-medium",
-    "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
-    "select-none transition-colors duration-200",
-    "border border-border bg-background shadow-xs"
-  ],
-  {
-    variants: {
-      variant: {
-        default: [
-          "hover:bg-accent hover:text-accent-foreground",
-          "data-pressed:border-primary data-pressed:bg-primary data-pressed:text-primary-foreground data-pressed:shadow-none",
-          "data-popup-open:border-primary data-popup-open:bg-primary data-popup-open:text-primary-foreground data-popup-open:shadow-none"
-        ],
-        ghost: ["hover:bg-accent"]
-      },
-      size: {
-        sm: "h-8 min-w-8 px-2.5 gap-1.5",
-        default: "h-9 min-w-9 px-3",
-        lg: "h-10 min-w-10 px-3.5",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), ye = ({ className: e, variant: t, size: o, ...n }) => /* @__PURE__ */ a(
-  L,
-  {
-    className: r(A({ variant: t, size: o }), e),
-    ...n
-  }
-);
-ye.displayName = "Toggle";
-const Ne = ({ className: e, ...t }) => /* @__PURE__ */ a(v.Root, { className: r("flex flex-col", e), ...t });
-Ne.displayName = "TabsRoot";
-const xe = u(
-  ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
-  {
-    variants: {
-      orientation: {
-        horizontal: "flex-row",
-        vertical: "flex-col"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), he = ({ className: e, orientation: t = "horizontal", ...o }) => /* @__PURE__ */ a(
-  v.List,
-  {
-    className: r(xe({ orientation: t }), e),
-    ...o
-  }
-);
-he.displayName = "TabsList";
-const ve = u(
-  [
-    "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
-    "rounded-md px-3 py-1.5 text-sm font-medium",
-    "transition-all duration-200",
-    "text-foreground/80",
-    "data-[active]:text-foreground",
-    "hover:text-foreground"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "px-2 py-1 text-xs",
-        default: "px-3 py-1.5 text-sm",
-        lg: "px-4 py-2 text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), we = ({ className: e, size: t, ...o }) => /* @__PURE__ */ a(v.Tab, { className: r(ve({ size: t }), e), ...o });
-we.displayName = "TabsTab";
-const Me = u(
-  ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
-  {
-    variants: {
-      orientation: {
-        horizontal: "bottom-1 top-1 left-[var(--active-tab-left)] w-[var(--active-tab-width)]",
-        vertical: "left-1 right-1 top-[var(--active-tab-top)] h-[var(--active-tab-height)]"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), Ce = ({
-  className: e,
-  orientation: t = "horizontal",
-  ...o
-}) => /* @__PURE__ */ a(
-  v.Indicator,
-  {
-    className: r(Me({ orientation: t }), e),
-    ...o
-  }
-);
-Ce.displayName = "TabsIndicator";
-const ke = ({ className: e, ...t }) => /* @__PURE__ */ a(v.Panel, { className: r("mt-2 ring-offset-background", e), ...t });
-ke.displayName = "TabsPanel";
-const Pe = (e) => /* @__PURE__ */ a(d.Root, { ...e });
-Pe.displayName = "DialogRoot";
-const Te = ({ className: e, variant: t, size: o, ...n }) => /* @__PURE__ */ a(
-  d.Trigger,
-  {
-    className: r(i({ variant: t, size: o }), e),
-    ...n
-  }
-);
-Te.displayName = "DialogTrigger";
-const Re = (e) => /* @__PURE__ */ a(d.Portal, { ...e });
-Re.displayName = "DialogPortal";
-const Ie = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  d.Backdrop,
-  {
-    className: r(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      e
-    ),
-    ...t
-  }
-);
-Ie.displayName = "DialogBackdrop";
-const De = u(
-  [
-    "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
-    "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
-    "transition-all duration-200",
-    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-    "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
-    "top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]",
-    "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-sm",
-        default: "w-lg",
-        lg: "w-2xl",
-        xl: "w-4xl",
-        full: "h-[calc(100vh-2rem)]"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), Ae = ({ className: e, size: t, ...o }) => /* @__PURE__ */ a(
-  d.Popup,
-  {
-    className: r(De({ size: t }), e),
-    ...o
-  }
-);
-Ae.displayName = "DialogPopup";
-const Se = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  d.Title,
-  {
-    className: r("text-lg font-semibold leading-none tracking-tight", e),
-    ...t
-  }
-);
-Se.displayName = "DialogTitle";
-const ze = ({ className: e, ...t }) => /* @__PURE__ */ a(d.Description, { className: r("mt-2", e), ...t });
-ze.displayName = "DialogDescription";
-const Ve = ({ className: e, variant: t, size: o, ...n }) => /* @__PURE__ */ a(
-  d.Close,
-  {
-    className: r(i({ variant: t ?? "outline", size: o }), e),
-    ...n
-  }
-);
-Ve.displayName = "DialogClose";
-const Le = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("flex flex-col space-y-1 mb-5", e), ...t });
-Le.displayName = "DialogHeader";
-const Ge = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: r(
-      "mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-      e
-    ),
-    ...t
-  }
-);
-Ge.displayName = "DialogFooter";
-const _e = (e) => /* @__PURE__ */ a(d.Root, { ...e });
-_e.displayName = "DrawerRoot";
-const je = ({ className: e, variant: t, size: o, ...n }) => /* @__PURE__ */ a(
-  d.Trigger,
-  {
-    className: r(i({ variant: t, size: o }), e),
-    ...n
-  }
-);
-je.displayName = "DrawerTrigger";
-const Be = (e) => /* @__PURE__ */ a(d.Portal, { ...e });
-Be.displayName = "DrawerPortal";
-const Fe = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  d.Backdrop,
-  {
-    className: r(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-300",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      e
-    ),
-    ...t
-  }
-);
-Fe.displayName = "DrawerBackdrop";
-const He = u(
-  [
-    "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
-    "transition-transform duration-300 ease-out",
-    "scale-[calc(1-0.1*var(--nested-dialogs))]",
-    "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
-  ],
-  {
-    variants: {
-      side: {
-        top: [
-          "inset-x-0 top-0 border-b border-border",
-          "data-starting-style:-translate-y-full",
-          "data-ending-style:-translate-y-full"
-        ],
-        right: [
-          "inset-y-0 right-0 h-full w-sm max-w-full border-l border-border",
-          "data-starting-style:translate-x-full",
-          "data-ending-style:translate-x-full"
-        ],
-        bottom: [
-          "inset-x-0 bottom-0 border-t border-border",
-          "data-starting-style:translate-y-full",
-          "data-ending-style:translate-y-full"
-        ],
-        left: [
-          "inset-y-0 left-0 h-full w-sm max-w-full border-r border-border",
-          "data-starting-style:-translate-x-full",
-          "data-ending-style:-translate-x-full"
-        ]
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-), Oe = ({ className: e, side: t, ...o }) => /* @__PURE__ */ a(
-  d.Popup,
-  {
-    className: r(He({ side: t }), e),
-    ...o
-  }
-);
-Oe.displayName = "DrawerPopup";
-const qe = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  d.Title,
-  {
-    className: r("text-lg font-semibold leading-none tracking-tight", e),
-    ...t
-  }
-);
-qe.displayName = "DrawerTitle";
-const $e = ({ className: e, ...t }) => /* @__PURE__ */ a(d.Description, { className: r("", e), ...t });
-$e.displayName = "DrawerDescription";
-const Ee = ({ className: e, variant: t, size: o, ...n }) => /* @__PURE__ */ a(
-  d.Close,
-  {
-    className: r(i({ variant: t ?? "outline", size: o }), e),
-    ...n
-  }
-);
-Ee.displayName = "DrawerClose";
-const Ze = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("flex flex-col space-y-1.5", e), ...t });
-Ze.displayName = "DrawerHeader";
-const Je = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("py-5", e), ...t });
-Je.displayName = "DrawerContent";
-const Ke = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("", e), ...t });
-Ke.displayName = "DrawerFooter";
-const Qe = ({ className: e, ...t }) => /* @__PURE__ */ a(w.Root, { className: r("w-full", e), ...t });
-Qe.displayName = "AccordionRoot";
-const Ue = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  w.Item,
-  {
-    className: r("border-b border-border last:border-b-0", e),
-    ...t
-  }
-);
-Ue.displayName = "AccordionItem";
-const We = ({ className: e, ...t }) => /* @__PURE__ */ a(w.Header, { className: r("flex", e), ...t });
-We.displayName = "AccordionHeader";
-const Xe = ({ className: e, children: t, ...o }) => /* @__PURE__ */ a(
-  w.Trigger,
-  {
-    className: r(
-      "flex flex-1 items-center justify-between py-3 font-medium",
-      e
-    ),
-    ...o,
-    children: t
-  }
-);
-Xe.displayName = "AccordionTrigger";
-const Ye = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  w.Panel,
-  {
-    className: r(
-      "overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0",
-      e
-    ),
-    ...t
-  }
-);
-Ye.displayName = "AccordionPanel";
-const et = ({ className: e, animated: t, value: o, ...n }) => {
-  const c = o ?? 0, [p, x] = b.useState(t ? 0 : c);
-  return b.useEffect(() => {
-    if (t) {
-      const P = requestAnimationFrame(() => {
-        const T = requestAnimationFrame(() => {
-          x(c ?? 0);
-        });
-        return () => cancelAnimationFrame(T);
-      });
-      return () => cancelAnimationFrame(P);
-    } else
-      x(c ?? 0);
-  }, [t, c]), /* @__PURE__ */ a(M.Root, { className: r("w-full", e), value: p, ...n });
-};
-et.displayName = "MeterRoot";
-const tt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  M.Track,
-  {
-    className: r(
-      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
-      e
-    ),
-    ...t
-  }
-);
-tt.displayName = "MeterTrack";
-const at = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  M.Indicator,
-  {
-    className: r(
-      "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
-      e
-    ),
-    ...t
-  }
-);
-at.displayName = "MeterIndicator";
-const rt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  M.Value,
-  {
-    className: r("text-sm font-medium text-foreground", e),
-    ...t
-  }
-);
-rt.displayName = "MeterValue";
-const ot = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  M.Label,
-  {
-    className: r("text-sm font-medium text-foreground", e),
-    ...t
-  }
-);
-ot.displayName = "MeterLabel";
-function k({
-  fillClassName: e = "fill-background",
-  strokeClassName: t = "fill-border",
-  className: o,
-  ...n
-}) {
-  return /* @__PURE__ */ R(
-    "svg",
-    {
-      width: "20",
-      height: "10",
-      viewBox: "0 0 20 10",
-      fill: "none",
-      className: r(o),
-      ...n,
-      children: [
-        /* @__PURE__ */ a(
-          "path",
-          {
-            d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
-            className: e
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
-            className: t
-          }
-        )
-      ]
-    }
-  );
-}
-const st = (e) => /* @__PURE__ */ a(s.Root, { ...e });
-st.displayName = "MenuRoot";
-const nt = ({ className: e, ...t }) => /* @__PURE__ */ a(s.Trigger, { className: r(e), ...t });
-nt.displayName = "MenuTrigger";
-const it = (e) => /* @__PURE__ */ a(s.Portal, { ...e });
-it.displayName = "MenuPortal";
-const lt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Positioner,
-  {
-    className: r("z-50 outline-none", e),
-    sideOffset: 8,
-    ...t
-  }
-);
-lt.displayName = "MenuPositioner";
-const dt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Popup,
-  {
-    className: r(
-      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
-      "min-w-[8rem]",
-      e
-    ),
-    ...t
-  }
-);
-dt.displayName = "MenuPopup";
-const ct = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Arrow,
-  {
-    className: r(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      e
-    ),
-    ...t,
-    children: /* @__PURE__ */ a(k, {})
-  }
-);
-ct.displayName = "MenuArrow";
-const ut = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Item,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "flex justify-start",
-      e
-    ),
-    ...t
-  }
-);
-ut.displayName = "MenuItem";
-const mt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Separator,
-  {
-    className: r("-mx-1 my-1 h-px bg-border", e),
-    ...t
-  }
-);
-mt.displayName = "MenuSeparator";
-const pt = ({ className: e, ...t }) => /* @__PURE__ */ a(s.Group, { className: r(e), ...t });
-pt.displayName = "MenuGroup";
-const gt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.GroupLabel,
-  {
-    className: r("px-3 py-1.5 text-sm font-semibold", e),
-    ...t
-  }
-);
-gt.displayName = "MenuGroupLabel";
-const bt = ({ className: e, ...t }) => /* @__PURE__ */ a(s.RadioGroup, { className: r(e), ...t });
-bt.displayName = "MenuRadioGroup";
-const ft = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.RadioItem,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...t
-  }
-);
-ft.displayName = "MenuRadioItem";
-const yt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.CheckboxItem,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...t
-  }
-);
-yt.displayName = "MenuCheckboxItem";
-const Nt = ({ className: e, ...t }) => /* @__PURE__ */ a(s.RadioItemIndicator, { className: r("col-start-1", e), ...t });
-Nt.displayName = "MenuRadioItemIndicator";
-const xt = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(s.CheckboxItemIndicator, { className: r("col-start-1", e), ...t });
-xt.displayName = "MenuCheckboxItemIndicator";
-const ht = ({ className: e, ...t }) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
-ht.displayName = "MenuCheckboxItemLabel";
-const vt = ({ className: e, ...t }) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
-vt.displayName = "MenuRadioItemLabel";
-const wt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.SubmenuTrigger,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "flex justify-between",
-      e
-    ),
-    ...t
-  }
-);
-wt.displayName = "MenuSubmenuTrigger";
-const Mt = (e) => /* @__PURE__ */ a(s.SubmenuRoot, { ...e });
-Mt.displayName = "MenuSubmenuRoot";
-const Ct = (e) => /* @__PURE__ */ a(m.Root, { ...e });
-Ct.displayName = "PopoverRoot";
-const kt = ({ className: e, ...t }) => /* @__PURE__ */ a(m.Trigger, { className: r(e), ...t });
-kt.displayName = "PopoverTrigger";
-const Pt = (e) => /* @__PURE__ */ a(m.Portal, { ...e });
-Pt.displayName = "PopoverPortal";
-const Tt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  m.Backdrop,
-  {
-    className: r(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      e
-    ),
-    ...t
-  }
-);
-Tt.displayName = "PopoverBackdrop";
-const Rt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  m.Positioner,
-  {
-    className: r(
-      "z-50 outline-none",
-      "h-(--positioner-height) w-(--positioner-width)",
-      "max-w-(--available-width)",
-      "transition-[top,left,right,bottom,transform]",
-      "duration-[0.35s]",
-      "ease-[cubic-bezier(0.22,1,0.36,1)]",
-      "data-instant:transition-none",
-      e
-    ),
-    sideOffset: 8,
-    ...t
-  }
-);
-Rt.displayName = "PopoverPositioner";
-const It = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  m.Popup,
-  {
-    className: r(
-      "rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative",
-      "h-(--popup-height,auto) w-(--popup-width,auto)",
-      "max-w-[500px]",
-      "origin-(--transform-origin)",
-      "border-border",
-      "transition-[transform,scale,opacity]",
-      "data-ending-style:scale-90 data-ending-style:opacity-0",
-      "data-starting-style:scale-90 data-starting-style:opacity-0",
-      "dark:shadow-none",
-      "origin-(--transform-origin)",
-      e
-    ),
-    ...t
-  }
-);
-It.displayName = "PopoverPopup";
-const Dt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  m.Arrow,
-  {
-    className: r(
-      "flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180",
-      e
-    ),
-    ...t,
-    children: /* @__PURE__ */ a(k, {})
-  }
-);
-Dt.displayName = "PopoverArrow";
-const At = ({ className: e, ...t }) => /* @__PURE__ */ a(m.Title, { className: r("text-sm font-semibold", e), ...t });
-At.displayName = "PopoverTitle";
-const St = ({ className: e, ...t }) => /* @__PURE__ */ a(m.Description, { className: r("text-sm", e), ...t });
-St.displayName = "PopoverDescription";
-const zt = ({ className: e, ...t }) => /* @__PURE__ */ a(m.Close, { className: r(e), ...t });
-zt.displayName = "PopoverClose";
-const Vt = ({ className: e, ...t }) => /* @__PURE__ */ a(m.Viewport, { className: r(e), ...t });
-Vt.displayName = "PopoverViewport";
-const Lt = ({ className: e, ...t }) => /* @__PURE__ */ a(C.Root, { className: r("w-full", e), ...t });
-Lt.displayName = "ProgressRoot";
-const Gt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  C.Track,
-  {
-    className: r(
-      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
-      e
-    ),
-    ...t
-  }
-);
-Gt.displayName = "ProgressTrack";
-const _t = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  C.Indicator,
-  {
-    className: r(
-      "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
-      e
-    ),
-    ...t
-  }
-);
-_t.displayName = "ProgressIndicator";
-const jt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  C.Value,
-  {
-    className: r("text-sm font-medium text-foreground", e),
-    ...t
-  }
-);
-jt.displayName = "ProgressValue";
-const Bt = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  C.Label,
-  {
-    className: r("text-sm font-medium text-foreground", e),
-    ...t
-  }
-);
-Bt.displayName = "ProgressLabel";
-const Ft = ({ className: e, orientation: t, ...o }) => /* @__PURE__ */ a(
-  q,
-  {
-    orientation: t,
-    className: r(
-      "inline-flex",
-      t === "vertical" && "flex-col",
-      // Connected items: collapse borders, round only outer corners
-      "[&>button]:rounded-none [&>button:not(:first-of-type)]:-ml-px",
-      "[&>button:first-of-type]:rounded-l-md [&>button:last-of-type]:rounded-r-md",
-      // Vertical orientation adjustments
-      t === "vertical" && "[&>button:not(:first-of-type)]:ml-0 [&>button:not(:first-of-type)]:-mt-px [&>button:first-of-type]:rounded-bl-none [&>button:last-of-type]:rounded-r-none [&>button:first-of-type]:rounded-t-md [&>button:last-of-type]:rounded-b-md",
-      e
-    ),
-    ...o
-  }
-);
-Ft.displayName = "ToggleGroupRoot";
-const Ht = ({
-  className: e,
-  variant: t,
-  size: o,
-  ...n
-}) => /* @__PURE__ */ a(L, { className: r(A({ variant: t, size: o }), e), ...n });
-Ht.displayName = "ToggleGroupItem";
-const Ot = u("rounded-lg bg-card text-card-foreground transition-colors", {
-  variants: {
-    variant: {
-      default: "border shadow-sm",
-      outline: "border",
-      elevated: "shadow-md"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), qt = b.forwardRef(
-  ({ className: e, variant: t, ...o }, n) => /* @__PURE__ */ a(
-    "article",
-    {
-      ref: n,
-      className: r(Ot({ variant: t }), e),
-      ...o
-    }
-  )
-);
-qt.displayName = "CardRoot";
-const $t = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: r(
-      "overflow-hidden",
-      "[&>img]:h-full [&>img]:w-full [&>img]:object-cover",
-      e
-    ),
-    ...t
-  }
-);
-$t.displayName = "CardMedia";
-const Et = ({ className: e, ...t }) => /* @__PURE__ */ a("header", { className: r("flex flex-col gap-1 p-4", e), ...t });
-Et.displayName = "CardHeader";
-const Zt = ({ as: e = "h3", className: t, ...o }) => /* @__PURE__ */ a(
-  e,
-  {
-    className: r("text-base font-semibold leading-tight", t),
-    ...o
-  }
-);
-Zt.displayName = "CardTitle";
-const Jt = ({ className: e, ...t }) => /* @__PURE__ */ a("p", { className: r("text-sm", e), ...t });
-Jt.displayName = "CardDescription";
-const Kt = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("p-4 pt-0", e), ...t });
-Kt.displayName = "CardContent";
-const Qt = ({ className: e, ...t }) => /* @__PURE__ */ a("section", { className: r("p-4", e), ...t });
-Qt.displayName = "CardSection";
-const Ut = ({ className: e, ...t }) => /* @__PURE__ */ a("footer", { className: r("flex items-center p-4", e), ...t });
-Ut.displayName = "CardFooter";
-const Wt = (e) => /* @__PURE__ */ a(l.Root, { ...e });
-Wt.displayName = "ContextMenuRoot";
-const Xt = ({ className: e, ...t }) => /* @__PURE__ */ a(l.Trigger, { className: r(e), ...t });
-Xt.displayName = "ContextMenuTrigger";
-const Yt = (e) => /* @__PURE__ */ a(l.Portal, { ...e });
-Yt.displayName = "ContextMenuPortal";
-const ea = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  l.Positioner,
-  {
-    className: r("z-50 outline-none", e),
-    sideOffset: 3,
-    ...t
-  }
-);
-ea.displayName = "ContextMenuPositioner";
-const ta = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  l.Popup,
-  {
-    className: r(
-      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
-      "min-w-[8rem]",
-      e
-    ),
-    ...t
-  }
-);
-ta.displayName = "ContextMenuPopup";
-const aa = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  l.Arrow,
-  {
-    className: r(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      e
-    ),
-    ...t,
-    children: /* @__PURE__ */ a(k, {})
-  }
-);
-aa.displayName = "ContextMenuArrow";
-const ra = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  l.Item,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "flex justify-start",
-      e
-    ),
-    ...t
-  }
-);
-ra.displayName = "ContextMenuItem";
-const oa = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  l.Separator,
-  {
-    className: r("-mx-1 my-1 h-px bg-border", e),
-    ...t
-  }
-);
-oa.displayName = "ContextMenuSeparator";
-const sa = ({ className: e, ...t }) => /* @__PURE__ */ a(l.Group, { className: r(e), ...t });
-sa.displayName = "ContextMenuGroup";
-const na = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  l.GroupLabel,
-  {
-    className: r("px-3 py-1.5 text-sm font-semibold", e),
-    ...t
-  }
-);
-na.displayName = "ContextMenuGroupLabel";
-const ia = ({ className: e, ...t }) => /* @__PURE__ */ a(l.RadioGroup, { className: r(e), ...t });
-ia.displayName = "ContextMenuRadioGroup";
-const la = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  l.RadioItem,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...t
-  }
-);
-la.displayName = "ContextMenuRadioItem";
-const da = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
-  l.CheckboxItem,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...t
-  }
-);
-da.displayName = "ContextMenuCheckboxItem";
-const ca = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
-  l.RadioItemIndicator,
-  {
-    className: r("col-start-1", e),
-    ...t
-  }
-);
-ca.displayName = "ContextMenuRadioItemIndicator";
-const ua = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
-  l.CheckboxItemIndicator,
-  {
-    className: r("col-start-1", e),
-    ...t
-  }
-);
-ua.displayName = "ContextMenuCheckboxItemIndicator";
-const ma = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
-ma.displayName = "ContextMenuCheckboxItemLabel";
-const pa = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
-pa.displayName = "ContextMenuRadioItemLabel";
-const ga = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
-  l.SubmenuTrigger,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "flex justify-between",
-      e
-    ),
-    ...t
-  }
-);
-ga.displayName = "ContextMenuSubmenuTrigger";
-const ba = (e) => /* @__PURE__ */ a(l.SubmenuRoot, { ...e });
-ba.displayName = "ContextMenuSubmenuRoot";
-const fa = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  $,
-  {
-    className: r(
-      "inline-flex",
-      // Connected items: collapse borders, round only outer corners
-      "[&>button]:rounded-none [&>button:not(:first-of-type)]:-ml-px",
-      "[&>button:first-of-type]:rounded-l-md [&>button:last-of-type]:rounded-r-md",
-      e
-    ),
-    ...t
-  }
-);
-fa.displayName = "MenubarRoot";
-const ya = (e) => /* @__PURE__ */ a(s.Root, { ...e });
-ya.displayName = "MenubarMenu";
-const Na = ({ className: e, variant: t, size: o, ...n }) => /* @__PURE__ */ a(
-  s.Trigger,
-  {
-    className: r(A({ variant: t, size: o }), e),
-    ...n
-  }
-);
-Na.displayName = "MenubarTrigger";
-const xa = (e) => /* @__PURE__ */ a(s.Portal, { ...e });
-xa.displayName = "MenubarPortal";
-const ha = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Positioner,
-  {
-    className: r("z-50 outline-none", e),
-    sideOffset: 8,
-    ...t
-  }
-);
-ha.displayName = "MenubarPositioner";
-const va = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Popup,
-  {
-    className: r(
-      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
-      "min-w-[8rem]",
-      e
-    ),
-    ...t
-  }
-);
-va.displayName = "MenubarPopup";
-const wa = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Arrow,
-  {
-    className: r(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      e
-    ),
-    ...t,
-    children: /* @__PURE__ */ a(k, {})
-  }
-);
-wa.displayName = "MenubarArrow";
-const Ma = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.Item,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "flex justify-start",
-      e
-    ),
-    ...t
-  }
-);
-Ma.displayName = "MenubarItem";
-const Ca = ({ className: e, ...t }) => /* @__PURE__ */ a(s.Separator, { className: r("-mx-1 my-1 h-px bg-border", e), ...t });
-Ca.displayName = "MenubarSeparator";
-const ka = ({ className: e, ...t }) => /* @__PURE__ */ a(s.Group, { className: r(e), ...t });
-ka.displayName = "MenubarGroup";
-const Pa = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.GroupLabel,
-  {
-    className: r("px-3 py-1.5 text-sm font-semibold", e),
-    ...t
-  }
-);
-Pa.displayName = "MenubarGroupLabel";
-const Ta = ({ className: e, ...t }) => /* @__PURE__ */ a(s.RadioGroup, { className: r(e), ...t });
-Ta.displayName = "MenubarRadioGroup";
-const Ra = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.RadioItem,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...t
-  }
-);
-Ra.displayName = "MenubarRadioItem";
-const Ia = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.CheckboxItem,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      e
-    ),
-    ...t
-  }
-);
-Ia.displayName = "MenubarCheckboxItem";
-const Da = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(s.RadioItemIndicator, { className: r("col-start-1", e), ...t });
-Da.displayName = "MenubarRadioItemIndicator";
-const Aa = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(s.CheckboxItemIndicator, { className: r("col-start-1", e), ...t });
-Aa.displayName = "MenubarCheckboxItemIndicator";
-const Sa = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
-Sa.displayName = "MenubarCheckboxItemLabel";
-const za = ({ className: e, ...t }) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
-za.displayName = "MenubarRadioItemLabel";
-const Va = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  s.SubmenuTrigger,
-  {
-    className: r(
-      i({ variant: "ghost", size: "sm" }),
-      "flex justify-between",
-      e
-    ),
-    ...t
-  }
-);
-Va.displayName = "MenubarSubmenuTrigger";
-const La = (e) => /* @__PURE__ */ a(s.SubmenuRoot, { ...e });
-La.displayName = "MenubarSubmenuRoot";
-const Ga = ({ className: e, ...t }) => /* @__PURE__ */ a(N.Root, { className: r("w-full", e), ...t });
-Ga.displayName = "SliderRoot";
-const _a = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  N.Value,
-  {
-    className: r("text-sm font-medium text-foreground", e),
-    ...t
-  }
-);
-_a.displayName = "SliderValue";
-const ja = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  N.Control,
-  {
-    className: r("flex w-full touch-none items-center py-2 select-none", e),
-    ...t
-  }
-);
-ja.displayName = "SliderControl";
-const Ba = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  N.Track,
-  {
-    className: r("relative h-1.5 w-full rounded-full bg-primary/20", e),
-    ...t
-  }
-);
-Ba.displayName = "SliderTrack";
-const Fa = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  N.Indicator,
-  {
-    className: r("rounded-full bg-primary", e),
-    ...t
-  }
-);
-Fa.displayName = "SliderIndicator";
-const Ha = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  N.Thumb,
-  {
-    className: r(
-      "size-4 rounded-full bg-background",
-      "outline",
-      "shadow-sm",
-      "transition-[box-shadow,outline-color] duration-150",
-      "hover:outline-primary/50",
-      "focus-visible:outline-2 focus-visible:outline-primary",
-      "data-dragging:outline-2 data-dragging:outline-primary",
-      e
-    ),
-    ...t
-  }
-);
-Ha.displayName = "SliderThumb";
-const Oa = u(
-  [
-    "rounded-md px-2 py-1 text-sm",
-    "origin-(--transform-origin)",
-    "transition-[transform,scale,opacity]",
-    "data-starting-style:scale-90 data-starting-style:opacity-0",
-    "data-ending-style:scale-90 data-ending-style:opacity-0",
-    "data-instant:duration-0"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "bg-foreground text-background",
-        secondary: "bg-secondary text-secondary-foreground",
-        outline: "bg-background text-foreground border border-border shadow-xs"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), qa = {
-  default: {
-    fill: "fill-foreground",
-    stroke: "fill-foreground"
-  },
-  secondary: {
-    fill: "fill-secondary",
-    stroke: "fill-secondary"
-  },
-  outline: {
-    fill: "fill-background",
-    stroke: "fill-border"
-  }
-}, S = b.createContext("default"), $a = (e) => /* @__PURE__ */ a(f.Provider, { ...e });
-$a.displayName = "TooltipProvider";
-const Ea = ({ variant: e = "default", ...t }) => /* @__PURE__ */ a(S.Provider, { value: e, children: /* @__PURE__ */ a(f.Root, { ...t }) });
-Ea.displayName = "TooltipRoot";
-const Za = ({ className: e, ...t }) => /* @__PURE__ */ a(f.Trigger, { className: r(e), delay: 200, ...t });
-Za.displayName = "TooltipTrigger";
-const Ja = (e) => /* @__PURE__ */ a(f.Portal, { ...e });
-Ja.displayName = "TooltipPortal";
-const Ka = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  f.Positioner,
-  {
-    className: r("z-50 outline-none", e),
-    sideOffset: 8,
-    ...t
-  }
-);
-Ka.displayName = "TooltipPositioner";
-const Qa = ({ className: e, variant: t, ...o }) => {
-  const n = b.useContext(S), c = t ?? n;
-  return /* @__PURE__ */ a(
-    f.Popup,
-    {
-      className: r(Oa({ variant: c }), e),
-      ...o
-    }
-  );
-};
-Qa.displayName = "TooltipPopup";
-const Ua = ({ className: e, variant: t, ...o }) => {
-  const n = b.useContext(S), p = qa[t ?? n];
-  return /* @__PURE__ */ a(
-    f.Arrow,
-    {
-      className: r(
-        "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-        e
-      ),
-      ...o,
-      children: /* @__PURE__ */ a(k, { fillClassName: p.fill, strokeClassName: p.stroke })
-    }
-  );
-};
-Ua.displayName = "TooltipArrow";
-export {
-  We as AccordionHeader,
-  Ue as AccordionItem,
-  Ye as AccordionPanel,
-  Qe as AccordionRoot,
-  Xe as AccordionTrigger,
-  Cr as AlertDialog,
-  X as AlertDialogBackdrop,
-  oe as AlertDialogClose,
-  re as AlertDialogDescription,
-  te as AlertDialogPopup,
-  W as AlertDialogPortal,
-  Q as AlertDialogRoot,
-  ae as AlertDialogTitle,
-  U as AlertDialogTrigger,
-  Y as AlertDialogViewport,
-  ne as AvatarFallback,
-  se as AvatarImage,
-  _ as AvatarRoot,
-  ie as AvatarStack,
-  E as Button,
-  Kt as CardContent,
-  Jt as CardDescription,
-  Ut as CardFooter,
-  Et as CardHeader,
-  $t as CardMedia,
-  qt as CardRoot,
-  Qt as CardSection,
-  Zt as CardTitle,
-  K as CollapsiblePanel,
-  Z as CollapsibleRoot,
-  J as CollapsibleTrigger,
-  aa as ContextMenuArrow,
-  da as ContextMenuCheckboxItem,
-  ua as ContextMenuCheckboxItemIndicator,
-  ma as ContextMenuCheckboxItemLabel,
-  sa as ContextMenuGroup,
-  na as ContextMenuGroupLabel,
-  ra as ContextMenuItem,
-  ta as ContextMenuPopup,
-  Yt as ContextMenuPortal,
-  ea as ContextMenuPositioner,
-  ia as ContextMenuRadioGroup,
-  la as ContextMenuRadioItem,
-  ca as ContextMenuRadioItemIndicator,
-  pa as ContextMenuRadioItemLabel,
-  Wt as ContextMenuRoot,
-  oa as ContextMenuSeparator,
-  ba as ContextMenuSubmenuRoot,
-  ga as ContextMenuSubmenuTrigger,
-  Xt as ContextMenuTrigger,
-  Ie as DialogBackdrop,
-  Ve as DialogClose,
-  ze as DialogDescription,
-  Ge as DialogFooter,
-  Le as DialogHeader,
-  Ae as DialogPopup,
-  Re as DialogPortal,
-  Pe as DialogRoot,
-  Se as DialogTitle,
-  Te as DialogTrigger,
-  Fe as DrawerBackdrop,
-  Ee as DrawerClose,
-  Je as DrawerContent,
-  $e as DrawerDescription,
-  Ke as DrawerFooter,
-  Ze as DrawerHeader,
-  Oe as DrawerPopup,
-  Be as DrawerPortal,
-  _e as DrawerRoot,
-  qe as DrawerTitle,
-  je as DrawerTrigger,
-  ct as MenuArrow,
-  yt as MenuCheckboxItem,
-  xt as MenuCheckboxItemIndicator,
-  ht as MenuCheckboxItemLabel,
-  pt as MenuGroup,
-  gt as MenuGroupLabel,
-  ut as MenuItem,
-  dt as MenuPopup,
-  it as MenuPortal,
-  lt as MenuPositioner,
-  bt as MenuRadioGroup,
-  ft as MenuRadioItem,
-  Nt as MenuRadioItemIndicator,
-  vt as MenuRadioItemLabel,
-  st as MenuRoot,
-  mt as MenuSeparator,
-  Mt as MenuSubmenuRoot,
-  wt as MenuSubmenuTrigger,
-  nt as MenuTrigger,
-  wa as MenubarArrow,
-  Ia as MenubarCheckboxItem,
-  Aa as MenubarCheckboxItemIndicator,
-  Sa as MenubarCheckboxItemLabel,
-  ka as MenubarGroup,
-  Pa as MenubarGroupLabel,
-  Ma as MenubarItem,
-  ya as MenubarMenu,
-  va as MenubarPopup,
-  xa as MenubarPortal,
-  ha as MenubarPositioner,
-  Ta as MenubarRadioGroup,
-  Ra as MenubarRadioItem,
-  Da as MenubarRadioItemIndicator,
-  za as MenubarRadioItemLabel,
-  fa as MenubarRoot,
-  Ca as MenubarSeparator,
-  La as MenubarSubmenuRoot,
-  Va as MenubarSubmenuTrigger,
-  Na as MenubarTrigger,
-  at as MeterIndicator,
-  ot as MeterLabel,
-  et as MeterRoot,
-  tt as MeterTrack,
-  rt as MeterValue,
-  Dt as PopoverArrow,
-  Tt as PopoverBackdrop,
-  zt as PopoverClose,
-  St as PopoverDescription,
-  It as PopoverPopup,
-  Pt as PopoverPortal,
-  Rt as PopoverPositioner,
-  Ct as PopoverRoot,
-  At as PopoverTitle,
-  kt as PopoverTrigger,
-  Vt as PopoverViewport,
-  _t as ProgressIndicator,
-  Bt as ProgressLabel,
-  Lt as ProgressRoot,
-  Gt as ProgressTrack,
-  jt as ProgressValue,
-  ce as ScrollAreaContent,
-  pe as ScrollAreaCorner,
-  le as ScrollAreaRoot,
-  ue as ScrollAreaScrollbar,
-  me as ScrollAreaThumb,
-  de as ScrollAreaViewport,
-  ge as Separator,
-  ja as SliderControl,
-  Fa as SliderIndicator,
-  Ga as SliderRoot,
-  Ha as SliderThumb,
-  Ba as SliderTrack,
-  _a as SliderValue,
-  be as SwitchRoot,
-  fe as SwitchThumb,
-  Ce as TabsIndicator,
-  he as TabsList,
-  ke as TabsPanel,
-  Ne as TabsRoot,
-  we as TabsTab,
-  ye as Toggle,
-  Ht as ToggleGroupItem,
-  Ft as ToggleGroupRoot,
-  Ua as TooltipArrow,
-  Qa as TooltipPopup,
-  Ja as TooltipPortal,
-  Ka as TooltipPositioner,
-  $a as TooltipProvider,
-  Ea as TooltipRoot,
-  Za as TooltipTrigger
-};