@lglab/compose-ui 0.14.0 → 0.15.0

package/dist/components/separator.d.ts

@@ -0,0 +1,10 @@
+import { Separator as BaseSeparator } from '@base-ui/react/separator';
+import * as React from 'react';
+type SeparatorProps = React.ComponentProps<typeof BaseSeparator>;
+declare const Separator: {
+    ({ className, orientation, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Separator };
+export type { SeparatorProps };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS;2CAIZ,cAAc;;CAYhB,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA;AAEpB,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogBack
 export { AlertDialog } from '@base-ui/react/alert-dialog';
 export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
 export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './components/scroll-area';
+export { Separator } from './components/separator';
 export { SwitchRoot, SwitchThumb } from './components/switch';
 export { Toggle } from './components/toggle';
 export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
@@ -20,6 +21,7 @@ export type { CollapsibleRootProps, CollapsibleTriggerProps, CollapsiblePanelPro
 export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogBackdropProps, AlertDialogViewportProps, AlertDialogPopupProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, } from './components/alert-dialog';
 export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
 export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
+export type { SeparatorProps } from './components/separator';
 export type { SwitchRootProps, SwitchThumbProps } from './components/switch';
 export type { ToggleProps } from './components/toggle';
 export type { ToggleSize } from './lib/toggle-variants';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.es.js

@@ -6,20 +6,21 @@ import { clsx as L } from "clsx";
 import { twMerge as _ } from "tailwind-merge";
 import { Collapsible as D } from "@base-ui/react/collapsible";
 import { AlertDialog as m } from "@base-ui/react/alert-dialog";
-import { AlertDialog as ot } from "@base-ui/react/alert-dialog";
+import { AlertDialog as nt } from "@base-ui/react/alert-dialog";
 import { Avatar as T } from "@base-ui/react/avatar";
 import * as k from "react";
 import { ScrollArea as g } from "@base-ui/react/scroll-area";
+import { Separator as H } from "@base-ui/react/separator";
 import { Switch as C } from "@base-ui/react/switch";
-import { Toggle as M } from "@base-ui/react/toggle";
+import { Toggle as z } from "@base-ui/react/toggle";
 import { Tabs as y } from "@base-ui/react/tabs";
-import { Dialog as l } from "@base-ui/react/dialog";
+import { Dialog as n } from "@base-ui/react/dialog";
 import { Accordion as h } from "@base-ui/react/accordion";
 import { Meter as N } from "@base-ui/react/meter";
-import { Menu as n } from "@base-ui/react/menu";
+import { Menu as l } from "@base-ui/react/menu";
 import { Popover as i } from "@base-ui/react/popover";
 import { Progress as x } from "@base-ui/react/progress";
-import { ToggleGroup as H } from "@base-ui/react/toggle-group";
+import { ToggleGroup as B } from "@base-ui/react/toggle-group";
 const d = 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"
@@ -52,7 +53,7 @@ const d = u(
 function r(...e) {
   return _(L(e));
 }
-const B = ({
+const j = ({
   className: e,
   variant: a,
   size: o,
@@ -68,18 +69,18 @@ const B = ({
     children: c
   }
 );
-B.displayName = "Button";
-const j = ({ className: e, ...a }) => /* @__PURE__ */ t(D.Root, { className: r("w-full", e), ...a });
-j.displayName = "CollapsibleRoot";
-const F = ({ className: e, ...a }) => /* @__PURE__ */ t(
+j.displayName = "Button";
+const F = ({ className: e, ...a }) => /* @__PURE__ */ t(D.Root, { className: r("w-full", e), ...a });
+F.displayName = "CollapsibleRoot";
+const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
   D.Trigger,
   {
     className: r("flex items-center justify-between font-medium", e),
     ...a
   }
 );
-F.displayName = "CollapsibleTrigger";
-const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
+G.displayName = "CollapsibleTrigger";
+const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
   D.Panel,
   {
     className: r(
@@ -92,10 +93,10 @@ const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-G.displayName = "CollapsiblePanel";
-const q = (e) => /* @__PURE__ */ t(m.Root, { ...e });
-q.displayName = "AlertDialogRoot";
-const Z = ({
+q.displayName = "CollapsiblePanel";
+const Z = (e) => /* @__PURE__ */ t(m.Root, { ...e });
+Z.displayName = "AlertDialogRoot";
+const $ = ({
   className: e,
   variant: a,
   size: o,
@@ -107,10 +108,10 @@ const Z = ({
     ...s
   }
 );
-Z.displayName = "AlertDialogTrigger";
-const $ = (e) => /* @__PURE__ */ t(m.Portal, { ...e });
-$.displayName = "AlertDialogPortal";
-const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
+$.displayName = "AlertDialogTrigger";
+const E = (e) => /* @__PURE__ */ t(m.Portal, { ...e });
+E.displayName = "AlertDialogPortal";
+const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
   m.Backdrop,
   {
     className: r(
@@ -122,16 +123,16 @@ const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-E.displayName = "AlertDialogBackdrop";
-const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
+O.displayName = "AlertDialogBackdrop";
+const J = ({ className: e, ...a }) => /* @__PURE__ */ t(
   m.Viewport,
   {
     className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
     ...a
   }
 );
-O.displayName = "AlertDialogViewport";
-const J = u(
+J.displayName = "AlertDialogViewport";
+const K = 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",
@@ -155,25 +156,25 @@ const J = u(
       size: "default"
     }
   }
-), K = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+), Q = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
   m.Popup,
   {
-    className: r(J({ size: a }), e),
+    className: r(K({ size: a }), e),
     ...o
   }
 );
-K.displayName = "AlertDialogPopup";
-const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Q.displayName = "AlertDialogPopup";
+const U = ({ className: e, ...a }) => /* @__PURE__ */ t(
   m.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-Q.displayName = "AlertDialogTitle";
-const U = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Description, { className: r("mt-2", e), ...a });
-U.displayName = "AlertDialogDescription";
-const W = ({
+U.displayName = "AlertDialogTitle";
+const W = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Description, { className: r("mt-2", e), ...a });
+W.displayName = "AlertDialogDescription";
+const X = ({
   className: e,
   variant: a,
   size: o,
@@ -185,8 +186,8 @@ const W = ({
     ...s
   }
 );
-W.displayName = "AlertDialogClose";
-const R = u(
+X.displayName = "AlertDialogClose";
+const M = u(
   [
     "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
     "bg-muted text-foreground",
@@ -204,17 +205,17 @@ const R = u(
       size: "default"
     }
   }
-), z = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(T.Root, { className: r(R({ size: a }), e), ...o });
-z.displayName = "AvatarRoot";
-const X = ({ className: e, ...a }) => /* @__PURE__ */ t(
+), R = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(T.Root, { className: r(M({ size: a }), e), ...o });
+R.displayName = "AvatarRoot";
+const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
   T.Image,
   {
     className: r("aspect-square h-full w-full object-cover", e),
     ...a
   }
 );
-X.displayName = "AvatarImage";
-const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Y.displayName = "AvatarImage";
+const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
   T.Fallback,
   {
     className: r(
@@ -224,8 +225,8 @@ const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Y.displayName = "AvatarFallback";
-const ee = ({
+ee.displayName = "AvatarFallback";
+const ae = ({
   "aria-label": e,
   maxVisible: a,
   className: o,
@@ -233,7 +234,7 @@ const ee = ({
 }) => {
   const c = k.Children.toArray(s), p = c.length, f = a !== void 0 ? Math.min(a, p) : p, v = p - f, P = c.slice(0, f), I = (() => {
     const b = c[0];
-    return k.isValidElement(b) && b.type === z ? b.props.size ?? "default" : "default";
+    return k.isValidElement(b) && b.type === R ? b.props.size ?? "default" : "default";
   })();
   return /* @__PURE__ */ w("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
     P.map((b, A) => /* @__PURE__ */ t("li", { children: b }, A)),
@@ -244,7 +245,7 @@ const ee = ({
           "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
           "bg-muted text-foreground border-2 border-background",
           "font-medium",
-          R({ size: I })
+          M({ size: I })
         ),
         children: [
           "+",
@@ -254,20 +255,20 @@ const ee = ({
     ) })
   ] });
 };
-ee.displayName = "AvatarStack";
-const ae = ({ className: e, ...a }) => /* @__PURE__ */ t(g.Root, { className: r("relative", e), ...a });
-ae.displayName = "ScrollAreaRoot";
-const te = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ae.displayName = "AvatarStack";
+const te = ({ className: e, ...a }) => /* @__PURE__ */ t(g.Root, { className: r("relative", e), ...a });
+te.displayName = "ScrollAreaRoot";
+const re = ({ className: e, ...a }) => /* @__PURE__ */ t(
   g.Viewport,
   {
     className: r("h-full overscroll-contain pr-3", e),
     ...a
   }
 );
-te.displayName = "ScrollAreaViewport";
-const re = ({ className: e, ...a }) => /* @__PURE__ */ t(g.Content, { className: r("min-w-full", e), ...a });
-re.displayName = "ScrollAreaContent";
-const oe = ({
+re.displayName = "ScrollAreaViewport";
+const oe = ({ className: e, ...a }) => /* @__PURE__ */ t(g.Content, { className: r("min-w-full", e), ...a });
+oe.displayName = "ScrollAreaContent";
+const se = ({
   className: e,
   orientation: a = "vertical",
   ...o
@@ -285,8 +286,8 @@ const oe = ({
     ...o
   }
 );
-oe.displayName = "ScrollAreaScrollbar";
-const se = ({ className: e, ...a }) => /* @__PURE__ */ t(
+se.displayName = "ScrollAreaScrollbar";
+const le = ({ className: e, ...a }) => /* @__PURE__ */ t(
   g.Thumb,
   {
     className: r(
@@ -297,10 +298,27 @@ const se = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-se.displayName = "ScrollAreaThumb";
+le.displayName = "ScrollAreaThumb";
 const ne = ({ className: e, ...a }) => /* @__PURE__ */ t(g.Corner, { className: r("bg-muted/50", e), ...a });
 ne.displayName = "ScrollAreaCorner";
-const le = ({ className: e, ...a }) => /* @__PURE__ */ t(
+const ie = ({
+  className: e,
+  orientation: a = "horizontal",
+  ...o
+}) => /* @__PURE__ */ t(
+  H,
+  {
+    orientation: a,
+    className: r(
+      "shrink-0 bg-border",
+      a === "horizontal" ? "h-px w-full" : "h-full w-px",
+      e
+    ),
+    ...o
+  }
+);
+ie.displayName = "Separator";
+const de = ({ className: e, ...a }) => /* @__PURE__ */ t(
   C.Root,
   {
     className: r(
@@ -316,8 +334,8 @@ const le = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-le.displayName = "SwitchRoot";
-const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(
+de.displayName = "SwitchRoot";
+const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
   C.Thumb,
   {
     className: r(
@@ -332,7 +350,7 @@ const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-ie.displayName = "SwitchThumb";
+ce.displayName = "SwitchThumb";
 const V = u(
   [
     "inline-flex items-center justify-center gap-2 rounded-md",
@@ -364,11 +382,11 @@ const V = u(
       size: "default"
     }
   }
-), de = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(M, { className: r(V({ variant: a, size: o }), e), ...s });
-de.displayName = "Toggle";
-const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Root, { className: r("flex flex-col", e), ...a });
-ce.displayName = "TabsRoot";
-const ue = u(
+), ue = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(z, { className: r(V({ variant: a, size: o }), e), ...s });
+ue.displayName = "Toggle";
+const me = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Root, { className: r("flex flex-col", e), ...a });
+me.displayName = "TabsRoot";
+const pe = u(
   ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
   {
     variants: {
@@ -381,15 +399,15 @@ const ue = u(
       orientation: "horizontal"
     }
   }
-), me = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
+), ge = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
   y.List,
   {
-    className: r(ue({ orientation: a }), e),
+    className: r(pe({ orientation: a }), e),
     ...o
   }
 );
-me.displayName = "TabsList";
-const pe = u(
+ge.displayName = "TabsList";
+const fe = u(
   [
     "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
     "rounded-md px-3 py-1.5 text-sm font-medium",
@@ -410,9 +428,9 @@ const pe = u(
       size: "default"
     }
   }
-), ge = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(y.Tab, { className: r(pe({ size: a }), e), ...o });
-ge.displayName = "TabsTab";
-const fe = u(
+), be = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(y.Tab, { className: r(fe({ size: a }), e), ...o });
+be.displayName = "TabsTab";
+const ye = u(
   ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
   {
     variants: {
@@ -425,34 +443,34 @@ const fe = u(
       orientation: "horizontal"
     }
   }
-), be = ({
+), he = ({
   className: e,
   orientation: a = "horizontal",
   ...o
 }) => /* @__PURE__ */ t(
   y.Indicator,
   {
-    className: r(fe({ orientation: a }), e),
+    className: r(ye({ orientation: a }), e),
     ...o
   }
 );
-be.displayName = "TabsIndicator";
-const ye = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
-ye.displayName = "TabsPanel";
-const he = (e) => /* @__PURE__ */ t(l.Root, { ...e });
-he.displayName = "DialogRoot";
-const Ne = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Trigger,
+he.displayName = "TabsIndicator";
+const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
+Ne.displayName = "TabsPanel";
+const xe = (e) => /* @__PURE__ */ t(n.Root, { ...e });
+xe.displayName = "DialogRoot";
+const ve = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Trigger,
   {
     className: r(d({ variant: a, size: o }), e),
     ...s
   }
 );
-Ne.displayName = "DialogTrigger";
-const xe = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
-xe.displayName = "DialogPortal";
-const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Backdrop,
+ve.displayName = "DialogTrigger";
+const we = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
+we.displayName = "DialogPortal";
+const ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -463,8 +481,8 @@ const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-ve.displayName = "DialogBackdrop";
-const we = u(
+ke.displayName = "DialogBackdrop";
+const Pe = 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",
@@ -488,35 +506,35 @@ const we = u(
       size: "default"
     }
   }
-), ke = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
-  l.Popup,
+), De = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+  n.Popup,
   {
-    className: r(we({ size: a }), e),
+    className: r(Pe({ size: a }), e),
     ...o
   }
 );
-ke.displayName = "DialogPopup";
-const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Title,
+De.displayName = "DialogPopup";
+const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-Pe.displayName = "DialogTitle";
-const De = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("mt-2", e), ...a });
-De.displayName = "DialogDescription";
-const Te = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Close,
+Te.displayName = "DialogTitle";
+const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
+Ae.displayName = "DialogDescription";
+const Ce = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Close,
   {
     className: r(d({ variant: a ?? "outline", size: o }), e),
     ...s
   }
 );
-Te.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 Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Ce.displayName = "DialogClose";
+const ze = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
+ze.displayName = "DialogHeader";
+const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
   "div",
   {
     className: r(
@@ -526,21 +544,21 @@ const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Ce.displayName = "DialogFooter";
-const Me = (e) => /* @__PURE__ */ t(l.Root, { ...e });
-Me.displayName = "DrawerRoot";
-const Re = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Trigger,
+Me.displayName = "DialogFooter";
+const Re = (e) => /* @__PURE__ */ t(n.Root, { ...e });
+Re.displayName = "DrawerRoot";
+const Ve = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Trigger,
   {
     className: r(d({ variant: a, size: o }), e),
     ...s
   }
 );
-Re.displayName = "DrawerTrigger";
-const ze = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
-ze.displayName = "DrawerPortal";
-const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Backdrop,
+Ve.displayName = "DrawerTrigger";
+const Ie = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
+Ie.displayName = "DrawerPortal";
+const Se = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -551,8 +569,8 @@ const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Ve.displayName = "DrawerBackdrop";
-const Ie = u(
+Se.displayName = "DrawerBackdrop";
+const Le = u(
   [
     "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
     "transition-transform duration-300 ease-out",
@@ -588,51 +606,51 @@ const Ie = u(
       side: "right"
     }
   }
-), Se = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
-  l.Popup,
+), _e = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
+  n.Popup,
   {
-    className: r(Ie({ side: a }), e),
+    className: r(Le({ side: a }), e),
     ...o
   }
 );
-Se.displayName = "DrawerPopup";
-const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Title,
+_e.displayName = "DrawerPopup";
+const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-Le.displayName = "DrawerTitle";
-const _e = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("", e), ...a });
-_e.displayName = "DrawerDescription";
-const He = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Close,
+He.displayName = "DrawerTitle";
+const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("", e), ...a });
+Be.displayName = "DrawerDescription";
+const je = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Close,
   {
     className: r(d({ variant: a ?? "outline", size: o }), e),
     ...s
   }
 );
-He.displayName = "DrawerClose";
-const Be = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
-Be.displayName = "DrawerHeader";
-const je = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
-je.displayName = "DrawerContent";
-const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
-Fe.displayName = "DrawerFooter";
-const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(h.Root, { className: r("w-full", e), ...a });
-Ge.displayName = "AccordionRoot";
-const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+je.displayName = "DrawerClose";
+const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
+Fe.displayName = "DrawerHeader";
+const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
+Ge.displayName = "DrawerContent";
+const qe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
+qe.displayName = "DrawerFooter";
+const Ze = ({ className: e, ...a }) => /* @__PURE__ */ t(h.Root, { className: r("w-full", e), ...a });
+Ze.displayName = "AccordionRoot";
+const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
   h.Item,
   {
     className: r("border-b border-border last:border-b-0", e),
     ...a
   }
 );
-qe.displayName = "AccordionItem";
-const Ze = ({ className: e, ...a }) => /* @__PURE__ */ t(h.Header, { className: r("flex", e), ...a });
-Ze.displayName = "AccordionHeader";
-const $e = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
+$e.displayName = "AccordionItem";
+const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(h.Header, { className: r("flex", e), ...a });
+Ee.displayName = "AccordionHeader";
+const Oe = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
   h.Trigger,
   {
     className: r(
@@ -643,8 +661,8 @@ const $e = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
     children: a
   }
 );
-$e.displayName = "AccordionTrigger";
-const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Oe.displayName = "AccordionTrigger";
+const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
   h.Panel,
   {
     className: r(
@@ -654,8 +672,8 @@ const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Ee.displayName = "AccordionPanel";
-const Oe = ({ className: e, animated: a, value: o, ...s }) => {
+Je.displayName = "AccordionPanel";
+const Ke = ({ className: e, animated: a, value: o, ...s }) => {
   const c = o ?? 0, [p, f] = k.useState(a ? 0 : c);
   return k.useEffect(() => {
     if (a) {
@@ -670,8 +688,8 @@ const Oe = ({ className: e, animated: a, value: o, ...s }) => {
       f(c ?? 0);
   }, [a, c]), /* @__PURE__ */ t(N.Root, { className: r("w-full", e), value: p, ...s });
 };
-Oe.displayName = "MeterRoot";
-const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Ke.displayName = "MeterRoot";
+const Qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
   N.Track,
   {
     className: r(
@@ -681,8 +699,8 @@ const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Je.displayName = "MeterTrack";
-const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Qe.displayName = "MeterTrack";
+const Ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
   N.Indicator,
   {
     className: r(
@@ -692,40 +710,40 @@ const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Ke.displayName = "MeterIndicator";
-const Qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Ue.displayName = "MeterIndicator";
+const We = ({ className: e, ...a }) => /* @__PURE__ */ t(
   N.Value,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-Qe.displayName = "MeterValue";
-const Ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
+We.displayName = "MeterValue";
+const Xe = ({ className: e, ...a }) => /* @__PURE__ */ t(
   N.Label,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-Ue.displayName = "MeterLabel";
-const We = (e) => /* @__PURE__ */ t(n.Root, { ...e });
-We.displayName = "MenuRoot";
-const Xe = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Trigger, { className: r(e), ...a });
-Xe.displayName = "MenuTrigger";
-const Ye = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
-Ye.displayName = "MenuPortal";
-const ea = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.Positioner,
+Xe.displayName = "MeterLabel";
+const Ye = (e) => /* @__PURE__ */ t(l.Root, { ...e });
+Ye.displayName = "MenuRoot";
+const ea = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Trigger, { className: r(e), ...a });
+ea.displayName = "MenuTrigger";
+const aa = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
+aa.displayName = "MenuPortal";
+const ta = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Positioner,
   {
     className: r("z-50 outline-none", e),
     sideOffset: 8,
     ...a
   }
 );
-ea.displayName = "MenuPositioner";
-const aa = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.Popup,
+ta.displayName = "MenuPositioner";
+const ra = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  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",
@@ -735,19 +753,19 @@ const aa = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-aa.displayName = "MenuPopup";
-const ta = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.Arrow,
+ra.displayName = "MenuPopup";
+const oa = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  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(ra, {})
+    children: /* @__PURE__ */ t(sa, {})
   }
 );
-function ra(e) {
+function sa(e) {
   return /* @__PURE__ */ w("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
     /* @__PURE__ */ t(
       "path",
@@ -765,9 +783,9 @@ function ra(e) {
     )
   ] });
 }
-ta.displayName = "MenuArrow";
-const oa = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.Item,
+oa.displayName = "MenuArrow";
+const la = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Item,
   {
     className: r(
       d({ variant: "ghost", size: "sm" }),
@@ -777,29 +795,29 @@ const oa = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-oa.displayName = "MenuItem";
-const sa = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.Separator,
+la.displayName = "MenuItem";
+const na = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Separator,
   {
     className: r("-mx-1 my-1 h-px bg-border", e),
     ...a
   }
 );
-sa.displayName = "MenuSeparator";
-const na = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Group, { className: r(e), ...a });
-na.displayName = "MenuGroup";
-const la = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.GroupLabel,
+na.displayName = "MenuSeparator";
+const ia = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Group, { className: r(e), ...a });
+ia.displayName = "MenuGroup";
+const da = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.GroupLabel,
   {
     className: r("px-3 py-1.5 text-sm font-semibold", e),
     ...a
   }
 );
-la.displayName = "MenuGroupLabel";
-const ia = ({ className: e, ...a }) => /* @__PURE__ */ t(n.RadioGroup, { className: r(e), ...a });
-ia.displayName = "MenuRadioGroup";
-const da = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.RadioItem,
+da.displayName = "MenuGroupLabel";
+const ca = ({ className: e, ...a }) => /* @__PURE__ */ t(l.RadioGroup, { className: r(e), ...a });
+ca.displayName = "MenuRadioGroup";
+const ua = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.RadioItem,
   {
     className: r(
       d({ variant: "ghost", size: "sm" }),
@@ -809,9 +827,9 @@ const da = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-da.displayName = "MenuRadioItem";
-const ca = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.CheckboxItem,
+ua.displayName = "MenuRadioItem";
+const ma = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.CheckboxItem,
   {
     className: r(
       d({ variant: "ghost", size: "sm" }),
@@ -821,20 +839,20 @@ const ca = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-ca.displayName = "MenuCheckboxItem";
-const ua = ({ className: e, ...a }) => /* @__PURE__ */ t(n.RadioItemIndicator, { className: r("col-start-1", e), ...a });
-ua.displayName = "MenuRadioItemIndicator";
-const ma = ({
+ma.displayName = "MenuCheckboxItem";
+const pa = ({ className: e, ...a }) => /* @__PURE__ */ t(l.RadioItemIndicator, { className: r("col-start-1", e), ...a });
+pa.displayName = "MenuRadioItemIndicator";
+const ga = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ t(n.CheckboxItemIndicator, { className: r("col-start-1", e), ...a });
-ma.displayName = "MenuCheckboxItemIndicator";
-const pa = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-pa.displayName = "MenuCheckboxItemLabel";
-const ga = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
-ga.displayName = "MenuRadioItemLabel";
-const fa = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  n.SubmenuTrigger,
+}) => /* @__PURE__ */ t(l.CheckboxItemIndicator, { className: r("col-start-1", e), ...a });
+ga.displayName = "MenuCheckboxItemIndicator";
+const fa = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
+fa.displayName = "MenuCheckboxItemLabel";
+const ba = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
+ba.displayName = "MenuRadioItemLabel";
+const ya = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.SubmenuTrigger,
   {
     className: r(
       d({ variant: "ghost", size: "sm" }),
@@ -844,16 +862,16 @@ const fa = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-fa.displayName = "MenuSubmenuTrigger";
-const ba = (e) => /* @__PURE__ */ t(n.SubmenuRoot, { ...e });
-ba.displayName = "MenuSubmenuRoot";
-const ya = (e) => /* @__PURE__ */ t(i.Root, { ...e });
-ya.displayName = "PopoverRoot";
-const ha = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Trigger, { className: r(e), ...a });
-ha.displayName = "PopoverTrigger";
-const Na = (e) => /* @__PURE__ */ t(i.Portal, { ...e });
-Na.displayName = "PopoverPortal";
-const xa = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ya.displayName = "MenuSubmenuTrigger";
+const ha = (e) => /* @__PURE__ */ t(l.SubmenuRoot, { ...e });
+ha.displayName = "MenuSubmenuRoot";
+const Na = (e) => /* @__PURE__ */ t(i.Root, { ...e });
+Na.displayName = "PopoverRoot";
+const xa = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Trigger, { className: r(e), ...a });
+xa.displayName = "PopoverTrigger";
+const va = (e) => /* @__PURE__ */ t(i.Portal, { ...e });
+va.displayName = "PopoverPortal";
+const wa = ({ className: e, ...a }) => /* @__PURE__ */ t(
   i.Backdrop,
   {
     className: r(
@@ -865,8 +883,8 @@ const xa = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-xa.displayName = "PopoverBackdrop";
-const va = ({ className: e, ...a }) => /* @__PURE__ */ t(
+wa.displayName = "PopoverBackdrop";
+const ka = ({ className: e, ...a }) => /* @__PURE__ */ t(
   i.Positioner,
   {
     className: r(
@@ -883,8 +901,8 @@ const va = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-va.displayName = "PopoverPositioner";
-const wa = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ka.displayName = "PopoverPositioner";
+const Pa = ({ className: e, ...a }) => /* @__PURE__ */ t(
   i.Popup,
   {
     className: r(
@@ -903,8 +921,8 @@ const wa = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-wa.displayName = "PopoverPopup";
-const ka = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Pa.displayName = "PopoverPopup";
+const Da = ({ className: e, ...a }) => /* @__PURE__ */ t(
   i.Arrow,
   {
     className: r(
@@ -912,10 +930,10 @@ const ka = ({ className: e, ...a }) => /* @__PURE__ */ t(
       e
     ),
     ...a,
-    children: /* @__PURE__ */ t(Pa, {})
+    children: /* @__PURE__ */ t(Ta, {})
   }
 );
-function Pa(e) {
+function Ta(e) {
   return /* @__PURE__ */ w("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
     /* @__PURE__ */ t(
       "path",
@@ -933,18 +951,18 @@ function Pa(e) {
     )
   ] });
 }
-ka.displayName = "PopoverArrow";
-const Da = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Title, { className: r("text-sm font-semibold", e), ...a });
-Da.displayName = "PopoverTitle";
-const Ta = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Description, { className: r("text-sm", e), ...a });
-Ta.displayName = "PopoverDescription";
-const Aa = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Close, { className: r(e), ...a });
-Aa.displayName = "PopoverClose";
-const Ca = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Viewport, { className: r(e), ...a });
-Ca.displayName = "PopoverViewport";
-const Ma = ({ className: e, ...a }) => /* @__PURE__ */ t(x.Root, { className: r("w-full", e), ...a });
-Ma.displayName = "ProgressRoot";
-const Ra = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Da.displayName = "PopoverArrow";
+const Aa = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Title, { className: r("text-sm font-semibold", e), ...a });
+Aa.displayName = "PopoverTitle";
+const Ca = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Description, { className: r("text-sm", e), ...a });
+Ca.displayName = "PopoverDescription";
+const za = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Close, { className: r(e), ...a });
+za.displayName = "PopoverClose";
+const Ma = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Viewport, { className: r(e), ...a });
+Ma.displayName = "PopoverViewport";
+const Ra = ({ className: e, ...a }) => /* @__PURE__ */ t(x.Root, { className: r("w-full", e), ...a });
+Ra.displayName = "ProgressRoot";
+const Va = ({ className: e, ...a }) => /* @__PURE__ */ t(
   x.Track,
   {
     className: r(
@@ -954,8 +972,8 @@ const Ra = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Ra.displayName = "ProgressTrack";
-const za = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Va.displayName = "ProgressTrack";
+const Ia = ({ className: e, ...a }) => /* @__PURE__ */ t(
   x.Indicator,
   {
     className: r(
@@ -965,25 +983,25 @@ const za = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-za.displayName = "ProgressIndicator";
-const Va = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Ia.displayName = "ProgressIndicator";
+const Sa = ({ className: e, ...a }) => /* @__PURE__ */ t(
   x.Value,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-Va.displayName = "ProgressValue";
-const Ia = ({ className: e, ...a }) => /* @__PURE__ */ t(
+Sa.displayName = "ProgressValue";
+const La = ({ className: e, ...a }) => /* @__PURE__ */ t(
   x.Label,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-Ia.displayName = "ProgressLabel";
-const Sa = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
-  H,
+La.displayName = "ProgressLabel";
+const _a = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
+  B,
   {
     orientation: a,
     className: r(
@@ -999,14 +1017,14 @@ const Sa = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
     ...o
   }
 );
-Sa.displayName = "ToggleGroupRoot";
-const La = ({
+_a.displayName = "ToggleGroupRoot";
+const Ha = ({
   className: e,
   variant: a,
   size: o,
   ...s
 }) => /* @__PURE__ */ t(
-  M,
+  z,
   {
     className: r(
       V({ variant: a, size: o }),
@@ -1017,106 +1035,107 @@ const La = ({
     ...s
   }
 );
-La.displayName = "ToggleGroupItem";
+Ha.displayName = "ToggleGroupItem";
 export {
-  Ze as AccordionHeader,
-  qe as AccordionItem,
-  Ee as AccordionPanel,
-  Ge as AccordionRoot,
-  $e as AccordionTrigger,
-  ot as AlertDialog,
-  E as AlertDialogBackdrop,
-  W as AlertDialogClose,
-  U as AlertDialogDescription,
-  K as AlertDialogPopup,
-  $ as AlertDialogPortal,
-  q as AlertDialogRoot,
-  Q as AlertDialogTitle,
-  Z as AlertDialogTrigger,
-  O as AlertDialogViewport,
-  Y as AvatarFallback,
-  X as AvatarImage,
-  z as AvatarRoot,
-  ee as AvatarStack,
-  B as Button,
-  G as CollapsiblePanel,
-  j as CollapsibleRoot,
-  F as CollapsibleTrigger,
-  ve as DialogBackdrop,
-  Te as DialogClose,
-  De as DialogDescription,
-  Ce as DialogFooter,
-  Ae as DialogHeader,
-  ke as DialogPopup,
-  xe as DialogPortal,
-  he as DialogRoot,
-  Pe as DialogTitle,
-  Ne as DialogTrigger,
-  Ve as DrawerBackdrop,
-  He as DrawerClose,
-  je as DrawerContent,
-  _e as DrawerDescription,
-  Fe as DrawerFooter,
-  Be as DrawerHeader,
-  Se as DrawerPopup,
-  ze as DrawerPortal,
-  Me as DrawerRoot,
-  Le as DrawerTitle,
-  Re as DrawerTrigger,
-  ta as MenuArrow,
-  ca as MenuCheckboxItem,
-  ma as MenuCheckboxItemIndicator,
-  pa as MenuCheckboxItemLabel,
-  na as MenuGroup,
-  la as MenuGroupLabel,
-  oa as MenuItem,
-  aa as MenuPopup,
-  Ye as MenuPortal,
-  ea as MenuPositioner,
-  ia as MenuRadioGroup,
-  da as MenuRadioItem,
-  ua as MenuRadioItemIndicator,
-  ga as MenuRadioItemLabel,
-  We as MenuRoot,
-  sa as MenuSeparator,
-  ba as MenuSubmenuRoot,
-  fa as MenuSubmenuTrigger,
-  Xe as MenuTrigger,
-  Ke as MeterIndicator,
-  Ue as MeterLabel,
-  Oe as MeterRoot,
-  Je as MeterTrack,
-  Qe as MeterValue,
-  ka as PopoverArrow,
-  xa as PopoverBackdrop,
-  Aa as PopoverClose,
-  Ta as PopoverDescription,
-  wa as PopoverPopup,
-  Na as PopoverPortal,
-  va as PopoverPositioner,
-  ya as PopoverRoot,
-  Da as PopoverTitle,
-  ha as PopoverTrigger,
-  Ca as PopoverViewport,
-  za as ProgressIndicator,
-  Ia as ProgressLabel,
-  Ma as ProgressRoot,
-  Ra as ProgressTrack,
-  Va as ProgressValue,
-  re as ScrollAreaContent,
+  Ee as AccordionHeader,
+  $e as AccordionItem,
+  Je as AccordionPanel,
+  Ze as AccordionRoot,
+  Oe as AccordionTrigger,
+  nt as AlertDialog,
+  O as AlertDialogBackdrop,
+  X as AlertDialogClose,
+  W as AlertDialogDescription,
+  Q as AlertDialogPopup,
+  E as AlertDialogPortal,
+  Z as AlertDialogRoot,
+  U as AlertDialogTitle,
+  $ as AlertDialogTrigger,
+  J as AlertDialogViewport,
+  ee as AvatarFallback,
+  Y as AvatarImage,
+  R as AvatarRoot,
+  ae as AvatarStack,
+  j as Button,
+  q as CollapsiblePanel,
+  F as CollapsibleRoot,
+  G as CollapsibleTrigger,
+  ke as DialogBackdrop,
+  Ce as DialogClose,
+  Ae as DialogDescription,
+  Me as DialogFooter,
+  ze as DialogHeader,
+  De as DialogPopup,
+  we as DialogPortal,
+  xe as DialogRoot,
+  Te as DialogTitle,
+  ve as DialogTrigger,
+  Se as DrawerBackdrop,
+  je as DrawerClose,
+  Ge as DrawerContent,
+  Be as DrawerDescription,
+  qe as DrawerFooter,
+  Fe as DrawerHeader,
+  _e as DrawerPopup,
+  Ie as DrawerPortal,
+  Re as DrawerRoot,
+  He as DrawerTitle,
+  Ve as DrawerTrigger,
+  oa as MenuArrow,
+  ma as MenuCheckboxItem,
+  ga as MenuCheckboxItemIndicator,
+  fa as MenuCheckboxItemLabel,
+  ia as MenuGroup,
+  da as MenuGroupLabel,
+  la as MenuItem,
+  ra as MenuPopup,
+  aa as MenuPortal,
+  ta as MenuPositioner,
+  ca as MenuRadioGroup,
+  ua as MenuRadioItem,
+  pa as MenuRadioItemIndicator,
+  ba as MenuRadioItemLabel,
+  Ye as MenuRoot,
+  na as MenuSeparator,
+  ha as MenuSubmenuRoot,
+  ya as MenuSubmenuTrigger,
+  ea as MenuTrigger,
+  Ue as MeterIndicator,
+  Xe as MeterLabel,
+  Ke as MeterRoot,
+  Qe as MeterTrack,
+  We as MeterValue,
+  Da as PopoverArrow,
+  wa as PopoverBackdrop,
+  za as PopoverClose,
+  Ca as PopoverDescription,
+  Pa as PopoverPopup,
+  va as PopoverPortal,
+  ka as PopoverPositioner,
+  Na as PopoverRoot,
+  Aa as PopoverTitle,
+  xa as PopoverTrigger,
+  Ma as PopoverViewport,
+  Ia as ProgressIndicator,
+  La as ProgressLabel,
+  Ra as ProgressRoot,
+  Va as ProgressTrack,
+  Sa as ProgressValue,
+  oe as ScrollAreaContent,
   ne as ScrollAreaCorner,
-  ae as ScrollAreaRoot,
-  oe as ScrollAreaScrollbar,
-  se as ScrollAreaThumb,
-  te as ScrollAreaViewport,
-  le as SwitchRoot,
-  ie as SwitchThumb,
-  be as TabsIndicator,
-  me as TabsList,
-  ye as TabsPanel,
-  ce as TabsRoot,
-  ge as TabsTab,
-  de as Toggle,
-  La as ToggleGroupItem,
-  Sa as ToggleGroupRoot
+  te as ScrollAreaRoot,
+  se as ScrollAreaScrollbar,
+  le as ScrollAreaThumb,
+  re as ScrollAreaViewport,
+  ie as Separator,
+  de as SwitchRoot,
+  ce as SwitchThumb,
+  he as TabsIndicator,
+  ge as TabsList,
+  Ne as TabsPanel,
+  me as TabsRoot,
+  be as TabsTab,
+  ue as Toggle,
+  Ha as ToggleGroupItem,
+  _a as ToggleGroupRoot
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/compose-ui",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "A collection of components built with Base UI & Tailwind CSS",
   "author": "LGLab",
   "license": "MIT",