@brijbyte/agentic-ui 0.0.3 → 0.0.5

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Accordion, AccordionItem, AccordionProps, styles } from "./accordion/accordion.js";
-import { AccordionHeader, AccordionHeaderProps, AccordionItem as AccordionItem$1, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionTrigger, AccordionTriggerProps } from "./accordion/parts.js";
+import { AccordionHeader, AccordionHeaderProps, AccordionItemPart, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionTrigger, AccordionTriggerProps } from "./accordion/parts.js";
 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";
@@ -19,21 +19,30 @@ import { Input, InputProps, InputSize, styles as styles$10 } from "./input/input
 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";
-import { NumberField, NumberFieldProps, styles as styles$12 } from "./number-field/number-field.js";
+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 { Progress, ProgressProps, ProgressSize, ProgressStatus, styles as styles$13 } from "./progress/progress.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 { Select, SelectGroup, SelectOption, SelectProps, styles as styles$14 } from "./select/select.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$15 } from "./separator/separator.js";
-import { Slider, SliderProps, styles as styles$16 } from "./slider/slider.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$17 } from "./switch/switch.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$18 } from "./tabs/tabs.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$19, useToastManager } from "./toast/toast.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$20 } from "./tooltip/tooltip.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, 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, NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps, styles$12 as NumberFieldStyles, Progress, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStatus, styles$13 as ProgressStyles, ProgressTrack, ProgressTrackProps, 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$14 as SelectStyles, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Separator, SeparatorProps, styles$15 as SeparatorStyles, Slider, SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderProps, styles$16 as SliderStyles, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps, Switch, SwitchProps, SwitchRoot, SwitchRootProps, styles$17 as SwitchStyles, SwitchThumb, SwitchThumbProps, TabItem, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, styles$18 as TabsStyles, TabsTab, TabsTabProps, ToastClose, ToastCloseProps, ToastDescription, ToastDescriptionProps, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, styles$19 as ToastStyles, ToastTitle, ToastTitleProps, ToastType, ToastViewport, ToastViewportPart, ToastViewportPartProps, ToastViewportProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, styles$20 as TooltipStyles, useToastManager };
+export { Accordion, AccordionHeader, AccordionHeaderProps, AccordionItem, 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

@@ -2,7 +2,7 @@
 /* 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 { AccordionHeader, AccordionItemPart, 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";
@@ -33,12 +33,25 @@ 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";
@@ -59,4 +72,4 @@ import { ToastClose, ToastDescription, ToastRoot, ToastTitle, ToastViewportPart
 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, 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, 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, ToastProvider, ToastRoot, toast_module_default as ToastStyles, ToastTitle, ToastViewport, ToastViewportPart, Tooltip, TooltipArrow, TooltipPopup, TooltipPositioner, tooltip_module_default as TooltipStyles, useToastManager };
+export { Accordion, AccordionHeader, 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

@@ -3,6 +3,11 @@ 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

@@ -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/parts.d.ts

@@ -10,24 +10,12 @@ type BaseItemProps = ComponentPropsWithoutRef<typeof Menu.Item>;
 type BaseSeparatorProps = ComponentPropsWithoutRef<typeof Menu.Separator>;
 type BaseGroupLabelProps = ComponentPropsWithoutRef<typeof Menu.GroupLabel>;
 type BaseArrowProps = ComponentPropsWithoutRef<typeof Menu.Arrow>;
-interface MenuPositionerProps extends Omit<BasePositionerProps, "className"> {
-  className?: string;
-}
-interface MenuPopupProps extends Omit<BasePopupProps, "className"> {
-  className?: string;
-}
-interface MenuItemProps extends Omit<BaseItemProps, "className"> {
-  className?: string;
-}
-interface MenuSeparatorProps extends Omit<BaseSeparatorProps, "className"> {
-  className?: string;
-}
-interface MenuGroupLabelProps extends Omit<BaseGroupLabelProps, "className"> {
-  className?: string;
-}
-interface MenuArrowProps extends Omit<BaseArrowProps, "className"> {
-  className?: string;
-}
+interface MenuPositionerProps extends BasePositionerProps {}
+interface MenuPopupProps extends BasePopupProps {}
+interface MenuItemProps extends BaseItemProps {}
+interface MenuSeparatorProps extends BaseSeparatorProps {}
+interface MenuGroupLabelProps extends BaseGroupLabelProps {}
+interface MenuArrowProps extends BaseArrowProps {}
 declare const MenuPositioner: react.ForwardRefExoticComponent<MenuPositionerProps & react.RefAttributes<HTMLDivElement>>;
 declare const MenuPopup: react.ForwardRefExoticComponent<MenuPopupProps & react.RefAttributes<HTMLDivElement>>;
 declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<HTMLElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/menu/parts.tsx"],"mappings":";;;;;;KA6BK,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,KAC1D,aAAA,GAAgB,wBAAA,QAAgC,IAAA,CAAS,IAAA;AAAA,KACzD,kBAAA,GAAqB,wBAAA,QAAgC,IAAA,CAAS,SAAA;AAAA,KAC9D,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,UAE9C,mBAAA,SAA4B,IAAA,CAAK,mBAAA;EAChD,SAAA;AAAA;AAAA,UAEe,cAAA,SAAuB,IAAA,CAAK,cAAA;EAC3C,SAAA;AAAA;AAAA,UAEe,aAAA,SAAsB,IAAA,CAAK,aAAA;EAC1C,SAAA;AAAA;AAAA,UAEe,kBAAA,SAA2B,IAAA,CAAK,kBAAA;EAC/C,SAAA;AAAA;AAAA,UAEe,mBAAA,SAA4B,IAAA,CAAK,mBAAA;EAChD,SAAA;AAAA;AAAA,UAEe,cAAA,SAAuB,IAAA,CAAK,cAAA;EAC3C,SAAA;AAAA;AAAA,cAGW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIT,QAAA,EAAQ,KAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAIR,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/menu/parts.tsx"],"mappings":";;;;;;KA8BK,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,KAC1D,aAAA,GAAgB,wBAAA,QAAgC,IAAA,CAAS,IAAA;AAAA,KACzD,kBAAA,GAAqB,wBAAA,QAAgC,IAAA,CAAS,SAAA;AAAA,KAC9D,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,UAE9C,mBAAA,SAA4B,mBAAA;AAAA,UAC5B,cAAA,SAAuB,cAAA;AAAA,UACvB,aAAA,SAAsB,aAAA;AAAA,UACtB,kBAAA,SAA2B,kBAAA;AAAA,UAC3B,mBAAA,SAA4B,mBAAA;AAAA,UAC5B,cAAA,SAAuB,cAAA;AAAA,cAE3B,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIT,QAAA,EAAQ,KAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAIR,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/menu/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import menu_module_default from "./menu.module.js";
 import "./menuitemshortcut.js";
 import { jsx } from "react/jsx-runtime";
@@ -31,42 +32,42 @@ import { Menu } from "@base-ui/react/menu";
 const MenuPositioner = forwardRef(function MenuPositioner({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.Positioner, {
 		ref,
-		className: `${menu_module_default.positioner} ${className ?? ""}`,
+		className: (state) => cx(menu_module_default.positioner, resolveClassName(className, state)),
 		...props
 	});
 });
 const MenuPopup = forwardRef(function MenuPopup({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.Popup, {
 		ref,
-		className: `${menu_module_default.popup} ${className ?? ""}`,
+		className: (state) => cx(menu_module_default.popup, resolveClassName(className, state)),
 		...props
 	});
 });
 const MenuItem = forwardRef(function MenuItem({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.Item, {
 		ref,
-		className: `${menu_module_default.item} ${className ?? ""}`,
+		className: (state) => cx(menu_module_default.item, resolveClassName(className, state)),
 		...props
 	});
 });
 const MenuSeparator = forwardRef(function MenuSeparator({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.Separator, {
 		ref,
-		className: `${menu_module_default.separator} ${className ?? ""}`,
+		className: (state) => cx(menu_module_default.separator, resolveClassName(className, state)),
 		...props
 	});
 });
 const MenuGroupLabel = forwardRef(function MenuGroupLabel({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
 		ref,
-		className: `${menu_module_default["group-label"]} ${className ?? ""}`,
+		className: (state) => cx(menu_module_default["group-label"], resolveClassName(className, state)),
 		...props
 	});
 });
 const MenuArrow = forwardRef(function MenuArrow({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Menu.Arrow, {
 		ref,
-		className: `${menu_module_default.arrow} ${className ?? ""}`,
+		className: (state) => cx(menu_module_default.arrow, resolveClassName(className, state)),
 		...props
 	});
 });

package/dist/menu/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["BaseMenu","styles"],"sources":["../../src/menu/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Menu.\n *\n * @example\n * ```tsx\n * import { Menu } from '@base-ui/react/menu';\n * import {\n *   MenuPositioner, MenuPopup, MenuItem, MenuSeparator, MenuGroupLabel,\n * } from '@brijbyte/agentic-ui/menu';\n *\n * <Menu.Root>\n *   <Menu.Trigger render={<button>Open</button>} />\n *   <Menu.Portal>\n *     <MenuPositioner sideOffset={4}>\n *       <MenuPopup>\n *         <MenuItem>Action</MenuItem>\n *         <MenuSeparator />\n *         <MenuItem>Another</MenuItem>\n *       </MenuPopup>\n *     </MenuPositioner>\n *   </Menu.Portal>\n * </Menu.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\n\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\ntype BaseArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport interface MenuPositionerProps extends Omit<BasePositionerProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuItemProps extends Omit<BaseItemProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuSeparatorProps extends Omit<BaseSeparatorProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuGroupLabelProps extends Omit<BaseGroupLabelProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuArrowProps extends Omit<BaseArrowProps, \"className\"> {\n  className?: string;\n}\n\nexport const MenuPositioner = forwardRef<ComponentRef<typeof BaseMenu.Positioner>, MenuPositionerProps>(function MenuPositioner(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Positioner ref={ref} className={`${styles.positioner} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuPopup = forwardRef<ComponentRef<typeof BaseMenu.Popup>, MenuPopupProps>(function MenuPopup({ className, ...props }, ref) {\n  return <BaseMenu.Popup ref={ref} className={`${styles.popup} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuItem = forwardRef<ComponentRef<typeof BaseMenu.Item>, MenuItemProps>(function MenuItem({ className, ...props }, ref) {\n  return <BaseMenu.Item ref={ref} className={`${styles.item} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuSeparator = forwardRef<ComponentRef<typeof BaseMenu.Separator>, MenuSeparatorProps>(function MenuSeparator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Separator ref={ref} className={`${styles.separator} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuGroupLabel = forwardRef<ComponentRef<typeof BaseMenu.GroupLabel>, MenuGroupLabelProps>(function MenuGroupLabel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.GroupLabel ref={ref} className={`${styles[\"group-label\"]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuArrow = forwardRef<ComponentRef<typeof BaseMenu.Arrow>, MenuArrowProps>(function MenuArrow({ className, ...props }, ref) {\n  return <BaseMenu.Arrow ref={ref} className={`${styles.arrow} ${className ?? \"\"}`} {...props} />;\n});\n\n/** Convenience class for keyboard shortcut hints inside a MenuItem. */\nexport { MenuItemShortcut } from \"./menuitemshortcut\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,KAAS,YAAV;EAA0B;EAAK,WAAW,GAAGC,oBAAO,WAAW,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACzG;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,WAAW,GAAGC,oBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F;AAEF,MAAa,WAAW,WAA8D,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;AACpI,QAAO,oBAACD,KAAS,MAAV;EAAoB;EAAK,WAAW,GAAGC,oBAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7F;AAEF,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,WAAV;EAAyB;EAAK,WAAW,GAAGC,oBAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACvG;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,YAAV;EAA0B;EAAK,WAAW,GAAGC,oBAAO,eAAe,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7G;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,WAAW,GAAGC,oBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F"}
+{"version":3,"file":"parts.js","names":["BaseMenu","styles"],"sources":["../../src/menu/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Menu.\n *\n * @example\n * ```tsx\n * import { Menu } from '@base-ui/react/menu';\n * import {\n *   MenuPositioner, MenuPopup, MenuItem, MenuSeparator, MenuGroupLabel,\n * } from '@brijbyte/agentic-ui/menu';\n *\n * <Menu.Root>\n *   <Menu.Trigger render={<button>Open</button>} />\n *   <Menu.Portal>\n *     <MenuPositioner sideOffset={4}>\n *       <MenuPopup>\n *         <MenuItem>Action</MenuItem>\n *         <MenuSeparator />\n *         <MenuItem>Another</MenuItem>\n *       </MenuPopup>\n *     </MenuPositioner>\n *   </Menu.Portal>\n * </Menu.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\ntype BaseArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport interface MenuPositionerProps extends BasePositionerProps {}\nexport interface MenuPopupProps extends BasePopupProps {}\nexport interface MenuItemProps extends BaseItemProps {}\nexport interface MenuSeparatorProps extends BaseSeparatorProps {}\nexport interface MenuGroupLabelProps extends BaseGroupLabelProps {}\nexport interface MenuArrowProps extends BaseArrowProps {}\n\nexport const MenuPositioner = forwardRef<ComponentRef<typeof BaseMenu.Positioner>, MenuPositionerProps>(function MenuPositioner(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Positioner ref={ref} className={(state) => cx(styles.positioner, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuPopup = forwardRef<ComponentRef<typeof BaseMenu.Popup>, MenuPopupProps>(function MenuPopup({ className, ...props }, ref) {\n  return <BaseMenu.Popup ref={ref} className={(state) => cx(styles.popup, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuItem = forwardRef<ComponentRef<typeof BaseMenu.Item>, MenuItemProps>(function MenuItem({ className, ...props }, ref) {\n  return <BaseMenu.Item ref={ref} className={(state) => cx(styles.item, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuSeparator = forwardRef<ComponentRef<typeof BaseMenu.Separator>, MenuSeparatorProps>(function MenuSeparator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Separator ref={ref} className={(state) => cx(styles.separator, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuGroupLabel = forwardRef<ComponentRef<typeof BaseMenu.GroupLabel>, MenuGroupLabelProps>(function MenuGroupLabel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.GroupLabel ref={ref} className={(state) => cx(styles[\"group-label\"], resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuArrow = forwardRef<ComponentRef<typeof BaseMenu.Arrow>, MenuArrowProps>(function MenuArrow({ className, ...props }, ref) {\n  return <BaseMenu.Arrow ref={ref} className={(state) => cx(styles.arrow, resolveClassName(className, state))} {...props} />;\n});\n\n/** Convenience class for keyboard shortcut hints inside a MenuItem. */\nexport { MenuItemShortcut } from \"./menuitemshortcut\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,KAAS,YAAV;EAA0B;EAAK,YAAY,UAAU,GAAGC,oBAAO,YAAY,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACpI;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,YAAY,UAAU,GAAGC,oBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC1H;AAEF,MAAa,WAAW,WAA8D,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;AACpI,QAAO,oBAACD,KAAS,MAAV;EAAoB;EAAK,YAAY,UAAU,GAAGC,oBAAO,MAAM,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxH;AAEF,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,WAAV;EAAyB;EAAK,YAAY,UAAU,GAAGC,oBAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAClI;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,YAAV;EAA0B;EAAK,YAAY,UAAU,GAAGC,oBAAO,gBAAgB,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxI;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,YAAY,UAAU,GAAGC,oBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC1H"}

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"}