@lglab/compose-ui 0.19.0 → 0.20.0

package/dist/index.es.js

@@ -1,30 +1,31 @@
 "use client";
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { Button as H } from "@base-ui/react/button";
-import { cva as m } from "class-variance-authority";
-import { clsx as G } from "clsx";
-import { twMerge as _ } from "tailwind-merge";
+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 p } from "@base-ui/react/alert-dialog";
-import { AlertDialog as br } from "@base-ui/react/alert-dialog";
-import { Avatar as R } from "@base-ui/react/avatar";
-import * as h from "react";
-import { ScrollArea as f } from "@base-ui/react/scroll-area";
-import { Separator as j } from "@base-ui/react/separator";
-import { Switch as S } from "@base-ui/react/switch";
-import { Toggle as A } from "@base-ui/react/toggle";
+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 C } from "@base-ui/react/meter";
+import { Meter as M } from "@base-ui/react/meter";
 import { Menu as s } from "@base-ui/react/menu";
-import { Popover as c } from "@base-ui/react/popover";
-import { Progress as M } from "@base-ui/react/progress";
-import { ToggleGroup as B } from "@base-ui/react/toggle-group";
+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 F } from "@base-ui/react/menubar";
-import { Slider as y } from "@base-ui/react/slider";
-const i = m(
+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"
   ],
@@ -54,36 +55,36 @@ const i = m(
   }
 );
 function r(...e) {
-  return _(G(e));
+  return H(F(e));
 }
-const Z = ({
+const E = ({
   className: e,
-  variant: a,
+  variant: t,
   size: o,
   disabled: n,
-  children: u,
-  ...g
-}) => /* @__PURE__ */ t(
-  H,
+  children: c,
+  ...p
+}) => /* @__PURE__ */ a(
+  B,
   {
-    className: r(i({ variant: a, size: o }), e),
+    className: r(i({ variant: t, size: o }), e),
     disabled: n,
-    ...g,
-    children: u
+    ...p,
+    children: c
   }
 );
-Z.displayName = "Button";
-const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(I.Root, { className: r("w-full", e), ...a });
-$.displayName = "CollapsibleRoot";
-const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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),
-    ...a
+    ...t
   }
 );
-q.displayName = "CollapsibleTrigger";
-const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
+J.displayName = "CollapsibleTrigger";
+const K = ({ className: e, ...t }) => /* @__PURE__ */ a(
   I.Panel,
   {
     className: r(
@@ -93,29 +94,29 @@ const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "data-starting-style:h-0",
       e
     ),
-    ...a
+    ...t
   }
 );
-O.displayName = "CollapsiblePanel";
-const E = (e) => /* @__PURE__ */ t(p.Root, { ...e });
-E.displayName = "AlertDialogRoot";
-const J = ({
+K.displayName = "CollapsiblePanel";
+const Q = (e) => /* @__PURE__ */ a(g.Root, { ...e });
+Q.displayName = "AlertDialogRoot";
+const U = ({
   className: e,
-  variant: a,
+  variant: t,
   size: o,
   ...n
-}) => /* @__PURE__ */ t(
-  p.Trigger,
+}) => /* @__PURE__ */ a(
+  g.Trigger,
   {
-    className: r(i({ variant: a, size: o }), e),
+    className: r(i({ variant: t, size: o }), e),
     ...n
   }
 );
-J.displayName = "AlertDialogTrigger";
-const K = (e) => /* @__PURE__ */ t(p.Portal, { ...e });
-K.displayName = "AlertDialogPortal";
-const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  p.Backdrop,
+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",
@@ -123,19 +124,19 @@ const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "data-starting-style:opacity-0 data-ending-style:opacity-0",
       e
     ),
-    ...a
+    ...t
   }
 );
-Q.displayName = "AlertDialogBackdrop";
-const U = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  p.Viewport,
+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),
-    ...a
+    ...t
   }
 );
-U.displayName = "AlertDialogViewport";
-const W = m(
+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",
@@ -159,38 +160,38 @@ const W = m(
       size: "default"
     }
   }
-), X = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
-  p.Popup,
+), te = ({ className: e, size: t, ...o }) => /* @__PURE__ */ a(
+  g.Popup,
   {
-    className: r(W({ size: a }), e),
+    className: r(ee({ size: t }), e),
     ...o
   }
 );
-X.displayName = "AlertDialogPopup";
-const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  p.Title,
+te.displayName = "AlertDialogPopup";
+const ae = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  g.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
-    ...a
+    ...t
   }
 );
-Y.displayName = "AlertDialogTitle";
-const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Description, { className: r("mt-2", e), ...a });
-ee.displayName = "AlertDialogDescription";
-const ae = ({
+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: a,
+  variant: t,
   size: o,
   ...n
-}) => /* @__PURE__ */ t(
-  p.Close,
+}) => /* @__PURE__ */ a(
+  g.Close,
   {
-    className: r(i({ variant: a ?? "outline", size: o }), e),
+    className: r(i({ variant: t ?? "outline", size: o }), e),
     ...n
   }
 );
-ae.displayName = "AlertDialogClose";
-const z = m(
+oe.displayName = "AlertDialogClose";
+const G = u(
   [
     "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
     "bg-muted text-foreground",
@@ -208,121 +209,121 @@ const z = m(
       size: "default"
     }
   }
-), V = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(R.Root, { className: r(z({ size: a }), e), ...o });
-V.displayName = "AvatarRoot";
-const te = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  R.Image,
+), _ = ({ 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),
-    ...a
+    ...t
   }
 );
-te.displayName = "AvatarImage";
-const re = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  R.Fallback,
+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
     ),
-    ...a
+    ...t
   }
 );
-re.displayName = "AvatarFallback";
-const oe = ({
+ne.displayName = "AvatarFallback";
+const ie = ({
   "aria-label": e,
-  maxVisible: a,
+  maxVisible: t,
   className: o,
   children: n
 }) => {
-  const u = h.Children.toArray(n), g = u.length, N = a !== void 0 ? Math.min(a, g) : g, k = g - N, P = u.slice(0, N), L = (() => {
-    const x = u[0];
-    return h.isValidElement(x) && x.type === V ? x.props.size ?? "default" : "default";
+  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__ */ b("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
-    P.map((x, D) => /* @__PURE__ */ t("li", { children: x }, D)),
-    k > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ b(
+  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",
-          z({ size: L })
+          G({ size: j })
         ),
         children: [
           "+",
-          k
+          P
         ]
       }
     ) })
   ] });
 };
-oe.displayName = "AvatarStack";
-const se = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("relative", e), ...a });
-se.displayName = "ScrollAreaRoot";
-const ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  f.Viewport,
+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),
-    ...a
+    ...t
   }
 );
-ne.displayName = "ScrollAreaViewport";
-const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Content, { className: r("min-w-full", e), ...a });
-ie.displayName = "ScrollAreaContent";
-const le = ({
+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: a = "vertical",
+  orientation: t = "vertical",
   ...o
-}) => /* @__PURE__ */ t(
-  f.Scrollbar,
+}) => /* @__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",
-      a === "vertical" && "h-full w-2.5",
-      a === "horizontal" && "h-2.5 w-full flex-col",
+      t === "vertical" && "h-full w-2.5",
+      t === "horizontal" && "h-2.5 w-full flex-col",
       e
     ),
-    orientation: a,
+    orientation: t,
     ...o
   }
 );
-le.displayName = "ScrollAreaScrollbar";
-const de = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  f.Thumb,
+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
     ),
-    ...a
+    ...t
   }
 );
-de.displayName = "ScrollAreaThumb";
-const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Corner, { className: r("bg-muted/50", e), ...a });
-ce.displayName = "ScrollAreaCorner";
-const ue = ({
+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: a = "horizontal",
+  orientation: t = "horizontal",
   ...o
-}) => /* @__PURE__ */ t(
-  j,
+}) => /* @__PURE__ */ a(
+  O,
   {
-    orientation: a,
+    orientation: t,
     className: r(
       "shrink-0 bg-border",
-      a === "horizontal" ? "h-px w-full" : "h-full w-px",
+      t === "horizontal" ? "h-px w-full" : "h-full w-px",
       e
     ),
     ...o
   }
 );
-ue.displayName = "Separator";
-const me = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  S.Root,
+ge.displayName = "Separator";
+const be = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  V.Root,
   {
     className: r(
       "relative flex h-6 w-10 rounded-full",
@@ -334,12 +335,12 @@ const me = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "dark:from-primary/50 dark:shadow-none",
       e
     ),
-    ...a
+    ...t
   }
 );
-me.displayName = "SwitchRoot";
-const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  S.Thumb,
+be.displayName = "SwitchRoot";
+const fe = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  V.Thumb,
   {
     className: r(
       "aspect-square h-full rounded-full bg-background",
@@ -350,11 +351,11 @@ const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "data-disabled:opacity-100",
       e
     ),
-    ...a
+    ...t
   }
 );
-pe.displayName = "SwitchThumb";
-const T = m(
+fe.displayName = "SwitchThumb";
+const A = u(
   [
     "inline-flex items-center justify-center gap-2 rounded-md",
     "text-sm font-medium",
@@ -386,17 +387,17 @@ const T = m(
       size: "default"
     }
   }
-), ge = ({ className: e, variant: a, size: o, ...n }) => /* @__PURE__ */ t(
-  A,
+), ye = ({ className: e, variant: t, size: o, ...n }) => /* @__PURE__ */ a(
+  L,
   {
-    className: r(T({ variant: a, size: o }), e),
+    className: r(A({ variant: t, size: o }), e),
     ...n
   }
 );
-ge.displayName = "Toggle";
-const be = ({ className: e, ...a }) => /* @__PURE__ */ t(v.Root, { className: r("flex flex-col", e), ...a });
-be.displayName = "TabsRoot";
-const fe = m(
+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: {
@@ -409,15 +410,15 @@ const fe = m(
       orientation: "horizontal"
     }
   }
-), ye = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
+), he = ({ className: e, orientation: t = "horizontal", ...o }) => /* @__PURE__ */ a(
   v.List,
   {
-    className: r(fe({ orientation: a }), e),
+    className: r(xe({ orientation: t }), e),
     ...o
   }
 );
-ye.displayName = "TabsList";
-const Ne = m(
+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",
@@ -438,9 +439,9 @@ const Ne = m(
       size: "default"
     }
   }
-), xe = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(v.Tab, { className: r(Ne({ size: a }), e), ...o });
-xe.displayName = "TabsTab";
-const he = m(
+), 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: {
@@ -453,33 +454,33 @@ const he = m(
       orientation: "horizontal"
     }
   }
-), ve = ({
+), Ce = ({
   className: e,
-  orientation: a = "horizontal",
+  orientation: t = "horizontal",
   ...o
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(
   v.Indicator,
   {
-    className: r(he({ orientation: a }), e),
+    className: r(Me({ orientation: t }), e),
     ...o
   }
 );
-ve.displayName = "TabsIndicator";
-const we = ({ className: e, ...a }) => /* @__PURE__ */ t(v.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
-we.displayName = "TabsPanel";
-const Ce = (e) => /* @__PURE__ */ t(d.Root, { ...e });
-Ce.displayName = "DialogRoot";
-const Me = ({ className: e, variant: a, size: o, ...n }) => /* @__PURE__ */ t(
+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: a, size: o }), e),
+    className: r(i({ variant: t, size: o }), e),
     ...n
   }
 );
-Me.displayName = "DialogTrigger";
-const ke = (e) => /* @__PURE__ */ t(d.Portal, { ...e });
-ke.displayName = "DialogPortal";
-const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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(
@@ -488,11 +489,11 @@ const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "data-starting-style:opacity-0 data-ending-style:opacity-0",
       e
     ),
-    ...a
+    ...t
   }
 );
-Pe.displayName = "DialogBackdrop";
-const Ie = m(
+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",
@@ -516,58 +517,58 @@ const Ie = m(
       size: "default"
     }
   }
-), Re = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+), Ae = ({ className: e, size: t, ...o }) => /* @__PURE__ */ a(
   d.Popup,
   {
-    className: r(Ie({ size: a }), e),
+    className: r(De({ size: t }), e),
     ...o
   }
 );
-Re.displayName = "DialogPopup";
-const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Ae.displayName = "DialogPopup";
+const Se = ({ className: e, ...t }) => /* @__PURE__ */ a(
   d.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
-    ...a
+    ...t
   }
 );
-Te.displayName = "DialogTitle";
-const De = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Description, { className: r("mt-2", e), ...a });
-De.displayName = "DialogDescription";
-const Se = ({ className: e, variant: a, size: o, ...n }) => /* @__PURE__ */ 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: a ?? "outline", size: o }), e),
+    className: r(i({ variant: t ?? "outline", size: o }), e),
     ...n
   }
 );
-Se.displayName = "DialogClose";
-const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
-Ae.displayName = "DialogHeader";
-const ze = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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
     ),
-    ...a
+    ...t
   }
 );
-ze.displayName = "DialogFooter";
-const Ve = (e) => /* @__PURE__ */ t(d.Root, { ...e });
-Ve.displayName = "DrawerRoot";
-const Le = ({ className: e, variant: a, size: o, ...n }) => /* @__PURE__ */ 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: a, size: o }), e),
+    className: r(i({ variant: t, size: o }), e),
     ...n
   }
 );
-Le.displayName = "DrawerTrigger";
-const He = (e) => /* @__PURE__ */ t(d.Portal, { ...e });
-He.displayName = "DrawerPortal";
-const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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(
@@ -576,11 +577,11 @@ const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "data-starting-style:opacity-0 data-ending-style:opacity-0",
       e
     ),
-    ...a
+    ...t
   }
 );
-Ge.displayName = "DrawerBackdrop";
-const _e = m(
+Fe.displayName = "DrawerBackdrop";
+const He = u(
   [
     "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
     "transition-transform duration-300 ease-out",
@@ -616,51 +617,51 @@ const _e = m(
       side: "right"
     }
   }
-), je = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
+), Oe = ({ className: e, side: t, ...o }) => /* @__PURE__ */ a(
   d.Popup,
   {
-    className: r(_e({ side: a }), e),
+    className: r(He({ side: t }), e),
     ...o
   }
 );
-je.displayName = "DrawerPopup";
-const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Oe.displayName = "DrawerPopup";
+const qe = ({ className: e, ...t }) => /* @__PURE__ */ a(
   d.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
-    ...a
+    ...t
   }
 );
-Be.displayName = "DrawerTitle";
-const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Description, { className: r("", e), ...a });
-Fe.displayName = "DrawerDescription";
-const Ze = ({ className: e, variant: a, size: o, ...n }) => /* @__PURE__ */ 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: a ?? "outline", size: o }), e),
+    className: r(i({ variant: t ?? "outline", size: o }), e),
     ...n
   }
 );
-Ze.displayName = "DrawerClose";
-const $e = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
-$e.displayName = "DrawerHeader";
-const qe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
-qe.displayName = "DrawerContent";
-const Oe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
-Oe.displayName = "DrawerFooter";
-const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(w.Root, { className: r("w-full", e), ...a });
-Ee.displayName = "AccordionRoot";
-const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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),
-    ...a
+    ...t
   }
 );
-Je.displayName = "AccordionItem";
-const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(w.Header, { className: r("flex", e), ...a });
-Ke.displayName = "AccordionHeader";
-const Qe = ({ className: e, children: a, ...o }) => /* @__PURE__ */ 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(
@@ -668,91 +669,125 @@ const Qe = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
       e
     ),
     ...o,
-    children: a
+    children: t
   }
 );
-Qe.displayName = "AccordionTrigger";
-const Ue = ({ className: e, ...a }) => /* @__PURE__ */ 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
     ),
-    ...a
+    ...t
   }
 );
-Ue.displayName = "AccordionPanel";
-const We = ({ className: e, animated: a, value: o, ...n }) => {
-  const u = o ?? 0, [g, N] = h.useState(a ? 0 : u);
-  return h.useEffect(() => {
-    if (a) {
-      const k = requestAnimationFrame(() => {
-        const P = requestAnimationFrame(() => {
-          N(u ?? 0);
+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(P);
+        return () => cancelAnimationFrame(T);
       });
-      return () => cancelAnimationFrame(k);
+      return () => cancelAnimationFrame(P);
     } else
-      N(u ?? 0);
-  }, [a, u]), /* @__PURE__ */ t(C.Root, { className: r("w-full", e), value: g, ...n });
+      x(c ?? 0);
+  }, [t, c]), /* @__PURE__ */ a(M.Root, { className: r("w-full", e), value: p, ...n });
 };
-We.displayName = "MeterRoot";
-const Xe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  C.Track,
+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
     ),
-    ...a
+    ...t
   }
 );
-Xe.displayName = "MeterTrack";
-const Ye = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  C.Indicator,
+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
     ),
-    ...a
+    ...t
   }
 );
-Ye.displayName = "MeterIndicator";
-const ea = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  C.Value,
+at.displayName = "MeterIndicator";
+const rt = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  M.Value,
   {
     className: r("text-sm font-medium text-foreground", e),
-    ...a
+    ...t
   }
 );
-ea.displayName = "MeterValue";
-const aa = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  C.Label,
+rt.displayName = "MeterValue";
+const ot = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  M.Label,
   {
     className: r("text-sm font-medium text-foreground", e),
-    ...a
+    ...t
   }
 );
-aa.displayName = "MeterLabel";
-const ta = (e) => /* @__PURE__ */ t(s.Root, { ...e });
-ta.displayName = "MenuRoot";
-const ra = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Trigger, { className: r(e), ...a });
-ra.displayName = "MenuTrigger";
-const oa = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
-oa.displayName = "MenuPortal";
-const sa = ({ className: e, ...a }) => /* @__PURE__ */ 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,
-    ...a
+    ...t
   }
 );
-sa.displayName = "MenuPositioner";
-const na = ({ className: e, ...a }) => /* @__PURE__ */ t(
+lt.displayName = "MenuPositioner";
+const dt = ({ className: e, ...t }) => /* @__PURE__ */ a(
   s.Popup,
   {
     className: r(
@@ -760,41 +795,23 @@ const na = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "min-w-[8rem]",
       e
     ),
-    ...a
+    ...t
   }
 );
-na.displayName = "MenuPopup";
-const ia = ({ className: e, ...a }) => /* @__PURE__ */ 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
     ),
-    ...a,
-    children: /* @__PURE__ */ t(la, {})
+    ...t,
+    children: /* @__PURE__ */ a(k, {})
   }
 );
-function la(e) {
-  return /* @__PURE__ */ b("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
-    /* @__PURE__ */ t(
-      "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: "fill-background"
-      }
-    ),
-    /* @__PURE__ */ t(
-      "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: "fill-border"
-      }
-    )
-  ] });
-}
-ia.displayName = "MenuArrow";
-const da = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ct.displayName = "MenuArrow";
+const ut = ({ className: e, ...t }) => /* @__PURE__ */ a(
   s.Item,
   {
     className: r(
@@ -802,31 +819,31 @@ const da = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "flex justify-start",
       e
     ),
-    ...a
+    ...t
   }
 );
-da.displayName = "MenuItem";
-const ca = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ut.displayName = "MenuItem";
+const mt = ({ className: e, ...t }) => /* @__PURE__ */ a(
   s.Separator,
   {
     className: r("-mx-1 my-1 h-px bg-border", e),
-    ...a
+    ...t
   }
 );
-ca.displayName = "MenuSeparator";
-const ua = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Group, { className: r(e), ...a });
-ua.displayName = "MenuGroup";
-const ma = ({ className: e, ...a }) => /* @__PURE__ */ 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),
-    ...a
+    ...t
   }
 );
-ma.displayName = "MenuGroupLabel";
-const pa = ({ className: e, ...a }) => /* @__PURE__ */ t(s.RadioGroup, { className: r(e), ...a });
-pa.displayName = "MenuRadioGroup";
-const ga = ({ className: e, ...a }) => /* @__PURE__ */ 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(
@@ -834,11 +851,11 @@ const ga = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "grid grid-cols-[0.75rem_1fr] gap-2",
       e
     ),
-    ...a
+    ...t
   }
 );
-ga.displayName = "MenuRadioItem";
-const ba = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ft.displayName = "MenuRadioItem";
+const yt = ({ className: e, ...t }) => /* @__PURE__ */ a(
   s.CheckboxItem,
   {
     className: r(
@@ -846,22 +863,22 @@ const ba = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "grid grid-cols-[0.75rem_1fr] gap-2",
       e
     ),
-    ...a
+    ...t
   }
 );
-ba.displayName = "MenuCheckboxItem";
-const fa = ({ className: e, ...a }) => /* @__PURE__ */ t(s.RadioItemIndicator, { className: r("col-start-1", e), ...a });
-fa.displayName = "MenuRadioItemIndicator";
-const ya = ({
+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,
-  ...a
-}) => /* @__PURE__ */ t(s.CheckboxItemIndicator, { className: r("col-start-1", e), ...a });
-ya.displayName = "MenuCheckboxItemIndicator";
-const Na = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-Na.displayName = "MenuCheckboxItemLabel";
-const xa = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-xa.displayName = "MenuRadioItemLabel";
-const ha = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  ...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(
@@ -869,20 +886,20 @@ const ha = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "flex justify-between",
       e
     ),
-    ...a
+    ...t
   }
 );
-ha.displayName = "MenuSubmenuTrigger";
-const va = (e) => /* @__PURE__ */ t(s.SubmenuRoot, { ...e });
-va.displayName = "MenuSubmenuRoot";
-const wa = (e) => /* @__PURE__ */ t(c.Root, { ...e });
-wa.displayName = "PopoverRoot";
-const Ca = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Trigger, { className: r(e), ...a });
-Ca.displayName = "PopoverTrigger";
-const Ma = (e) => /* @__PURE__ */ t(c.Portal, { ...e });
-Ma.displayName = "PopoverPortal";
-const ka = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  c.Backdrop,
+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",
@@ -890,12 +907,12 @@ const ka = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "data-starting-style:opacity-0 data-ending-style:opacity-0",
       e
     ),
-    ...a
+    ...t
   }
 );
-ka.displayName = "PopoverBackdrop";
-const Pa = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  c.Positioner,
+Tt.displayName = "PopoverBackdrop";
+const Rt = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  m.Positioner,
   {
     className: r(
       "z-50 outline-none",
@@ -908,12 +925,12 @@ const Pa = ({ className: e, ...a }) => /* @__PURE__ */ t(
       e
     ),
     sideOffset: 8,
-    ...a
+    ...t
   }
 );
-Pa.displayName = "PopoverPositioner";
-const Ia = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  c.Popup,
+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",
@@ -928,114 +945,96 @@ const Ia = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "origin-(--transform-origin)",
       e
     ),
-    ...a
+    ...t
   }
 );
-Ia.displayName = "PopoverPopup";
-const Ra = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  c.Arrow,
+It.displayName = "PopoverPopup";
+const Dt = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  m.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",
+      "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
     ),
-    ...a,
-    children: /* @__PURE__ */ t(Ta, {})
-  }
-);
-function Ta(e) {
-  return /* @__PURE__ */ b("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
-    /* @__PURE__ */ t(
-      "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: "fill-background"
-      }
-    ),
-    /* @__PURE__ */ t(
-      "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: "fill-border"
-      }
-    )
-  ] });
-}
-Ra.displayName = "PopoverArrow";
-const Da = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Title, { className: r("text-sm font-semibold", e), ...a });
-Da.displayName = "PopoverTitle";
-const Sa = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Description, { className: r("text-sm", e), ...a });
-Sa.displayName = "PopoverDescription";
-const Aa = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Close, { className: r(e), ...a });
-Aa.displayName = "PopoverClose";
-const za = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Viewport, { className: r(e), ...a });
-za.displayName = "PopoverViewport";
-const Va = ({ className: e, ...a }) => /* @__PURE__ */ t(M.Root, { className: r("w-full", e), ...a });
-Va.displayName = "ProgressRoot";
-const La = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  M.Track,
+    ...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
     ),
-    ...a
+    ...t
   }
 );
-La.displayName = "ProgressTrack";
-const Ha = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  M.Indicator,
+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
     ),
-    ...a
+    ...t
   }
 );
-Ha.displayName = "ProgressIndicator";
-const Ga = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  M.Value,
+_t.displayName = "ProgressIndicator";
+const jt = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  C.Value,
   {
     className: r("text-sm font-medium text-foreground", e),
-    ...a
+    ...t
   }
 );
-Ga.displayName = "ProgressValue";
-const _a = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  M.Label,
+jt.displayName = "ProgressValue";
+const Bt = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  C.Label,
   {
     className: r("text-sm font-medium text-foreground", e),
-    ...a
+    ...t
   }
 );
-_a.displayName = "ProgressLabel";
-const ja = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
-  B,
+Bt.displayName = "ProgressLabel";
+const Ft = ({ className: e, orientation: t, ...o }) => /* @__PURE__ */ a(
+  q,
   {
-    orientation: a,
+    orientation: t,
     className: r(
       "inline-flex",
-      a === "vertical" && "flex-col",
+      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
-      a === "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",
+      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
   }
 );
-ja.displayName = "ToggleGroupRoot";
-const Ba = ({
+Ft.displayName = "ToggleGroupRoot";
+const Ht = ({
   className: e,
-  variant: a,
+  variant: t,
   size: o,
   ...n
-}) => /* @__PURE__ */ t(A, { className: r(T({ variant: a, size: o }), e), ...n });
-Ba.displayName = "ToggleGroupItem";
-const Fa = m("rounded-lg bg-card text-card-foreground transition-colors", {
+}) => /* @__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",
@@ -1046,18 +1045,18 @@ const Fa = m("rounded-lg bg-card text-card-foreground transition-colors", {
   defaultVariants: {
     variant: "default"
   }
-}), Za = h.forwardRef(
-  ({ className: e, variant: a, ...o }, n) => /* @__PURE__ */ t(
+}), qt = b.forwardRef(
+  ({ className: e, variant: t, ...o }, n) => /* @__PURE__ */ a(
     "article",
     {
       ref: n,
-      className: r(Fa({ variant: a }), e),
+      className: r(Ot({ variant: t }), e),
       ...o
     }
   )
 );
-Za.displayName = "CardRoot";
-const $a = ({ className: e, ...a }) => /* @__PURE__ */ t(
+qt.displayName = "CardRoot";
+const $t = ({ className: e, ...t }) => /* @__PURE__ */ a(
   "div",
   {
     className: r(
@@ -1065,44 +1064,44 @@ const $a = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "[&>img]:h-full [&>img]:w-full [&>img]:object-cover",
       e
     ),
-    ...a
+    ...t
   }
 );
-$a.displayName = "CardMedia";
-const qa = ({ className: e, ...a }) => /* @__PURE__ */ t("header", { className: r("flex flex-col gap-1 p-4", e), ...a });
-qa.displayName = "CardHeader";
-const Oa = ({ as: e = "h3", className: a, ...o }) => /* @__PURE__ */ 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", a),
+    className: r("text-base font-semibold leading-tight", t),
     ...o
   }
 );
-Oa.displayName = "CardTitle";
-const Ea = ({ className: e, ...a }) => /* @__PURE__ */ t("p", { className: r("text-sm", e), ...a });
-Ea.displayName = "CardDescription";
-const Ja = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("p-4 pt-0", e), ...a });
-Ja.displayName = "CardContent";
-const Ka = ({ className: e, ...a }) => /* @__PURE__ */ t("section", { className: r("p-4", e), ...a });
-Ka.displayName = "CardSection";
-const Qa = ({ className: e, ...a }) => /* @__PURE__ */ t("footer", { className: r("flex items-center p-4", e), ...a });
-Qa.displayName = "CardFooter";
-const Ua = (e) => /* @__PURE__ */ t(l.Root, { ...e });
-Ua.displayName = "ContextMenuRoot";
-const Wa = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Trigger, { className: r(e), ...a });
-Wa.displayName = "ContextMenuTrigger";
-const Xa = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
-Xa.displayName = "ContextMenuPortal";
-const Ya = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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,
-    ...a
+    ...t
   }
 );
-Ya.displayName = "ContextMenuPositioner";
-const et = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ea.displayName = "ContextMenuPositioner";
+const ta = ({ className: e, ...t }) => /* @__PURE__ */ a(
   l.Popup,
   {
     className: r(
@@ -1110,41 +1109,23 @@ const et = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "min-w-[8rem]",
       e
     ),
-    ...a
+    ...t
   }
 );
-et.displayName = "ContextMenuPopup";
-const at = ({ className: e, ...a }) => /* @__PURE__ */ 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
     ),
-    ...a,
-    children: /* @__PURE__ */ t(tt, {})
+    ...t,
+    children: /* @__PURE__ */ a(k, {})
   }
 );
-function tt(e) {
-  return /* @__PURE__ */ b("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
-    /* @__PURE__ */ t(
-      "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: "fill-background"
-      }
-    ),
-    /* @__PURE__ */ t(
-      "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: "fill-border"
-      }
-    )
-  ] });
-}
-at.displayName = "ContextMenuArrow";
-const rt = ({ className: e, ...a }) => /* @__PURE__ */ t(
+aa.displayName = "ContextMenuArrow";
+const ra = ({ className: e, ...t }) => /* @__PURE__ */ a(
   l.Item,
   {
     className: r(
@@ -1152,31 +1133,31 @@ const rt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "flex justify-start",
       e
     ),
-    ...a
+    ...t
   }
 );
-rt.displayName = "ContextMenuItem";
-const ot = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ra.displayName = "ContextMenuItem";
+const oa = ({ className: e, ...t }) => /* @__PURE__ */ a(
   l.Separator,
   {
     className: r("-mx-1 my-1 h-px bg-border", e),
-    ...a
+    ...t
   }
 );
-ot.displayName = "ContextMenuSeparator";
-const st = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Group, { className: r(e), ...a });
-st.displayName = "ContextMenuGroup";
-const nt = ({ className: e, ...a }) => /* @__PURE__ */ 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),
-    ...a
+    ...t
   }
 );
-nt.displayName = "ContextMenuGroupLabel";
-const it = ({ className: e, ...a }) => /* @__PURE__ */ t(l.RadioGroup, { className: r(e), ...a });
-it.displayName = "ContextMenuRadioGroup";
-const lt = ({ className: e, ...a }) => /* @__PURE__ */ 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(
@@ -1184,14 +1165,14 @@ const lt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "grid grid-cols-[0.75rem_1fr] gap-2",
       e
     ),
-    ...a
+    ...t
   }
 );
-lt.displayName = "ContextMenuRadioItem";
-const dt = ({
+la.displayName = "ContextMenuRadioItem";
+const da = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t(
+  ...t
+}) => /* @__PURE__ */ a(
   l.CheckboxItem,
   {
     className: r(
@@ -1199,46 +1180,46 @@ const dt = ({
       "grid grid-cols-[0.75rem_1fr] gap-2",
       e
     ),
-    ...a
+    ...t
   }
 );
-dt.displayName = "ContextMenuCheckboxItem";
-const ct = ({
+da.displayName = "ContextMenuCheckboxItem";
+const ca = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t(
+  ...t
+}) => /* @__PURE__ */ a(
   l.RadioItemIndicator,
   {
     className: r("col-start-1", e),
-    ...a
+    ...t
   }
 );
-ct.displayName = "ContextMenuRadioItemIndicator";
-const ut = ({
+ca.displayName = "ContextMenuRadioItemIndicator";
+const ua = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t(
+  ...t
+}) => /* @__PURE__ */ a(
   l.CheckboxItemIndicator,
   {
     className: r("col-start-1", e),
-    ...a
+    ...t
   }
 );
-ut.displayName = "ContextMenuCheckboxItemIndicator";
-const mt = ({
+ua.displayName = "ContextMenuCheckboxItemIndicator";
+const ma = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-mt.displayName = "ContextMenuCheckboxItemLabel";
-const pt = ({
+  ...t
+}) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
+ma.displayName = "ContextMenuCheckboxItemLabel";
+const pa = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-pt.displayName = "ContextMenuRadioItemLabel";
-const gt = ({
+  ...t
+}) => /* @__PURE__ */ a("span", { className: r("col-start-2", e), ...t });
+pa.displayName = "ContextMenuRadioItemLabel";
+const ga = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t(
+  ...t
+}) => /* @__PURE__ */ a(
   l.SubmenuTrigger,
   {
     className: r(
@@ -1246,14 +1227,14 @@ const gt = ({
       "flex justify-between",
       e
     ),
-    ...a
+    ...t
   }
 );
-gt.displayName = "ContextMenuSubmenuTrigger";
-const bt = (e) => /* @__PURE__ */ t(l.SubmenuRoot, { ...e });
-bt.displayName = "ContextMenuSubmenuRoot";
-const ft = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  F,
+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",
@@ -1262,32 +1243,32 @@ const ft = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "[&>button:first-of-type]:rounded-l-md [&>button:last-of-type]:rounded-r-md",
       e
     ),
-    ...a
+    ...t
   }
 );
-ft.displayName = "MenubarRoot";
-const yt = (e) => /* @__PURE__ */ t(s.Root, { ...e });
-yt.displayName = "MenubarMenu";
-const Nt = ({ className: e, variant: a, size: o, ...n }) => /* @__PURE__ */ 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(T({ variant: a, size: o }), e),
+    className: r(A({ variant: t, size: o }), e),
     ...n
   }
 );
-Nt.displayName = "MenubarTrigger";
-const xt = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
-xt.displayName = "MenubarPortal";
-const ht = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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,
-    ...a
+    ...t
   }
 );
-ht.displayName = "MenubarPositioner";
-const vt = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ha.displayName = "MenubarPositioner";
+const va = ({ className: e, ...t }) => /* @__PURE__ */ a(
   s.Popup,
   {
     className: r(
@@ -1295,41 +1276,23 @@ const vt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "min-w-[8rem]",
       e
     ),
-    ...a
+    ...t
   }
 );
-vt.displayName = "MenubarPopup";
-const wt = ({ className: e, ...a }) => /* @__PURE__ */ 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
     ),
-    ...a,
-    children: /* @__PURE__ */ t(Ct, {})
+    ...t,
+    children: /* @__PURE__ */ a(k, {})
   }
 );
-function Ct(e) {
-  return /* @__PURE__ */ b("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
-    /* @__PURE__ */ t(
-      "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: "fill-background"
-      }
-    ),
-    /* @__PURE__ */ t(
-      "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: "fill-border"
-      }
-    )
-  ] });
-}
-wt.displayName = "MenubarArrow";
-const Mt = ({ className: e, ...a }) => /* @__PURE__ */ t(
+wa.displayName = "MenubarArrow";
+const Ma = ({ className: e, ...t }) => /* @__PURE__ */ a(
   s.Item,
   {
     className: r(
@@ -1337,25 +1300,25 @@ const Mt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "flex justify-start",
       e
     ),
-    ...a
+    ...t
   }
 );
-Mt.displayName = "MenubarItem";
-const kt = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Separator, { className: r("-mx-1 my-1 h-px bg-border", e), ...a });
-kt.displayName = "MenubarSeparator";
-const Pt = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Group, { className: r(e), ...a });
-Pt.displayName = "MenubarGroup";
-const It = ({ className: e, ...a }) => /* @__PURE__ */ 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),
-    ...a
+    ...t
   }
 );
-It.displayName = "MenubarGroupLabel";
-const Rt = ({ className: e, ...a }) => /* @__PURE__ */ t(s.RadioGroup, { className: r(e), ...a });
-Rt.displayName = "MenubarRadioGroup";
-const Tt = ({ className: e, ...a }) => /* @__PURE__ */ 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(
@@ -1363,11 +1326,11 @@ const Tt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "grid grid-cols-[0.75rem_1fr] gap-2",
       e
     ),
-    ...a
+    ...t
   }
 );
-Tt.displayName = "MenubarRadioItem";
-const Dt = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Ra.displayName = "MenubarRadioItem";
+const Ia = ({ className: e, ...t }) => /* @__PURE__ */ a(
   s.CheckboxItem,
   {
     className: r(
@@ -1375,28 +1338,28 @@ const Dt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "grid grid-cols-[0.75rem_1fr] gap-2",
       e
     ),
-    ...a
+    ...t
   }
 );
-Dt.displayName = "MenubarCheckboxItem";
-const St = ({
+Ia.displayName = "MenubarCheckboxItem";
+const Da = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t(s.RadioItemIndicator, { className: r("col-start-1", e), ...a });
-St.displayName = "MenubarRadioItemIndicator";
-const At = ({
+  ...t
+}) => /* @__PURE__ */ a(s.RadioItemIndicator, { className: r("col-start-1", e), ...t });
+Da.displayName = "MenubarRadioItemIndicator";
+const Aa = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t(s.CheckboxItemIndicator, { className: r("col-start-1", e), ...a });
-At.displayName = "MenubarCheckboxItemIndicator";
-const zt = ({
+  ...t
+}) => /* @__PURE__ */ a(s.CheckboxItemIndicator, { className: r("col-start-1", e), ...t });
+Aa.displayName = "MenubarCheckboxItemIndicator";
+const Sa = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-zt.displayName = "MenubarCheckboxItemLabel";
-const Vt = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-Vt.displayName = "MenubarRadioItemLabel";
-const Lt = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  ...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(
@@ -1404,48 +1367,48 @@ const Lt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "flex justify-between",
       e
     ),
-    ...a
+    ...t
   }
 );
-Lt.displayName = "MenubarSubmenuTrigger";
-const Ht = (e) => /* @__PURE__ */ t(s.SubmenuRoot, { ...e });
-Ht.displayName = "MenubarSubmenuRoot";
-const Gt = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Root, { className: r("w-full", e), ...a });
-Gt.displayName = "SliderRoot";
-const _t = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Value,
+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),
-    ...a
+    ...t
   }
 );
-_t.displayName = "SliderValue";
-const jt = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Control,
+_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),
-    ...a
+    ...t
   }
 );
-jt.displayName = "SliderControl";
-const Bt = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Track,
+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),
-    ...a
+    ...t
   }
 );
-Bt.displayName = "SliderTrack";
-const Ft = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Indicator,
+Ba.displayName = "SliderTrack";
+const Fa = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  N.Indicator,
   {
     className: r("rounded-full bg-primary", e),
-    ...a
+    ...t
   }
 );
-Ft.displayName = "SliderIndicator";
-const Zt = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Thumb,
+Fa.displayName = "SliderIndicator";
+const Ha = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  N.Thumb,
   {
     className: r(
       "size-4 rounded-full bg-background",
@@ -1457,163 +1420,247 @@ const Zt = ({ className: e, ...a }) => /* @__PURE__ */ t(
       "data-dragging:outline-2 data-dragging:outline-primary",
       e
     ),
-    ...a
+    ...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
   }
 );
-Zt.displayName = "SliderThumb";
+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 {
-  Ke as AccordionHeader,
-  Je as AccordionItem,
-  Ue as AccordionPanel,
-  Ee as AccordionRoot,
-  Qe as AccordionTrigger,
-  br as AlertDialog,
-  Q as AlertDialogBackdrop,
-  ae as AlertDialogClose,
-  ee as AlertDialogDescription,
-  X as AlertDialogPopup,
-  K as AlertDialogPortal,
-  E as AlertDialogRoot,
-  Y as AlertDialogTitle,
-  J as AlertDialogTrigger,
-  U as AlertDialogViewport,
-  re as AvatarFallback,
-  te as AvatarImage,
-  V as AvatarRoot,
-  oe as AvatarStack,
-  Z as Button,
-  Ja as CardContent,
-  Ea as CardDescription,
-  Qa as CardFooter,
-  qa as CardHeader,
-  $a as CardMedia,
-  Za as CardRoot,
-  Ka as CardSection,
-  Oa as CardTitle,
-  O as CollapsiblePanel,
-  $ as CollapsibleRoot,
-  q as CollapsibleTrigger,
-  at as ContextMenuArrow,
-  dt as ContextMenuCheckboxItem,
-  ut as ContextMenuCheckboxItemIndicator,
-  mt as ContextMenuCheckboxItemLabel,
-  st as ContextMenuGroup,
-  nt as ContextMenuGroupLabel,
-  rt as ContextMenuItem,
-  et as ContextMenuPopup,
-  Xa as ContextMenuPortal,
-  Ya as ContextMenuPositioner,
-  it as ContextMenuRadioGroup,
-  lt as ContextMenuRadioItem,
-  ct as ContextMenuRadioItemIndicator,
-  pt as ContextMenuRadioItemLabel,
-  Ua as ContextMenuRoot,
-  ot as ContextMenuSeparator,
-  bt as ContextMenuSubmenuRoot,
-  gt as ContextMenuSubmenuTrigger,
-  Wa as ContextMenuTrigger,
-  Pe as DialogBackdrop,
-  Se as DialogClose,
-  De as DialogDescription,
-  ze as DialogFooter,
-  Ae as DialogHeader,
-  Re as DialogPopup,
-  ke as DialogPortal,
-  Ce as DialogRoot,
-  Te as DialogTitle,
-  Me as DialogTrigger,
-  Ge as DrawerBackdrop,
-  Ze as DrawerClose,
-  qe as DrawerContent,
-  Fe as DrawerDescription,
-  Oe as DrawerFooter,
-  $e as DrawerHeader,
-  je as DrawerPopup,
-  He as DrawerPortal,
-  Ve as DrawerRoot,
-  Be as DrawerTitle,
-  Le as DrawerTrigger,
-  ia as MenuArrow,
-  ba as MenuCheckboxItem,
-  ya as MenuCheckboxItemIndicator,
-  Na as MenuCheckboxItemLabel,
-  ua as MenuGroup,
-  ma as MenuGroupLabel,
-  da as MenuItem,
-  na as MenuPopup,
-  oa as MenuPortal,
-  sa as MenuPositioner,
-  pa as MenuRadioGroup,
-  ga as MenuRadioItem,
-  fa as MenuRadioItemIndicator,
-  xa as MenuRadioItemLabel,
-  ta as MenuRoot,
-  ca as MenuSeparator,
-  va as MenuSubmenuRoot,
-  ha as MenuSubmenuTrigger,
-  ra as MenuTrigger,
-  wt as MenubarArrow,
-  Dt as MenubarCheckboxItem,
-  At as MenubarCheckboxItemIndicator,
-  zt as MenubarCheckboxItemLabel,
-  Pt as MenubarGroup,
-  It as MenubarGroupLabel,
-  Mt as MenubarItem,
-  yt as MenubarMenu,
-  vt as MenubarPopup,
-  xt as MenubarPortal,
-  ht as MenubarPositioner,
-  Rt as MenubarRadioGroup,
-  Tt as MenubarRadioItem,
-  St as MenubarRadioItemIndicator,
-  Vt as MenubarRadioItemLabel,
-  ft as MenubarRoot,
-  kt as MenubarSeparator,
-  Ht as MenubarSubmenuRoot,
-  Lt as MenubarSubmenuTrigger,
-  Nt as MenubarTrigger,
-  Ye as MeterIndicator,
-  aa as MeterLabel,
-  We as MeterRoot,
-  Xe as MeterTrack,
-  ea as MeterValue,
-  Ra as PopoverArrow,
-  ka as PopoverBackdrop,
-  Aa as PopoverClose,
-  Sa as PopoverDescription,
-  Ia as PopoverPopup,
-  Ma as PopoverPortal,
-  Pa as PopoverPositioner,
-  wa as PopoverRoot,
-  Da as PopoverTitle,
-  Ca as PopoverTrigger,
-  za as PopoverViewport,
-  Ha as ProgressIndicator,
-  _a as ProgressLabel,
-  Va as ProgressRoot,
-  La as ProgressTrack,
-  Ga as ProgressValue,
-  ie as ScrollAreaContent,
-  ce as ScrollAreaCorner,
-  se as ScrollAreaRoot,
-  le as ScrollAreaScrollbar,
-  de as ScrollAreaThumb,
-  ne as ScrollAreaViewport,
-  ue as Separator,
-  jt as SliderControl,
-  Ft as SliderIndicator,
-  Gt as SliderRoot,
-  Zt as SliderThumb,
-  Bt as SliderTrack,
-  _t as SliderValue,
-  me as SwitchRoot,
-  pe as SwitchThumb,
-  ve as TabsIndicator,
-  ye as TabsList,
-  we as TabsPanel,
-  be as TabsRoot,
-  xe as TabsTab,
-  ge as Toggle,
-  Ba as ToggleGroupItem,
-  ja as ToggleGroupRoot
+  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
 };