@brijbyte/agentic-ui 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -3,37 +3,46 @@ import { AccordionHeader, AccordionHeaderProps, AccordionItem as AccordionItem$1
 import { AlertAction, AlertDialog, AlertDialogProps, styles as styles$1 } from "./alert-dialog/alert-dialog.js";
 import { AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogTitle, AlertDialogTitleProps } from "./alert-dialog/parts.js";
 import { Badge, BadgeProps, BadgeVariant, styles as styles$2 } from "./badge/badge.js";
-import { Button, ButtonProps, ButtonSize, ButtonVariant, styles as styles$3 } from "./button/button.js";
+import { Button, ButtonProps, ButtonSize, ButtonTone, ButtonVariant, styles as styles$3 } from "./button/button.js";
 import { Card, CardBody, CardFooter, CardHeader, CardHeaderProps, CardProps, styles as styles$4 } from "./card/card.js";
 import { Checkbox, CheckboxProps, styles as styles$5 } from "./checkbox/checkbox.js";
 import { CheckboxIndicator, CheckboxIndicatorProps, CheckboxRoot, CheckboxRootProps } from "./checkbox/parts.js";
 import { Collapsible, CollapsibleProps, styles as styles$6 } from "./collapsible/collapsible.js";
 import { CollapsiblePanel, CollapsiblePanelProps, CollapsibleRoot, CollapsibleRootProps, CollapsibleTrigger, CollapsibleTriggerProps } from "./collapsible/parts.js";
 import { ContextMenu, ContextMenuEntry, ContextMenuGroupDef, ContextMenuItemDef, ContextMenuProps, ContextMenuSeparatorDef, styles as styles$7 } from "./context-menu/context-menu.js";
-import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuSeparator, ContextMenuSeparatorProps } from "./context-menu/parts.js";
+import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuSeparator, ContextMenuSeparatorProps, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerProps } from "./context-menu/parts.js";
 import { Dialog, DialogProps, styles as styles$8 } from "./dialog/dialog.js";
 import { DialogBackdrop, DialogBackdropProps, DialogClose, DialogCloseProps, DialogDescription, DialogDescriptionProps, DialogPopup, DialogPopupProps, DialogTitle, DialogTitleProps, DialogViewport, DialogViewportProps } from "./dialog/parts.js";
 import { Drawer, DrawerProps, DrawerSide, styles as styles$9 } from "./drawer/drawer.js";
 import { DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerPopupProps, DrawerTitle, DrawerTitleProps, DrawerViewport, DrawerViewportProps } from "./drawer/parts.js";
 import { Input, InputProps, InputSize, styles as styles$10 } from "./input/input.js";
-import { Switch, SwitchProps, styles as styles$17 } from "./switch/switch.js";
-import { SwitchRoot, SwitchRootProps, SwitchThumb, SwitchThumbProps } from "./switch/parts.js";
-import { Select, SelectGroup, SelectOption, SelectProps, styles as styles$14 } from "./select/select.js";
-import { SelectGroup as SelectGroup$1, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPositioner, SelectPositionerProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./select/parts.js";
-import { Tooltip, TooltipProps, styles as styles$20 } from "./tooltip/tooltip.js";
-import { TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps } from "./tooltip/parts.js";
-import { TabItem, Tabs, TabsProps, styles as styles$18 } from "./tabs/tabs.js";
-import { TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsTab, TabsTabProps } from "./tabs/parts.js";
-import { Progress, ProgressProps, ProgressSize, ProgressStatus, styles as styles$13 } from "./progress/progress.js";
-import { ProgressIndicator, ProgressIndicatorProps, ProgressTrack, ProgressTrackProps } from "./progress/parts.js";
-import { ToastType, ToastViewport, styles as styles$19, useToastManager } from "./toast/toast.js";
-import { ToastClose, ToastCloseProps, ToastDescription, ToastDescriptionProps, ToastRoot, ToastRootProps, ToastTitle, ToastTitleProps, ToastViewportPart, ToastViewportPartProps } from "./toast/parts.js";
-import { Separator, SeparatorProps, styles as styles$15 } from "./separator/separator.js";
-import { Slider, SliderProps, styles as styles$16 } from "./slider/slider.js";
-import { SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps } from "./slider/parts.js";
-import { NumberField, NumberFieldProps, styles as styles$12 } from "./number-field/number-field.js";
-import { NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps } from "./number-field/parts.js";
 import { Menu, MenuEntry, MenuGroupDef, MenuItemDef, MenuProps, MenuSeparatorDef, styles as styles$11 } from "./menu/menu.js";
 import { MenuItemShortcut, MenuItemShortcutProps } from "./menu/menuitemshortcut.js";
 import { MenuArrow, MenuArrowProps, MenuGroupLabel, MenuGroupLabelProps, MenuItem, MenuItemProps, MenuPopup, MenuPopupProps, MenuPositioner, MenuPositionerProps, MenuSeparator, MenuSeparatorProps } from "./menu/parts.js";
-export { Accordion, AccordionHeader, type AccordionHeaderProps, type AccordionItem, AccordionItem$1 as AccordionItemPart, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, styles as AccordionStyles, AccordionTrigger, type AccordionTriggerProps, type AlertAction, AlertDialog, AlertDialogBackdrop, type AlertDialogBackdropProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogPopup, type AlertDialogPopupProps, type AlertDialogProps, styles$1 as AlertDialogStyles, AlertDialogTitle, type AlertDialogTitleProps, Badge, type BadgeProps, styles$2 as BadgeStyles, type BadgeVariant, Button, type ButtonProps, type ButtonSize, styles$3 as ButtonStyles, type ButtonVariant, Card, CardBody, CardFooter, CardHeader, type CardHeaderProps, type CardProps, styles$4 as CardStyles, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, CheckboxRoot, type CheckboxRootProps, styles$5 as CheckboxStyles, Collapsible, CollapsiblePanel, type CollapsiblePanelProps, type CollapsibleProps, CollapsibleRoot, type CollapsibleRootProps, styles$6 as CollapsibleStyles, CollapsibleTrigger, type CollapsibleTriggerProps, ContextMenu, type ContextMenuEntry, ContextMenuGroup, type ContextMenuGroupDef, ContextMenuGroupLabel, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemDef, type ContextMenuItemProps, ContextMenuPopup, type ContextMenuPopupProps, type ContextMenuProps, ContextMenuSeparator, type ContextMenuSeparatorDef, type ContextMenuSeparatorProps, styles$7 as ContextMenuStyles, Dialog, DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogPopup, type DialogPopupProps, type DialogProps, styles$8 as DialogStyles, DialogTitle, type DialogTitleProps, DialogViewport, type DialogViewportProps, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, type DrawerPopupProps, type DrawerProps, type DrawerSide, styles$9 as DrawerStyles, DrawerTitle, type DrawerTitleProps, DrawerViewport, type DrawerViewportProps, Input, type InputProps, type InputSize, styles$10 as InputStyles, Menu, MenuArrow, type MenuArrowProps, type MenuEntry, type MenuGroupDef, MenuGroupLabel, type MenuGroupLabelProps, MenuItem, type MenuItemDef, type MenuItemProps, MenuItemShortcut, type MenuItemShortcutProps, MenuPopup, type MenuPopupProps, MenuPositioner, type MenuPositionerProps, type MenuProps, MenuSeparator, type MenuSeparatorDef, type MenuSeparatorProps, styles$11 as MenuStyles, NumberField, NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, type NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps, styles$12 as NumberFieldStyles, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, type ProgressSize, type ProgressStatus, styles$13 as ProgressStyles, ProgressTrack, type ProgressTrackProps, Select, type SelectGroup, SelectGroup$1 as SelectGroupContainer, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, SelectPopup, type SelectPopupProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectSeparator, type SelectSeparatorProps, styles$14 as SelectStyles, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, styles$15 as SeparatorStyles, Slider, SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, SliderLabel, type SliderLabelProps, type SliderProps, styles$16 as SliderStyles, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps, Switch, type SwitchProps, SwitchRoot, type SwitchRootProps, styles$17 as SwitchStyles, SwitchThumb, type SwitchThumbProps, type TabItem, Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, styles$18 as TabsStyles, TabsTab, type TabsTabProps, ToastClose, type ToastCloseProps, ToastDescription, type ToastDescriptionProps, ToastRoot, type ToastRootProps, styles$19 as ToastStyles, ToastTitle, type ToastTitleProps, type ToastType, ToastViewport, ToastViewportPart, type ToastViewportPartProps, Tooltip, TooltipArrow, type TooltipArrowProps, TooltipPopup, type TooltipPopupProps, TooltipPositioner, type TooltipPositionerProps, type TooltipProps, styles$20 as TooltipStyles, useToastManager };
+import { Meter, MeterProps, MeterSize, styles as styles$12 } from "./meter/meter.js";
+import { CircularMeter, CircularMeterProps, CircularMeterSize } from "./meter/circular-meter.js";
+import { MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps } from "./meter/parts.js";
+import { NumberField, NumberFieldProps, styles as styles$13 } from "./number-field/number-field.js";
+import { NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps } from "./number-field/parts.js";
+import { Popover, PopoverProps, styles as styles$14 } from "./popover/popover.js";
+import { PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseProps, PopoverDescription, PopoverDescriptionProps, PopoverPopup, PopoverPopupProps, PopoverPositioner, PopoverPositionerProps, PopoverTitle, PopoverTitleProps, PopoverViewport, PopoverViewportProps } from "./popover/parts.js";
+import { Progress, ProgressProps, ProgressSize, ProgressStatus, styles as styles$15 } from "./progress/progress.js";
+import { ProgressIndicator, ProgressIndicatorProps, ProgressTrack, ProgressTrackProps } from "./progress/parts.js";
+import { Radio, RadioProps, styles as styles$17 } from "./radio/radio.js";
+import { RadioIndicator, RadioIndicatorProps, RadioRoot, RadioRootProps } from "./radio/parts.js";
+import { RadioGroup, RadioGroupProps, RadioOption, styles as styles$16 } from "./radio-group/radio-group.js";
+import { RadioGroupRoot, RadioGroupRootProps } from "./radio-group/parts.js";
+import { Select, SelectGroup, SelectOption, SelectProps, styles as styles$18 } from "./select/select.js";
+import { SelectGroup as SelectGroup$1, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPositioner, SelectPositionerProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./select/parts.js";
+import { Separator, SeparatorProps, styles as styles$19 } from "./separator/separator.js";
+import { Slider, SliderProps, styles as styles$20 } from "./slider/slider.js";
+import { SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps } from "./slider/parts.js";
+import { Switch, SwitchProps, styles as styles$21 } from "./switch/switch.js";
+import { SwitchRoot, SwitchRootProps, SwitchThumb, SwitchThumbProps } from "./switch/parts.js";
+import { TabItem, Tabs, TabsProps, styles as styles$22 } from "./tabs/tabs.js";
+import { TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsTab, TabsTabProps } from "./tabs/parts.js";
+import { ToastProvider, ToastProviderProps, ToastType, ToastViewport, ToastViewportProps, styles as styles$23, useToastManager } from "./toast/toast.js";
+import { ToastClose, ToastCloseProps, ToastDescription, ToastDescriptionProps, ToastRoot, ToastRootProps, ToastTitle, ToastTitleProps, ToastViewportPart, ToastViewportPartProps } from "./toast/parts.js";
+import { Tooltip, TooltipProps, styles as styles$24 } from "./tooltip/tooltip.js";
+import { TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps } from "./tooltip/parts.js";
+export { Accordion, AccordionHeader, AccordionHeaderProps, AccordionItem, AccordionItem$1 as AccordionItemPart, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, styles as AccordionStyles, AccordionTrigger, AccordionTriggerProps, AlertAction, AlertDialog, AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogProps, styles$1 as AlertDialogStyles, AlertDialogTitle, AlertDialogTitleProps, Badge, BadgeProps, styles$2 as BadgeStyles, BadgeVariant, Button, ButtonProps, ButtonSize, styles$3 as ButtonStyles, ButtonTone, ButtonVariant, Card, CardBody, CardFooter, CardHeader, CardHeaderProps, CardProps, styles$4 as CardStyles, Checkbox, CheckboxIndicator, CheckboxIndicatorProps, CheckboxProps, CheckboxRoot, CheckboxRootProps, styles$5 as CheckboxStyles, CircularMeter, CircularMeterProps, CircularMeterSize, Collapsible, CollapsiblePanel, CollapsiblePanelProps, CollapsibleProps, CollapsibleRoot, CollapsibleRootProps, styles$6 as CollapsibleStyles, CollapsibleTrigger, CollapsibleTriggerProps, ContextMenu, ContextMenuEntry, ContextMenuGroup, ContextMenuGroupDef, ContextMenuGroupLabel, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemDef, ContextMenuItemProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuProps, ContextMenuSeparator, ContextMenuSeparatorDef, ContextMenuSeparatorProps, styles$7 as ContextMenuStyles, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerProps, Dialog, DialogBackdrop, DialogBackdropProps, DialogClose, DialogCloseProps, DialogDescription, DialogDescriptionProps, DialogPopup, DialogPopupProps, DialogProps, styles$8 as DialogStyles, DialogTitle, DialogTitleProps, DialogViewport, DialogViewportProps, Drawer, DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerPopupProps, DrawerProps, DrawerSide, styles$9 as DrawerStyles, DrawerTitle, DrawerTitleProps, DrawerViewport, DrawerViewportProps, Input, InputProps, InputSize, styles$10 as InputStyles, Menu, MenuArrow, MenuArrowProps, MenuEntry, MenuGroupDef, MenuGroupLabel, MenuGroupLabelProps, MenuItem, MenuItemDef, MenuItemProps, MenuItemShortcut, MenuItemShortcutProps, MenuPopup, MenuPopupProps, MenuPositioner, MenuPositionerProps, MenuProps, MenuSeparator, MenuSeparatorDef, MenuSeparatorProps, styles$11 as MenuStyles, Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterProps, MeterSize, styles$12 as MeterStyles, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps, NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps, styles$13 as NumberFieldStyles, Popover, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseProps, PopoverDescription, PopoverDescriptionProps, PopoverPopup, PopoverPopupProps, PopoverPositioner, PopoverPositionerProps, PopoverProps, styles$14 as PopoverStyles, PopoverTitle, PopoverTitleProps, PopoverViewport, PopoverViewportProps, Progress, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStatus, styles$15 as ProgressStyles, ProgressTrack, ProgressTrackProps, Radio, RadioGroup, RadioGroupProps, RadioGroupRoot, RadioGroupRootProps, styles$16 as RadioGroupStyles, RadioIndicator, RadioIndicatorProps, RadioOption, RadioProps, RadioRoot, RadioRootProps, styles$17 as RadioStyles, Select, SelectGroup, SelectGroup$1 as SelectGroupContainer, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectOption, SelectPopup, SelectPopupProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectSeparator, SelectSeparatorProps, styles$18 as SelectStyles, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Separator, SeparatorProps, styles$19 as SeparatorStyles, Slider, SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderProps, styles$20 as SliderStyles, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps, Switch, SwitchProps, SwitchRoot, SwitchRootProps, styles$21 as SwitchStyles, SwitchThumb, SwitchThumbProps, TabItem, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, styles$22 as TabsStyles, TabsTab, TabsTabProps, ToastClose, ToastCloseProps, ToastDescription, ToastDescriptionProps, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, styles$23 as ToastStyles, ToastTitle, ToastTitleProps, ToastType, ToastViewport, ToastViewportPart, ToastViewportPartProps, ToastViewportProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, styles$24 as TooltipStyles, useToastManager };

package/dist/index.js

@@ -1,62 +1,75 @@
 /* empty css              */
 /* empty css             */
+import accordion_module_default from "./accordion/accordion.module.js";
+import { Accordion } from "./accordion/accordion.js";
+import { AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger } from "./accordion/parts.js";
 import button_module_default from "./button/button.module.js";
 import { Button } from "./button/button.js";
 import alert_dialog_module_default from "./alert-dialog/alert-dialog.module.js";
 import { AlertDialog } from "./alert-dialog/alert-dialog.js";
 import { AlertDialogBackdrop, AlertDialogDescription, AlertDialogPopup, AlertDialogTitle } from "./alert-dialog/parts.js";
-import context_menu_module_default from "./context-menu/context-menu.module.js";
-import { ContextMenu } from "./context-menu/context-menu.js";
-import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator } from "./context-menu/parts.js";
 import badge_module_default from "./badge/badge.module.js";
 import { Badge } from "./badge/badge.js";
 import card_module_default from "./card/card.module.js";
 import { Card, CardBody, CardFooter, CardHeader } from "./card/card.js";
-import input_module_default from "./input/input.module.js";
-import { Input } from "./input/input.js";
 import checkbox_module_default from "./checkbox/checkbox.module.js";
 import { Checkbox } from "./checkbox/checkbox.js";
 import { CheckboxIndicator, CheckboxRoot } from "./checkbox/parts.js";
-import switch_module_default from "./switch/switch.module.js";
-import { Switch } from "./switch/switch.js";
-import { SwitchRoot, SwitchThumb } from "./switch/parts.js";
-import select_module_default from "./select/select.module.js";
-import { Select } from "./select/select.js";
-import { SelectGroup, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, SelectTrigger, SelectValue } from "./select/parts.js";
+import collapsible_module_default from "./collapsible/collapsible.module.js";
+import { Collapsible } from "./collapsible/collapsible.js";
+import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./collapsible/parts.js";
+import context_menu_module_default from "./context-menu/context-menu.module.js";
+import { ContextMenu } from "./context-menu/context-menu.js";
+import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator, ContextMenuSubmenuTrigger } from "./context-menu/parts.js";
 import dialog_module_default from "./dialog/dialog.module.js";
 import { Dialog } from "./dialog/dialog.js";
 import { DialogBackdrop, DialogClose, DialogDescription, DialogPopup, DialogTitle, DialogViewport } from "./dialog/parts.js";
-import tooltip_module_default from "./tooltip/tooltip.module.js";
-import { Tooltip } from "./tooltip/tooltip.js";
-import { TooltipArrow, TooltipPopup, TooltipPositioner } from "./tooltip/parts.js";
-import tabs_module_default from "./tabs/tabs.module.js";
-import { Tabs } from "./tabs/tabs.js";
-import { TabsList, TabsPanel, TabsTab } from "./tabs/parts.js";
-import accordion_module_default from "./accordion/accordion.module.js";
-import { Accordion } from "./accordion/accordion.js";
-import { AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger } from "./accordion/parts.js";
-import progress_module_default from "./progress/progress.module.js";
-import { Progress } from "./progress/progress.js";
-import { ProgressIndicator, ProgressTrack } from "./progress/parts.js";
-import toast_module_default from "./toast/toast.module.js";
-import { ToastViewport, useToastManager } from "./toast/toast.js";
-import { ToastClose, ToastDescription, ToastRoot, ToastTitle, ToastViewportPart } from "./toast/parts.js";
 import drawer_module_default from "./drawer/drawer.module.js";
 import { Drawer } from "./drawer/drawer.js";
 import { DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerTitle, DrawerViewport } from "./drawer/parts.js";
+import input_module_default from "./input/input.module.js";
+import { Input } from "./input/input.js";
+import menu_module_default from "./menu/menu.module.js";
+import { Menu } from "./menu/menu.js";
+import { MenuItemShortcut } from "./menu/menuitemshortcut.js";
+import { MenuArrow, MenuGroupLabel, MenuItem, MenuPopup, MenuPositioner, MenuSeparator } from "./menu/parts.js";
+import meter_module_default from "./meter/meter.module.js";
+import { Meter } from "./meter/meter.js";
+import { CircularMeter } from "./meter/circular-meter.js";
+import { MeterIndicator, MeterLabel, MeterTrack, MeterValue } from "./meter/parts.js";
+import number_field_module_default from "./number-field/number-field.module.js";
+import { NumberField } from "./number-field/number-field.js";
+import { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor } from "./number-field/parts.js";
+import popover_module_default from "./popover/popover.module.js";
+import { Popover } from "./popover/popover.js";
+import { PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPositioner, PopoverTitle, PopoverViewport } from "./popover/parts.js";
+import progress_module_default from "./progress/progress.module.js";
+import { Progress } from "./progress/progress.js";
+import { ProgressIndicator, ProgressTrack } from "./progress/parts.js";
+import radio_module_default from "./radio/radio.module.js";
+import { Radio } from "./radio/radio.js";
+import { RadioIndicator, RadioRoot } from "./radio/parts.js";
+import radio_group_module_default from "./radio-group/radio-group.module.js";
+import { RadioGroup } from "./radio-group/radio-group.js";
+import { RadioGroupRoot } from "./radio-group/parts.js";
+import select_module_default from "./select/select.module.js";
+import { Select } from "./select/select.js";
+import { SelectGroup, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, SelectTrigger, SelectValue } from "./select/parts.js";
 import separator_module_default from "./separator/separator.module.js";
 import { Separator } from "./separator/separator.js";
 import slider_module_default from "./slider/slider.module.js";
 import { Slider } from "./slider/slider.js";
 import { SliderControl, SliderIndicator, SliderLabel, SliderThumb, SliderTrack, SliderValue } from "./slider/parts.js";
-import collapsible_module_default from "./collapsible/collapsible.module.js";
-import { Collapsible } from "./collapsible/collapsible.js";
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./collapsible/parts.js";
-import number_field_module_default from "./number-field/number-field.module.js";
-import { NumberField } from "./number-field/number-field.js";
-import { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor } from "./number-field/parts.js";
-import menu_module_default from "./menu/menu.module.js";
-import { Menu } from "./menu/menu.js";
-import { MenuItemShortcut } from "./menu/menuitemshortcut.js";
-import { MenuArrow, MenuGroupLabel, MenuItem, MenuPopup, MenuPositioner, MenuSeparator } from "./menu/parts.js";
-export { Accordion, AccordionHeader, AccordionItem as AccordionItemPart, AccordionPanel, accordion_module_default as AccordionStyles, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogDescription, AlertDialogPopup, alert_dialog_module_default as AlertDialogStyles, AlertDialogTitle, Badge, badge_module_default as BadgeStyles, Button, button_module_default as ButtonStyles, Card, CardBody, CardFooter, CardHeader, card_module_default as CardStyles, Checkbox, CheckboxIndicator, CheckboxRoot, checkbox_module_default as CheckboxStyles, Collapsible, CollapsiblePanel, CollapsibleRoot, collapsible_module_default as CollapsibleStyles, CollapsibleTrigger, ContextMenu, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator, context_menu_module_default as ContextMenuStyles, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogPopup, dialog_module_default as DialogStyles, DialogTitle, DialogViewport, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, drawer_module_default as DrawerStyles, DrawerTitle, DrawerViewport, Input, input_module_default as InputStyles, Menu, MenuArrow, MenuGroupLabel, MenuItem, MenuItemShortcut, MenuPopup, MenuPositioner, MenuSeparator, menu_module_default as MenuStyles, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, number_field_module_default as NumberFieldStyles, Progress, ProgressIndicator, progress_module_default as ProgressStyles, ProgressTrack, Select, SelectGroup as SelectGroupContainer, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, select_module_default as SelectStyles, SelectTrigger, SelectValue, Separator, separator_module_default as SeparatorStyles, Slider, SliderControl, SliderIndicator, SliderLabel, slider_module_default as SliderStyles, SliderThumb, SliderTrack, SliderValue, Switch, SwitchRoot, switch_module_default as SwitchStyles, SwitchThumb, Tabs, TabsList, TabsPanel, tabs_module_default as TabsStyles, TabsTab, ToastClose, ToastDescription, ToastRoot, toast_module_default as ToastStyles, ToastTitle, ToastViewport, ToastViewportPart, Tooltip, TooltipArrow, TooltipPopup, TooltipPositioner, tooltip_module_default as TooltipStyles, useToastManager };
+import switch_module_default from "./switch/switch.module.js";
+import { Switch } from "./switch/switch.js";
+import { SwitchRoot, SwitchThumb } from "./switch/parts.js";
+import tabs_module_default from "./tabs/tabs.module.js";
+import { Tabs } from "./tabs/tabs.js";
+import { TabsList, TabsPanel, TabsTab } from "./tabs/parts.js";
+import toast_module_default from "./toast/toast.module.js";
+import { ToastProvider, ToastViewport, useToastManager } from "./toast/toast.js";
+import { ToastClose, ToastDescription, ToastRoot, ToastTitle, ToastViewportPart } from "./toast/parts.js";
+import tooltip_module_default from "./tooltip/tooltip.module.js";
+import { Tooltip } from "./tooltip/tooltip.js";
+import { TooltipArrow, TooltipPopup, TooltipPositioner } from "./tooltip/parts.js";
+export { Accordion, AccordionHeader, AccordionItem as AccordionItemPart, AccordionPanel, accordion_module_default as AccordionStyles, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogDescription, AlertDialogPopup, alert_dialog_module_default as AlertDialogStyles, AlertDialogTitle, Badge, badge_module_default as BadgeStyles, Button, button_module_default as ButtonStyles, Card, CardBody, CardFooter, CardHeader, card_module_default as CardStyles, Checkbox, CheckboxIndicator, CheckboxRoot, checkbox_module_default as CheckboxStyles, CircularMeter, Collapsible, CollapsiblePanel, CollapsibleRoot, collapsible_module_default as CollapsibleStyles, CollapsibleTrigger, ContextMenu, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator, context_menu_module_default as ContextMenuStyles, ContextMenuSubmenuTrigger, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogPopup, dialog_module_default as DialogStyles, DialogTitle, DialogViewport, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, drawer_module_default as DrawerStyles, DrawerTitle, DrawerViewport, Input, input_module_default as InputStyles, Menu, MenuArrow, MenuGroupLabel, MenuItem, MenuItemShortcut, MenuPopup, MenuPositioner, MenuSeparator, menu_module_default as MenuStyles, Meter, MeterIndicator, MeterLabel, meter_module_default as MeterStyles, MeterTrack, MeterValue, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, number_field_module_default as NumberFieldStyles, Popover, PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPositioner, popover_module_default as PopoverStyles, PopoverTitle, PopoverViewport, Progress, ProgressIndicator, progress_module_default as ProgressStyles, ProgressTrack, Radio, RadioGroup, RadioGroupRoot, radio_group_module_default as RadioGroupStyles, RadioIndicator, RadioRoot, radio_module_default as RadioStyles, Select, SelectGroup as SelectGroupContainer, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, select_module_default as SelectStyles, SelectTrigger, SelectValue, Separator, separator_module_default as SeparatorStyles, Slider, SliderControl, SliderIndicator, SliderLabel, slider_module_default as SliderStyles, SliderThumb, SliderTrack, SliderValue, Switch, SwitchRoot, switch_module_default as SwitchStyles, SwitchThumb, Tabs, TabsList, TabsPanel, tabs_module_default as TabsStyles, TabsTab, ToastClose, ToastDescription, ToastProvider, ToastRoot, toast_module_default as ToastStyles, ToastTitle, ToastViewport, ToastViewportPart, Tooltip, TooltipArrow, TooltipPopup, TooltipPositioner, tooltip_module_default as TooltipStyles, useToastManager };

package/dist/input/input.d.ts

@@ -7,10 +7,18 @@ type InputSize = "sm" | "md" | "lg";
 interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
   /** Visual size. Maps to height + font-size design tokens. Default: `"md"`. */
   size?: InputSize;
+  /** Icon or element rendered before the input text. */
   leftAdornment?: ReactNode;
+  /** Icon or element rendered after the input text. */
   rightAdornment?: ReactNode;
+  /** Applies error styling and sets `aria-invalid`. */
   invalid?: boolean;
 }
+/**
+ * Text input with optional left and right adornment slots. Extends the
+ * native `<input>` API — replaces the numeric `size` attribute with a
+ * token-based size prop.
+ */
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Input, InputProps, InputSize, styles };

package/dist/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"mappings":";;;;;KAKY,SAAA;AAAA,UAGK,UAAA,SAAmB,IAAA,CAAK,wBAAA;;EAEvC,IAAA,GAAO,SAAA;EACP,aAAA,GAAgB,SAAA;EAChB,cAAA,GAAiB,SAAA;EACjB,OAAA;AAAA;AAAA,cAGW,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"mappings":";;;;;KAKY,SAAA;AAAA,UAGK,UAAA,SAAmB,IAAA,CAAK,wBAAA;;EAEvC,IAAA,GAAO,SAAA;EALY;EAOnB,aAAA,GAAgB,SAAA;EAPG;EASnB,cAAA,GAAiB,SAAA;EANF;EAQf,OAAA;AAAA;;;;;;cAQW,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/input/input.js

@@ -1,8 +1,13 @@
 import input_module_default from "./input.module.js";
-import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Input } from "@base-ui/react/input";
 //#region src/input/input.tsx
+/**
+* Text input with optional left and right adornment slots. Extends the
+* native `<input>` API — replaces the numeric `size` attribute with a
+* token-based size prop.
+*/
 const Input$1 = forwardRef(function Input$2({ size = "md", leftAdornment, rightAdornment, invalid, className, ...props }, ref) {
 	const classes = [
 		input_module_default.root,

package/dist/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["Input","styles","BaseInput"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport styles from \"./input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\n// Omit native `size` (number) so we can use string-based size tokens\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n  /** Visual size. Maps to height + font-size design tokens. Default: `\"md\"`. */\n  size?: InputSize;\n  leftAdornment?: ReactNode;\n  rightAdornment?: ReactNode;\n  invalid?: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { size = \"md\", leftAdornment, rightAdornment, invalid, className, ...props },\n  ref,\n) {\n  const classes = [\n    styles.root,\n    styles[`size-${size}`],\n    leftAdornment ? styles[\"has-left-icon\"] : \"\",\n    rightAdornment ? styles[\"has-right-icon\"] : \"\",\n    className ?? \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div className={styles.inputWrapper}>\n      {leftAdornment && <span className={`${styles.adornment} ${styles[\"adornment-left\"]}`}>{leftAdornment}</span>}\n      <BaseInput ref={ref} className={classes} aria-invalid={invalid} {...props} />\n      {rightAdornment && <span className={`${styles.adornment} ${styles[\"adornment-right\"]}`}>{rightAdornment}</span>}\n    </div>\n  );\n});\nexport { styles as InputStyles };\n"],"mappings":";;;;;AAgBA,MAAaA,UAAQ,WAAyC,SAASA,QACrE,EAAE,OAAO,MAAM,eAAe,gBAAgB,SAAS,WAAW,GAAG,SACrE,KACA;CACA,MAAM,UAAU;EACdC,qBAAO;EACPA,qBAAO,QAAQ;EACf,gBAAgBA,qBAAO,mBAAmB;EAC1C,iBAAiBA,qBAAO,oBAAoB;EAC5C,aAAa;EACd,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QACE,qBAAC,OAAD;EAAK,WAAWA,qBAAO;YAAvB;GACG,iBAAiB,oBAAC,QAAD;IAAM,WAAW,GAAGA,qBAAO,UAAU,GAAGA,qBAAO;cAAsB;IAAqB,CAAA;GAC5G,oBAACC,OAAD;IAAgB;IAAK,WAAW;IAAS,gBAAc;IAAS,GAAI;IAAS,CAAA;GAC5E,kBAAkB,oBAAC,QAAD;IAAM,WAAW,GAAGD,qBAAO,UAAU,GAAGA,qBAAO;cAAuB;IAAsB,CAAA;GAC3G;;EAER"}
+{"version":3,"file":"input.js","names":["Input","styles","BaseInput"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport styles from \"./input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\n// Omit native `size` (number) so we can use string-based size tokens\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n  /** Visual size. Maps to height + font-size design tokens. Default: `\"md\"`. */\n  size?: InputSize;\n  /** Icon or element rendered before the input text. */\n  leftAdornment?: ReactNode;\n  /** Icon or element rendered after the input text. */\n  rightAdornment?: ReactNode;\n  /** Applies error styling and sets `aria-invalid`. */\n  invalid?: boolean;\n}\n\n/**\n * Text input with optional left and right adornment slots. Extends the\n * native `<input>` API — replaces the numeric `size` attribute with a\n * token-based size prop.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { size = \"md\", leftAdornment, rightAdornment, invalid, className, ...props },\n  ref,\n) {\n  const classes = [\n    styles.root,\n    styles[`size-${size}`],\n    leftAdornment ? styles[\"has-left-icon\"] : \"\",\n    rightAdornment ? styles[\"has-right-icon\"] : \"\",\n    className ?? \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div className={styles.inputWrapper}>\n      {leftAdornment && <span className={`${styles.adornment} ${styles[\"adornment-left\"]}`}>{leftAdornment}</span>}\n      <BaseInput ref={ref} className={classes} aria-invalid={invalid} {...props} />\n      {rightAdornment && <span className={`${styles.adornment} ${styles[\"adornment-right\"]}`}>{rightAdornment}</span>}\n    </div>\n  );\n});\nexport { styles as InputStyles };\n"],"mappings":";;;;;;;;;;AAwBA,MAAaA,UAAQ,WAAyC,SAASA,QACrE,EAAE,OAAO,MAAM,eAAe,gBAAgB,SAAS,WAAW,GAAG,SACrE,KACA;CACA,MAAM,UAAU;EACdC,qBAAO;EACPA,qBAAO,QAAQ;EACf,gBAAgBA,qBAAO,mBAAmB;EAC1C,iBAAiBA,qBAAO,oBAAoB;EAC5C,aAAa;EACd,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QACE,qBAAC,OAAD;EAAK,WAAWA,qBAAO;YAAvB;GACG,iBAAiB,oBAAC,QAAD;IAAM,WAAW,GAAGA,qBAAO,UAAU,GAAGA,qBAAO;cAAsB;IAAqB,CAAA;GAC5G,oBAACC,OAAD;IAAgB;IAAK,WAAW;IAAS,gBAAc;IAAS,GAAI;IAAS,CAAA;GAC5E,kBAAkB,oBAAC,QAAD;IAAM,WAAW,GAAGD,qBAAO,UAAU,GAAGA,qBAAO;cAAuB;IAAsB,CAAA;GAC3G;;EAER"}

package/dist/menu/menu.css

@@ -15,7 +15,7 @@
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
     min-width: 200px;
-    transform-origin: var(--transform-origin);
+    transition: opacity .15s var(--easing-ease-out);
     outline: none;
   }
 
@@ -27,16 +27,11 @@
 
   .popup_HVPjPa[data-starting-style] {
     opacity: 0;
-    transition: opacity .15s var(--easing-ease-out),
-      transform .15s var(--easing-ease-out);
-    transform: scale(.95);
   }
 
   .popup_HVPjPa[data-ending-style] {
     opacity: 0;
-    transition: opacity 75ms var(--easing-ease-in),
-      transform 75ms var(--easing-ease-in);
-    transform: scale(.98);
+    transition: opacity 75ms var(--easing-ease-in);
   }
 
   .item_HVPjPa {
@@ -148,7 +143,7 @@
     fill: var(--color-overlay);
   }
 
-  .arrow-stroke_HVPjPa {
+  .arrow-seam_HVPjPa {
     fill: var(--color-line);
   }
 }

package/dist/menu/menu.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement, ReactNode } from "react";
 import styles from "./menu.module.css";
 
 //#region src/menu/menu.d.ts
@@ -23,18 +23,25 @@ type MenuEntry = MenuItemDef | MenuSeparatorDef | MenuGroupDef;
 interface MenuProps {
   /** The button/element that opens the menu. */
   trigger: ReactElement;
+  /** Array of menu entries: items, separators, and groups. */
   items: MenuEntry[];
-  /** @default "bottom" */
+  /** Which edge of the trigger the menu appears on. @default "bottom" */
   side?: "top" | "bottom" | "left" | "right";
-  /** @default "start" */
+  /** Alignment along the side axis. @default "start" */
   align?: "start" | "center" | "end";
-  /** @default 4 */
+  /** Gap between the trigger and the menu popup in pixels. @default 4 */
   sideOffset?: number;
-  /** controlled open state */
+  /** Controlled open state. */
   open?: boolean;
+  /** Called when the menu opens or closes. */
   onOpenChange?: (open: boolean) => void;
   className?: string;
 }
+/**
+ * A dropdown list of actions with full keyboard navigation. Supports
+ * separators, groups, and keyboard shortcuts. Items can be disabled
+ * individually.
+ */
 declare function Menu({
   trigger,
   items,

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"mappings":";;;;;UAMiB,WAAA;EACf,IAAA;EACA,KAAA,EAAO,SAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,GAAW,SAAA;EACX,QAAA;AAAA;AAAA,UAGe,gBAAA;EACf,IAAA;AAAA;AAAA,UAGe,YAAA;EACf,IAAA;EACA,KAAA,GAAQ,SAAA;EACR,KAAA,EAAO,WAAA;AAAA;AAAA,KAGG,SAAA,GAAY,WAAA,GAAc,gBAAA,GAAmB,YAAA;AAAA,UAExC,SAAA;EAZgB;EAc/B,OAAA,EAAS,YAAA;EACT,KAAA,EAAO,SAAA;EAdH;EAgBJ,IAAA;EAb2B;EAe3B,KAAA;EAZkB;EAclB,UAAA;EAfA;EAiBA,IAAA;EACA,YAAA,IAAgB,IAAA;EAChB,SAAA;AAAA;AAAA,iBAkDc,IAAA,CAAA;EAAO,OAAA;EAAS,KAAA;EAAO,IAAA;EAAiB,KAAA;EAAiB,UAAA;EAAgB,SAAA;EAAW,YAAA;EAAA,GAAiB;AAAA,GAAS,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"mappings":";;;;;UAOiB,WAAA;EACf,IAAA;EACA,KAAA,EAAO,SAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,GAAW,SAAA;EACX,QAAA;AAAA;AAAA,UAGe,gBAAA;EACf,IAAA;AAAA;AAAA,UAGe,YAAA;EACf,IAAA;EACA,KAAA,GAAQ,SAAA;EACR,KAAA,EAAO,WAAA;AAAA;AAAA,KAGG,SAAA,GAAY,WAAA,GAAc,gBAAA,GAAmB,YAAA;AAAA,UAExC,SAAA;EAZgB;EAc/B,OAAA,EAAS,YAAA;EAbT;EAeA,KAAA,EAAO,SAAA;EAZQ;EAcf,IAAA;;EAEA,KAAA;EAfA;EAiBA,UAAA;EAhBQ;EAkBR,IAAA;EAjBO;EAmBP,YAAA,IAAgB,IAAA;EAChB,SAAA;AAAA;;;;;;iBAkCc,IAAA,CAAA;EAAO,OAAA;EAAS,KAAA;EAAO,IAAA;EAAiB,KAAA;EAAiB,UAAA;EAAgB,SAAA;EAAW,YAAA;EAAA,GAAiB;AAAA,GAAS,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/menu/menu.js

@@ -1,30 +1,8 @@
 import menu_module_default from "./menu.module.js";
+import { PopupArrow } from "../shared/PopupArrow.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 //#region src/menu/menu.tsx
-function ArrowSvg() {
-	return /* @__PURE__ */ jsxs("svg", {
-		width: "20",
-		height: "10",
-		viewBox: "0 0 20 10",
-		fill: "none",
-		"aria-hidden": true,
-		children: [
-			/* @__PURE__ */ jsx("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: menu_module_default["arrow-fill"]
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
-				className: menu_module_default["arrow-stroke"]
-			}),
-			/* @__PURE__ */ jsx("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: menu_module_default["arrow-stroke"]
-			})
-		]
-	});
-}
 function renderEntry(entry, index) {
 	if (entry.type === "separator") return /* @__PURE__ */ jsx(Menu.Separator, { className: menu_module_default.separator }, index);
 	if (entry.type === "group") return /* @__PURE__ */ jsxs(Menu.Group, { children: [entry.label && /* @__PURE__ */ jsx(Menu.GroupLabel, {
@@ -44,6 +22,11 @@ function renderEntry(entry, index) {
 		})]
 	}, entry.value ?? index);
 }
+/**
+* A dropdown list of actions with full keyboard navigation. Supports
+* separators, groups, and keyboard shortcuts. Items can be disabled
+* individually.
+*/
 function Menu$1({ trigger, items, side = "bottom", align = "start", sideOffset = 4, className, onOpenChange, ...props }) {
 	return /* @__PURE__ */ jsxs(Menu.Root, {
 		onOpenChange,
@@ -57,7 +40,10 @@ function Menu$1({ trigger, items, side = "bottom", align = "start", sideOffset =
 				className: menu_module_default.popup,
 				children: [/* @__PURE__ */ jsx(Menu.Arrow, {
 					className: menu_module_default.arrow,
-					children: /* @__PURE__ */ jsx(ArrowSvg, {})
+					children: /* @__PURE__ */ jsx(PopupArrow, {
+						fillClass: menu_module_default["arrow-fill"],
+						seamClass: menu_module_default["arrow-seam"]
+					})
 				}), items.map((entry, i) => renderEntry(entry, i))]
 			})
 		}) })]

package/dist/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["styles","BaseMenu","Menu"],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\nexport interface MenuItemDef {\n  type?: \"item\";\n  label: ReactNode;\n  value?: string;\n  disabled?: boolean;\n  shortcut?: ReactNode;\n  onSelect?: () => void;\n}\n\nexport interface MenuSeparatorDef {\n  type: \"separator\";\n}\n\nexport interface MenuGroupDef {\n  type: \"group\";\n  label?: ReactNode;\n  items: MenuItemDef[];\n}\n\nexport type MenuEntry = MenuItemDef | MenuSeparatorDef | MenuGroupDef;\n\nexport interface MenuProps {\n  /** The button/element that opens the menu. */\n  trigger: ReactElement;\n  items: MenuEntry[];\n  /** @default \"bottom\" */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** @default \"start\" */\n  align?: \"start\" | \"center\" | \"end\";\n  /** @default 4 */\n  sideOffset?: number;\n  /** controlled open state */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n}\n\n// ─── Arrow SVG ─────────────────────────────────────────────────────────────\n\nfunction ArrowSvg() {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" aria-hidden>\n      <path\n        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\"\n        className={styles[\"arrow-fill\"]}\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className={styles[\"arrow-stroke\"]}\n      />\n      <path\n        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\"\n        className={styles[\"arrow-stroke\"]}\n      />\n    </svg>\n  );\n}\n\n// ─── Item renderer ──────────────────────────────────────────────────────────\n\nfunction renderEntry(entry: MenuEntry, index: number): ReactNode {\n  if (entry.type === \"separator\") {\n    return <BaseMenu.Separator key={index} className={styles.separator} />;\n  }\n\n  if (entry.type === \"group\") {\n    return (\n      <BaseMenu.Group key={index}>\n        {entry.label && <BaseMenu.GroupLabel className={styles[\"group-label\"]}>{entry.label}</BaseMenu.GroupLabel>}\n        {entry.items.map((item, i) => renderEntry(item, i))}\n      </BaseMenu.Group>\n    );\n  }\n\n  return (\n    <BaseMenu.Item key={entry.value ?? index} className={styles.item} disabled={entry.disabled} onClick={entry.onSelect}>\n      <span className={styles[\"item-text\"]}>{entry.label}</span>\n      {entry.shortcut && <span className={styles[\"item-shortcut\"]}>{entry.shortcut}</span>}\n    </BaseMenu.Item>\n  );\n}\n\n// ─── High-level Menu ────────────────────────────────────────────────────────\n\nexport function Menu({ trigger, items, side = \"bottom\", align = \"start\", sideOffset = 4, className, onOpenChange, ...props }: MenuProps) {\n  return (\n    <BaseMenu.Root onOpenChange={onOpenChange as never} {...props}>\n      <BaseMenu.Trigger render={trigger} />\n      <BaseMenu.Portal>\n        <BaseMenu.Positioner className={`${styles.positioner} ${className ?? \"\"}`} side={side} align={align} sideOffset={sideOffset}>\n          <BaseMenu.Popup className={styles.popup}>\n            <BaseMenu.Arrow className={styles.arrow}>\n              <ArrowSvg />\n            </BaseMenu.Arrow>\n            {items.map((entry, i) => renderEntry(entry, i))}\n          </BaseMenu.Popup>\n        </BaseMenu.Positioner>\n      </BaseMenu.Portal>\n    </BaseMenu.Root>\n  );\n}\nexport { styles as MenuStyles };\n"],"mappings":";;;;AA6CA,SAAS,WAAW;AAClB,QACE,qBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;YAA5D;GACE,oBAAC,QAAD;IACE,GAAE;IACF,WAAWA,oBAAO;IAClB,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,WAAWA,oBAAO;IAClB,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,WAAWA,oBAAO;IAClB,CAAA;GACE;;;AAMV,SAAS,YAAY,OAAkB,OAA0B;AAC/D,KAAI,MAAM,SAAS,YACjB,QAAO,oBAACC,KAAS,WAAV,EAAgC,WAAWD,oBAAO,WAAa,EAAtC,MAAsC;AAGxE,KAAI,MAAM,SAAS,QACjB,QACE,qBAACC,KAAS,OAAV,EAAA,UAAA,CACG,MAAM,SAAS,oBAACA,KAAS,YAAV;EAAqB,WAAWD,oBAAO;YAAiB,MAAM;EAA4B,CAAA,EACzG,MAAM,MAAM,KAAK,MAAM,MAAM,YAAY,MAAM,EAAE,CAAC,CACpC,EAAA,EAHI,MAGJ;AAIrB,QACE,qBAACC,KAAS,MAAV;EAA0C,WAAWD,oBAAO;EAAM,UAAU,MAAM;EAAU,SAAS,MAAM;YAA3G,CACE,oBAAC,QAAD;GAAM,WAAWA,oBAAO;aAAe,MAAM;GAAa,CAAA,EACzD,MAAM,YAAY,oBAAC,QAAD;GAAM,WAAWA,oBAAO;aAAmB,MAAM;GAAgB,CAAA,CACtE;IAHI,MAAM,SAAS,MAGnB;;AAMpB,SAAgBE,OAAK,EAAE,SAAS,OAAO,OAAO,UAAU,QAAQ,SAAS,aAAa,GAAG,WAAW,cAAc,GAAG,SAAoB;AACvI,QACE,qBAACD,KAAS,MAAV;EAA6B;EAAuB,GAAI;YAAxD,CACE,oBAACA,KAAS,SAAV,EAAkB,QAAQ,SAAW,CAAA,EACrC,oBAACA,KAAS,QAAV,EAAA,UACE,oBAACA,KAAS,YAAV;GAAqB,WAAW,GAAGD,oBAAO,WAAW,GAAG,aAAa;GAAY;GAAa;GAAmB;aAC/G,qBAACC,KAAS,OAAV;IAAgB,WAAWD,oBAAO;cAAlC,CACE,oBAACC,KAAS,OAAV;KAAgB,WAAWD,oBAAO;eAChC,oBAAC,UAAD,EAAY,CAAA;KACG,CAAA,EAChB,MAAM,KAAK,OAAO,MAAM,YAAY,OAAO,EAAE,CAAC,CAChC;;GACG,CAAA,EACN,CAAA,CACJ"}
+{"version":3,"file":"menu.js","names":["BaseMenu","styles","Menu"],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\nimport { PopupArrow } from \"../shared/PopupArrow\";\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\nexport interface MenuItemDef {\n  type?: \"item\";\n  label: ReactNode;\n  value?: string;\n  disabled?: boolean;\n  shortcut?: ReactNode;\n  onSelect?: () => void;\n}\n\nexport interface MenuSeparatorDef {\n  type: \"separator\";\n}\n\nexport interface MenuGroupDef {\n  type: \"group\";\n  label?: ReactNode;\n  items: MenuItemDef[];\n}\n\nexport type MenuEntry = MenuItemDef | MenuSeparatorDef | MenuGroupDef;\n\nexport interface MenuProps {\n  /** The button/element that opens the menu. */\n  trigger: ReactElement;\n  /** Array of menu entries: items, separators, and groups. */\n  items: MenuEntry[];\n  /** Which edge of the trigger the menu appears on. @default \"bottom\" */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** Alignment along the side axis. @default \"start\" */\n  align?: \"start\" | \"center\" | \"end\";\n  /** Gap between the trigger and the menu popup in pixels. @default 4 */\n  sideOffset?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Called when the menu opens or closes. */\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n}\n\n// ─── Item renderer ──────────────────────────────────────────────────────────\n\nfunction renderEntry(entry: MenuEntry, index: number): ReactNode {\n  if (entry.type === \"separator\") {\n    return <BaseMenu.Separator key={index} className={styles.separator} />;\n  }\n\n  if (entry.type === \"group\") {\n    return (\n      <BaseMenu.Group key={index}>\n        {entry.label && <BaseMenu.GroupLabel className={styles[\"group-label\"]}>{entry.label}</BaseMenu.GroupLabel>}\n        {entry.items.map((item, i) => renderEntry(item, i))}\n      </BaseMenu.Group>\n    );\n  }\n\n  return (\n    <BaseMenu.Item key={entry.value ?? index} className={styles.item} disabled={entry.disabled} onClick={entry.onSelect}>\n      <span className={styles[\"item-text\"]}>{entry.label}</span>\n      {entry.shortcut && <span className={styles[\"item-shortcut\"]}>{entry.shortcut}</span>}\n    </BaseMenu.Item>\n  );\n}\n\n// ─── High-level Menu ────────────────────────────────────────────────────────\n\n/**\n * A dropdown list of actions with full keyboard navigation. Supports\n * separators, groups, and keyboard shortcuts. Items can be disabled\n * individually.\n */\nexport function Menu({ trigger, items, side = \"bottom\", align = \"start\", sideOffset = 4, className, onOpenChange, ...props }: MenuProps) {\n  return (\n    <BaseMenu.Root onOpenChange={onOpenChange as never} {...props}>\n      <BaseMenu.Trigger render={trigger} />\n      <BaseMenu.Portal>\n        <BaseMenu.Positioner className={`${styles.positioner} ${className ?? \"\"}`} side={side} align={align} sideOffset={sideOffset}>\n          <BaseMenu.Popup className={styles.popup}>\n            <BaseMenu.Arrow className={styles.arrow}>\n              <PopupArrow fillClass={styles[\"arrow-fill\"]!} seamClass={styles[\"arrow-seam\"]!} />\n            </BaseMenu.Arrow>\n            {items.map((entry, i) => renderEntry(entry, i))}\n          </BaseMenu.Popup>\n        </BaseMenu.Positioner>\n      </BaseMenu.Portal>\n    </BaseMenu.Root>\n  );\n}\nexport { styles as MenuStyles };\n"],"mappings":";;;;;AAgDA,SAAS,YAAY,OAAkB,OAA0B;AAC/D,KAAI,MAAM,SAAS,YACjB,QAAO,oBAACA,KAAS,WAAV,EAAgC,WAAWC,oBAAO,WAAa,EAAtC,MAAsC;AAGxE,KAAI,MAAM,SAAS,QACjB,QACE,qBAACD,KAAS,OAAV,EAAA,UAAA,CACG,MAAM,SAAS,oBAACA,KAAS,YAAV;EAAqB,WAAWC,oBAAO;YAAiB,MAAM;EAA4B,CAAA,EACzG,MAAM,MAAM,KAAK,MAAM,MAAM,YAAY,MAAM,EAAE,CAAC,CACpC,EAAA,EAHI,MAGJ;AAIrB,QACE,qBAACD,KAAS,MAAV;EAA0C,WAAWC,oBAAO;EAAM,UAAU,MAAM;EAAU,SAAS,MAAM;YAA3G,CACE,oBAAC,QAAD;GAAM,WAAWA,oBAAO;aAAe,MAAM;GAAa,CAAA,EACzD,MAAM,YAAY,oBAAC,QAAD;GAAM,WAAWA,oBAAO;aAAmB,MAAM;GAAgB,CAAA,CACtE;IAHI,MAAM,SAAS,MAGnB;;;;;;;AAWpB,SAAgBC,OAAK,EAAE,SAAS,OAAO,OAAO,UAAU,QAAQ,SAAS,aAAa,GAAG,WAAW,cAAc,GAAG,SAAoB;AACvI,QACE,qBAACF,KAAS,MAAV;EAA6B;EAAuB,GAAI;YAAxD,CACE,oBAACA,KAAS,SAAV,EAAkB,QAAQ,SAAW,CAAA,EACrC,oBAACA,KAAS,QAAV,EAAA,UACE,oBAACA,KAAS,YAAV;GAAqB,WAAW,GAAGC,oBAAO,WAAW,GAAG,aAAa;GAAY;GAAa;GAAmB;aAC/G,qBAACD,KAAS,OAAV;IAAgB,WAAWC,oBAAO;cAAlC,CACE,oBAACD,KAAS,OAAV;KAAgB,WAAWC,oBAAO;eAChC,oBAAC,YAAD;MAAY,WAAWA,oBAAO;MAAgB,WAAWA,oBAAO;MAAkB,CAAA;KACnE,CAAA,EAChB,MAAM,KAAK,OAAO,MAAM,YAAY,OAAO,EAAE,CAAC,CAChC;;GACG,CAAA,EACN,CAAA,CACJ"}

package/dist/menu/menu.module.js

@@ -2,7 +2,7 @@
 var menu_module_default = {
 	"arrow": "arrow_HVPjPa",
 	"arrow-fill": "arrow-fill_HVPjPa",
-	"arrow-stroke": "arrow-stroke_HVPjPa",
+	"arrow-seam": "arrow-seam_HVPjPa",
 	"group-label": "group-label_HVPjPa",
 	"item": "item_HVPjPa",
 	"item-indicator": "item-indicator_HVPjPa",

package/dist/menu/menu.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.module.js","names":[],"sources":["../../src/menu/menu.module.css"],"sourcesContent":["@layer components {\n  .positioner {\n    outline: none;\n    z-index: var(--z-dropdown);\n  }\n  .popup {\n    box-sizing: border-box;\n    padding: var(--space-1) 0;\n    border-radius: var(--radius-lg);\n    background-color: var(--color-overlay);\n    border: var(--border-width-base) solid var(--color-line);\n    box-shadow: var(--shadow-popover);\n    color: var(--color-primary);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    min-width: 200px;\n    transform-origin: var(--transform-origin);\n    outline: none;\n  }\n  @supports (backdrop-filter: blur(12px)) {\n    .popup {\n      backdrop-filter: blur(20px) saturate(1.8);\n      -webkit-backdrop-filter: blur(20px) saturate(1.8);\n    }\n  }\n  .popup[data-starting-style] {\n    opacity: 0;\n    transform: scale(0.95);\n    transition:\n      opacity 150ms var(--easing-ease-out),\n      transform 150ms var(--easing-ease-out);\n  }\n  .popup[data-ending-style] {\n    opacity: 0;\n    transform: scale(0.98);\n    transition:\n      opacity 75ms var(--easing-ease-in),\n      transform 75ms var(--easing-ease-in);\n  }\n  /* ─── Item ───────────────────────────────────────────────────────── */\n  .item {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    /* Horizontal padding leaves room for the highlight inset */\n    padding: var(--space-1-5) var(--space-3);\n    margin: 1px var(--space-1);\n    border-radius: var(--radius-md);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    cursor: default;\n    outline: none;\n    user-select: none;\n    position: relative;\n    transition: none;\n  }\n  .item[data-highlighted] {\n    background-color: var(--color-accent);\n    color: var(--color-on-accent);\n  }\n  .item[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  /* ─── Item internals ─────────────────────────────────────────────── */\n  .item-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    flex-shrink: 0;\n    color: inherit;\n  }\n  .item-text {\n    flex: 1;\n  }\n  .item-shortcut {\n    margin-left: var(--space-6);\n    font-size: var(--font-size-xs);\n    color: var(--color-tertiary);\n    letter-spacing: 0.02em;\n    flex-shrink: 0;\n  }\n  .item[data-highlighted] .item-shortcut {\n    color: color-mix(in srgb, var(--color-on-accent) 60%, transparent);\n  }\n  /* ─── Group label ────────────────────────────────────────────────── */\n  .group-label {\n    padding: var(--space-1-5) var(--space-3) var(--space-0-5);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-tertiary);\n    text-transform: uppercase;\n    letter-spacing: var(--letter-spacing-wide);\n    cursor: default;\n    user-select: none;\n    margin-inline: var(--space-1);\n  }\n  /* ─── Separator ──────────────────────────────────────────────────── */\n  .separator {\n    margin: var(--space-1) 0;\n    height: var(--border-width-base);\n    background-color: var(--color-line-subtle);\n  }\n  /* ─── Submenu ────────────────────────────────────────────────────── */\n  .submenu-trigger-icon {\n    margin-left: auto;\n    color: var(--color-tertiary);\n    flex-shrink: 0;\n  }\n  .item[data-highlighted] .submenu-trigger-icon {\n    color: color-mix(in srgb, var(--color-on-accent) 70%, transparent);\n  }\n  /* ─── Arrow ──────────────────────────────────────────────────────── */\n  .arrow {\n    display: flex;\n  }\n  .arrow[data-side=\"top\"] {\n    bottom: -8px;\n    rotate: 180deg;\n  }\n  .arrow[data-side=\"bottom\"] {\n    top: -8px;\n    rotate: 0deg;\n  }\n  .arrow[data-side=\"left\"] {\n    right: -13px;\n    rotate: 90deg;\n  }\n  .arrow[data-side=\"right\"] {\n    left: -13px;\n    rotate: -90deg;\n  }\n  .arrow-fill {\n    fill: var(--color-overlay);\n  }\n  .arrow-stroke {\n    fill: var(--color-line);\n  }\n}\n"],"mappings":";AAwBA,IAAA,sBAAE;CAAA,SAAA;CAAA,cAAA;CAAA,gBAAA;CAAA,eAAA;CAAA,QAAA;CAAA,kBAAA;CAAA,iBAAA;CAAA,aAAA;CAAA,SAAA;CAAA,cAAA;CAAA,aAAA;CAAA,wBAAA;CAAA"}
+{"version":3,"file":"menu.module.js","names":[],"sources":["../../src/menu/menu.module.css"],"sourcesContent":["@layer components {\n  .positioner {\n    outline: none;\n    z-index: var(--z-dropdown);\n  }\n  .popup {\n    box-sizing: border-box;\n    padding: var(--space-1) 0;\n    border-radius: var(--radius-lg);\n    background-color: var(--color-overlay);\n    border: var(--border-width-base) solid var(--color-line);\n    box-shadow: var(--shadow-popover);\n    color: var(--color-primary);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    min-width: 200px;\n    outline: none;\n    transition: opacity 150ms var(--easing-ease-out);\n  }\n  @supports (backdrop-filter: blur(12px)) {\n    .popup {\n      backdrop-filter: blur(20px) saturate(1.8);\n      -webkit-backdrop-filter: blur(20px) saturate(1.8);\n    }\n  }\n  .popup[data-starting-style] {\n    opacity: 0;\n  }\n  .popup[data-ending-style] {\n    opacity: 0;\n    transition: opacity 75ms var(--easing-ease-in);\n  }\n  /* ─── Item ───────────────────────────────────────────────────────── */\n  .item {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    /* Horizontal padding leaves room for the highlight inset */\n    padding: var(--space-1-5) var(--space-3);\n    margin: 1px var(--space-1);\n    border-radius: var(--radius-md);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    cursor: default;\n    outline: none;\n    user-select: none;\n    position: relative;\n    transition: none;\n  }\n  .item[data-highlighted] {\n    background-color: var(--color-accent);\n    color: var(--color-on-accent);\n  }\n  .item[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  /* ─── Item internals ─────────────────────────────────────────────── */\n  .item-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    flex-shrink: 0;\n    color: inherit;\n  }\n  .item-text {\n    flex: 1;\n  }\n  .item-shortcut {\n    margin-left: var(--space-6);\n    font-size: var(--font-size-xs);\n    color: var(--color-tertiary);\n    letter-spacing: 0.02em;\n    flex-shrink: 0;\n  }\n  .item[data-highlighted] .item-shortcut {\n    color: color-mix(in srgb, var(--color-on-accent) 60%, transparent);\n  }\n  /* ─── Group label ────────────────────────────────────────────────── */\n  .group-label {\n    padding: var(--space-1-5) var(--space-3) var(--space-0-5);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-tertiary);\n    text-transform: uppercase;\n    letter-spacing: var(--letter-spacing-wide);\n    cursor: default;\n    user-select: none;\n    margin-inline: var(--space-1);\n  }\n  /* ─── Separator ──────────────────────────────────────────────────── */\n  .separator {\n    margin: var(--space-1) 0;\n    height: var(--border-width-base);\n    background-color: var(--color-line-subtle);\n  }\n  /* ─── Submenu ────────────────────────────────────────────────────── */\n  .submenu-trigger-icon {\n    margin-left: auto;\n    color: var(--color-tertiary);\n    flex-shrink: 0;\n  }\n  .item[data-highlighted] .submenu-trigger-icon {\n    color: color-mix(in srgb, var(--color-on-accent) 70%, transparent);\n  }\n  /* ─── Arrow ──────────────────────────────────────────────────────── */\n  .arrow {\n    display: flex;\n  }\n  .arrow[data-side=\"top\"] {\n    bottom: -8px;\n    rotate: 180deg;\n  }\n  .arrow[data-side=\"bottom\"] {\n    top: -8px;\n    rotate: 0deg;\n  }\n  .arrow[data-side=\"left\"] {\n    right: -13px;\n    rotate: 90deg;\n  }\n  .arrow[data-side=\"right\"] {\n    left: -13px;\n    rotate: -90deg;\n  }\n  .arrow-fill {\n    fill: var(--color-overlay);\n  }\n  .arrow-seam {\n    fill: var(--color-line);\n  }\n}\n"],"mappings":";AAwBA,IAAA,sBAAE;CAAA,SAAA;CAAA,cAAA;CAAA,cAAA;CAAA,eAAA;CAAA,QAAA;CAAA,kBAAA;CAAA,iBAAA;CAAA,aAAA;CAAA,SAAA;CAAA,cAAA;CAAA,aAAA;CAAA,wBAAA;CAAA"}

package/dist/menu/menuitemshortcut.js

@@ -1,6 +1,6 @@
 import menu_module_default from "./menu.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 //#region src/menu/menuitemshortcut.tsx
 const MenuItemShortcut = forwardRef(function MenuItemShortcut({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx("span", {

package/dist/menu/parts.js

@@ -1,7 +1,7 @@
 import menu_module_default from "./menu.module.js";
 import "./menuitemshortcut.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Menu } from "@base-ui/react/menu";
 //#region src/menu/parts.tsx
 /**

package/dist/meter/circular-meter.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/meter/circular-meter.d.ts
+type CircularMeterSize = "sm" | "md" | "lg";
+interface CircularMeterProps {
+  /** Current value. Must be between `min` and `max`. */
+  value: number;
+  /** @default 0 */
+  min?: number;
+  /** @default 100 */
+  max?: number;
+  /** Upper boundary of the low zone. Values ≤ this are "low". */
+  low?: number;
+  /** Lower boundary of the high zone. Values ≥ this are "high". */
+  high?: number;
+  /**
+   * Which zone is optimal — determines stroke colour:
+   * - `"high"` (default) → high=green, mid=amber, low=red   (battery, signal)
+   * - `"low"`            → low=green, mid=amber, high=red   (CPU load, disk)
+   * - `"mid"`            → mid=green, low/high=amber         (temperature)
+   */
+  optimum?: "low" | "mid" | "high";
+  /** Accessible + visible label shown below the value inside the circle. */
+  label?: ReactNode;
+  /** Show the formatted value inside the circle. @default false */
+  showValue?: boolean;
+  /** `Intl.NumberFormatOptions` for value formatting. */
+  format?: Intl.NumberFormatOptions;
+  size?: CircularMeterSize;
+  className?: string;
+}
+declare function CircularMeter({
+  value,
+  min,
+  max,
+  low,
+  high,
+  optimum,
+  label,
+  showValue,
+  format,
+  size,
+  className
+}: CircularMeterProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CircularMeter, CircularMeterProps, CircularMeterSize };
+//# sourceMappingURL=circular-meter.d.ts.map

package/dist/meter/circular-meter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-meter.d.ts","names":[],"sources":["../../src/meter/circular-meter.tsx"],"mappings":";;;;KAKY,iBAAA;AAAA,UAEK,kBAAA;;EAEf,KAAA;EAJ2B;EAM3B,GAAA;EAN2B;EAQ3B,GAAA;EANe;EAQf,GAAA;;EAEA,IAAA;EAaS;;;;;;EANT,OAAA;EATA;EAWA,KAAA,GAAQ,SAAA;EAFR;EAIA,SAAA;EAFQ;EAIR,MAAA,GAAS,IAAA,CAAK,mBAAA;EACd,IAAA,GAAO,iBAAA;EACP,SAAA;AAAA;AAAA,iBASc,aAAA,CAAA;EACd,KAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,IAAA;EACA,OAAA;EACA,KAAA;EACA,SAAA;EACA,MAAA;EACA,IAAA;EACA;AAAA,GACC,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}