@adea-ai/ui 0.60.4 → 0.61.0

package/dist/index.d.ts

@@ -1,20 +1,97 @@
-export { Button, buttonVariants } from './components/ui/button';
-export { Switch } from './components/ui/switch';
-export { Toggle } from './components/ui/toggle';
-export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group';
-export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';
-export { ThemeToggle } from './components/theme-toggle';
-export { ColorSwatch, ThemeSwatch } from './components/theme-swatch';
-export { ThemeProvider, ThemeScript, useTheme, type ResolvedTheme, type Theme, } from './components/theme-provider';
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, } from './components/ui/drawer';
-export { AccountDrawer, type AccountDrawerProps } from './components/account-drawer';
-export { WorkspaceBrand, type WorkspaceBrandProps } from './components/workspace-brand';
-export { WorkspaceLogo } from './components/workspace-logo';
-export { OnScreenControls } from './components/on-screen-controls';
-export { SceneSettings, type SceneSettingsProps } from './components/scene-settings';
-export { VersionDialog, type SharedDesktopUpdate, type VersionDialogAdapter, } from './components/version-dialog';
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip';
-export { Card, CardContent } from './components/ui/card';
-export { Spinner } from './components/ui/spinner';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './components/ui/dialog';
+/**
+ * @adea-ai/ui — the Adea design system.
+ *
+ * The public surface, grouped by layer. The split matters when reading an
+ * import list: `ui` is a primitive you theme with variants, `layout` places a
+ * region of the window, and `composites` are opinionated assemblies of both.
+ *
+ *   import { Button, Dialog, AppShell, SideRail, SettingsSection } from '@adea-ai/ui'
+ *   import '@adea-ai/ui/globals.css'
+ *   import '@adea-ai/ui/fonts.css'
+ *
+ * Everything here is covered by the Storybook workshop in `apps/storybook`,
+ * which is also where the reasoning behind each component is written down. If a
+ * component is not exported here, it is not part of the contract.
+ */
+export * from './components/ui/accordion';
+export * from './components/ui/alert';
+export * from './components/ui/alert-dialog';
+export * from './components/ui/aspect-ratio';
+export * from './components/ui/avatar';
+export * from './components/ui/board';
+export * from './components/ui/badge';
+export * from './components/ui/breadcrumb';
+export * from './components/ui/button';
+export * from './components/ui/button-group';
+export * from './components/ui/calendar';
+export * from './components/ui/carousel';
+export * from './components/ui/chart';
+export * from './components/ui/card';
+export * from './components/ui/checkbox';
+export * from './components/ui/collapsible';
+export * from './components/ui/combobox';
+export * from './components/ui/code-block';
+export * from './components/ui/command';
+export * from './components/ui/context-menu';
+export * from './components/ui/dialog';
+export * from './components/ui/diff-block';
+export * from './components/ui/detail-panel';
+export * from './components/ui/drawer';
+export * from './components/ui/dropdown-menu';
+export * from './components/ui/entity-icon';
+export * from './components/ui/empty';
+export * from './components/ui/field';
+export * from './components/ui/hover-card';
+export * from './components/ui/input';
+export * from './components/ui/item';
+export * from './components/ui/input-group';
+export * from './components/ui/input-otp';
+export * from './components/ui/kbd';
+export * from './components/ui/label';
+export * from './components/ui/menubar';
+export * from './components/ui/modal-dialog';
+export * from './components/ui/navigation-menu';
+export * from './components/ui/pagination';
+export * from './components/ui/popover';
+export * from './components/ui/progress';
+export * from './components/ui/radio-group';
+export * from './components/ui/resizable';
+export * from './components/ui/scroll-area';
+export * from './components/ui/select';
+export * from './components/ui/separator';
+export * from './components/ui/sheet';
+export * from './components/ui/skeleton';
+export * from './components/ui/slider';
+export * from './components/ui/status-chip';
+export * from './components/ui/spinner';
+export * from './components/ui/switch';
+export * from './components/ui/table';
+export * from './components/ui/tabs';
+export * from './components/ui/textarea';
+export * from './components/ui/toast';
+export * from './components/ui/toggle';
+export * from './components/ui/toggle-group';
+export * from './components/ui/tooltip';
+export * from './components/motion';
+export * from './components/layout/app-shell';
+export * from './components/layout/page';
+export * from './components/layout/panel';
+export * from './components/layout/side-rail';
+export * from './components/layout/sidebar-nav';
+export * from './components/layout/status-bar';
+export * from './components/layout/top-bar';
+export * from './components/conversation';
+export * from './components/theme';
+export * from './components/composites/account-menu';
+export * from './components/composites/list-row';
+export * from './components/composites/settings';
+export * from './components/composites/stat';
+export * from './components/composites/update-dialog';
+export * from './components/composites/workspace-mark';
 export { cn } from './lib/utils';
+export { controlInteractive, controlSize, controlSizeIcon, controlSizes, cva, surfaceInteractive, type ControlSize, type VariantProps, } from './lib/variants';
+export { builtinThemes, contrastRatio, defaultDarkThemeId, defaultLightThemeId, themeById, themeCssVariables, themeFamilies, themesForAppearance, validateTheme, validateThemeRegistry, type ThemeAppearance, type ThemeColors, type ThemeEditorPalette, type ThemeFinding, type ThemeProvenance, type ThemeTerminalPalette, type ThemeVariant, } from './lib/themes';
+export { keyedRows, type KeyedRow } from './lib/keyed-rows';
+export { formatBytes, formatReleaseDate, plainTextFromMarkdown } from './lib/version-notes';
+export { accentPresets, allTokens, colorTokens, densityTokens, designTokens, elevationTokens, fontOptions, motionTokens, radiusTokens, typographyTokens, undocumentedTokenAliases, zIndexTokens, type AccentPreset, type FontOption, type TokenDefinition, type TokenKind, } from './lib/tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,21 +1,91 @@
 import { cn } from "./lib/utils.js";
-import { Button, buttonVariants } from "./components/ui/button.js";
-import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
-import { ThemeProvider, ThemeScript, useTheme } from "./components/theme-provider.js";
-import { ThemeToggle } from "./components/theme-toggle.js";
-import { AccountDrawer } from "./components/account-drawer.js";
-import { OnScreenControls } from "./components/on-screen-controls.js";
-import { SceneSettings } from "./components/scene-settings.js";
-import { ColorSwatch, ThemeSwatch } from "./components/theme-swatch.js";
-import { Card, CardContent } from "./components/ui/card.js";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
-import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
-import { Spinner } from "./components/ui/spinner.js";
-import { Switch } from "./components/ui/switch.js";
-import { Toggle } from "./components/ui/toggle.js";
-import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
-import { VersionDialog } from "./components/version-dialog.js";
-import { WorkspaceBrand } from "./components/workspace-brand.js";
-import { WorkspaceLogo } from "./components/workspace-logo.js";
-export { AccountDrawer, Button, Card, CardContent, ColorSwatch, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, OnScreenControls, RadioGroup, RadioGroupItem, SceneSettings, Spinner, Switch, ThemeProvider, ThemeScript, ThemeSwatch, ThemeToggle, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VersionDialog, WorkspaceBrand, WorkspaceLogo, buttonVariants, cn, useTheme };
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion/accordion.js";
+import { controlInteractive, controlSize, controlSizeIcon, controlSizes, cva, surfaceInteractive } from "./lib/variants.js";
+import { Alert, AlertDescription, AlertTitle, alertVariants } from "./components/ui/alert/alert.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog/alert-dialog.js";
+import { AspectRatio } from "./components/ui/aspect-ratio/aspect-ratio.js";
+import { Avatar, AvatarFallback, AvatarImage, initialsFrom } from "./components/ui/avatar/avatar.js";
+import { Board, BoardCardBody, BoardCardTitle, boardCardTitleVariants } from "./components/ui/board/board.js";
+import { Badge, badgeVariants } from "./components/ui/badge/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "./components/ui/breadcrumb/breadcrumb.js";
+import { Button, buttonVariants } from "./components/ui/button/button.js";
+import { Separator } from "./components/ui/separator/separator.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./components/ui/button-group/button-group.js";
+import { CalendarSurface, DatePicker } from "./components/ui/calendar/calendar.js";
+import { Carousel, CarouselSlide } from "./components/ui/carousel/carousel.js";
+import { BarChart, BubbleChart, ChartFrame, ChartLegend, DonutChart, LineChart, PolarAreaChart, RadarChart, ScatterChart, chartOptions, chartSeriesColors, registerChartPiece } from "./components/ui/chart/chart.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card/card.js";
+import { Checkbox, CheckboxDescription, CheckboxLabel } from "./components/ui/checkbox/checkbox.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible/collapsible.js";
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger } from "./components/ui/combobox/combobox.js";
+import { CodeBlock, InlineCode, TALL_CODE_BLOCK_PX } from "./components/ui/code-block/code-block.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from "./components/ui/command/command.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu/context-menu.js";
+import { Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog/dialog.js";
+import { DiffBlock, DiffSummary, diffLineVariants, diffStats, diffTargetPath, parseDiff } from "./components/ui/diff-block/diff-block.js";
+import { DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection } from "./components/ui/detail-panel/detail-panel.js";
+import { Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger } from "./components/ui/drawer/drawer.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu/dropdown-menu.js";
+import { EntityIcon, entityIconVariants, monogram } from "./components/ui/entity-icon/entity-icon.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/ui/empty/empty.js";
+import { Field, FieldDescription, FieldError, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea } from "./components/ui/field/field.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card/hover-card.js";
+import { Input } from "./components/ui/input/input.js";
+import { Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, itemVariants } from "./components/ui/item/item.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText } from "./components/ui/input-group/input-group.js";
+import { InputOtp, InputOtpCaret } from "./components/ui/input-otp/input-otp.js";
+import { Kbd, KbdGroup } from "./components/ui/kbd/kbd.js";
+import { Label } from "./components/ui/label/label.js";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/ui/menubar/menubar.js";
+import { ModalDialog } from "./components/ui/modal-dialog/modal-dialog.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport } from "./components/ui/navigation-menu/navigation-menu.js";
+import { Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious } from "./components/ui/pagination/pagination.js";
+import { Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger } from "./components/ui/popover/popover.js";
+import { Progress } from "./components/ui/progress/progress.js";
+import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group/radio-group.js";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable/resizable.js";
+import { ScrollArea } from "./components/ui/scroll-area/scroll-area.js";
+import { Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue } from "./components/ui/select/select.js";
+import { Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, sheetVariants } from "./components/ui/sheet/sheet.js";
+import { Skeleton } from "./components/ui/skeleton/skeleton.js";
+import { Slider } from "./components/ui/slider/slider.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip/tooltip.js";
+import { StatusChip, StatusList, statusDotVariants } from "./components/ui/status-chip/status-chip.js";
+import { Spinner } from "./components/ui/spinner/spinner.js";
+import { Switch, SwitchDescription, SwitchLabel } from "./components/ui/switch/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow } from "./components/ui/table/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs/tabs.js";
+import { Textarea } from "./components/ui/textarea/textarea.js";
+import { Toaster, toast, toaster } from "./components/ui/toast/toast.js";
+import { Toggle, toggleVariants } from "./components/ui/toggle/toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group/toggle-group.js";
+import { Presence } from "./components/motion/presence.js";
+import { Motion } from "./components/motion/index.js";
+import { AppShell, AppShellBody, AppShellContent, AppShellMain } from "./components/layout/app-shell/app-shell.js";
+import { Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection } from "./components/layout/page/page.js";
+import { Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar } from "./components/layout/panel/panel.js";
+import { useSideRail } from "./components/layout/side-rail/side-rail-context.js";
+import { SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection } from "./components/layout/side-rail/side-rail.js";
+import { SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, sidebarNavItemClass, sidebarNavItemStateClass } from "./components/layout/sidebar-nav/sidebar-nav.js";
+import { StatusBar, StatusBarItem, StatusBarSpacer } from "./components/layout/status-bar/status-bar.js";
+import { TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle } from "./components/layout/top-bar/top-bar.js";
+import { ConversationAvatar } from "./components/conversation/conversation-avatar.js";
+import { ConversationSurface } from "./components/conversation/conversation-surface.js";
+import { ComposerAttachmentButton, ComposerHint, MessageComposer } from "./components/conversation/message-composer.js";
+import { MessageBody, MessageDayDivider, MessageGroup, MessageRow } from "./components/conversation/message-row.js";
+import { AttachmentCard, ThreadPanel } from "./components/conversation/thread-panel.js";
+import { accentPresets, allTokens, colorTokens, densityTokens, designTokens, elevationTokens, fontOptions, motionTokens, radiusTokens, typographyTokens, undocumentedTokenAliases, zIndexTokens } from "./lib/tokens.js";
+import { builtinThemes, contrastRatio, defaultDarkThemeId, defaultLightThemeId, themeById, themeCssVariables, themeFamilies, themesForAppearance, validateTheme, validateThemeRegistry } from "./lib/themes.js";
+import { ThemePicker, ThemePreview, ThemeSwatch } from "./components/theme/theme-picker.js";
+import { ThemeProvider, defaultThemeSelection, inlineScriptLiteral, resolvedDensity, themeScript, useTheme } from "./components/theme/theme-provider.js";
+import { AppearancePanel } from "./components/theme/appearance-panel.js";
+import { ThemeToggle } from "./components/theme/theme-toggle.js";
+import { AccountMenu } from "./components/composites/account-menu/account-menu.js";
+import { ListGroup, ListRow } from "./components/composites/list-row/list-row.js";
+import { SettingsField, SettingsPage, SettingsRow, SettingsSection } from "./components/composites/settings/settings.js";
+import { PropertyList, PropertyRow, PropertyTerm, PropertyValue, Stat, StatGroup } from "./components/composites/stat/stat.js";
+import { formatBytes, formatReleaseDate, plainTextFromMarkdown } from "./lib/version-notes.js";
+import { UpdateDialog } from "./components/composites/update-dialog/update-dialog.js";
+import { WorkspaceMark } from "./components/composites/workspace-mark/workspace-mark.js";
+import { keyedRows } from "./lib/keyed-rows.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearancePanel, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, Board, BoardCardBody, BoardCardTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, BubbleChart, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselSlide, ChartFrame, ChartLegend, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationAvatar, ConversationSurface, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, DonutChart, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityIcon, Field, FieldDescription, FieldError, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdGroup, Label, LineChart, ListGroup, ListRow, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, PolarAreaChart, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadarChart, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScatterChart, ScrollArea, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, Skeleton, Slider, Spinner, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, UpdateDialog, WorkspaceMark, accentPresets, alertVariants, allTokens, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, chartOptions, chartSeriesColors, cn, colorTokens, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, fontOptions, formatBytes, formatReleaseDate, initialsFrom, inlineScriptLiteral, itemVariants, keyedRows, monogram, motionTokens, parseDiff, plainTextFromMarkdown, radiusTokens, registerChartPiece, resolvedDensity, sheetVariants, sidebarNavItemClass, sidebarNavItemStateClass, statusDotVariants, surfaceInteractive, themeById, themeCssVariables, themeFamilies, themeScript, themesForAppearance, toast, toaster, toggleVariants, typographyTokens, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, zIndexTokens };

package/dist/lib/keyed-rows.d.ts

@@ -0,0 +1,36 @@
+import { type Accessor } from 'solid-js';
+/**
+ * A stable list entry for `<For>`. The wrapper object never changes identity
+ * once the key exists, so the control flow keeps the row's DOM; the row's
+ * bindings update through `entry.item()` instead of remounting.
+ */
+export type KeyedRow<T> = Readonly<{
+    item: Accessor<T>;
+}>;
+/**
+ * Maps a reactive list to stable, key-indexed rows.
+ *
+ * Server-backed lists — query results, and projections over them — produce fresh
+ * object identities on every fetch. Feeding them straight into `<For>` remounts
+ * every row on each refetch: open menus close, focus and hover state drop, and
+ * the whole subtree's DOM is rebuilt. On a list that refetches on a poll or a
+ * websocket tick, that is a visible flicker and a measurable cost.
+ *
+ * Keying on a stable id keeps each row's DOM alive across refetches and pushes
+ * the update through that row's own accessor, so only the bindings whose values
+ * actually changed touch the DOM. Removed keys drop their rows; reordered keys
+ * keep their rows and move the DOM nodes. Keys must be unique within the list —
+ * a duplicate reuses the first entry's row.
+ *
+ * `equals` decides whether a fresh item replaces the row's stored value. The
+ * default treats every new object as a change, which is correct for a projection
+ * whose fields are all rendered. Pass a field-level comparator — a version
+ * stamp, a revision number — to skip redundant downstream updates entirely.
+ *
+ * ```tsx
+ * const rows = keyedRows(() => tasks(), (task) => task.id, (a, b) => a.version === b.version)
+ * return <For each={rows()}>{(row) => <TaskCard task={row.item} />}</For>
+ * ```
+ */
+export declare function keyedRows<T, K>(list: () => readonly T[], key: (item: T) => K, equals?: false | ((previous: T, next: T) => boolean)): Accessor<readonly KeyedRow<T>[]>;
+//# sourceMappingURL=keyed-rows.d.ts.map

package/dist/lib/keyed-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyed-rows.d.ts","sourceRoot":"","sources":["../../src/lib/keyed-rows.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAA;AAElE;;;;GAIG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,CAAA;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,EAC5B,IAAI,EAAE,MAAM,SAAS,CAAC,EAAE,EACxB,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EACnB,MAAM,GAAE,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAS,GAC1D,QAAQ,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CA6BlC"}

package/dist/lib/keyed-rows.js

@@ -0,0 +1,53 @@
+import { createMemo, createSignal } from "solid-js";
+//#region src/lib/keyed-rows.ts
+/**
+* Maps a reactive list to stable, key-indexed rows.
+*
+* Server-backed lists — query results, and projections over them — produce fresh
+* object identities on every fetch. Feeding them straight into `<For>` remounts
+* every row on each refetch: open menus close, focus and hover state drop, and
+* the whole subtree's DOM is rebuilt. On a list that refetches on a poll or a
+* websocket tick, that is a visible flicker and a measurable cost.
+*
+* Keying on a stable id keeps each row's DOM alive across refetches and pushes
+* the update through that row's own accessor, so only the bindings whose values
+* actually changed touch the DOM. Removed keys drop their rows; reordered keys
+* keep their rows and move the DOM nodes. Keys must be unique within the list —
+* a duplicate reuses the first entry's row.
+*
+* `equals` decides whether a fresh item replaces the row's stored value. The
+* default treats every new object as a change, which is correct for a projection
+* whose fields are all rendered. Pass a field-level comparator — a version
+* stamp, a revision number — to skip redundant downstream updates entirely.
+*
+* ```tsx
+* const rows = keyedRows(() => tasks(), (task) => task.id, (a, b) => a.version === b.version)
+* return <For each={rows()}>{(row) => <TaskCard task={row.item} />}</For>
+* ```
+*/
+function keyedRows(list, key, equals = false) {
+	let entries = /* @__PURE__ */ new Map();
+	return createMemo(() => {
+		const items = list();
+		const next = /* @__PURE__ */ new Map();
+		const rows = items.map((item) => {
+			const itemKey = key(item);
+			let entry = next.get(itemKey) ?? entries.get(itemKey);
+			if (!entry) {
+				const [holder, setHolder] = createSignal([item], { equals: equals === false ? false : (previousHolder, nextHolder) => equals(previousHolder[0], nextHolder[0]) });
+				entry = {
+					row: { item: () => holder()[0] },
+					set: (nextItem) => setHolder([nextItem])
+				};
+			} else if (!next.has(itemKey)) entry.set(item);
+			next.set(itemKey, entry);
+			return entry.row;
+		});
+		entries = next;
+		return rows;
+	});
+}
+//#endregion
+export { keyedRows };
+
+//# sourceMappingURL=keyed-rows.js.map

package/dist/lib/keyed-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyed-rows.js","names":[],"sources":["../../src/lib/keyed-rows.ts"],"sourcesContent":["import { createMemo, createSignal, type Accessor } from 'solid-js'\n\n/**\n * A stable list entry for `<For>`. The wrapper object never changes identity\n * once the key exists, so the control flow keeps the row's DOM; the row's\n * bindings update through `entry.item()` instead of remounting.\n */\nexport type KeyedRow<T> = Readonly<{ item: Accessor<T> }>\n\n/**\n * Maps a reactive list to stable, key-indexed rows.\n *\n * Server-backed lists — query results, and projections over them — produce fresh\n * object identities on every fetch. Feeding them straight into `<For>` remounts\n * every row on each refetch: open menus close, focus and hover state drop, and\n * the whole subtree's DOM is rebuilt. On a list that refetches on a poll or a\n * websocket tick, that is a visible flicker and a measurable cost.\n *\n * Keying on a stable id keeps each row's DOM alive across refetches and pushes\n * the update through that row's own accessor, so only the bindings whose values\n * actually changed touch the DOM. Removed keys drop their rows; reordered keys\n * keep their rows and move the DOM nodes. Keys must be unique within the list —\n * a duplicate reuses the first entry's row.\n *\n * `equals` decides whether a fresh item replaces the row's stored value. The\n * default treats every new object as a change, which is correct for a projection\n * whose fields are all rendered. Pass a field-level comparator — a version\n * stamp, a revision number — to skip redundant downstream updates entirely.\n *\n * ```tsx\n * const rows = keyedRows(() => tasks(), (task) => task.id, (a, b) => a.version === b.version)\n * return <For each={rows()}>{(row) => <TaskCard task={row.item} />}</For>\n * ```\n */\nexport function keyedRows<T, K>(\n  list: () => readonly T[],\n  key: (item: T) => K,\n  equals: false | ((previous: T, next: T) => boolean) = false\n): Accessor<readonly KeyedRow<T>[]> {\n  type Entry = { row: KeyedRow<T>; set(item: T): void }\n  let entries = new Map<K, Entry>()\n  return createMemo<readonly KeyedRow<T>[]>(() => {\n    const items = list()\n    const next = new Map<K, Entry>()\n    const rows = items.map((item) => {\n      const itemKey = key(item)\n      let entry = next.get(itemKey) ?? entries.get(itemKey)\n      if (!entry) {\n        // The tuple wrapper keeps the item out of createSignal's\n        // `Exclude<T, Function>` overload, which unconstrained generics cannot\n        // satisfy, while giving the custom equality a stable shape to compare.\n        const [holder, setHolder] = createSignal<readonly [T]>([item], {\n          equals:\n            equals === false\n              ? false\n              : (previousHolder, nextHolder) => equals(previousHolder[0], nextHolder[0]),\n        })\n        entry = { row: { item: () => holder()[0] }, set: (nextItem) => setHolder([nextItem]) }\n      } else if (!next.has(itemKey)) {\n        entry.set(item)\n      }\n      next.set(itemKey, entry)\n      return entry.row\n    })\n    entries = next\n    return rows\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,UACd,MACA,KACA,SAAsD,OACpB;CAElC,IAAI,0BAAU,IAAI,IAAc;CAChC,OAAO,iBAAyC;EAC9C,MAAM,QAAQ,KAAK;EACnB,MAAM,uBAAO,IAAI,IAAc;EAC/B,MAAM,OAAO,MAAM,KAAK,SAAS;GAC/B,MAAM,UAAU,IAAI,IAAI;GACxB,IAAI,QAAQ,KAAK,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO;GACpD,IAAI,CAAC,OAAO;IAIV,MAAM,CAAC,QAAQ,aAAa,aAA2B,CAAC,IAAI,GAAG,EAC7D,QACE,WAAW,QACP,SACC,gBAAgB,eAAe,OAAO,eAAe,IAAI,WAAW,EAAE,EAC/E,CAAC;IACD,QAAQ;KAAE,KAAK,EAAE,YAAY,OAAO,CAAC,CAAC,GAAG;KAAG,MAAM,aAAa,UAAU,CAAC,QAAQ,CAAC;IAAE;GACvF,OAAO,IAAI,CAAC,KAAK,IAAI,OAAO,GAC1B,MAAM,IAAI,IAAI;GAEhB,KAAK,IAAI,SAAS,KAAK;GACvB,OAAO,MAAM;EACf,CAAC;EACD,UAAU;EACV,OAAO;CACT,CAAC;AACH"}

package/dist/lib/keyed-rows.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=keyed-rows.test.d.ts.map

package/dist/lib/keyed-rows.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyed-rows.test.d.ts","sourceRoot":"","sources":["../../src/lib/keyed-rows.test.ts"],"names":[],"mappings":""}

package/dist/lib/overlay.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Shared strings for the overlay layer: dialogs, sheets, menus, popovers,
+ * tooltips and the command palette.
+ *
+ * These live here rather than in each component because the overlay family is
+ * where consistency is most visible and least likely to survive duplication.
+ * A dialog, a sheet and a dropdown that disagree about their border, radius,
+ * motion or shadow read as three different apps — and an app that adopts this
+ * library would inherit all three. Declaring the surface once is what makes
+ * "an overlay looks like this" a fact rather than a convention.
+ */
+/** The panel itself: fill, hairline edge, radius, elevation. */
+export declare const overlaySurface = "bg-popover text-popover-foreground rounded-xl border border-border shadow-lg";
+/** The span of the portal wrapper that centres a dialog-like overlay. */
+export declare const overlayPositioner = "fixed inset-0 z-(--z-dialog) grid place-items-center p-4";
+/** The dimming layer behind a modal overlay. */
+export declare const overlayScrim = "fixed inset-0 z-(--z-dialog) bg-scrim/50 supports-[backdrop-filter]:backdrop-blur-xs";
+/**
+ * Entrance and exit motion, expressed as data-state classes.
+ *
+ * `data-expanded` / `data-closed` are Kobalte's; `data-side-*` come from its
+ * popper positioning and let a menu slide in from the edge it is anchored to,
+ * which is what makes a dropdown feel attached to its trigger rather than
+ * dropped on the screen. Exit motion is shorter than entry, because a
+ * dismissal should feel immediate while an arrival benefits from being seen.
+ */
+export declare const overlayMotion: string;
+/** Popover-style motion: no zoom, so a panel anchored to a control does not
+ * appear to breathe away from it. */
+export declare const popoverMotion: string;
+/** The popper arrow. Sized in the component; coloured here. */
+export declare const popoverArrow = "fill-popover stroke-border";
+/**
+ * A menu row: the shared height, radius, hover fill and focus treatment for
+ * every item inside a menu, listbox or command list.
+ */
+export declare const menuItem: string;
+/** The label above a group of menu rows. */
+export declare const menuLabel = "px-2 py-1.5 text-2xs font-medium tracking-wide text-muted-foreground uppercase";
+/** The rule between menu groups. */
+export declare const menuSeparator = "bg-border -mx-1 my-1 h-px";
+/** Padding shared by every menu-list surface. */
+export declare const menuContentPadding = "p-1";
+//# sourceMappingURL=overlay.d.ts.map

package/dist/lib/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/lib/overlay.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,gEAAgE;AAChE,eAAO,MAAM,cAAc,iFACqD,CAAA;AAEhF,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,6DAA6D,CAAA;AAE3F,gDAAgD;AAChD,eAAO,MAAM,YAAY,yFAC+D,CAAA;AAExF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,QAIf,CAAA;AAEX;qCACqC;AACrC,eAAO,MAAM,aAAa,QAGf,CAAA;AAEX,+DAA+D;AAC/D,eAAO,MAAM,YAAY,+BAA+B,CAAA;AAExD;;;GAGG;AACH,eAAO,MAAM,QAAQ,QAOV,CAAA;AAEX,4CAA4C;AAC5C,eAAO,MAAM,SAAS,mFAC4D,CAAA;AAElF,oCAAoC;AACpC,eAAO,MAAM,aAAa,8BAA8B,CAAA;AAExD,iDAAiD;AACjD,eAAO,MAAM,kBAAkB,QAAQ,CAAA"}

package/dist/lib/overlay.js

@@ -0,0 +1,57 @@
+//#region src/lib/overlay.ts
+/**
+* Shared strings for the overlay layer: dialogs, sheets, menus, popovers,
+* tooltips and the command palette.
+*
+* These live here rather than in each component because the overlay family is
+* where consistency is most visible and least likely to survive duplication.
+* A dialog, a sheet and a dropdown that disagree about their border, radius,
+* motion or shadow read as three different apps — and an app that adopts this
+* library would inherit all three. Declaring the surface once is what makes
+* "an overlay looks like this" a fact rather than a convention.
+*/
+/** The panel itself: fill, hairline edge, radius, elevation. */
+var overlaySurface = "bg-popover text-popover-foreground rounded-xl border border-border shadow-lg";
+/** The span of the portal wrapper that centres a dialog-like overlay. */
+var overlayPositioner = "fixed inset-0 z-(--z-dialog) grid place-items-center p-4";
+/** The dimming layer behind a modal overlay. */
+var overlayScrim = "fixed inset-0 z-(--z-dialog) bg-scrim/50 supports-[backdrop-filter]:backdrop-blur-xs";
+/**
+* Entrance and exit motion, expressed as data-state classes.
+*
+* `data-expanded` / `data-closed` are Kobalte's; `data-side-*` come from its
+* popper positioning and let a menu slide in from the edge it is anchored to,
+* which is what makes a dropdown feel attached to its trigger rather than
+* dropped on the screen. Exit motion is shorter than entry, because a
+* dismissal should feel immediate while an arrival benefits from being seen.
+*/
+var overlayMotion = [
+	"data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95",
+	"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+	"data-expanded:duration-200 data-closed:duration-150"
+].join(" ");
+/** Popover-style motion: no zoom, so a panel anchored to a control does not
+* appear to breathe away from it. */
+var popoverMotion = ["data-expanded:animate-in data-expanded:fade-in-0 data-closed:animate-out data-closed:fade-out-0", "data-expanded:duration-150 data-closed:duration-100"].join(" ");
+/** The popper arrow. Sized in the component; coloured here. */
+var popoverArrow = "fill-popover stroke-border";
+/**
+* A menu row: the shared height, radius, hover fill and focus treatment for
+* every item inside a menu, listbox or command list.
+*/
+var menuItem = [
+	"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none",
+	"transition-colors ease-out",
+	"data-[highlighted]:bg-surface-hover data-[highlighted]:text-foreground",
+	"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+	"[&_svg:not([class*=text-])]:text-muted-foreground"
+].join(" ");
+/** The label above a group of menu rows. */
+var menuLabel = "px-2 py-1.5 text-2xs font-medium tracking-wide text-muted-foreground uppercase";
+/** The rule between menu groups. */
+var menuSeparator = "bg-border -mx-1 my-1 h-px";
+//#endregion
+export { menuItem, menuLabel, menuSeparator, overlayMotion, overlayPositioner, overlayScrim, overlaySurface, popoverArrow, popoverMotion };
+
+//# sourceMappingURL=overlay.js.map

package/dist/lib/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","names":[],"sources":["../../src/lib/overlay.ts"],"sourcesContent":["/**\n * Shared strings for the overlay layer: dialogs, sheets, menus, popovers,\n * tooltips and the command palette.\n *\n * These live here rather than in each component because the overlay family is\n * where consistency is most visible and least likely to survive duplication.\n * A dialog, a sheet and a dropdown that disagree about their border, radius,\n * motion or shadow read as three different apps — and an app that adopts this\n * library would inherit all three. Declaring the surface once is what makes\n * \"an overlay looks like this\" a fact rather than a convention.\n */\n\n/** The panel itself: fill, hairline edge, radius, elevation. */\nexport const overlaySurface =\n  'bg-popover text-popover-foreground rounded-xl border border-border shadow-lg'\n\n/** The span of the portal wrapper that centres a dialog-like overlay. */\nexport const overlayPositioner = 'fixed inset-0 z-(--z-dialog) grid place-items-center p-4'\n\n/** The dimming layer behind a modal overlay. */\nexport const overlayScrim =\n  'fixed inset-0 z-(--z-dialog) bg-scrim/50 supports-[backdrop-filter]:backdrop-blur-xs'\n\n/**\n * Entrance and exit motion, expressed as data-state classes.\n *\n * `data-expanded` / `data-closed` are Kobalte's; `data-side-*` come from its\n * popper positioning and let a menu slide in from the edge it is anchored to,\n * which is what makes a dropdown feel attached to its trigger rather than\n * dropped on the screen. Exit motion is shorter than entry, because a\n * dismissal should feel immediate while an arrival benefits from being seen.\n */\nexport const overlayMotion = [\n  'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n  'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n  'data-expanded:duration-200 data-closed:duration-150',\n].join(' ')\n\n/** Popover-style motion: no zoom, so a panel anchored to a control does not\n * appear to breathe away from it. */\nexport const popoverMotion = [\n  'data-expanded:animate-in data-expanded:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n  'data-expanded:duration-150 data-closed:duration-100',\n].join(' ')\n\n/** The popper arrow. Sized in the component; coloured here. */\nexport const popoverArrow = 'fill-popover stroke-border'\n\n/**\n * A menu row: the shared height, radius, hover fill and focus treatment for\n * every item inside a menu, listbox or command list.\n */\nexport const menuItem = [\n  'relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none',\n  'transition-colors ease-out',\n  'data-[highlighted]:bg-surface-hover data-[highlighted]:text-foreground',\n  'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n  '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n  '[&_svg:not([class*=text-])]:text-muted-foreground',\n].join(' ')\n\n/** The label above a group of menu rows. */\nexport const menuLabel =\n  'px-2 py-1.5 text-2xs font-medium tracking-wide text-muted-foreground uppercase'\n\n/** The rule between menu groups. */\nexport const menuSeparator = 'bg-border -mx-1 my-1 h-px'\n\n/** Padding shared by every menu-list surface. */\nexport const menuContentPadding = 'p-1'\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,iBACX;;AAGF,IAAa,oBAAoB;;AAGjC,IAAa,eACX;;;;;;;;;;AAWF,IAAa,gBAAgB;CAC3B;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;AAIV,IAAa,gBAAgB,CAC3B,mGACA,qDACF,CAAC,CAAC,KAAK,GAAG;;AAGV,IAAa,eAAe;;;;;AAM5B,IAAa,WAAW;CACtB;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;AAGV,IAAa,YACX;;AAGF,IAAa,gBAAgB"}