@lglab/compose-ui 0.11.0 → 0.13.0

package/dist/components/collapsible.d.ts

@@ -0,0 +1,20 @@
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import * as React from 'react';
+type CollapsibleRootProps = React.ComponentProps<typeof BaseCollapsible.Root>;
+declare const CollapsibleRoot: {
+    ({ className, ...props }: CollapsibleRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type CollapsibleTriggerProps = React.ComponentProps<typeof BaseCollapsible.Trigger>;
+declare const CollapsibleTrigger: {
+    ({ className, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type CollapsiblePanelProps = React.ComponentProps<typeof BaseCollapsible.Panel>;
+declare const CollapsiblePanel: {
+    ({ className, ...props }: CollapsiblePanelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CollapsibleRoot, CollapsibleTrigger, CollapsiblePanel };
+export type { CollapsibleRootProps, CollapsibleTriggerProps, CollapsiblePanelProps };
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7E,QAAA,MAAM,eAAe;8BAA6B,oBAAoB;;CAErE,CAAA;AAQD,KAAK,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAEnF,QAAA,MAAM,kBAAkB;8BAA6B,uBAAuB;;CAO3E,CAAA;AAQD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE/E,QAAA,MAAM,gBAAgB;8BAA6B,qBAAqB;;CAavE,CAAA;AAQD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA;AAEhE,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/menu.d.ts

@@ -0,0 +1,100 @@
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import * as React from 'react';
+type MenuRootProps = React.ComponentProps<typeof BaseMenu.Root>;
+declare const MenuRoot: {
+    (props: MenuRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuTriggerProps = React.ComponentProps<typeof BaseMenu.Trigger>;
+declare const MenuTrigger: {
+    ({ className, ...props }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuPortalProps = React.ComponentProps<typeof BaseMenu.Portal>;
+declare const MenuPortal: {
+    (props: MenuPortalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuPositionerProps = React.ComponentProps<typeof BaseMenu.Positioner>;
+declare const MenuPositioner: {
+    ({ className, ...props }: MenuPositionerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuPopupProps = React.ComponentProps<typeof BaseMenu.Popup>;
+declare const MenuPopup: {
+    ({ className, ...props }: MenuPopupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuArrowProps = React.ComponentProps<typeof BaseMenu.Arrow>;
+declare const MenuArrow: {
+    ({ className, ...props }: MenuArrowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuItemProps = React.ComponentProps<typeof BaseMenu.Item>;
+declare const MenuItem: {
+    ({ className, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuSeparatorProps = React.ComponentProps<typeof BaseMenu.Separator>;
+declare const MenuSeparator: {
+    ({ className, ...props }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuGroupProps = React.ComponentProps<typeof BaseMenu.Group>;
+declare const MenuGroup: {
+    ({ className, ...props }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuGroupLabelProps = React.ComponentProps<typeof BaseMenu.GroupLabel>;
+declare const MenuGroupLabel: {
+    ({ className, ...props }: MenuGroupLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuRadioGroupProps = React.ComponentProps<typeof BaseMenu.RadioGroup>;
+declare const MenuRadioGroup: {
+    ({ className, ...props }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuRadioItemProps = React.ComponentProps<typeof BaseMenu.RadioItem>;
+declare const MenuRadioItem: {
+    ({ className, ...props }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuCheckboxItemProps = React.ComponentProps<typeof BaseMenu.CheckboxItem>;
+declare const MenuCheckboxItem: {
+    ({ className, ...props }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuRadioItemIndicatorProps = React.ComponentProps<typeof BaseMenu.RadioItemIndicator>;
+declare const MenuRadioItemIndicator: {
+    ({ className, ...props }: MenuRadioItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuCheckboxItemIndicatorProps = React.ComponentProps<typeof BaseMenu.CheckboxItemIndicator>;
+declare const MenuCheckboxItemIndicator: {
+    ({ className, ...props }: MenuCheckboxItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuCheckboxItemLabelProps = React.ComponentProps<'span'>;
+declare const MenuCheckboxItemLabel: {
+    ({ className, ...props }: MenuCheckboxItemLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuRadioItemLabelProps = React.ComponentProps<'span'>;
+declare const MenuRadioItemLabel: {
+    ({ className, ...props }: MenuRadioItemLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuSubmenuTriggerProps = React.ComponentProps<typeof BaseMenu.SubmenuTrigger>;
+declare const MenuSubmenuTrigger: {
+    ({ className, ...props }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuSubmenuRootProps = React.ComponentProps<typeof BaseMenu.SubmenuRoot>;
+declare const MenuSubmenuRoot: {
+    (props: MenuSubmenuRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { MenuRoot, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuArrow, MenuItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemLabel, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemLabel, MenuSubmenuTrigger, MenuSubmenuRoot, };
+export type { MenuRootProps, MenuTriggerProps, MenuPortalProps, MenuPositionerProps, MenuPopupProps, MenuArrowProps, MenuItemProps, MenuSeparatorProps, MenuGroupProps, MenuGroupLabelProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRadioItemIndicatorProps, MenuRadioItemLabelProps, MenuCheckboxItemProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemLabelProps, MenuSubmenuTriggerProps, MenuSubmenuRootProps, };
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AAE/D,QAAA,MAAM,QAAQ;YAAW,aAAa;;CAErC,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAE7D,CAAA;AAQD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAQnE,CAAA;AAQD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEjE,QAAA,MAAM,SAAS;8BAA6B,cAAc;;CAWzD,CAAA;AAQD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEjE,QAAA,MAAM,SAAS;8BAA6B,cAAc;;CAYzD,CAAA;AAuBD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AAE/D,QAAA,MAAM,QAAQ;8BAA6B,aAAa;;CAWvD,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAOjE,CAAA;AAQD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEjE,QAAA,MAAM,SAAS;8BAA6B,cAAc;;CAEzD,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAOnE,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAEnE,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAWjE,CAAA;AAQD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,YAAY,CAAC,CAAA;AAE/E,QAAA,MAAM,gBAAgB;8BAA6B,qBAAqB;;CAWvE,CAAA;AAQD,KAAK,2BAA2B,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,QAAQ,CAAC,kBAAkB,CACnC,CAAA;AAED,QAAA,MAAM,sBAAsB;8BAA6B,2BAA2B;;CAInF,CAAA;AAQD,KAAK,8BAA8B,GAAG,KAAK,CAAC,cAAc,CACxD,OAAO,QAAQ,CAAC,qBAAqB,CACtC,CAAA;AAED,QAAA,MAAM,yBAAyB;8BAG5B,8BAA8B;;CAIhC,CAAA;AAQD,KAAK,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,qBAAqB;8BAA6B,0BAA0B;;CAEjF,CAAA;AAQD,KAAK,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAE3D,QAAA,MAAM,kBAAkB;8BAA6B,uBAAuB;;CAE3E,CAAA;AAQD,KAAK,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,cAAc,CAAC,CAAA;AAEnF,QAAA,MAAM,kBAAkB;8BAA6B,uBAAuB;;CAW3E,CAAA;AAQD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAA;AAE7E,QAAA,MAAM,eAAe;YAAW,oBAAoB;;CAEnD,CAAA;AAQD,OAAO,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,cAAc,EACd,SAAS,EACT,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,cAAc,EACd,aAAa,EACb,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,GAChB,CAAA;AAED,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,2BAA2B,EAC3B,uBAAuB,EACvB,qBAAqB,EACrB,8BAA8B,EAC9B,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,GACrB,CAAA"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { Button } from './components/button';
+export { CollapsibleRoot, CollapsibleTrigger, CollapsiblePanel, } from './components/collapsible';
 export { AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, } from './components/alert-dialog';
 export { AlertDialog } from '@base-ui/react/alert-dialog';
 export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
@@ -10,9 +11,11 @@ export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, D
 export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
 export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
 export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel, } from './components/meter';
+export { MenuRoot, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuArrow, MenuItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemLabel, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemLabel, MenuSubmenuTrigger, MenuSubmenuRoot, } from './components/menu';
 export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel, } from './components/progress';
 export { ToggleGroupRoot, ToggleGroupItem } from './components/toggle-group';
 export type { ButtonProps } from './components/button';
+export type { CollapsibleRootProps, CollapsibleTriggerProps, CollapsiblePanelProps, } from './components/collapsible';
 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';
@@ -24,6 +27,7 @@ export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBack
 export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
 export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
 export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, } from './components/meter';
+export type { MenuRootProps, MenuTriggerProps, MenuPortalProps, MenuPositionerProps, MenuPopupProps, MenuArrowProps, MenuItemProps, MenuSeparatorProps, MenuGroupProps, MenuGroupLabelProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRadioItemIndicatorProps, MenuRadioItemLabelProps, MenuCheckboxItemProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemLabelProps, MenuSubmenuTriggerProps, MenuSubmenuRootProps, } from './components/menu';
 export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, } from './components/progress';
 export type { ToggleGroupRootProps, ToggleGroupItemProps, } from './components/toggle-group';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,25 +1,27 @@
 "use client";
 import { jsx as t, jsxs as k } from "react/jsx-runtime";
 import { Button as S } from "@base-ui/react/button";
-import { cva as n } from "class-variance-authority";
-import { clsx as C } from "clsx";
-import { twMerge as _ } from "tailwind-merge";
-import { AlertDialog as d } from "@base-ui/react/alert-dialog";
-import { AlertDialog as ya } from "@base-ui/react/alert-dialog";
-import { Avatar as w } from "@base-ui/react/avatar";
-import * as N from "react";
-import { ScrollArea as m } from "@base-ui/react/scroll-area";
-import { Switch as A } from "@base-ui/react/switch";
-import { Toggle as T } from "@base-ui/react/toggle";
-import { Tabs as f } from "@base-ui/react/tabs";
-import { Dialog as l } from "@base-ui/react/dialog";
-import { Accordion as b } from "@base-ui/react/accordion";
-import { Meter as y } from "@base-ui/react/meter";
-import { Progress as h } from "@base-ui/react/progress";
-import { ToggleGroup as I } from "@base-ui/react/toggle-group";
-const u = n(
+import { cva as c } from "class-variance-authority";
+import { clsx as V } from "clsx";
+import { twMerge as L } from "tailwind-merge";
+import { Collapsible as D } from "@base-ui/react/collapsible";
+import { AlertDialog as u } from "@base-ui/react/alert-dialog";
+import { AlertDialog as Za } from "@base-ui/react/alert-dialog";
+import { Avatar as T } from "@base-ui/react/avatar";
+import * as v from "react";
+import { ScrollArea as p } from "@base-ui/react/scroll-area";
+import { Switch as M } from "@base-ui/react/switch";
+import { Toggle as R } from "@base-ui/react/toggle";
+import { Tabs as b } from "@base-ui/react/tabs";
+import { Dialog as n } from "@base-ui/react/dialog";
+import { Accordion as y } from "@base-ui/react/accordion";
+import { Meter as h } from "@base-ui/react/meter";
+import { Menu as l } from "@base-ui/react/menu";
+import { Progress as N } from "@base-ui/react/progress";
+import { ToggleGroup as _ } from "@base-ui/react/toggle-group";
+const i = c(
   [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all [&_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"
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all select-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
   ],
   {
     variants: {
@@ -47,44 +49,68 @@ const u = n(
   }
 );
 function r(...e) {
-  return _(C(e));
+  return L(V(e));
 }
-const F = ({
+const j = ({
   className: e,
   variant: a,
   size: o,
   disabled: s,
-  children: i,
-  ...c
+  children: d,
+  ...m
 }) => /* @__PURE__ */ t(
   S,
   {
-    className: r(u({ variant: a, size: o }), e),
+    className: r(i({ variant: a, size: o }), e),
     disabled: s,
-    ...c,
-    children: i
+    ...m,
+    children: d
   }
 );
-F.displayName = "Button";
-const B = (e) => /* @__PURE__ */ t(d.Root, { ...e });
-B.displayName = "AlertDialogRoot";
-const M = ({
+j.displayName = "Button";
+const F = ({ className: e, ...a }) => /* @__PURE__ */ t(D.Root, { className: r("w-full", e), ...a });
+F.displayName = "CollapsibleRoot";
+const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  D.Trigger,
+  {
+    className: r("flex items-center justify-between font-medium", e),
+    ...a
+  }
+);
+B.displayName = "CollapsibleTrigger";
+const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  D.Panel,
+  {
+    className: r(
+      '[&[hidden]:not([hidden="until-found"])]:hidden h-(--collapsible-panel-height)',
+      "overflow-hidden duration-200 transition-all ease-out",
+      "data-ending-style:h-0",
+      "data-starting-style:h-0",
+      e
+    ),
+    ...a
+  }
+);
+G.displayName = "CollapsiblePanel";
+const H = (e) => /* @__PURE__ */ t(u.Root, { ...e });
+H.displayName = "AlertDialogRoot";
+const q = ({
   className: e,
   variant: a,
   size: o,
   ...s
 }) => /* @__PURE__ */ t(
-  d.Trigger,
+  u.Trigger,
   {
-    className: r(u({ variant: a, size: o }), e),
+    className: r(i({ variant: a, size: o }), e),
     ...s
   }
 );
-M.displayName = "AlertDialogTrigger";
-const j = (e) => /* @__PURE__ */ t(d.Portal, { ...e });
-j.displayName = "AlertDialogPortal";
-const L = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  d.Backdrop,
+q.displayName = "AlertDialogTrigger";
+const E = (e) => /* @__PURE__ */ t(u.Portal, { ...e });
+E.displayName = "AlertDialogPortal";
+const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  u.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -95,16 +121,16 @@ const L = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-L.displayName = "AlertDialogBackdrop";
-const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  d.Viewport,
+Z.displayName = "AlertDialogBackdrop";
+const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  u.Viewport,
   {
     className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
     ...a
   }
 );
-H.displayName = "AlertDialogViewport";
-const G = n(
+$.displayName = "AlertDialogViewport";
+const O = c(
   [
     "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",
@@ -128,38 +154,38 @@ const G = n(
       size: "default"
     }
   }
-), q = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
-  d.Popup,
+), J = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+  u.Popup,
   {
-    className: r(G({ size: a }), e),
+    className: r(O({ size: a }), e),
     ...o
   }
 );
-q.displayName = "AlertDialogPopup";
-const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  d.Title,
+J.displayName = "AlertDialogPopup";
+const K = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  u.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-E.displayName = "AlertDialogTitle";
-const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Description, { className: r("mt-2", e), ...a });
-$.displayName = "AlertDialogDescription";
-const J = ({
+K.displayName = "AlertDialogTitle";
+const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(u.Description, { className: r("mt-2", e), ...a });
+Q.displayName = "AlertDialogDescription";
+const U = ({
   className: e,
   variant: a,
   size: o,
   ...s
 }) => /* @__PURE__ */ t(
-  d.Close,
+  u.Close,
   {
-    className: r(u({ variant: a ?? "outline", size: o }), e),
+    className: r(i({ variant: a ?? "outline", size: o }), e),
     ...s
   }
 );
-J.displayName = "AlertDialogClose";
-const z = n(
+U.displayName = "AlertDialogClose";
+const z = c(
   [
     "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
     "bg-muted text-foreground",
@@ -177,18 +203,18 @@ const z = n(
       size: "default"
     }
   }
-), P = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(w.Root, { className: r(z({ size: a }), e), ...o });
+), P = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(T.Root, { className: r(z({ size: a }), e), ...o });
 P.displayName = "AvatarRoot";
-const K = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  w.Image,
+const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  T.Image,
   {
     className: r("aspect-square h-full w-full object-cover", e),
     ...a
   }
 );
-K.displayName = "AvatarImage";
-const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  w.Fallback,
+W.displayName = "AvatarImage";
+const X = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  T.Fallback,
   {
     className: r(
       "flex h-full w-full items-center justify-center font-medium",
@@ -197,19 +223,19 @@ const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-O.displayName = "AvatarFallback";
-const Q = ({
+X.displayName = "AvatarFallback";
+const Y = ({
   "aria-label": e,
   maxVisible: a,
   className: o,
   children: s
 }) => {
-  const i = N.Children.toArray(s), c = i.length, g = a !== void 0 ? Math.min(a, c) : c, x = c - g, v = i.slice(0, g), V = (() => {
-    const p = i[0];
-    return N.isValidElement(p) && p.type === P ? p.props.size ?? "default" : "default";
+  const d = v.Children.toArray(s), m = d.length, g = a !== void 0 ? Math.min(a, m) : m, x = m - g, w = d.slice(0, g), I = (() => {
+    const f = d[0];
+    return v.isValidElement(f) && f.type === P ? f.props.size ?? "default" : "default";
   })();
   return /* @__PURE__ */ k("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
-    v.map((p, D) => /* @__PURE__ */ t("li", { children: p }, D)),
+    w.map((f, A) => /* @__PURE__ */ t("li", { children: f }, A)),
     x > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ k(
       "span",
       {
@@ -217,7 +243,7 @@ const Q = ({
           "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
           "bg-muted text-foreground border-2 border-background",
           "font-medium",
-          z({ size: V })
+          z({ size: I })
         ),
         children: [
           "+",
@@ -227,25 +253,25 @@ const Q = ({
     ) })
   ] });
 };
-Q.displayName = "AvatarStack";
-const U = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Root, { className: r("relative", e), ...a });
-U.displayName = "ScrollAreaRoot";
-const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  m.Viewport,
+Y.displayName = "AvatarStack";
+const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Root, { className: r("relative", e), ...a });
+ee.displayName = "ScrollAreaRoot";
+const ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  p.Viewport,
   {
     className: r("h-full overscroll-contain pr-3", e),
     ...a
   }
 );
-W.displayName = "ScrollAreaViewport";
-const X = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Content, { className: r("min-w-full", e), ...a });
-X.displayName = "ScrollAreaContent";
-const Y = ({
+ae.displayName = "ScrollAreaViewport";
+const te = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Content, { className: r("min-w-full", e), ...a });
+te.displayName = "ScrollAreaContent";
+const re = ({
   className: e,
   orientation: a = "vertical",
   ...o
 }) => /* @__PURE__ */ t(
-  m.Scrollbar,
+  p.Scrollbar,
   {
     className: r(
       "flex touch-none select-none p-0.5 transition-colors duration-200 ease-out",
@@ -258,9 +284,9 @@ const Y = ({
     ...o
   }
 );
-Y.displayName = "ScrollAreaScrollbar";
-const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  m.Thumb,
+re.displayName = "ScrollAreaScrollbar";
+const oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  p.Thumb,
   {
     className: r(
       "relative flex-1 rounded-full bg-border transition-colors",
@@ -270,11 +296,11 @@ const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Z.displayName = "ScrollAreaThumb";
-const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Corner, { className: r("bg-muted/50", e), ...a });
-ee.displayName = "ScrollAreaCorner";
-const ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  A.Root,
+oe.displayName = "ScrollAreaThumb";
+const se = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Corner, { className: r("bg-muted/50", e), ...a });
+se.displayName = "ScrollAreaCorner";
+const le = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  M.Root,
   {
     className: r(
       "relative flex h-6 w-10 rounded-full",
@@ -291,9 +317,9 @@ const ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-ae.displayName = "SwitchRoot";
-const te = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  A.Thumb,
+le.displayName = "SwitchRoot";
+const ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  M.Thumb,
   {
     className: r(
       "aspect-square h-full rounded-full bg-background",
@@ -307,8 +333,8 @@ const te = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-te.displayName = "SwitchThumb";
-const R = n(
+ne.displayName = "SwitchThumb";
+const C = c(
   [
     "inline-flex items-center justify-center gap-2 rounded-md",
     "text-sm font-medium",
@@ -339,11 +365,11 @@ const R = n(
       size: "default"
     }
   }
-), re = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(T, { className: r(R({ variant: a, size: o }), e), ...s });
-re.displayName = "Toggle";
-const oe = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("flex flex-col", e), ...a });
-oe.displayName = "TabsRoot";
-const se = n(
+), ie = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(R, { className: r(C({ variant: a, size: o }), e), ...s });
+ie.displayName = "Toggle";
+const de = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("flex flex-col", e), ...a });
+de.displayName = "TabsRoot";
+const ce = c(
   ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
   {
     variants: {
@@ -356,15 +382,15 @@ const se = n(
       orientation: "horizontal"
     }
   }
-), le = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
-  f.List,
+), ue = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
+  b.List,
   {
-    className: r(se({ orientation: a }), e),
+    className: r(ce({ orientation: a }), e),
     ...o
   }
 );
-le.displayName = "TabsList";
-const ie = n(
+ue.displayName = "TabsList";
+const me = c(
   [
     "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
     "rounded-md px-3 py-1.5 text-sm font-medium",
@@ -385,9 +411,9 @@ const ie = n(
       size: "default"
     }
   }
-), ne = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(f.Tab, { className: r(ie({ size: a }), e), ...o });
-ne.displayName = "TabsTab";
-const de = n(
+), pe = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(b.Tab, { className: r(me({ size: a }), e), ...o });
+pe.displayName = "TabsTab";
+const ge = c(
   ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
   {
     variants: {
@@ -400,34 +426,34 @@ const de = n(
       orientation: "horizontal"
     }
   }
-), ce = ({
+), fe = ({
   className: e,
   orientation: a = "horizontal",
   ...o
 }) => /* @__PURE__ */ t(
-  f.Indicator,
+  b.Indicator,
   {
-    className: r(de({ orientation: a }), e),
+    className: r(ge({ orientation: a }), e),
     ...o
   }
 );
-ce.displayName = "TabsIndicator";
-const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
-ue.displayName = "TabsPanel";
-const me = (e) => /* @__PURE__ */ t(l.Root, { ...e });
-me.displayName = "DialogRoot";
-const ge = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Trigger,
+fe.displayName = "TabsIndicator";
+const be = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
+be.displayName = "TabsPanel";
+const ye = (e) => /* @__PURE__ */ t(n.Root, { ...e });
+ye.displayName = "DialogRoot";
+const he = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Trigger,
   {
-    className: r(u({ variant: a, size: o }), e),
+    className: r(i({ variant: a, size: o }), e),
     ...s
   }
 );
-ge.displayName = "DialogTrigger";
-const pe = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
-pe.displayName = "DialogPortal";
-const fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Backdrop,
+he.displayName = "DialogTrigger";
+const Ne = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
+Ne.displayName = "DialogPortal";
+const xe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -438,8 +464,8 @@ const fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-fe.displayName = "DialogBackdrop";
-const be = n(
+xe.displayName = "DialogBackdrop";
+const ve = c(
   [
     "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",
@@ -463,35 +489,35 @@ const be = n(
       size: "default"
     }
   }
-), ye = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
-  l.Popup,
+), we = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+  n.Popup,
   {
-    className: r(be({ size: a }), e),
+    className: r(ve({ size: a }), e),
     ...o
   }
 );
-ye.displayName = "DialogPopup";
-const he = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Title,
+we.displayName = "DialogPopup";
+const ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-he.displayName = "DialogTitle";
-const xe = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("mt-2", e), ...a });
-xe.displayName = "DialogDescription";
-const Ne = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Close,
+ke.displayName = "DialogTitle";
+const De = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
+De.displayName = "DialogDescription";
+const Te = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Close,
   {
-    className: r(u({ variant: a ?? "outline", size: o }), e),
+    className: r(i({ variant: a ?? "outline", size: o }), e),
     ...s
   }
 );
-Ne.displayName = "DialogClose";
-const ve = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
-ve.displayName = "DialogHeader";
-const we = ({ className: e, ...a }) => /* @__PURE__ */ t(
+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 Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
   "div",
   {
     className: r(
@@ -501,21 +527,21 @@ const we = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-we.displayName = "DialogFooter";
-const De = (e) => /* @__PURE__ */ t(l.Root, { ...e });
-De.displayName = "DrawerRoot";
-const ke = ({ 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 ze = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Trigger,
   {
-    className: r(u({ variant: a, size: o }), e),
+    className: r(i({ variant: a, size: o }), e),
     ...s
   }
 );
-ke.displayName = "DrawerTrigger";
-const Ae = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
-Ae.displayName = "DrawerPortal";
-const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Backdrop,
+ze.displayName = "DrawerTrigger";
+const Pe = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
+Pe.displayName = "DrawerPortal";
+const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -526,8 +552,8 @@ const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Te.displayName = "DrawerBackdrop";
-const ze = n(
+Ce.displayName = "DrawerBackdrop";
+const Ie = c(
   [
     "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
     "transition-transform duration-300 ease-out",
@@ -563,52 +589,52 @@ const ze = n(
       side: "right"
     }
   }
-), Pe = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
-  l.Popup,
+), Se = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
+  n.Popup,
   {
-    className: r(ze({ side: a }), e),
+    className: r(Ie({ side: a }), e),
     ...o
   }
 );
-Pe.displayName = "DrawerPopup";
-const Re = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Title,
+Se.displayName = "DrawerPopup";
+const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-Re.displayName = "DrawerTitle";
-const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("", e), ...a });
-Ve.displayName = "DrawerDescription";
-const Se = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Close,
+Ve.displayName = "DrawerTitle";
+const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("", e), ...a });
+Le.displayName = "DrawerDescription";
+const _e = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  n.Close,
   {
-    className: r(u({ variant: a ?? "outline", size: o }), e),
+    className: r(i({ variant: a ?? "outline", size: o }), e),
     ...s
   }
 );
-Se.displayName = "DrawerClose";
-const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
-Ce.displayName = "DrawerHeader";
-const _e = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
-_e.displayName = "DrawerContent";
-const Ie = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
-Ie.displayName = "DrawerFooter";
-const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("w-full", e), ...a });
-Fe.displayName = "AccordionRoot";
-const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  b.Item,
+_e.displayName = "DrawerClose";
+const je = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
+je.displayName = "DrawerHeader";
+const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
+Fe.displayName = "DrawerContent";
+const Be = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
+Be.displayName = "DrawerFooter";
+const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Root, { className: r("w-full", e), ...a });
+Ge.displayName = "AccordionRoot";
+const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  y.Item,
   {
     className: r("border-b border-border last:border-b-0", e),
     ...a
   }
 );
-Be.displayName = "AccordionItem";
-const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Header, { className: r("flex", e), ...a });
-Me.displayName = "AccordionHeader";
-const je = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
-  b.Trigger,
+He.displayName = "AccordionItem";
+const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Header, { className: r("flex", e), ...a });
+qe.displayName = "AccordionHeader";
+const Ee = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
+  y.Trigger,
   {
     className: r(
       "flex flex-1 items-center justify-between py-3 font-medium",
@@ -618,9 +644,9 @@ const je = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
     children: a
   }
 );
-je.displayName = "AccordionTrigger";
-const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  b.Panel,
+Ee.displayName = "AccordionTrigger";
+const Ze = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  y.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",
@@ -629,25 +655,25 @@ const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Le.displayName = "AccordionPanel";
-const He = ({ className: e, animated: a, value: o, ...s }) => {
-  const i = o ?? 0, [c, g] = N.useState(a ? 0 : i);
-  return N.useEffect(() => {
+Ze.displayName = "AccordionPanel";
+const $e = ({ className: e, animated: a, value: o, ...s }) => {
+  const d = o ?? 0, [m, g] = v.useState(a ? 0 : d);
+  return v.useEffect(() => {
     if (a) {
       const x = requestAnimationFrame(() => {
-        const v = requestAnimationFrame(() => {
-          g(i ?? 0);
+        const w = requestAnimationFrame(() => {
+          g(d ?? 0);
         });
-        return () => cancelAnimationFrame(v);
+        return () => cancelAnimationFrame(w);
       });
       return () => cancelAnimationFrame(x);
     } else
-      g(i ?? 0);
-  }, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...s });
+      g(d ?? 0);
+  }, [a, d]), /* @__PURE__ */ t(h.Root, { className: r("w-full", e), value: m, ...s });
 };
-He.displayName = "MeterRoot";
-const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Track,
+$e.displayName = "MeterRoot";
+const Oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  h.Track,
   {
     className: r(
       "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
@@ -656,9 +682,9 @@ const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Ge.displayName = "MeterTrack";
-const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Indicator,
+Oe.displayName = "MeterTrack";
+const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  h.Indicator,
   {
     className: r(
       "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
@@ -667,27 +693,165 @@ const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-qe.displayName = "MeterIndicator";
-const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Value,
+Je.displayName = "MeterIndicator";
+const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  h.Value,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-Ee.displayName = "MeterValue";
-const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  y.Label,
+Ke.displayName = "MeterValue";
+const Qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  h.Label,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-$e.displayName = "MeterLabel";
-const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(h.Root, { className: r("w-full", e), ...a });
-Je.displayName = "ProgressRoot";
-const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  h.Track,
+Qe.displayName = "MeterLabel";
+const Ue = (e) => /* @__PURE__ */ t(l.Root, { ...e });
+Ue.displayName = "MenuRoot";
+const We = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Trigger, { className: r(e), ...a });
+We.displayName = "MenuTrigger";
+const Xe = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
+Xe.displayName = "MenuPortal";
+const Ye = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Positioner,
+  {
+    className: r("z-50 outline-none", e),
+    sideOffset: 8,
+    ...a
+  }
+);
+Ye.displayName = "MenuPositioner";
+const ea = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Popup,
+  {
+    className: r(
+      "rounded-md bg-background p-1 text-foreground shadow-sm shadow-gray-200 border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
+      "min-w-[8rem]",
+      e
+    ),
+    ...a
+  }
+);
+ea.displayName = "MenuPopup";
+const aa = ({ 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(ta, {})
+  }
+);
+function ta(e) {
+  return /* @__PURE__ */ k("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"
+      }
+    )
+  ] });
+}
+aa.displayName = "MenuArrow";
+const ra = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Item,
+  {
+    className: r(
+      i({ variant: "ghost", size: "sm" }),
+      "flex justify-start",
+      e
+    ),
+    ...a
+  }
+);
+ra.displayName = "MenuItem";
+const oa = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Separator,
+  {
+    className: r("-mx-1 my-1 h-px bg-border", e),
+    ...a
+  }
+);
+oa.displayName = "MenuSeparator";
+const sa = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Group, { className: r(e), ...a });
+sa.displayName = "MenuGroup";
+const la = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.GroupLabel,
+  {
+    className: r("px-3 py-1.5 text-sm font-semibold", e),
+    ...a
+  }
+);
+la.displayName = "MenuGroupLabel";
+const na = ({ className: e, ...a }) => /* @__PURE__ */ t(l.RadioGroup, { className: r(e), ...a });
+na.displayName = "MenuRadioGroup";
+const ia = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.RadioItem,
+  {
+    className: r(
+      i({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      e
+    ),
+    ...a
+  }
+);
+ia.displayName = "MenuRadioItem";
+const da = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.CheckboxItem,
+  {
+    className: r(
+      i({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      e
+    ),
+    ...a
+  }
+);
+da.displayName = "MenuCheckboxItem";
+const ca = ({ className: e, ...a }) => /* @__PURE__ */ t(l.RadioItemIndicator, { className: r("col-start-1", e), ...a });
+ca.displayName = "MenuRadioItemIndicator";
+const ua = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t(l.CheckboxItemIndicator, { className: r("col-start-1", e), ...a });
+ua.displayName = "MenuCheckboxItemIndicator";
+const ma = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
+ma.displayName = "MenuCheckboxItemLabel";
+const pa = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
+pa.displayName = "MenuRadioItemLabel";
+const ga = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.SubmenuTrigger,
+  {
+    className: r(
+      i({ variant: "ghost", size: "sm" }),
+      "flex justify-between",
+      e
+    ),
+    ...a
+  }
+);
+ga.displayName = "MenuSubmenuTrigger";
+const fa = (e) => /* @__PURE__ */ t(l.SubmenuRoot, { ...e });
+fa.displayName = "MenuSubmenuRoot";
+const ba = ({ className: e, ...a }) => /* @__PURE__ */ t(N.Root, { className: r("w-full", e), ...a });
+ba.displayName = "ProgressRoot";
+const ya = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Track,
   {
     className: r(
       "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
@@ -696,9 +860,9 @@ const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Ke.displayName = "ProgressTrack";
-const Oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  h.Indicator,
+ya.displayName = "ProgressTrack";
+const ha = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Indicator,
   {
     className: r(
       "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
@@ -707,25 +871,25 @@ const Oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Oe.displayName = "ProgressIndicator";
-const Qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  h.Value,
+ha.displayName = "ProgressIndicator";
+const Na = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Value,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-Qe.displayName = "ProgressValue";
-const Ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  h.Label,
+Na.displayName = "ProgressValue";
+const xa = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Label,
   {
     className: r("text-sm font-medium text-foreground", e),
     ...a
   }
 );
-Ue.displayName = "ProgressLabel";
-const We = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
-  I,
+xa.displayName = "ProgressLabel";
+const va = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
+  _,
   {
     orientation: a,
     className: r(
@@ -741,17 +905,17 @@ const We = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
     ...o
   }
 );
-We.displayName = "ToggleGroupRoot";
-const Xe = ({
+va.displayName = "ToggleGroupRoot";
+const wa = ({
   className: e,
   variant: a,
   size: o,
   ...s
 }) => /* @__PURE__ */ t(
-  T,
+  R,
   {
     className: r(
-      R({ variant: a, size: o }),
+      C({ variant: a, size: o }),
       // Ghost variant in toggle-group: add borders, no background when pressed
       a === "ghost" && "border border-border",
       e
@@ -759,73 +923,95 @@ const Xe = ({
     ...s
   }
 );
-Xe.displayName = "ToggleGroupItem";
+wa.displayName = "ToggleGroupItem";
 export {
-  Me as AccordionHeader,
-  Be as AccordionItem,
-  Le as AccordionPanel,
-  Fe as AccordionRoot,
-  je as AccordionTrigger,
-  ya as AlertDialog,
-  L as AlertDialogBackdrop,
-  J as AlertDialogClose,
-  $ as AlertDialogDescription,
-  q as AlertDialogPopup,
-  j as AlertDialogPortal,
-  B as AlertDialogRoot,
-  E as AlertDialogTitle,
-  M as AlertDialogTrigger,
-  H as AlertDialogViewport,
-  O as AvatarFallback,
-  K as AvatarImage,
+  qe as AccordionHeader,
+  He as AccordionItem,
+  Ze as AccordionPanel,
+  Ge as AccordionRoot,
+  Ee as AccordionTrigger,
+  Za as AlertDialog,
+  Z as AlertDialogBackdrop,
+  U as AlertDialogClose,
+  Q as AlertDialogDescription,
+  J as AlertDialogPopup,
+  E as AlertDialogPortal,
+  H as AlertDialogRoot,
+  K as AlertDialogTitle,
+  q as AlertDialogTrigger,
+  $ as AlertDialogViewport,
+  X as AvatarFallback,
+  W as AvatarImage,
   P as AvatarRoot,
-  Q as AvatarStack,
-  F as Button,
-  fe as DialogBackdrop,
-  Ne as DialogClose,
-  xe as DialogDescription,
-  we as DialogFooter,
-  ve as DialogHeader,
-  ye as DialogPopup,
-  pe as DialogPortal,
-  me as DialogRoot,
-  he as DialogTitle,
-  ge as DialogTrigger,
-  Te as DrawerBackdrop,
-  Se as DrawerClose,
-  _e as DrawerContent,
-  Ve as DrawerDescription,
-  Ie as DrawerFooter,
-  Ce as DrawerHeader,
-  Pe as DrawerPopup,
-  Ae as DrawerPortal,
-  De as DrawerRoot,
-  Re as DrawerTitle,
-  ke as DrawerTrigger,
-  qe as MeterIndicator,
-  $e as MeterLabel,
-  He as MeterRoot,
-  Ge as MeterTrack,
-  Ee as MeterValue,
-  Oe as ProgressIndicator,
-  Ue as ProgressLabel,
-  Je as ProgressRoot,
-  Ke as ProgressTrack,
-  Qe as ProgressValue,
-  X as ScrollAreaContent,
-  ee as ScrollAreaCorner,
-  U as ScrollAreaRoot,
-  Y as ScrollAreaScrollbar,
-  Z as ScrollAreaThumb,
-  W as ScrollAreaViewport,
-  ae as SwitchRoot,
-  te as SwitchThumb,
-  ce as TabsIndicator,
-  le as TabsList,
-  ue as TabsPanel,
-  oe as TabsRoot,
-  ne as TabsTab,
-  re as Toggle,
-  Xe as ToggleGroupItem,
-  We as ToggleGroupRoot
+  Y as AvatarStack,
+  j as Button,
+  G as CollapsiblePanel,
+  F as CollapsibleRoot,
+  B as CollapsibleTrigger,
+  xe as DialogBackdrop,
+  Te as DialogClose,
+  De as DialogDescription,
+  Me as DialogFooter,
+  Ae as DialogHeader,
+  we as DialogPopup,
+  Ne as DialogPortal,
+  ye as DialogRoot,
+  ke as DialogTitle,
+  he as DialogTrigger,
+  Ce as DrawerBackdrop,
+  _e as DrawerClose,
+  Fe as DrawerContent,
+  Le as DrawerDescription,
+  Be as DrawerFooter,
+  je as DrawerHeader,
+  Se as DrawerPopup,
+  Pe as DrawerPortal,
+  Re as DrawerRoot,
+  Ve as DrawerTitle,
+  ze as DrawerTrigger,
+  aa as MenuArrow,
+  da as MenuCheckboxItem,
+  ua as MenuCheckboxItemIndicator,
+  ma as MenuCheckboxItemLabel,
+  sa as MenuGroup,
+  la as MenuGroupLabel,
+  ra as MenuItem,
+  ea as MenuPopup,
+  Xe as MenuPortal,
+  Ye as MenuPositioner,
+  na as MenuRadioGroup,
+  ia as MenuRadioItem,
+  ca as MenuRadioItemIndicator,
+  pa as MenuRadioItemLabel,
+  Ue as MenuRoot,
+  oa as MenuSeparator,
+  fa as MenuSubmenuRoot,
+  ga as MenuSubmenuTrigger,
+  We as MenuTrigger,
+  Je as MeterIndicator,
+  Qe as MeterLabel,
+  $e as MeterRoot,
+  Oe as MeterTrack,
+  Ke as MeterValue,
+  ha as ProgressIndicator,
+  xa as ProgressLabel,
+  ba as ProgressRoot,
+  ya as ProgressTrack,
+  Na as ProgressValue,
+  te as ScrollAreaContent,
+  se as ScrollAreaCorner,
+  ee as ScrollAreaRoot,
+  re as ScrollAreaScrollbar,
+  oe as ScrollAreaThumb,
+  ae as ScrollAreaViewport,
+  le as SwitchRoot,
+  ne as SwitchThumb,
+  fe as TabsIndicator,
+  ue as TabsList,
+  be as TabsPanel,
+  de as TabsRoot,
+  pe as TabsTab,
+  ie as Toggle,
+  wa as ToggleGroupItem,
+  va as ToggleGroupRoot
 };

package/package.json

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