@brijbyte/agentic-ui 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -1,33 +1,39 @@
 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 { Badge, BadgeProps, BadgeVariant, styles as styles$1 } from "./badge/badge.js";
-import { Button, ButtonProps, ButtonSize, ButtonVariant, styles as styles$2 } from "./button/button.js";
-import { Card, CardBody, CardFooter, CardHeader, CardHeaderProps, CardProps, styles as styles$3 } from "./card/card.js";
-import { Checkbox, CheckboxProps, styles as styles$4 } from "./checkbox/checkbox.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";
+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$5 } from "./collapsible/collapsible.js";
+import { Collapsible, CollapsibleProps, styles as styles$6 } from "./collapsible/collapsible.js";
 import { CollapsiblePanel, CollapsiblePanelProps, CollapsibleRoot, CollapsibleRootProps, CollapsibleTrigger, CollapsibleTriggerProps } from "./collapsible/parts.js";
-import { Dialog, DialogProps, styles as styles$6 } from "./dialog/dialog.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, 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$7 } from "./drawer/drawer.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$8 } from "./input/input.js";
-import { Switch, SwitchProps, styles as styles$14 } from "./switch/switch.js";
-import { SwitchRoot, SwitchRootProps, SwitchThumb, SwitchThumbProps } from "./switch/parts.js";
-import { Select, SelectGroup, SelectOption, SelectProps, styles as styles$12 } from "./select/select.js";
+import { Input, InputProps, InputSize, styles as styles$10 } from "./input/input.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";
+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 { Progress, ProgressProps, ProgressSize, ProgressStatus, styles as styles$13 } 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 { 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$17 } from "./tooltip/tooltip.js";
-import { TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps } from "./tooltip/parts.js";
-import { TabItem, Tabs, TabsProps, styles as styles$15 } from "./tabs/tabs.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 { Switch, SwitchProps, styles as styles$17 } 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 { TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsTab, TabsTabProps } from "./tabs/parts.js";
-import { Progress, ProgressProps, ProgressSize, ProgressStatus, styles as styles$11 } from "./progress/progress.js";
-import { ProgressIndicator, ProgressIndicatorProps, ProgressTrack, ProgressTrackProps } from "./progress/parts.js";
-import { ToastType, ToastViewport, styles as styles$16, useToastManager } from "./toast/toast.js";
+import { ToastProvider, ToastProviderProps, ToastType, ToastViewport, ToastViewportProps, 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$13 } from "./separator/separator.js";
-import { NumberField, NumberFieldProps, styles as styles$10 } 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$9 } 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, Badge, type BadgeProps, styles$1 as BadgeStyles, type BadgeVariant, Button, type ButtonProps, type ButtonSize, styles$2 as ButtonStyles, type ButtonVariant, Card, CardBody, CardFooter, CardHeader, type CardHeaderProps, type CardProps, styles$3 as CardStyles, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, CheckboxRoot, type CheckboxRootProps, styles$4 as CheckboxStyles, Collapsible, CollapsiblePanel, type CollapsiblePanelProps, type CollapsibleProps, CollapsibleRoot, type CollapsibleRootProps, styles$5 as CollapsibleStyles, CollapsibleTrigger, type CollapsibleTriggerProps, Dialog, DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogPopup, type DialogPopupProps, type DialogProps, styles$6 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$7 as DrawerStyles, DrawerTitle, type DrawerTitleProps, DrawerViewport, type DrawerViewportProps, Input, type InputProps, type InputSize, styles$8 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$9 as MenuStyles, NumberField, NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, type NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps, styles$10 as NumberFieldStyles, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, type ProgressSize, type ProgressStatus, styles$11 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$12 as SelectStyles, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, styles$13 as SeparatorStyles, Switch, type SwitchProps, SwitchRoot, type SwitchRootProps, styles$14 as SwitchStyles, SwitchThumb, type SwitchThumbProps, type TabItem, Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, styles$15 as TabsStyles, TabsTab, type TabsTabProps, ToastClose, type ToastCloseProps, ToastDescription, type ToastDescriptionProps, ToastRoot, type ToastRootProps, styles$16 as ToastStyles, ToastTitle, type ToastTitleProps, type ToastType, ToastViewport, ToastViewportPart, type ToastViewportPartProps, Tooltip, TooltipArrow, type TooltipArrowProps, TooltipPopup, type TooltipPopupProps, TooltipPositioner, type TooltipPositionerProps, type TooltipProps, styles$17 as TooltipStyles, useToastManager };
+import { Tooltip, TooltipProps, styles as styles$20 } 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 };

package/dist/index.js

@@ -1,53 +1,62 @@
 /* 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 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 separator_module_default from "./separator/separator.module.js";
-import { Separator } from "./separator/separator.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 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";
-export { Accordion, AccordionHeader, AccordionItem as AccordionItemPart, AccordionPanel, accordion_module_default as AccordionStyles, AccordionTrigger, 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, 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, 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 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 progress_module_default from "./progress/progress.module.js";
+import { Progress } from "./progress/progress.js";
+import { ProgressIndicator, ProgressTrack } from "./progress/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 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, 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 };

package/dist/input/input.css

@@ -1,5 +1,3 @@
-@layer theme, base;
-
 @layer components {
   .wrapper_ZbafIa {
     gap: var(--space-1);
@@ -18,9 +16,9 @@
     width: 100%;
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
-    color: var(--color-text-primary);
+    color: var(--color-primary);
     background-color: var(--color-surface-1);
-    border: var(--border-width-base) solid var(--color-border-base);
+    border: var(--border-width-base) solid var(--color-line);
     border-radius: var(--radius-md);
     transition: border-color var(--duration-fast) var(--easing-standard),
       box-shadow var(--duration-fast) var(--easing-standard),
@@ -31,12 +29,12 @@
   }
 
   .root_ZbafIa::placeholder {
-    color: var(--color-text-tertiary);
+    color: var(--color-tertiary);
     font-family: var(--font-mono);
   }
 
   .root_ZbafIa:hover:not(:disabled):not([data-invalid]) {
-    border-color: var(--color-border-strong);
+    border-color: var(--color-line-strong);
   }
 
   .root_ZbafIa:focus:not(:disabled) {
@@ -86,7 +84,7 @@
   }
 
   .adornment_ZbafIa {
-    color: var(--color-text-tertiary);
+    color: var(--color-tertiary);
     pointer-events: none;
     width: var(--space-8);
     justify-content: center;
@@ -103,5 +101,3 @@
     right: 0;
   }
 }
-
-@layer utilities;

package/dist/input/input.js

@@ -1,6 +1,6 @@
 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
 const Input$1 = forwardRef(function Input$2({ size = "md", leftAdornment, rightAdornment, invalid, className, ...props }, ref) {

package/dist/input/input.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.module.js","names":[],"sources":["../../src/input/input.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-1);\n    width: 100%;\n  }\n\n  .inputWrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .root {\n    width: 100%;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-text-primary);\n    background-color: var(--color-surface-1);\n    border: var(--border-width-base) solid var(--color-border-base);\n    border-radius: var(--radius-md);\n    outline: none;\n    transition:\n      border-color var(--duration-fast) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard),\n      background-color var(--duration-fast) var(--easing-standard);\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .root::placeholder {\n    color: var(--color-text-tertiary);\n    font-family: var(--font-mono);\n  }\n\n  .root:hover:not(:disabled):not([data-invalid]) {\n    border-color: var(--color-border-strong);\n  }\n\n  .root:focus:not(:disabled) {\n    border-color: var(--color-accent);\n    box-shadow: var(--shadow-focus);\n  }\n\n  .root:disabled {\n    opacity: 0.44;\n    cursor: not-allowed;\n    background-color: var(--color-surface-2);\n  }\n\n  .root[data-invalid],\n  .root[aria-invalid=\"true\"] {\n    border-color: var(--color-error-solid);\n  }\n\n  .root[data-invalid]:focus,\n  .root[aria-invalid=\"true\"]:focus {\n    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25);\n  }\n\n  /* ─── Sizes ─────────────────────────────────────────── */\n  .size-sm {\n    height: 26px;\n    padding-inline: var(--space-2);\n    font-size: var(--font-size-xs);\n  }\n\n  .size-md {\n    height: 30px;\n    padding-inline: var(--space-2-5);\n    font-size: var(--font-size-sm);\n  }\n\n  .size-lg {\n    height: 36px;\n    padding-inline: var(--space-3);\n    font-size: var(--font-size-md);\n    border-radius: var(--radius-lg);\n  }\n\n  /* Padding adjustments for icons */\n  .has-left-icon {\n    padding-left: var(--space-8);\n  }\n  .has-right-icon {\n    padding-right: var(--space-8);\n  }\n\n  /* ─── Adornments ────────────────────────────────────── */\n  .adornment {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-text-tertiary);\n    pointer-events: none;\n    width: var(--space-8);\n  }\n\n  .adornment-left {\n    left: 0;\n  }\n  .adornment-right {\n    right: 0;\n  }\n}\n"],"mappings":";AAsBA,IAAA,uBAAe;CAAC,aAAS;CAAsB,kBAAe;CAAK,mBAAA;CAAA,iBAAA;CAAA,kBAAA;CAAA,gBAAA;CAAA,QAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA"}
+{"version":3,"file":"input.module.js","names":[],"sources":["../../src/input/input.module.css"],"sourcesContent":["@layer components {\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-1);\n    width: 100%;\n  }\n  .inputWrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n  .root {\n    width: 100%;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    background-color: var(--color-surface-1);\n    border: var(--border-width-base) solid var(--color-line);\n    border-radius: var(--radius-md);\n    outline: none;\n    transition:\n      border-color var(--duration-fast) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard),\n      background-color var(--duration-fast) var(--easing-standard);\n    appearance: none;\n    -webkit-appearance: none;\n  }\n  .root::placeholder {\n    color: var(--color-tertiary);\n    font-family: var(--font-mono);\n  }\n  .root:hover:not(:disabled):not([data-invalid]) {\n    border-color: var(--color-line-strong);\n  }\n  .root:focus:not(:disabled) {\n    border-color: var(--color-accent);\n    box-shadow: var(--shadow-focus);\n  }\n  .root:disabled {\n    opacity: 0.44;\n    cursor: not-allowed;\n    background-color: var(--color-surface-2);\n  }\n  .root[data-invalid],\n  .root[aria-invalid=\"true\"] {\n    border-color: var(--color-error-solid);\n  }\n  .root[data-invalid]:focus,\n  .root[aria-invalid=\"true\"]:focus {\n    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25);\n  }\n  /* ─── Sizes ─────────────────────────────────────────── */\n  .size-sm {\n    height: 26px;\n    padding-inline: var(--space-2);\n    font-size: var(--font-size-xs);\n  }\n  .size-md {\n    height: 30px;\n    padding-inline: var(--space-2-5);\n    font-size: var(--font-size-sm);\n  }\n  .size-lg {\n    height: 36px;\n    padding-inline: var(--space-3);\n    font-size: var(--font-size-md);\n    border-radius: var(--radius-lg);\n  }\n  /* Padding adjustments for icons */\n  .has-left-icon {\n    padding-left: var(--space-8);\n  }\n  .has-right-icon {\n    padding-right: var(--space-8);\n  }\n  /* ─── Adornments ────────────────────────────────────── */\n  .adornment {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-tertiary);\n    pointer-events: none;\n    width: var(--space-8);\n  }\n  .adornment-left {\n    left: 0;\n  }\n  .adornment-right {\n    right: 0;\n  }\n}\n"],"mappings":";AAsBA,IAAA,uBAAa;CAAA,aAAY;CAAqB,kBAAgB;CAAA,mBAAA;CAAA,iBAAA;CAAA,kBAAA;CAAA,gBAAA;CAAA,QAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA"}

package/dist/layer-order.css

@@ -0,0 +1,22 @@
+/*
+ * @brijbyte/agentic-ui — CSS layer order declaration
+ *
+ * Import this ONCE, before any other stylesheet in your app entry.
+ * It establishes the cascade order so component styles always beat
+ * Tailwind preflight resets, and Tailwind utilities always beat components.
+ *
+ * If you use the full bundle (@brijbyte/agentic-ui/styles) or tokens.css,
+ * this is already included — you don't need to import it separately.
+ *
+ * Manual setup (without Tailwind):
+ *   @import "@brijbyte/agentic-ui/layer-order";
+ *   @import "@brijbyte/agentic-ui/tokens";
+ *   @import "@brijbyte/agentic-ui/reset";
+ *
+ * With Tailwind v4:
+ *   @import "tailwindcss";
+ *   @import "@brijbyte/agentic-ui/layer-order";  ← before tokens
+ *   @import "@brijbyte/agentic-ui/tokens";
+ */
+
+@layer theme, base, components, utilities;

package/dist/menu/menu.css

@@ -1,5 +1,3 @@
-@layer theme, base;
-
 @layer components {
   .positioner_HVPjPa {
     z-index: var(--z-dropdown);
@@ -10,10 +8,10 @@
     box-sizing: border-box;
     padding: var(--space-1) 0;
     border-radius: var(--radius-lg);
-    background-color: var(--color-bg-overlay);
-    border: var(--border-width-base) solid var(--color-border-base);
+    background-color: var(--color-overlay);
+    border: var(--border-width-base) solid var(--color-line);
     box-shadow: var(--shadow-popover);
-    color: var(--color-text-primary);
+    color: var(--color-primary);
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
     min-width: 200px;
@@ -49,7 +47,7 @@
     border-radius: var(--radius-md);
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
-    color: var(--color-text-primary);
+    color: var(--color-primary);
     cursor: default;
     user-select: none;
     outline: none;
@@ -60,7 +58,7 @@
 
   .item_HVPjPa[data-highlighted] {
     background-color: var(--color-accent);
-    color: var(--color-text-on-accent);
+    color: var(--color-on-accent);
   }
 
   .item_HVPjPa[data-disabled] {
@@ -84,13 +82,13 @@
   .item-shortcut_HVPjPa {
     margin-left: var(--space-6);
     font-size: var(--font-size-xs);
-    color: var(--color-text-tertiary);
+    color: var(--color-tertiary);
     letter-spacing: .02em;
     flex-shrink: 0;
   }
 
   .item_HVPjPa[data-highlighted] .item-shortcut_HVPjPa {
-    color: color-mix(in srgb, var(--color-text-on-accent) 60%, transparent);
+    color: color-mix(in srgb, var(--color-on-accent) 60%, transparent);
   }
 
   .group-label_HVPjPa {
@@ -98,7 +96,7 @@
     font-family: var(--font-mono);
     font-size: var(--font-size-xs);
     font-weight: var(--font-weight-semibold);
-    color: var(--color-text-tertiary);
+    color: var(--color-tertiary);
     text-transform: uppercase;
     letter-spacing: var(--letter-spacing-wide);
     cursor: default;
@@ -109,17 +107,17 @@
   .separator_HVPjPa {
     margin: var(--space-1) 0;
     height: var(--border-width-base);
-    background-color: var(--color-border-subtle);
+    background-color: var(--color-line-subtle);
   }
 
   .submenu-trigger-icon_HVPjPa {
-    color: var(--color-text-tertiary);
+    color: var(--color-tertiary);
     flex-shrink: 0;
     margin-left: auto;
   }
 
   .item_HVPjPa[data-highlighted] .submenu-trigger-icon_HVPjPa {
-    color: color-mix(in srgb, var(--color-text-on-accent) 70%, transparent);
+    color: color-mix(in srgb, var(--color-on-accent) 70%, transparent);
   }
 
   .arrow_HVPjPa {
@@ -147,12 +145,10 @@
   }
 
   .arrow-fill_HVPjPa {
-    fill: var(--color-bg-overlay);
+    fill: var(--color-overlay);
   }
 
   .arrow-stroke_HVPjPa {
-    fill: var(--color-border-base);
+    fill: var(--color-line);
   }
 }
-
-@layer utilities;

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

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

@@ -1 +1 @@
-{"version":3,"file":"menu.module.js","names":[],"sources":["../../src/menu/menu.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .positioner {\n    outline: none;\n    z-index: var(--z-dropdown);\n  }\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-bg-overlay);\n    border: var(--border-width-base) solid var(--color-border-base);\n    box-shadow: var(--shadow-popover);\n    color: var(--color-text-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\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\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\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\n  /* ─── Item ───────────────────────────────────────────────────────── */\n\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-text-primary);\n    cursor: default;\n    outline: none;\n    user-select: none;\n    position: relative;\n    transition: none;\n  }\n\n  .item[data-highlighted] {\n    background-color: var(--color-accent);\n    color: var(--color-text-on-accent);\n  }\n\n  .item[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n\n  /* ─── Item internals ─────────────────────────────────────────────── */\n\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\n  .item-text {\n    flex: 1;\n  }\n\n  .item-shortcut {\n    margin-left: var(--space-6);\n    font-size: var(--font-size-xs);\n    color: var(--color-text-tertiary);\n    letter-spacing: 0.02em;\n    flex-shrink: 0;\n  }\n\n  .item[data-highlighted] .item-shortcut {\n    color: color-mix(in srgb, var(--color-text-on-accent) 60%, transparent);\n  }\n\n  /* ─── Group label ────────────────────────────────────────────────── */\n\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-text-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\n  /* ─── Separator ──────────────────────────────────────────────────── */\n\n  .separator {\n    margin: var(--space-1) 0;\n    height: var(--border-width-base);\n    background-color: var(--color-border-subtle);\n  }\n\n  /* ─── Submenu ────────────────────────────────────────────────────── */\n\n  .submenu-trigger-icon {\n    margin-left: auto;\n    color: var(--color-text-tertiary);\n    flex-shrink: 0;\n  }\n\n  .item[data-highlighted] .submenu-trigger-icon {\n    color: color-mix(in srgb, var(--color-text-on-accent) 70%, transparent);\n  }\n\n  /* ─── Arrow ──────────────────────────────────────────────────────── */\n\n  .arrow {\n    display: flex;\n  }\n\n  .arrow[data-side=\"top\"] {\n    bottom: -8px;\n    rotate: 180deg;\n  }\n\n  .arrow[data-side=\"bottom\"] {\n    top: -8px;\n    rotate: 0deg;\n  }\n\n  .arrow[data-side=\"left\"] {\n    right: -13px;\n    rotate: 90deg;\n  }\n\n  .arrow[data-side=\"right\"] {\n    left: -13px;\n    rotate: -90deg;\n  }\n\n  .arrow-fill {\n    fill: var(--color-bg-overlay);\n  }\n\n  .arrow-stroke {\n    fill: var(--color-border-base);\n  }\n}\n"],"mappings":";AAwBA,IAAA,sBAAW;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    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"}

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/number-field/number-field.css

@@ -1,5 +1,3 @@
-@layer theme, base;
-
 @layer components {
   .root_msdI1W {
     align-items: flex-start;
@@ -22,7 +20,7 @@
     font-family: var(--font-mono);
     font-size: var(--font-size-xs);
     font-weight: var(--font-weight-medium);
-    color: var(--color-text-secondary);
+    color: var(--color-secondary);
     letter-spacing: var(--letter-spacing-wide);
     text-transform: uppercase;
   }
@@ -39,10 +37,10 @@
     font-size: var(--font-size-sm);
     text-align: center;
     font-variant-numeric: tabular-nums;
-    color: var(--color-text-primary);
-    background-color: var(--color-bg-elevated);
-    border-top: var(--border-width-base) solid var(--color-border-base);
-    border-bottom: var(--border-width-base) solid var(--color-border-base);
+    color: var(--color-primary);
+    background-color: var(--color-elevated);
+    border-top: var(--border-width-base) solid var(--color-line);
+    border-bottom: var(--border-width-base) solid var(--color-line);
     transition: box-shadow var(--duration-fast) var(--easing-standard);
     border-left: none;
     border-right: none;
@@ -55,7 +53,7 @@
 
   .input_msdI1W:focus {
     z-index: 1;
-    box-shadow: inset var(--shadow-focus);
+    box-shadow: inset 0 0 0 1.5px var(--color-accent);
   }
 
   .input_msdI1W[data-disabled] {
@@ -65,11 +63,11 @@
 
   .step-button_msdI1W {
     box-sizing: border-box;
-    border: var(--border-width-base) solid var(--color-border-base);
+    border: var(--border-width-base) solid var(--color-line);
     background-color: var(--color-surface-1);
     width: 2rem;
     height: 2rem;
-    color: var(--color-text-secondary);
+    color: var(--color-secondary);
     cursor: pointer;
     user-select: none;
     transition: background-color var(--duration-fast) var(--easing-standard),
@@ -84,18 +82,18 @@
   }
 
   .step-button_msdI1W:hover {
-    background-color: var(--color-surface-hover);
-    color: var(--color-text-primary);
+    background-color: var(--color-hover);
+    color: var(--color-primary);
   }
 
   .step-button_msdI1W:active:not([data-disabled]) {
-    background-color: var(--color-surface-active);
+    background-color: var(--color-active);
     transform: scale(.93);
   }
 
   .step-button_msdI1W:focus-visible {
     z-index: 1;
-    box-shadow: inset var(--shadow-focus);
+    box-shadow: inset 0 0 0 1.5px var(--color-accent);
   }
 
   .step-button_msdI1W[data-disabled] {
@@ -111,5 +109,3 @@
     border-radius: 0 var(--radius-md) var(--radius-md) 0;
   }
 }
-
-@layer utilities;

package/dist/number-field/number-field.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import styles from "./number-field.module.css";
 
 //#region src/number-field/number-field.d.ts

package/dist/number-field/number-field.js

@@ -1,6 +1,6 @@
 import number_field_module_default from "./number-field.module.js";
-import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { NumberField } from "@base-ui/react/number-field";
 //#region src/number-field/number-field.tsx
 function MinusIcon() {

package/dist/number-field/number-field.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.module.js","names":[],"sources":["../../src/number-field/number-field.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--space-1);\n  }\n\n  .scrub-area {\n    cursor: ew-resize;\n    user-select: none;\n  }\n\n  .scrub-area-cursor {\n    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));\n  }\n\n  .label {\n    cursor: ew-resize;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-medium);\n    color: var(--color-text-secondary);\n    letter-spacing: var(--letter-spacing-wide);\n    text-transform: uppercase;\n  }\n\n  .group {\n    display: flex;\n  }\n\n  .input {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    width: 6rem;\n    height: 2rem;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    font-weight: normal;\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n    color: var(--color-text-primary);\n    background-color: var(--color-bg-elevated);\n    border-top: var(--border-width-base) solid var(--color-border-base);\n    border-bottom: var(--border-width-base) solid var(--color-border-base);\n    border-left: none;\n    border-right: none;\n    border-radius: 0;\n    outline: none;\n    transition: box-shadow var(--duration-fast) var(--easing-standard);\n  }\n\n  .input:focus {\n    z-index: 1;\n    box-shadow: inset var(--shadow-focus);\n  }\n\n  .input[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n\n  .step-button {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    margin: 0;\n    padding: 0;\n    border: var(--border-width-base) solid var(--color-border-base);\n    background-color: var(--color-surface-1);\n    color: var(--color-text-secondary);\n    cursor: pointer;\n    outline: none;\n    user-select: none;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      color var(--duration-fast) var(--easing-standard),\n      transform 100ms var(--easing-ease-out);\n  }\n\n  .step-button:hover {\n    background-color: var(--color-surface-hover);\n    color: var(--color-text-primary);\n  }\n\n  .step-button:active:not([data-disabled]) {\n    background-color: var(--color-surface-active);\n    transform: scale(0.93);\n  }\n\n  .step-button:focus-visible {\n    z-index: 1;\n    box-shadow: inset var(--shadow-focus);\n  }\n\n  .step-button[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n\n  .decrement {\n    border-radius: var(--radius-md) 0 0 var(--radius-md);\n  }\n\n  .increment {\n    border-radius: 0 var(--radius-md) var(--radius-md) 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"number-field.module.js","names":[],"sources":["../../src/number-field/number-field.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--space-1);\n  }\n  .scrub-area {\n    cursor: ew-resize;\n    user-select: none;\n  }\n  .scrub-area-cursor {\n    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));\n  }\n  .label {\n    cursor: ew-resize;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-medium);\n    color: var(--color-secondary);\n    letter-spacing: var(--letter-spacing-wide);\n    text-transform: uppercase;\n  }\n  .group {\n    display: flex;\n  }\n  .input {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    width: 6rem;\n    height: 2rem;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    font-weight: normal;\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n    color: var(--color-primary);\n    background-color: var(--color-elevated);\n    border-top: var(--border-width-base) solid var(--color-line);\n    border-bottom: var(--border-width-base) solid var(--color-line);\n    border-left: none;\n    border-right: none;\n    border-radius: 0;\n    outline: none;\n    transition: box-shadow var(--duration-fast) var(--easing-standard);\n  }\n  .input:focus {\n    z-index: 1;\n    box-shadow: inset 0 0 0 1.5px var(--color-accent);\n  }\n  .input[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  .step-button {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    margin: 0;\n    padding: 0;\n    border: var(--border-width-base) solid var(--color-line);\n    background-color: var(--color-surface-1);\n    color: var(--color-secondary);\n    cursor: pointer;\n    outline: none;\n    user-select: none;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      color var(--duration-fast) var(--easing-standard),\n      transform 100ms var(--easing-ease-out);\n  }\n  .step-button:hover {\n    background-color: var(--color-hover);\n    color: var(--color-primary);\n  }\n  .step-button:active:not([data-disabled]) {\n    background-color: var(--color-active);\n    transform: scale(0.93);\n  }\n  .step-button:focus-visible {\n    z-index: 1;\n    box-shadow: inset 0 0 0 1.5px var(--color-accent);\n  }\n  .step-button[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  .decrement {\n    border-radius: var(--radius-md) 0 0 var(--radius-md);\n  }\n  .increment {\n    border-radius: 0 var(--radius-md) var(--radius-md) 0;\n  }\n}\n"],"mappings":";AAkBA,IAAA,8BAAe;CAAC,aAAY;CAAc,SAAA;CAAA,aAAA;CAAA,SAAA;CAAA,SAAA;CAAA,QAAA;CAAA,cAAA;CAAA,qBAAA;CAAA,eAAA;CAAA"}

package/dist/number-field/parts.js

@@ -1,6 +1,6 @@
 import number_field_module_default from "./number-field.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { NumberField } from "@base-ui/react/number-field";
 //#region src/number-field/parts.tsx
 /**

package/dist/progress/parts.js

@@ -1,6 +1,6 @@
 import progress_module_default from "./progress.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Progress } from "@base-ui/react/progress";
 //#region src/progress/parts.tsx
 /**

package/dist/progress/progress.css

@@ -1,5 +1,3 @@
-@layer theme, base;
-
 @layer components {
   .root_eYYE3W {
     gap: var(--space-1-5);
@@ -11,7 +9,7 @@
   .label-row_eYYE3W {
     font-family: var(--font-mono);
     font-size: var(--font-size-xs);
-    color: var(--color-text-secondary);
+    color: var(--color-secondary);
     justify-content: space-between;
     align-items: center;
     display: flex;
@@ -71,5 +69,3 @@
     width: 30% !important;
   }
 }
-
-@layer utilities;

package/dist/progress/progress.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.module.js","names":[],"sources":["../../src/progress/progress.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-1-5);\n    width: 100%;\n  }\n\n  .label-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    color: var(--color-text-secondary);\n  }\n\n  .track {\n    width: 100%;\n    height: 6px;\n    background-color: var(--color-surface-3);\n    border-radius: var(--radius-full);\n    overflow: hidden;\n  }\n\n  .track-sm {\n    height: 4px;\n  }\n  .track-md {\n    height: 6px;\n  }\n  .track-lg {\n    height: 8px;\n  }\n\n  .indicator {\n    height: 100%;\n    border-radius: var(--radius-full);\n    background-color: var(--color-accent);\n    transition: width var(--duration-slower) var(--easing-standard);\n  }\n\n  .indicator-success {\n    background-color: var(--color-success-solid);\n  }\n  .indicator-warning {\n    background-color: var(--color-warning-solid);\n  }\n  .indicator-error {\n    background-color: var(--color-error-solid);\n  }\n\n  /* Indeterminate */\n  @keyframes progress-indeterminate {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(400%);\n    }\n  }\n\n  .indicator[data-value=\"null\"],\n  .indicator-indeterminate {\n    width: 30% !important;\n    animation: progress-indeterminate 1.4s linear infinite;\n  }\n}\n"],"mappings":";AAwBA,IAAA,0BAAc;CAAA,aAAM;CAAA,mBAAA;CAAA,2BAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,aAAA;CAAA,0BAAA;CAAA,QAAA;CAAA,SAAA;CAAA,YAAA;CAAA,YAAA;CAAA,YAAA;CAAA"}
+{"version":3,"file":"progress.module.js","names":[],"sources":["../../src/progress/progress.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-1-5);\n    width: 100%;\n  }\n  .label-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    color: var(--color-secondary);\n  }\n  .track {\n    width: 100%;\n    height: 6px;\n    background-color: var(--color-surface-3);\n    border-radius: var(--radius-full);\n    overflow: hidden;\n  }\n  .track-sm {\n    height: 4px;\n  }\n  .track-md {\n    height: 6px;\n  }\n  .track-lg {\n    height: 8px;\n  }\n  .indicator {\n    height: 100%;\n    border-radius: var(--radius-full);\n    background-color: var(--color-accent);\n    transition: width var(--duration-slower) var(--easing-standard);\n  }\n  .indicator-success {\n    background-color: var(--color-success-solid);\n  }\n  .indicator-warning {\n    background-color: var(--color-warning-solid);\n  }\n  .indicator-error {\n    background-color: var(--color-error-solid);\n  }\n  /* Indeterminate */\n  @keyframes progress-indeterminate {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(400%);\n    }\n  }\n  .indicator[data-value=\"null\"],\n  .indicator-indeterminate {\n    width: 30% !important;\n    animation: progress-indeterminate 1.4s linear infinite;\n  }\n}\n"],"mappings":";AAwBA,IAAA,0BAAE;CAAA,aAAA;CAAA,mBAAA;CAAA,2BAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,aAAA;CAAA,0BAAA;CAAA,QAAA;CAAA,SAAA;CAAA,YAAA;CAAA,YAAA;CAAA,YAAA;CAAA"}