jaci-ui 0.4.0 → 0.6.0

package/dist/index.js

@@ -31,7 +31,8 @@ import { defaultColor, formatColor, parseColor } from "./components/color-picker
 import { ColorPicker, ColorPickerAlpha, ColorPickerControl, ColorPickerHue, ColorPickerInput, ColorPickerLabel, ColorPickerNativeInput, ColorPickerPalette, ColorPickerPopup, ColorPickerPortal, ColorPickerPositioner, ColorPickerPreview, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatches, ColorPickerTrigger, ColorPickerValue } from "./components/color-picker/color-picker.js";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandItemIndicator, CommandList, CommandLoading, CommandRoot, CommandSeparator } from "./components/command/command.js";
 import { Copyable, CopyableContent, CopyableIndicator, CopyableRoot } from "./components/copyable/copyable.js";
-import { DataView, DataViewContent, DataViewEmpty, DataViewError, DataViewLoading, DataViewRoot, DataViewToolbar } from "./components/data-view/data-view.js";
+import { DataView, DataViewContent, DataViewEmpty, DataViewError, DataViewFilters, DataViewFooter, DataViewLoading, DataViewPagination, DataViewRoot, DataViewToolbar } from "./components/data-view/data-view.js";
+import { DataToolbar, DataToolbarActions, DataToolbarClear, DataToolbarClearSelection, DataToolbarFilters, DataToolbarRoot, DataToolbarSearch, DataToolbarSelection, DataToolbarSeparator, DataToolbarSort } from "./components/data-toolbar/data-toolbar.js";
 import { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle } from "./components/empty-state/empty-state.js";
 import { IconButton } from "./components/icon-button/icon-button.js";
 import { List, ListItem, ListItemAction, ListItemContent, ListItemDescription, ListItemTitle, ListRoot } from "./components/list/list.js";
@@ -41,7 +42,7 @@ import { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncreme
 import { BottomNavigation, BottomNavigationItem, BottomNavigationRoot, Navbar, NavbarBar, NavbarCenter, NavbarClose, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle } from "./components/navigation/navigation.js";
 import { NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport } from "./components/navigation-menu/navigation-menu.js";
 import { OptionSelector } from "./components/option-selector/option-selector.js";
-import { Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, PaginationRoot } from "./components/pagination/pagination.js";
+import { Pagination, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, PaginationRoot } from "./components/pagination/pagination.js";
 import { PinInput, PinInputControl, PinInputDescription, PinInputError, PinInputHiddenInput, PinInputInput, PinInputInputs, PinInputLabel, PinInputRoot } from "./components/pin-input/pin-input.js";
 import { Popover, PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger } from "./components/popover/popover.js";
 import { Progress } from "./components/progress/progress.js";
@@ -52,15 +53,16 @@ import { Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, Slider
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarLabel, SidebarRoot, SidebarToggle, useSidebar } from "./components/sidebar/sidebar.js";
 import { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./components/scroll-area/scroll-area.js";
 import { Skeleton } from "./components/skeleton/skeleton.js";
+import { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrevious, StepperRoot, StepperSeparator, StepperTitle, StepperTrigger } from "./components/stepper/stepper.js";
 import { Tabs, TabsList, TabsPanel, TabsRoot, TabsTab } from "./components/tabs/tabs.js";
-import { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRoot, TableRow, TableSelectionCell, TableSelectionHeader } from "./components/table/table.js";
+import { Table, TableBody, TableCaption, TableCell, TableContainer, TableDescription, TableEmpty, TableError, TableFooter, TableHead, TableHeader, TableLoading, TableRoot, TableRow, TableSelectionCell, TableSelectionHeader } from "./components/table/table.js";
 import { TagsInput } from "./components/tags-input/tags-input.js";
 import { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastText, ToastTitle, ToastViewport } from "./components/toast/toast.js";
 import { Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipRoot, TooltipTrigger } from "./components/tooltip/tooltip.js";
 import { Toggle } from "./components/toggle/toggle.js";
 import { ToggleGroup, ToggleGroupItem, ToggleGroupRoot } from "./components/toggle-group/toggle-group.js";
 import { Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarRoot, ToolbarSeparator } from "./components/toolbar/toolbar.js";
-import { TreeView, TreeViewGroup, TreeViewItem, TreeViewLabel, TreeViewRoot, TreeViewToggle } from "./components/tree-view/tree-view.js";
+import { TreeView, TreeViewEmpty, TreeViewError, TreeViewGroup, TreeViewItem, TreeViewLabel, TreeViewLoading, TreeViewRoot, TreeViewToggle } from "./components/tree-view/tree-view.js";
 import { Upload, UploadCancel, UploadDropzone, UploadError, UploadHint, UploadIcon, UploadInput, UploadItem, UploadList, UploadPreview, UploadProgress, UploadRemove, UploadRoot, UploadStatus, UploadText, UploadTrigger } from "./components/upload/upload.js";
 import { Heading } from "./components/typography/heading.js";
 import { Link } from "./components/typography/link.js";
@@ -68,4 +70,4 @@ import { Paragraph } from "./components/typography/paragraph.js";
 import { Text } from "./components/typography/text.js";
 import { VisuallyHidden } from "./components/visually-hidden/visually-hidden.js";
 import { ThemeProvider, useTheme } from "./theme/theme-provider.js";
-export { Accordion, AccordionHeader, AccordionIndicator, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AlertIcon, AlertRoot, AlertTitle, Avatar, AvatarFallback, AvatarImage, AvatarRoot, Badge, BottomNavigation, BottomNavigationItem, BottomNavigationRoot, Breadcrumbs, BreadcrumbsCurrent, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, BreadcrumbsRoot, BreadcrumbsSeparator, Button, ButtonGroup, ButtonGroupRoot, Calendar, CalendarCaption, CalendarDay, CalendarGrid, CalendarHeader, CalendarMonthSelect, CalendarNext, CalendarPrevious, CalendarRoot, CalendarYearSelect, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem, CheckboxGroupLabel, CheckboxGroupOption, CheckboxGroupOptions, CheckboxGroupRoot, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger, ColorPicker, ColorPickerAlpha, ColorPickerControl, ColorPickerHue, ColorPickerInput, ColorPickerLabel, ColorPickerNativeInput, ColorPickerPalette, ColorPickerPopup, ColorPickerPortal, ColorPickerPositioner, ColorPickerPreview, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatches, ColorPickerTrigger, ColorPickerValue, Combobox, ComboboxArrow, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxLoading, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandItemIndicator, CommandList, CommandLoading, CommandRoot, CommandSeparator, ContextMenu, ContextMenuArrow, ContextMenuBackdrop, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuLinkItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuRoot, ContextMenuSeparator, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger, ContextMenuTrigger, Copyable, CopyableContent, CopyableIndicator, CopyableRoot, DataView, DataViewContent, DataViewEmpty, DataViewError, DataViewLoading, DataViewRoot, DataViewToolbar, DatePicker, DatePickerCalendar, DatePickerCaption, DatePickerClear, DatePickerClose, DatePickerControl, DatePickerDay, DatePickerHeader, DatePickerLabel, DatePickerMonthSelect, DatePickerNext, DatePickerPopup, DatePickerPortal, DatePickerPositioner, DatePickerPrevious, DatePickerRoot, DatePickerTimeField, DatePickerTrigger, DatePickerValue, DatePickerYearSelect, DateRangePicker, DateRangePickerCalendar, DateRangePickerClear, DateRangePickerClose, DateRangePickerControl, DateRangePickerDay, DateRangePickerEndInput, DateRangePickerHeader, DateRangePickerLabel, DateRangePickerMonthSelect, DateRangePickerNext, DateRangePickerPopup, DateRangePickerPortal, DateRangePickerPositioner, DateRangePickerPreview, DateRangePickerPrevious, DateRangePickerRoot, DateRangePickerStartInput, DateRangePickerTrigger, DateRangePickerValue, DateRangePickerYearSelect, Dialog, DialogBackdrop, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogViewport, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DrawerViewport, EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldLabel, Fieldset, FieldsetDescription, FieldsetLegend, FieldsetRoot, Flex, Form, Grid, Heading, IconButton, Input, InputGroup, InputGroupAddon, InputGroupRoot, JaciFormContext, Link, List, ListItem, ListItemAction, ListItemContent, ListItemDescription, ListItemTitle, ListRoot, Menu, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuPortal, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, Menubar, MenubarArrow, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarGroup, MenubarGroupLabel, MenubarItem, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRoot, MenubarSeparator, MenubarSubmenuRoot, MenubarSubmenuTrigger, MenubarTrigger, Meter, MeterIndicator, MeterLabel, MeterRoot, MeterTrack, MeterValue, Navbar, NavbarBar, NavbarCenter, NavbarClose, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle, NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldLabel, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor, OptionSelector, Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, PaginationRoot, Paragraph, PinInput, PinInputControl, PinInputDescription, PinInputError, PinInputHiddenInput, PinInputInput, PinInputInputs, PinInputLabel, PinInputRoot, Popover, PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Progress, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupLabel, RadioGroupOption, RadioGroupOptions, RadioGroupRoot, RangeSlider, RangeSliderControl, RangeSliderIndicator, RangeSliderLabel, RangeSliderRoot, RangeSliderThumb, RangeSliderTrack, RangeSliderValue, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Select, SelectClear, SelectEmpty, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectLoading, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectSeparator, SelectStatus, SelectTrigger, SelectValue, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarLabel, SidebarRoot, SidebarToggle, Skeleton, Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue, Spinner, Stack, Switch, Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRoot, TableRow, TableSelectionCell, TableSelectionHeader, Tabs, TabsList, TabsPanel, TabsRoot, TabsTab, TagsInput, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastText, ToastTitle, ToastViewport, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupRoot, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipRoot, TooltipTrigger, TreeView, TreeViewGroup, TreeViewItem, TreeViewLabel, TreeViewRoot, TreeViewToggle, Upload, UploadCancel, UploadDropzone, UploadError, UploadHint, UploadIcon, UploadInput, UploadItem, UploadList, UploadPreview, UploadProgress, UploadRemove, UploadRoot, UploadStatus, UploadText, UploadTrigger, VisuallyHidden, defaultColor, formatColor, parseColor, useFieldState, useSidebar, useTheme };
+export { Accordion, AccordionHeader, AccordionIndicator, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AlertIcon, AlertRoot, AlertTitle, Avatar, AvatarFallback, AvatarImage, AvatarRoot, Badge, BottomNavigation, BottomNavigationItem, BottomNavigationRoot, Breadcrumbs, BreadcrumbsCurrent, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, BreadcrumbsRoot, BreadcrumbsSeparator, Button, ButtonGroup, ButtonGroupRoot, Calendar, CalendarCaption, CalendarDay, CalendarGrid, CalendarHeader, CalendarMonthSelect, CalendarNext, CalendarPrevious, CalendarRoot, CalendarYearSelect, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem, CheckboxGroupLabel, CheckboxGroupOption, CheckboxGroupOptions, CheckboxGroupRoot, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger, ColorPicker, ColorPickerAlpha, ColorPickerControl, ColorPickerHue, ColorPickerInput, ColorPickerLabel, ColorPickerNativeInput, ColorPickerPalette, ColorPickerPopup, ColorPickerPortal, ColorPickerPositioner, ColorPickerPreview, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatches, ColorPickerTrigger, ColorPickerValue, Combobox, ComboboxArrow, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxLoading, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandItemIndicator, CommandList, CommandLoading, CommandRoot, CommandSeparator, ContextMenu, ContextMenuArrow, ContextMenuBackdrop, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuLinkItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuRoot, ContextMenuSeparator, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger, ContextMenuTrigger, Copyable, CopyableContent, CopyableIndicator, CopyableRoot, DataToolbar, DataToolbarActions, DataToolbarClear, DataToolbarClearSelection, DataToolbarFilters, DataToolbarRoot, DataToolbarSearch, DataToolbarSelection, DataToolbarSeparator, DataToolbarSort, DataView, DataViewContent, DataViewEmpty, DataViewError, DataViewFilters, DataViewFooter, DataViewLoading, DataViewPagination, DataViewRoot, DataViewToolbar, DatePicker, DatePickerCalendar, DatePickerCaption, DatePickerClear, DatePickerClose, DatePickerControl, DatePickerDay, DatePickerHeader, DatePickerLabel, DatePickerMonthSelect, DatePickerNext, DatePickerPopup, DatePickerPortal, DatePickerPositioner, DatePickerPrevious, DatePickerRoot, DatePickerTimeField, DatePickerTrigger, DatePickerValue, DatePickerYearSelect, DateRangePicker, DateRangePickerCalendar, DateRangePickerClear, DateRangePickerClose, DateRangePickerControl, DateRangePickerDay, DateRangePickerEndInput, DateRangePickerHeader, DateRangePickerLabel, DateRangePickerMonthSelect, DateRangePickerNext, DateRangePickerPopup, DateRangePickerPortal, DateRangePickerPositioner, DateRangePickerPreview, DateRangePickerPrevious, DateRangePickerRoot, DateRangePickerStartInput, DateRangePickerTrigger, DateRangePickerValue, DateRangePickerYearSelect, Dialog, DialogBackdrop, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogViewport, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DrawerViewport, EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldLabel, Fieldset, FieldsetDescription, FieldsetLegend, FieldsetRoot, Flex, Form, Grid, Heading, IconButton, Input, InputGroup, InputGroupAddon, InputGroupRoot, JaciFormContext, Link, List, ListItem, ListItemAction, ListItemContent, ListItemDescription, ListItemTitle, ListRoot, Menu, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuPortal, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, Menubar, MenubarArrow, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarGroup, MenubarGroupLabel, MenubarItem, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRoot, MenubarSeparator, MenubarSubmenuRoot, MenubarSubmenuTrigger, MenubarTrigger, Meter, MeterIndicator, MeterLabel, MeterRoot, MeterTrack, MeterValue, Navbar, NavbarBar, NavbarCenter, NavbarClose, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle, NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldLabel, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor, OptionSelector, Pagination, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, PaginationRoot, Paragraph, PinInput, PinInputControl, PinInputDescription, PinInputError, PinInputHiddenInput, PinInputInput, PinInputInputs, PinInputLabel, PinInputRoot, Popover, PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Progress, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupLabel, RadioGroupOption, RadioGroupOptions, RadioGroupRoot, RangeSlider, RangeSliderControl, RangeSliderIndicator, RangeSliderLabel, RangeSliderRoot, RangeSliderThumb, RangeSliderTrack, RangeSliderValue, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Select, SelectClear, SelectEmpty, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectLoading, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectSeparator, SelectStatus, SelectTrigger, SelectValue, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarLabel, SidebarRoot, SidebarToggle, Skeleton, Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue, Spinner, Stack, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrevious, StepperRoot, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableContainer, TableDescription, TableEmpty, TableError, TableFooter, TableHead, TableHeader, TableLoading, TableRoot, TableRow, TableSelectionCell, TableSelectionHeader, Tabs, TabsList, TabsPanel, TabsRoot, TabsTab, TagsInput, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastText, ToastTitle, ToastViewport, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupRoot, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipRoot, TooltipTrigger, TreeView, TreeViewEmpty, TreeViewError, TreeViewGroup, TreeViewItem, TreeViewLabel, TreeViewLoading, TreeViewRoot, TreeViewToggle, Upload, UploadCancel, UploadDropzone, UploadError, UploadHint, UploadIcon, UploadInput, UploadItem, UploadList, UploadPreview, UploadProgress, UploadRemove, UploadRoot, UploadStatus, UploadText, UploadTrigger, VisuallyHidden, defaultColor, formatColor, parseColor, useFieldState, useSidebar, useTheme };

package/dist/styled-system/recipes/data-toolbar.cjs

@@ -0,0 +1,40 @@
+const require_helpers = require("../helpers.cjs");
+const require_create_recipe = require("./create-recipe.cjs");
+//#region src/styled-system/recipes/data-toolbar.js
+const dataToolbarDefaultVariants = {};
+const dataToolbarCompoundVariants = [];
+const dataToolbarSlotFns = /* @__PURE__ */ [
+	["root", "data-toolbar__root"],
+	["search", "data-toolbar__search"],
+	["filters", "data-toolbar__filters"],
+	["sort", "data-toolbar__sort"],
+	["selection", "data-toolbar__selection"],
+	["clearSelection", "data-toolbar__clearSelection"],
+	["actions", "data-toolbar__actions"],
+	["clear", "data-toolbar__clear"],
+	["separator", "data-toolbar__separator"]
+].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, dataToolbarDefaultVariants, require_helpers.getSlotCompoundVariant(dataToolbarCompoundVariants, slotName))]);
+const dataToolbarFn = require_helpers.memo((props = {}) => {
+	return Object.fromEntries(dataToolbarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const dataToolbarVariantKeys = [];
+const getVariantProps = (variants) => ({
+	...dataToolbarDefaultVariants,
+	...require_helpers.compact(variants)
+});
+const dataToolbar = /* @__PURE__ */ Object.assign(dataToolbarFn, {
+	__recipe__: false,
+	__name__: "dataToolbar",
+	raw: (props) => props,
+	classNameMap: {},
+	variantKeys: dataToolbarVariantKeys,
+	variantMap: {},
+	splitVariantProps(props) {
+		return require_helpers.splitProps(props, dataToolbarVariantKeys);
+	},
+	getVariantProps
+});
+//#endregion
+exports.dataToolbar = dataToolbar;
+
+//# sourceMappingURL=data-toolbar.cjs.map

package/dist/styled-system/recipes/data-toolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-toolbar.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/data-toolbar.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst dataToolbarDefaultVariants = {}\nconst dataToolbarCompoundVariants = []\n\nconst dataToolbarSlotNames = [\n  [\n    \"root\",\n    \"data-toolbar__root\"\n  ],\n  [\n    \"search\",\n    \"data-toolbar__search\"\n  ],\n  [\n    \"filters\",\n    \"data-toolbar__filters\"\n  ],\n  [\n    \"sort\",\n    \"data-toolbar__sort\"\n  ],\n  [\n    \"selection\",\n    \"data-toolbar__selection\"\n  ],\n  [\n    \"clearSelection\",\n    \"data-toolbar__clearSelection\"\n  ],\n  [\n    \"actions\",\n    \"data-toolbar__actions\"\n  ],\n  [\n    \"clear\",\n    \"data-toolbar__clear\"\n  ],\n  [\n    \"separator\",\n    \"data-toolbar__separator\"\n  ]\n]\nconst dataToolbarSlotFns = /* @__PURE__ */ dataToolbarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataToolbarDefaultVariants, getSlotCompoundVariant(dataToolbarCompoundVariants, slotName))])\n\nconst dataToolbarFn = memo((props = {}) => {\n  return Object.fromEntries(dataToolbarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst dataToolbarVariantKeys = []\nconst getVariantProps = (variants) => ({ ...dataToolbarDefaultVariants, ...compact(variants) })\n\nexport const dataToolbar = /* @__PURE__ */ Object.assign(dataToolbarFn, {\n  __recipe__: false,\n  __name__: 'dataToolbar',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: dataToolbarVariantKeys,\n  variantMap: {},\n  splitVariantProps(props) {\n    return splitProps(props, dataToolbarVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,6BAA6B,CAAC;AACpC,MAAM,8BAA8B,CAAC;AAwCrC,MAAM,qBAAqC;CArCzC,CACE,QACA,oBACF;CACA,CACE,UACA,sBACF;CACA,CACE,WACA,uBACF;CACA,CACE,QACA,oBACF;CACA,CACE,aACA,yBACF;CACA,CACE,kBACA,8BACF;CACA,CACE,WACA,uBACF;CACA,CACE,SACA,qBACF;CACA,CACE,aACA,yBACF;AAE4D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,4BAA4BC,gBAAAA,uBAAuB,6BAA6B,QAAQ,CAAC,CAAC,CAAC;AAEzN,MAAM,gBAAgBC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACzC,OAAO,OAAO,YAAY,mBAAmB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC9G,CAAC;AAED,MAAM,yBAAyB,CAAC;AAChC,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA4B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE7F,MAAa,cAA8B,uBAAO,OAAO,eAAe;CACtE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,sBAAsB;CACjD;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/data-toolbar.js

@@ -0,0 +1,40 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from "../helpers.js";
+import { createRecipe } from "./create-recipe.js";
+//#region src/styled-system/recipes/data-toolbar.js
+const dataToolbarDefaultVariants = {};
+const dataToolbarCompoundVariants = [];
+const dataToolbarSlotFns = /* @__PURE__ */ [
+	["root", "data-toolbar__root"],
+	["search", "data-toolbar__search"],
+	["filters", "data-toolbar__filters"],
+	["sort", "data-toolbar__sort"],
+	["selection", "data-toolbar__selection"],
+	["clearSelection", "data-toolbar__clearSelection"],
+	["actions", "data-toolbar__actions"],
+	["clear", "data-toolbar__clear"],
+	["separator", "data-toolbar__separator"]
+].map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataToolbarDefaultVariants, getSlotCompoundVariant(dataToolbarCompoundVariants, slotName))]);
+const dataToolbarFn = memo((props = {}) => {
+	return Object.fromEntries(dataToolbarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const dataToolbarVariantKeys = [];
+const getVariantProps = (variants) => ({
+	...dataToolbarDefaultVariants,
+	...compact(variants)
+});
+const dataToolbar = /* @__PURE__ */ Object.assign(dataToolbarFn, {
+	__recipe__: false,
+	__name__: "dataToolbar",
+	raw: (props) => props,
+	classNameMap: {},
+	variantKeys: dataToolbarVariantKeys,
+	variantMap: {},
+	splitVariantProps(props) {
+		return splitProps(props, dataToolbarVariantKeys);
+	},
+	getVariantProps
+});
+//#endregion
+export { dataToolbar };
+
+//# sourceMappingURL=data-toolbar.js.map

package/dist/styled-system/recipes/data-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-toolbar.js","names":[],"sources":["../../../src/styled-system/recipes/data-toolbar.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst dataToolbarDefaultVariants = {}\nconst dataToolbarCompoundVariants = []\n\nconst dataToolbarSlotNames = [\n  [\n    \"root\",\n    \"data-toolbar__root\"\n  ],\n  [\n    \"search\",\n    \"data-toolbar__search\"\n  ],\n  [\n    \"filters\",\n    \"data-toolbar__filters\"\n  ],\n  [\n    \"sort\",\n    \"data-toolbar__sort\"\n  ],\n  [\n    \"selection\",\n    \"data-toolbar__selection\"\n  ],\n  [\n    \"clearSelection\",\n    \"data-toolbar__clearSelection\"\n  ],\n  [\n    \"actions\",\n    \"data-toolbar__actions\"\n  ],\n  [\n    \"clear\",\n    \"data-toolbar__clear\"\n  ],\n  [\n    \"separator\",\n    \"data-toolbar__separator\"\n  ]\n]\nconst dataToolbarSlotFns = /* @__PURE__ */ dataToolbarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataToolbarDefaultVariants, getSlotCompoundVariant(dataToolbarCompoundVariants, slotName))])\n\nconst dataToolbarFn = memo((props = {}) => {\n  return Object.fromEntries(dataToolbarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst dataToolbarVariantKeys = []\nconst getVariantProps = (variants) => ({ ...dataToolbarDefaultVariants, ...compact(variants) })\n\nexport const dataToolbar = /* @__PURE__ */ Object.assign(dataToolbarFn, {\n  __recipe__: false,\n  __name__: 'dataToolbar',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: dataToolbarVariantKeys,\n  variantMap: {},\n  splitVariantProps(props) {\n    return splitProps(props, dataToolbarVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,6BAA6B,CAAC;AACpC,MAAM,8BAA8B,CAAC;AAwCrC,MAAM,qBAAqC;CArCzC,CACE,QACA,oBACF;CACA,CACE,UACA,sBACF;CACA,CACE,WACA,uBACF;CACA,CACE,QACA,oBACF;CACA,CACE,aACA,yBACF;CACA,CACE,kBACA,8BACF;CACA,CACE,WACA,uBACF;CACA,CACE,SACA,qBACF;CACA,CACE,aACA,yBACF;AAE4D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,4BAA4B,uBAAuB,6BAA6B,QAAQ,CAAC,CAAC,CAAC;AAEzN,MAAM,gBAAgB,MAAM,QAAQ,CAAC,MAAM;CACzC,OAAO,OAAO,YAAY,mBAAmB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC9G,CAAC;AAED,MAAM,yBAAyB,CAAC;AAChC,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA4B,GAAG,QAAQ,QAAQ;AAAE;AAE7F,MAAa,cAA8B,uBAAO,OAAO,eAAe;CACtE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,sBAAsB;CACjD;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/data-view.cjs

@@ -9,7 +9,10 @@ const dataViewCompoundVariants = [];
 const dataViewSlotFns = /* @__PURE__ */ [
 	["root", "data-view__root"],
 	["toolbar", "data-view__toolbar"],
+	["filters", "data-view__filters"],
 	["content", "data-view__content"],
+	["footer", "data-view__footer"],
+	["pagination", "data-view__pagination"],
 	["loading", "data-view__loading"],
 	["empty", "data-view__empty"],
 	["error", "data-view__error"]

package/dist/styled-system/recipes/data-view.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-view.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/data-view.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst dataViewDefaultVariants = {\n  \"columns\": 3,\n  \"layout\": \"list\"\n}\nconst dataViewCompoundVariants = []\n\nconst dataViewSlotNames = [\n  [\n    \"root\",\n    \"data-view__root\"\n  ],\n  [\n    \"toolbar\",\n    \"data-view__toolbar\"\n  ],\n  [\n    \"content\",\n    \"data-view__content\"\n  ],\n  [\n    \"loading\",\n    \"data-view__loading\"\n  ],\n  [\n    \"empty\",\n    \"data-view__empty\"\n  ],\n  [\n    \"error\",\n    \"data-view__error\"\n  ]\n]\nconst dataViewSlotFns = /* @__PURE__ */ dataViewSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataViewDefaultVariants, getSlotCompoundVariant(dataViewCompoundVariants, slotName))])\n\nconst dataViewFn = memo((props = {}) => {\n  return Object.fromEntries(dataViewSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst dataViewVariantKeys = [\n  \"layout\",\n  \"columns\"\n]\nconst getVariantProps = (variants) => ({ ...dataViewDefaultVariants, ...compact(variants) })\n\nexport const dataView = /* @__PURE__ */ Object.assign(dataViewFn, {\n  __recipe__: false,\n  __name__: 'dataView',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: dataViewVariantKeys,\n  variantMap: {\n  \"layout\": [\n    \"table\",\n    \"list\",\n    \"grid\"\n  ],\n  \"columns\": [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, dataViewVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,0BAA0B;CAC9B,WAAW;CACX,UAAU;AACZ;AACA,MAAM,2BAA2B,CAAC;AA4BlC,MAAM,kBAAkC;CAzBtC,CACE,QACA,iBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,SACA,kBACF;CACA,CACE,SACA,kBACF;AAEsD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,yBAAyBC,gBAAAA,uBAAuB,0BAA0B,QAAQ,CAAC,CAAC,CAAC;AAE7M,MAAM,aAAaC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACtC,OAAO,OAAO,YAAY,gBAAgB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC3G,CAAC;AAED,MAAM,sBAAsB,CAC1B,UACA,SACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAyB,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE1F,MAAa,WAA2B,uBAAO,OAAO,YAAY;CAChE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU;GACR;GACA;GACA;EACF;EACA,WAAW;GACT;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,mBAAmB;CAC9C;CACA;AACF,CAAC"}
+{"version":3,"file":"data-view.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/data-view.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst dataViewDefaultVariants = {\n  \"columns\": 3,\n  \"layout\": \"list\"\n}\nconst dataViewCompoundVariants = []\n\nconst dataViewSlotNames = [\n  [\n    \"root\",\n    \"data-view__root\"\n  ],\n  [\n    \"toolbar\",\n    \"data-view__toolbar\"\n  ],\n  [\n    \"filters\",\n    \"data-view__filters\"\n  ],\n  [\n    \"content\",\n    \"data-view__content\"\n  ],\n  [\n    \"footer\",\n    \"data-view__footer\"\n  ],\n  [\n    \"pagination\",\n    \"data-view__pagination\"\n  ],\n  [\n    \"loading\",\n    \"data-view__loading\"\n  ],\n  [\n    \"empty\",\n    \"data-view__empty\"\n  ],\n  [\n    \"error\",\n    \"data-view__error\"\n  ]\n]\nconst dataViewSlotFns = /* @__PURE__ */ dataViewSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataViewDefaultVariants, getSlotCompoundVariant(dataViewCompoundVariants, slotName))])\n\nconst dataViewFn = memo((props = {}) => {\n  return Object.fromEntries(dataViewSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst dataViewVariantKeys = [\n  \"layout\",\n  \"columns\"\n]\nconst getVariantProps = (variants) => ({ ...dataViewDefaultVariants, ...compact(variants) })\n\nexport const dataView = /* @__PURE__ */ Object.assign(dataViewFn, {\n  __recipe__: false,\n  __name__: 'dataView',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: dataViewVariantKeys,\n  variantMap: {\n  \"layout\": [\n    \"table\",\n    \"list\",\n    \"grid\"\n  ],\n  \"columns\": [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, dataViewVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,0BAA0B;CAC9B,WAAW;CACX,UAAU;AACZ;AACA,MAAM,2BAA2B,CAAC;AAwClC,MAAM,kBAAkC;CArCtC,CACE,QACA,iBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,UACA,mBACF;CACA,CACE,cACA,uBACF;CACA,CACE,WACA,oBACF;CACA,CACE,SACA,kBACF;CACA,CACE,SACA,kBACF;AAEsD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,yBAAyBC,gBAAAA,uBAAuB,0BAA0B,QAAQ,CAAC,CAAC,CAAC;AAE7M,MAAM,aAAaC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACtC,OAAO,OAAO,YAAY,gBAAgB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC3G,CAAC;AAED,MAAM,sBAAsB,CAC1B,UACA,SACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAyB,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE1F,MAAa,WAA2B,uBAAO,OAAO,YAAY;CAChE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU;GACR;GACA;GACA;EACF;EACA,WAAW;GACT;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,mBAAmB;CAC9C;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/data-view.js

@@ -9,7 +9,10 @@ const dataViewCompoundVariants = [];
 const dataViewSlotFns = /* @__PURE__ */ [
 	["root", "data-view__root"],
 	["toolbar", "data-view__toolbar"],
+	["filters", "data-view__filters"],
 	["content", "data-view__content"],
+	["footer", "data-view__footer"],
+	["pagination", "data-view__pagination"],
 	["loading", "data-view__loading"],
 	["empty", "data-view__empty"],
 	["error", "data-view__error"]

package/dist/styled-system/recipes/data-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-view.js","names":[],"sources":["../../../src/styled-system/recipes/data-view.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst dataViewDefaultVariants = {\n  \"columns\": 3,\n  \"layout\": \"list\"\n}\nconst dataViewCompoundVariants = []\n\nconst dataViewSlotNames = [\n  [\n    \"root\",\n    \"data-view__root\"\n  ],\n  [\n    \"toolbar\",\n    \"data-view__toolbar\"\n  ],\n  [\n    \"content\",\n    \"data-view__content\"\n  ],\n  [\n    \"loading\",\n    \"data-view__loading\"\n  ],\n  [\n    \"empty\",\n    \"data-view__empty\"\n  ],\n  [\n    \"error\",\n    \"data-view__error\"\n  ]\n]\nconst dataViewSlotFns = /* @__PURE__ */ dataViewSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataViewDefaultVariants, getSlotCompoundVariant(dataViewCompoundVariants, slotName))])\n\nconst dataViewFn = memo((props = {}) => {\n  return Object.fromEntries(dataViewSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst dataViewVariantKeys = [\n  \"layout\",\n  \"columns\"\n]\nconst getVariantProps = (variants) => ({ ...dataViewDefaultVariants, ...compact(variants) })\n\nexport const dataView = /* @__PURE__ */ Object.assign(dataViewFn, {\n  __recipe__: false,\n  __name__: 'dataView',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: dataViewVariantKeys,\n  variantMap: {\n  \"layout\": [\n    \"table\",\n    \"list\",\n    \"grid\"\n  ],\n  \"columns\": [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, dataViewVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,0BAA0B;CAC9B,WAAW;CACX,UAAU;AACZ;AACA,MAAM,2BAA2B,CAAC;AA4BlC,MAAM,kBAAkC;CAzBtC,CACE,QACA,iBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,SACA,kBACF;CACA,CACE,SACA,kBACF;AAEsD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,yBAAyB,uBAAuB,0BAA0B,QAAQ,CAAC,CAAC,CAAC;AAE7M,MAAM,aAAa,MAAM,QAAQ,CAAC,MAAM;CACtC,OAAO,OAAO,YAAY,gBAAgB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC3G,CAAC;AAED,MAAM,sBAAsB,CAC1B,UACA,SACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAyB,GAAG,QAAQ,QAAQ;AAAE;AAE1F,MAAa,WAA2B,uBAAO,OAAO,YAAY;CAChE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU;GACR;GACA;GACA;EACF;EACA,WAAW;GACT;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,mBAAmB;CAC9C;CACA;AACF,CAAC"}
+{"version":3,"file":"data-view.js","names":[],"sources":["../../../src/styled-system/recipes/data-view.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst dataViewDefaultVariants = {\n  \"columns\": 3,\n  \"layout\": \"list\"\n}\nconst dataViewCompoundVariants = []\n\nconst dataViewSlotNames = [\n  [\n    \"root\",\n    \"data-view__root\"\n  ],\n  [\n    \"toolbar\",\n    \"data-view__toolbar\"\n  ],\n  [\n    \"filters\",\n    \"data-view__filters\"\n  ],\n  [\n    \"content\",\n    \"data-view__content\"\n  ],\n  [\n    \"footer\",\n    \"data-view__footer\"\n  ],\n  [\n    \"pagination\",\n    \"data-view__pagination\"\n  ],\n  [\n    \"loading\",\n    \"data-view__loading\"\n  ],\n  [\n    \"empty\",\n    \"data-view__empty\"\n  ],\n  [\n    \"error\",\n    \"data-view__error\"\n  ]\n]\nconst dataViewSlotFns = /* @__PURE__ */ dataViewSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataViewDefaultVariants, getSlotCompoundVariant(dataViewCompoundVariants, slotName))])\n\nconst dataViewFn = memo((props = {}) => {\n  return Object.fromEntries(dataViewSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst dataViewVariantKeys = [\n  \"layout\",\n  \"columns\"\n]\nconst getVariantProps = (variants) => ({ ...dataViewDefaultVariants, ...compact(variants) })\n\nexport const dataView = /* @__PURE__ */ Object.assign(dataViewFn, {\n  __recipe__: false,\n  __name__: 'dataView',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: dataViewVariantKeys,\n  variantMap: {\n  \"layout\": [\n    \"table\",\n    \"list\",\n    \"grid\"\n  ],\n  \"columns\": [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, dataViewVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,0BAA0B;CAC9B,WAAW;CACX,UAAU;AACZ;AACA,MAAM,2BAA2B,CAAC;AAwClC,MAAM,kBAAkC;CArCtC,CACE,QACA,iBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,WACA,oBACF;CACA,CACE,UACA,mBACF;CACA,CACE,cACA,uBACF;CACA,CACE,WACA,oBACF;CACA,CACE,SACA,kBACF;CACA,CACE,SACA,kBACF;AAEsD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,yBAAyB,uBAAuB,0BAA0B,QAAQ,CAAC,CAAC,CAAC;AAE7M,MAAM,aAAa,MAAM,QAAQ,CAAC,MAAM;CACtC,OAAO,OAAO,YAAY,gBAAgB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC3G,CAAC;AAED,MAAM,sBAAsB,CAC1B,UACA,SACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAyB,GAAG,QAAQ,QAAQ;AAAE;AAE1F,MAAa,WAA2B,uBAAO,OAAO,YAAY;CAChE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU;GACR;GACA;GACA;EACF;EACA,WAAW;GACT;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,mBAAmB;CAC9C;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/list.cjs

@@ -2,6 +2,7 @@ const require_helpers = require("../helpers.cjs");
 const require_create_recipe = require("./create-recipe.cjs");
 //#region src/styled-system/recipes/list.js
 const listDefaultVariants = {
+	"density": "comfortable",
 	"gap": "md",
 	"variant": "plain"
 };
@@ -17,7 +18,11 @@ const listSlotFns = /* @__PURE__ */ [
 const listFn = require_helpers.memo((props = {}) => {
 	return Object.fromEntries(listSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-const listVariantKeys = ["variant", "gap"];
+const listVariantKeys = [
+	"density",
+	"variant",
+	"gap"
+];
 const getVariantProps = (variants) => ({
 	...listDefaultVariants,
 	...require_helpers.compact(variants)
@@ -29,6 +34,7 @@ const list = /* @__PURE__ */ Object.assign(listFn, {
 	classNameMap: {},
 	variantKeys: listVariantKeys,
 	variantMap: {
+		"density": ["compact", "comfortable"],
 		"variant": [
 			"plain",
 			"divided",

package/dist/styled-system/recipes/list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/list.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst listDefaultVariants = {\n  \"gap\": \"md\",\n  \"variant\": \"plain\"\n}\nconst listCompoundVariants = []\n\nconst listSlotNames = [\n  [\n    \"root\",\n    \"list__root\"\n  ],\n  [\n    \"item\",\n    \"list__item\"\n  ],\n  [\n    \"content\",\n    \"list__content\"\n  ],\n  [\n    \"title\",\n    \"list__title\"\n  ],\n  [\n    \"description\",\n    \"list__description\"\n  ],\n  [\n    \"action\",\n    \"list__action\"\n  ]\n]\nconst listSlotFns = /* @__PURE__ */ listSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, listDefaultVariants, getSlotCompoundVariant(listCompoundVariants, slotName))])\n\nconst listFn = memo((props = {}) => {\n  return Object.fromEntries(listSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst listVariantKeys = [\n  \"variant\",\n  \"gap\"\n]\nconst getVariantProps = (variants) => ({ ...listDefaultVariants, ...compact(variants) })\n\nexport const list = /* @__PURE__ */ Object.assign(listFn, {\n  __recipe__: false,\n  __name__: 'list',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: listVariantKeys,\n  variantMap: {\n  \"variant\": [\n    \"plain\",\n    \"divided\",\n    \"card\"\n  ],\n  \"gap\": [\n    \"none\",\n    \"sm\",\n    \"md\",\n    \"lg\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, listVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,sBAAsB;CAC1B,OAAO;CACP,WAAW;AACb;AACA,MAAM,uBAAuB,CAAC;AA4B9B,MAAM,cAA8B;CAzBlC,CACE,QACA,YACF;CACA,CACE,QACA,YACF;CACA,CACE,WACA,eACF;CACA,CACE,SACA,aACF;CACA,CACE,eACA,mBACF;CACA,CACE,UACA,cACF;AAE8C,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,qBAAqBC,gBAAAA,uBAAuB,sBAAsB,QAAQ,CAAC,CAAC,CAAC;AAE7L,MAAM,SAASC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CAClC,OAAO,OAAO,YAAY,YAAY,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AACvG,CAAC;AAED,MAAM,kBAAkB,CACtB,WACA,KACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAqB,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAEtF,MAAa,OAAuB,uBAAO,OAAO,QAAQ;CACxD,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,WAAW;GACT;GACA;GACA;EACF;EACA,OAAO;GACL;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,eAAe;CAC1C;CACA;AACF,CAAC"}
+{"version":3,"file":"list.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/list.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst listDefaultVariants = {\n  \"density\": \"comfortable\",\n  \"gap\": \"md\",\n  \"variant\": \"plain\"\n}\nconst listCompoundVariants = []\n\nconst listSlotNames = [\n  [\n    \"root\",\n    \"list__root\"\n  ],\n  [\n    \"item\",\n    \"list__item\"\n  ],\n  [\n    \"content\",\n    \"list__content\"\n  ],\n  [\n    \"title\",\n    \"list__title\"\n  ],\n  [\n    \"description\",\n    \"list__description\"\n  ],\n  [\n    \"action\",\n    \"list__action\"\n  ]\n]\nconst listSlotFns = /* @__PURE__ */ listSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, listDefaultVariants, getSlotCompoundVariant(listCompoundVariants, slotName))])\n\nconst listFn = memo((props = {}) => {\n  return Object.fromEntries(listSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst listVariantKeys = [\n  \"density\",\n  \"variant\",\n  \"gap\"\n]\nconst getVariantProps = (variants) => ({ ...listDefaultVariants, ...compact(variants) })\n\nexport const list = /* @__PURE__ */ Object.assign(listFn, {\n  __recipe__: false,\n  __name__: 'list',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: listVariantKeys,\n  variantMap: {\n  \"density\": [\n    \"compact\",\n    \"comfortable\"\n  ],\n  \"variant\": [\n    \"plain\",\n    \"divided\",\n    \"card\"\n  ],\n  \"gap\": [\n    \"none\",\n    \"sm\",\n    \"md\",\n    \"lg\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, listVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,sBAAsB;CAC1B,WAAW;CACX,OAAO;CACP,WAAW;AACb;AACA,MAAM,uBAAuB,CAAC;AA4B9B,MAAM,cAA8B;CAzBlC,CACE,QACA,YACF;CACA,CACE,QACA,YACF;CACA,CACE,WACA,eACF;CACA,CACE,SACA,aACF;CACA,CACE,eACA,mBACF;CACA,CACE,UACA,cACF;AAE8C,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,qBAAqBC,gBAAAA,uBAAuB,sBAAsB,QAAQ,CAAC,CAAC,CAAC;AAE7L,MAAM,SAASC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CAClC,OAAO,OAAO,YAAY,YAAY,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AACvG,CAAC;AAED,MAAM,kBAAkB;CACtB;CACA;CACA;AACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAqB,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAEtF,MAAa,OAAuB,uBAAO,OAAO,QAAQ;CACxD,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,WAAW,CACT,WACA,aACF;EACA,WAAW;GACT;GACA;GACA;EACF;EACA,OAAO;GACL;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,eAAe;CAC1C;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/list.js

@@ -2,6 +2,7 @@ import { compact, getSlotCompoundVariant, memo, splitProps } from "../helpers.js
 import { createRecipe } from "./create-recipe.js";
 //#region src/styled-system/recipes/list.js
 const listDefaultVariants = {
+	"density": "comfortable",
 	"gap": "md",
 	"variant": "plain"
 };
@@ -17,7 +18,11 @@ const listSlotFns = /* @__PURE__ */ [
 const listFn = memo((props = {}) => {
 	return Object.fromEntries(listSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-const listVariantKeys = ["variant", "gap"];
+const listVariantKeys = [
+	"density",
+	"variant",
+	"gap"
+];
 const getVariantProps = (variants) => ({
 	...listDefaultVariants,
 	...compact(variants)
@@ -29,6 +34,7 @@ const list = /* @__PURE__ */ Object.assign(listFn, {
 	classNameMap: {},
 	variantKeys: listVariantKeys,
 	variantMap: {
+		"density": ["compact", "comfortable"],
 		"variant": [
 			"plain",
 			"divided",

package/dist/styled-system/recipes/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../../src/styled-system/recipes/list.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst listDefaultVariants = {\n  \"gap\": \"md\",\n  \"variant\": \"plain\"\n}\nconst listCompoundVariants = []\n\nconst listSlotNames = [\n  [\n    \"root\",\n    \"list__root\"\n  ],\n  [\n    \"item\",\n    \"list__item\"\n  ],\n  [\n    \"content\",\n    \"list__content\"\n  ],\n  [\n    \"title\",\n    \"list__title\"\n  ],\n  [\n    \"description\",\n    \"list__description\"\n  ],\n  [\n    \"action\",\n    \"list__action\"\n  ]\n]\nconst listSlotFns = /* @__PURE__ */ listSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, listDefaultVariants, getSlotCompoundVariant(listCompoundVariants, slotName))])\n\nconst listFn = memo((props = {}) => {\n  return Object.fromEntries(listSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst listVariantKeys = [\n  \"variant\",\n  \"gap\"\n]\nconst getVariantProps = (variants) => ({ ...listDefaultVariants, ...compact(variants) })\n\nexport const list = /* @__PURE__ */ Object.assign(listFn, {\n  __recipe__: false,\n  __name__: 'list',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: listVariantKeys,\n  variantMap: {\n  \"variant\": [\n    \"plain\",\n    \"divided\",\n    \"card\"\n  ],\n  \"gap\": [\n    \"none\",\n    \"sm\",\n    \"md\",\n    \"lg\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, listVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,sBAAsB;CAC1B,OAAO;CACP,WAAW;AACb;AACA,MAAM,uBAAuB,CAAC;AA4B9B,MAAM,cAA8B;CAzBlC,CACE,QACA,YACF;CACA,CACE,QACA,YACF;CACA,CACE,WACA,eACF;CACA,CACE,SACA,aACF;CACA,CACE,eACA,mBACF;CACA,CACE,UACA,cACF;AAE8C,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,qBAAqB,uBAAuB,sBAAsB,QAAQ,CAAC,CAAC,CAAC;AAE7L,MAAM,SAAS,MAAM,QAAQ,CAAC,MAAM;CAClC,OAAO,OAAO,YAAY,YAAY,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AACvG,CAAC;AAED,MAAM,kBAAkB,CACtB,WACA,KACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAqB,GAAG,QAAQ,QAAQ;AAAE;AAEtF,MAAa,OAAuB,uBAAO,OAAO,QAAQ;CACxD,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,WAAW;GACT;GACA;GACA;EACF;EACA,OAAO;GACL;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,eAAe;CAC1C;CACA;AACF,CAAC"}
+{"version":3,"file":"list.js","names":[],"sources":["../../../src/styled-system/recipes/list.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst listDefaultVariants = {\n  \"density\": \"comfortable\",\n  \"gap\": \"md\",\n  \"variant\": \"plain\"\n}\nconst listCompoundVariants = []\n\nconst listSlotNames = [\n  [\n    \"root\",\n    \"list__root\"\n  ],\n  [\n    \"item\",\n    \"list__item\"\n  ],\n  [\n    \"content\",\n    \"list__content\"\n  ],\n  [\n    \"title\",\n    \"list__title\"\n  ],\n  [\n    \"description\",\n    \"list__description\"\n  ],\n  [\n    \"action\",\n    \"list__action\"\n  ]\n]\nconst listSlotFns = /* @__PURE__ */ listSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, listDefaultVariants, getSlotCompoundVariant(listCompoundVariants, slotName))])\n\nconst listFn = memo((props = {}) => {\n  return Object.fromEntries(listSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst listVariantKeys = [\n  \"density\",\n  \"variant\",\n  \"gap\"\n]\nconst getVariantProps = (variants) => ({ ...listDefaultVariants, ...compact(variants) })\n\nexport const list = /* @__PURE__ */ Object.assign(listFn, {\n  __recipe__: false,\n  __name__: 'list',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: listVariantKeys,\n  variantMap: {\n  \"density\": [\n    \"compact\",\n    \"comfortable\"\n  ],\n  \"variant\": [\n    \"plain\",\n    \"divided\",\n    \"card\"\n  ],\n  \"gap\": [\n    \"none\",\n    \"sm\",\n    \"md\",\n    \"lg\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, listVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,sBAAsB;CAC1B,WAAW;CACX,OAAO;CACP,WAAW;AACb;AACA,MAAM,uBAAuB,CAAC;AA4B9B,MAAM,cAA8B;CAzBlC,CACE,QACA,YACF;CACA,CACE,QACA,YACF;CACA,CACE,WACA,eACF;CACA,CACE,SACA,aACF;CACA,CACE,eACA,mBACF;CACA,CACE,UACA,cACF;AAE8C,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,qBAAqB,uBAAuB,sBAAsB,QAAQ,CAAC,CAAC,CAAC;AAE7L,MAAM,SAAS,MAAM,QAAQ,CAAC,MAAM;CAClC,OAAO,OAAO,YAAY,YAAY,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AACvG,CAAC;AAED,MAAM,kBAAkB;CACtB;CACA;CACA;AACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAqB,GAAG,QAAQ,QAAQ;AAAE;AAEtF,MAAa,OAAuB,uBAAO,OAAO,QAAQ;CACxD,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,WAAW,CACT,WACA,aACF;EACA,WAAW;GACT;GACA;GACA;EACF;EACA,OAAO;GACL;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,eAAe;CAC1C;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/pagination.cjs

@@ -3,6 +3,7 @@ const require_create_recipe = require("./create-recipe.cjs");
 //#region src/styled-system/recipes/pagination.js
 const paginationDefaultVariants = {
 	"active": false,
+	"density": "comfortable",
 	"disabled": false
 };
 const paginationCompoundVariants = [];
@@ -11,14 +12,20 @@ const paginationSlotFns = /* @__PURE__ */ [
 	["list", "pagination__list"],
 	["item", "pagination__item"],
 	["link", "pagination__link"],
+	["first", "pagination__first"],
 	["previous", "pagination__previous"],
 	["next", "pagination__next"],
+	["last", "pagination__last"],
 	["ellipsis", "pagination__ellipsis"]
 ].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, paginationDefaultVariants, require_helpers.getSlotCompoundVariant(paginationCompoundVariants, slotName))]);
 const paginationFn = require_helpers.memo((props = {}) => {
 	return Object.fromEntries(paginationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-const paginationVariantKeys = ["active", "disabled"];
+const paginationVariantKeys = [
+	"density",
+	"active",
+	"disabled"
+];
 const getVariantProps = (variants) => ({
 	...paginationDefaultVariants,
 	...require_helpers.compact(variants)
@@ -30,6 +37,7 @@ const pagination = /* @__PURE__ */ Object.assign(paginationFn, {
 	classNameMap: {},
 	variantKeys: paginationVariantKeys,
 	variantMap: {
+		"density": ["compact", "comfortable"],
 		"active": ["true", "false"],
 		"disabled": ["true", "false"]
 	},

package/dist/styled-system/recipes/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/pagination.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst paginationDefaultVariants = {\n  \"active\": false,\n  \"disabled\": false\n}\nconst paginationCompoundVariants = []\n\nconst paginationSlotNames = [\n  [\n    \"root\",\n    \"pagination__root\"\n  ],\n  [\n    \"list\",\n    \"pagination__list\"\n  ],\n  [\n    \"item\",\n    \"pagination__item\"\n  ],\n  [\n    \"link\",\n    \"pagination__link\"\n  ],\n  [\n    \"previous\",\n    \"pagination__previous\"\n  ],\n  [\n    \"next\",\n    \"pagination__next\"\n  ],\n  [\n    \"ellipsis\",\n    \"pagination__ellipsis\"\n  ]\n]\nconst paginationSlotFns = /* @__PURE__ */ paginationSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, paginationDefaultVariants, getSlotCompoundVariant(paginationCompoundVariants, slotName))])\n\nconst paginationFn = memo((props = {}) => {\n  return Object.fromEntries(paginationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst paginationVariantKeys = [\n  \"active\",\n  \"disabled\"\n]\nconst getVariantProps = (variants) => ({ ...paginationDefaultVariants, ...compact(variants) })\n\nexport const pagination = /* @__PURE__ */ Object.assign(paginationFn, {\n  __recipe__: false,\n  __name__: 'pagination',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: paginationVariantKeys,\n  variantMap: {\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"disabled\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, paginationVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B;CAChC,UAAU;CACV,YAAY;AACd;AACA,MAAM,6BAA6B,CAAC;AAgCpC,MAAM,oBAAoC;CA7BxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,YACA,sBACF;CACA,CACE,QACA,kBACF;CACA,CACE,YACA,sBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,2BAA2BC,gBAAAA,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAeC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAC5B,UACA,UACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU,CACR,QACA,OACF;EACA,YAAY,CACV,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
+{"version":3,"file":"pagination.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/pagination.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst paginationDefaultVariants = {\n  \"active\": false,\n  \"density\": \"comfortable\",\n  \"disabled\": false\n}\nconst paginationCompoundVariants = []\n\nconst paginationSlotNames = [\n  [\n    \"root\",\n    \"pagination__root\"\n  ],\n  [\n    \"list\",\n    \"pagination__list\"\n  ],\n  [\n    \"item\",\n    \"pagination__item\"\n  ],\n  [\n    \"link\",\n    \"pagination__link\"\n  ],\n  [\n    \"first\",\n    \"pagination__first\"\n  ],\n  [\n    \"previous\",\n    \"pagination__previous\"\n  ],\n  [\n    \"next\",\n    \"pagination__next\"\n  ],\n  [\n    \"last\",\n    \"pagination__last\"\n  ],\n  [\n    \"ellipsis\",\n    \"pagination__ellipsis\"\n  ]\n]\nconst paginationSlotFns = /* @__PURE__ */ paginationSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, paginationDefaultVariants, getSlotCompoundVariant(paginationCompoundVariants, slotName))])\n\nconst paginationFn = memo((props = {}) => {\n  return Object.fromEntries(paginationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst paginationVariantKeys = [\n  \"density\",\n  \"active\",\n  \"disabled\"\n]\nconst getVariantProps = (variants) => ({ ...paginationDefaultVariants, ...compact(variants) })\n\nexport const pagination = /* @__PURE__ */ Object.assign(paginationFn, {\n  __recipe__: false,\n  __name__: 'pagination',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: paginationVariantKeys,\n  variantMap: {\n  \"density\": [\n    \"compact\",\n    \"comfortable\"\n  ],\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"disabled\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, paginationVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B;CAChC,UAAU;CACV,WAAW;CACX,YAAY;AACd;AACA,MAAM,6BAA6B,CAAC;AAwCpC,MAAM,oBAAoC;CArCxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,SACA,mBACF;CACA,CACE,YACA,sBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,YACA,sBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,2BAA2BC,gBAAAA,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAeC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB;CAC5B;CACA;CACA;AACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,WAAW,CACT,WACA,aACF;EACA,UAAU,CACR,QACA,OACF;EACA,YAAY,CACV,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/pagination.js

@@ -3,6 +3,7 @@ import { createRecipe } from "./create-recipe.js";
 //#region src/styled-system/recipes/pagination.js
 const paginationDefaultVariants = {
 	"active": false,
+	"density": "comfortable",
 	"disabled": false
 };
 const paginationCompoundVariants = [];
@@ -11,14 +12,20 @@ const paginationSlotFns = /* @__PURE__ */ [
 	["list", "pagination__list"],
 	["item", "pagination__item"],
 	["link", "pagination__link"],
+	["first", "pagination__first"],
 	["previous", "pagination__previous"],
 	["next", "pagination__next"],
+	["last", "pagination__last"],
 	["ellipsis", "pagination__ellipsis"]
 ].map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, paginationDefaultVariants, getSlotCompoundVariant(paginationCompoundVariants, slotName))]);
 const paginationFn = memo((props = {}) => {
 	return Object.fromEntries(paginationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-const paginationVariantKeys = ["active", "disabled"];
+const paginationVariantKeys = [
+	"density",
+	"active",
+	"disabled"
+];
 const getVariantProps = (variants) => ({
 	...paginationDefaultVariants,
 	...compact(variants)
@@ -30,6 +37,7 @@ const pagination = /* @__PURE__ */ Object.assign(paginationFn, {
 	classNameMap: {},
 	variantKeys: paginationVariantKeys,
 	variantMap: {
+		"density": ["compact", "comfortable"],
 		"active": ["true", "false"],
 		"disabled": ["true", "false"]
 	},

package/dist/styled-system/recipes/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/styled-system/recipes/pagination.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst paginationDefaultVariants = {\n  \"active\": false,\n  \"disabled\": false\n}\nconst paginationCompoundVariants = []\n\nconst paginationSlotNames = [\n  [\n    \"root\",\n    \"pagination__root\"\n  ],\n  [\n    \"list\",\n    \"pagination__list\"\n  ],\n  [\n    \"item\",\n    \"pagination__item\"\n  ],\n  [\n    \"link\",\n    \"pagination__link\"\n  ],\n  [\n    \"previous\",\n    \"pagination__previous\"\n  ],\n  [\n    \"next\",\n    \"pagination__next\"\n  ],\n  [\n    \"ellipsis\",\n    \"pagination__ellipsis\"\n  ]\n]\nconst paginationSlotFns = /* @__PURE__ */ paginationSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, paginationDefaultVariants, getSlotCompoundVariant(paginationCompoundVariants, slotName))])\n\nconst paginationFn = memo((props = {}) => {\n  return Object.fromEntries(paginationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst paginationVariantKeys = [\n  \"active\",\n  \"disabled\"\n]\nconst getVariantProps = (variants) => ({ ...paginationDefaultVariants, ...compact(variants) })\n\nexport const pagination = /* @__PURE__ */ Object.assign(paginationFn, {\n  __recipe__: false,\n  __name__: 'pagination',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: paginationVariantKeys,\n  variantMap: {\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"disabled\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, paginationVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B;CAChC,UAAU;CACV,YAAY;AACd;AACA,MAAM,6BAA6B,CAAC;AAgCpC,MAAM,oBAAoC;CA7BxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,YACA,sBACF;CACA,CACE,QACA,kBACF;CACA,CACE,YACA,sBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAC5B,UACA,UACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU,CACR,QACA,OACF;EACA,YAAY,CACV,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/styled-system/recipes/pagination.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst paginationDefaultVariants = {\n  \"active\": false,\n  \"density\": \"comfortable\",\n  \"disabled\": false\n}\nconst paginationCompoundVariants = []\n\nconst paginationSlotNames = [\n  [\n    \"root\",\n    \"pagination__root\"\n  ],\n  [\n    \"list\",\n    \"pagination__list\"\n  ],\n  [\n    \"item\",\n    \"pagination__item\"\n  ],\n  [\n    \"link\",\n    \"pagination__link\"\n  ],\n  [\n    \"first\",\n    \"pagination__first\"\n  ],\n  [\n    \"previous\",\n    \"pagination__previous\"\n  ],\n  [\n    \"next\",\n    \"pagination__next\"\n  ],\n  [\n    \"last\",\n    \"pagination__last\"\n  ],\n  [\n    \"ellipsis\",\n    \"pagination__ellipsis\"\n  ]\n]\nconst paginationSlotFns = /* @__PURE__ */ paginationSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, paginationDefaultVariants, getSlotCompoundVariant(paginationCompoundVariants, slotName))])\n\nconst paginationFn = memo((props = {}) => {\n  return Object.fromEntries(paginationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst paginationVariantKeys = [\n  \"density\",\n  \"active\",\n  \"disabled\"\n]\nconst getVariantProps = (variants) => ({ ...paginationDefaultVariants, ...compact(variants) })\n\nexport const pagination = /* @__PURE__ */ Object.assign(paginationFn, {\n  __recipe__: false,\n  __name__: 'pagination',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: paginationVariantKeys,\n  variantMap: {\n  \"density\": [\n    \"compact\",\n    \"comfortable\"\n  ],\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"disabled\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, paginationVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B;CAChC,UAAU;CACV,WAAW;CACX,YAAY;AACd;AACA,MAAM,6BAA6B,CAAC;AAwCpC,MAAM,oBAAoC;CArCxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,SACA,mBACF;CACA,CACE,YACA,sBACF;CACA,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,YACA,sBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB;CAC5B;CACA;CACA;AACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,WAAW,CACT,WACA,aACF;EACA,UAAU,CACR,QACA,OACF;EACA,YAAY,CACV,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/sidebar.cjs

@@ -8,6 +8,9 @@ const sidebarDefaultVariants = {
 const sidebarCompoundVariants = [];
 const sidebarSlotFns = /* @__PURE__ */ [
 	["root", "sidebar__root"],
+	["popup", "sidebar__popup"],
+	["backdrop", "sidebar__backdrop"],
+	["viewport", "sidebar__viewport"],
 	["toggle", "sidebar__toggle"],
 	["header", "sidebar__header"],
 	["content", "sidebar__content"],

package/dist/styled-system/recipes/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/sidebar.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst sidebarDefaultVariants = {\n  \"active\": false,\n  \"open\": true\n}\nconst sidebarCompoundVariants = []\n\nconst sidebarSlotNames = [\n  [\n    \"root\",\n    \"sidebar__root\"\n  ],\n  [\n    \"toggle\",\n    \"sidebar__toggle\"\n  ],\n  [\n    \"header\",\n    \"sidebar__header\"\n  ],\n  [\n    \"content\",\n    \"sidebar__content\"\n  ],\n  [\n    \"footer\",\n    \"sidebar__footer\"\n  ],\n  [\n    \"item\",\n    \"sidebar__item\"\n  ],\n  [\n    \"label\",\n    \"sidebar__label\"\n  ]\n]\nconst sidebarSlotFns = /* @__PURE__ */ sidebarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidebarDefaultVariants, getSlotCompoundVariant(sidebarCompoundVariants, slotName))])\n\nconst sidebarFn = memo((props = {}) => {\n  return Object.fromEntries(sidebarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst sidebarVariantKeys = [\n  \"active\",\n  \"open\"\n]\nconst getVariantProps = (variants) => ({ ...sidebarDefaultVariants, ...compact(variants) })\n\nexport const sidebar = /* @__PURE__ */ Object.assign(sidebarFn, {\n  __recipe__: false,\n  __name__: 'sidebar',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: sidebarVariantKeys,\n  variantMap: {\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"open\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, sidebarVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,yBAAyB;CAC7B,UAAU;CACV,QAAQ;AACV;AACA,MAAM,0BAA0B,CAAC;AAgCjC,MAAM,iBAAiC;CA7BrC,CACE,QACA,eACF;CACA,CACE,UACA,iBACF;CACA,CACE,UACA,iBACF;CACA,CACE,WACA,kBACF;CACA,CACE,UACA,iBACF;CACA,CACE,QACA,eACF;CACA,CACE,SACA,gBACF;AAEoD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,wBAAwBC,gBAAAA,uBAAuB,yBAAyB,QAAQ,CAAC,CAAC,CAAC;AAEzM,MAAM,YAAYC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACrC,OAAO,OAAO,YAAY,eAAe,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC1G,CAAC;AAED,MAAM,qBAAqB,CACzB,UACA,MACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAwB,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAEzF,MAAa,UAA0B,uBAAO,OAAO,WAAW;CAC9D,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU,CACR,QACA,OACF;EACA,QAAQ,CACN,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,kBAAkB;CAC7C;CACA;AACF,CAAC"}
+{"version":3,"file":"sidebar.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/sidebar.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst sidebarDefaultVariants = {\n  \"active\": false,\n  \"open\": true\n}\nconst sidebarCompoundVariants = []\n\nconst sidebarSlotNames = [\n  [\n    \"root\",\n    \"sidebar__root\"\n  ],\n  [\n    \"popup\",\n    \"sidebar__popup\"\n  ],\n  [\n    \"backdrop\",\n    \"sidebar__backdrop\"\n  ],\n  [\n    \"viewport\",\n    \"sidebar__viewport\"\n  ],\n  [\n    \"toggle\",\n    \"sidebar__toggle\"\n  ],\n  [\n    \"header\",\n    \"sidebar__header\"\n  ],\n  [\n    \"content\",\n    \"sidebar__content\"\n  ],\n  [\n    \"footer\",\n    \"sidebar__footer\"\n  ],\n  [\n    \"item\",\n    \"sidebar__item\"\n  ],\n  [\n    \"label\",\n    \"sidebar__label\"\n  ]\n]\nconst sidebarSlotFns = /* @__PURE__ */ sidebarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidebarDefaultVariants, getSlotCompoundVariant(sidebarCompoundVariants, slotName))])\n\nconst sidebarFn = memo((props = {}) => {\n  return Object.fromEntries(sidebarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst sidebarVariantKeys = [\n  \"active\",\n  \"open\"\n]\nconst getVariantProps = (variants) => ({ ...sidebarDefaultVariants, ...compact(variants) })\n\nexport const sidebar = /* @__PURE__ */ Object.assign(sidebarFn, {\n  __recipe__: false,\n  __name__: 'sidebar',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: sidebarVariantKeys,\n  variantMap: {\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"open\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, sidebarVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,yBAAyB;CAC7B,UAAU;CACV,QAAQ;AACV;AACA,MAAM,0BAA0B,CAAC;AA4CjC,MAAM,iBAAiC;CAzCrC,CACE,QACA,eACF;CACA,CACE,SACA,gBACF;CACA,CACE,YACA,mBACF;CACA,CACE,YACA,mBACF;CACA,CACE,UACA,iBACF;CACA,CACE,UACA,iBACF;CACA,CACE,WACA,kBACF;CACA,CACE,UACA,iBACF;CACA,CACE,QACA,eACF;CACA,CACE,SACA,gBACF;AAEoD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,wBAAwBC,gBAAAA,uBAAuB,yBAAyB,QAAQ,CAAC,CAAC,CAAC;AAEzM,MAAM,YAAYC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACrC,OAAO,OAAO,YAAY,eAAe,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC1G,CAAC;AAED,MAAM,qBAAqB,CACzB,UACA,MACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAwB,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAEzF,MAAa,UAA0B,uBAAO,OAAO,WAAW;CAC9D,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU,CACR,QACA,OACF;EACA,QAAQ,CACN,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,kBAAkB;CAC7C;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/sidebar.js

@@ -8,6 +8,9 @@ const sidebarDefaultVariants = {
 const sidebarCompoundVariants = [];
 const sidebarSlotFns = /* @__PURE__ */ [
 	["root", "sidebar__root"],
+	["popup", "sidebar__popup"],
+	["backdrop", "sidebar__backdrop"],
+	["viewport", "sidebar__viewport"],
 	["toggle", "sidebar__toggle"],
 	["header", "sidebar__header"],
 	["content", "sidebar__content"],

package/dist/styled-system/recipes/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/styled-system/recipes/sidebar.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst sidebarDefaultVariants = {\n  \"active\": false,\n  \"open\": true\n}\nconst sidebarCompoundVariants = []\n\nconst sidebarSlotNames = [\n  [\n    \"root\",\n    \"sidebar__root\"\n  ],\n  [\n    \"toggle\",\n    \"sidebar__toggle\"\n  ],\n  [\n    \"header\",\n    \"sidebar__header\"\n  ],\n  [\n    \"content\",\n    \"sidebar__content\"\n  ],\n  [\n    \"footer\",\n    \"sidebar__footer\"\n  ],\n  [\n    \"item\",\n    \"sidebar__item\"\n  ],\n  [\n    \"label\",\n    \"sidebar__label\"\n  ]\n]\nconst sidebarSlotFns = /* @__PURE__ */ sidebarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidebarDefaultVariants, getSlotCompoundVariant(sidebarCompoundVariants, slotName))])\n\nconst sidebarFn = memo((props = {}) => {\n  return Object.fromEntries(sidebarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst sidebarVariantKeys = [\n  \"active\",\n  \"open\"\n]\nconst getVariantProps = (variants) => ({ ...sidebarDefaultVariants, ...compact(variants) })\n\nexport const sidebar = /* @__PURE__ */ Object.assign(sidebarFn, {\n  __recipe__: false,\n  __name__: 'sidebar',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: sidebarVariantKeys,\n  variantMap: {\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"open\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, sidebarVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,yBAAyB;CAC7B,UAAU;CACV,QAAQ;AACV;AACA,MAAM,0BAA0B,CAAC;AAgCjC,MAAM,iBAAiC;CA7BrC,CACE,QACA,eACF;CACA,CACE,UACA,iBACF;CACA,CACE,UACA,iBACF;CACA,CACE,WACA,kBACF;CACA,CACE,UACA,iBACF;CACA,CACE,QACA,eACF;CACA,CACE,SACA,gBACF;AAEoD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,wBAAwB,uBAAuB,yBAAyB,QAAQ,CAAC,CAAC,CAAC;AAEzM,MAAM,YAAY,MAAM,QAAQ,CAAC,MAAM;CACrC,OAAO,OAAO,YAAY,eAAe,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC1G,CAAC;AAED,MAAM,qBAAqB,CACzB,UACA,MACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAwB,GAAG,QAAQ,QAAQ;AAAE;AAEzF,MAAa,UAA0B,uBAAO,OAAO,WAAW;CAC9D,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU,CACR,QACA,OACF;EACA,QAAQ,CACN,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,kBAAkB;CAC7C;CACA;AACF,CAAC"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/styled-system/recipes/sidebar.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst sidebarDefaultVariants = {\n  \"active\": false,\n  \"open\": true\n}\nconst sidebarCompoundVariants = []\n\nconst sidebarSlotNames = [\n  [\n    \"root\",\n    \"sidebar__root\"\n  ],\n  [\n    \"popup\",\n    \"sidebar__popup\"\n  ],\n  [\n    \"backdrop\",\n    \"sidebar__backdrop\"\n  ],\n  [\n    \"viewport\",\n    \"sidebar__viewport\"\n  ],\n  [\n    \"toggle\",\n    \"sidebar__toggle\"\n  ],\n  [\n    \"header\",\n    \"sidebar__header\"\n  ],\n  [\n    \"content\",\n    \"sidebar__content\"\n  ],\n  [\n    \"footer\",\n    \"sidebar__footer\"\n  ],\n  [\n    \"item\",\n    \"sidebar__item\"\n  ],\n  [\n    \"label\",\n    \"sidebar__label\"\n  ]\n]\nconst sidebarSlotFns = /* @__PURE__ */ sidebarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidebarDefaultVariants, getSlotCompoundVariant(sidebarCompoundVariants, slotName))])\n\nconst sidebarFn = memo((props = {}) => {\n  return Object.fromEntries(sidebarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst sidebarVariantKeys = [\n  \"active\",\n  \"open\"\n]\nconst getVariantProps = (variants) => ({ ...sidebarDefaultVariants, ...compact(variants) })\n\nexport const sidebar = /* @__PURE__ */ Object.assign(sidebarFn, {\n  __recipe__: false,\n  __name__: 'sidebar',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: sidebarVariantKeys,\n  variantMap: {\n  \"active\": [\n    \"true\",\n    \"false\"\n  ],\n  \"open\": [\n    \"true\",\n    \"false\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, sidebarVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,yBAAyB;CAC7B,UAAU;CACV,QAAQ;AACV;AACA,MAAM,0BAA0B,CAAC;AA4CjC,MAAM,iBAAiC;CAzCrC,CACE,QACA,eACF;CACA,CACE,SACA,gBACF;CACA,CACE,YACA,mBACF;CACA,CACE,YACA,mBACF;CACA,CACE,UACA,iBACF;CACA,CACE,UACA,iBACF;CACA,CACE,WACA,kBACF;CACA,CACE,UACA,iBACF;CACA,CACE,QACA,eACF;CACA,CACE,SACA,gBACF;AAEoD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,wBAAwB,uBAAuB,yBAAyB,QAAQ,CAAC,CAAC,CAAC;AAEzM,MAAM,YAAY,MAAM,QAAQ,CAAC,MAAM;CACrC,OAAO,OAAO,YAAY,eAAe,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC1G,CAAC;AAED,MAAM,qBAAqB,CACzB,UACA,MACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAwB,GAAG,QAAQ,QAAQ;AAAE;AAEzF,MAAa,UAA0B,uBAAO,OAAO,WAAW;CAC9D,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,UAAU,CACR,QACA,OACF;EACA,QAAQ,CACN,QACA,OACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,kBAAkB;CAC7C;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/stepper.cjs

@@ -0,0 +1,53 @@
+const require_helpers = require("../helpers.cjs");
+const require_create_recipe = require("./create-recipe.cjs");
+//#region src/styled-system/recipes/stepper.js
+const stepperDefaultVariants = {
+	"orientation": "horizontal",
+	"status": "upcoming"
+};
+const stepperCompoundVariants = [];
+const stepperSlotFns = /* @__PURE__ */ [
+	["root", "stepper__root"],
+	["list", "stepper__list"],
+	["item", "stepper__item"],
+	["trigger", "stepper__trigger"],
+	["indicator", "stepper__indicator"],
+	["title", "stepper__title"],
+	["description", "stepper__description"],
+	["content", "stepper__content"],
+	["separator", "stepper__separator"],
+	["previous", "stepper__previous"],
+	["next", "stepper__next"]
+].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, stepperDefaultVariants, require_helpers.getSlotCompoundVariant(stepperCompoundVariants, slotName))]);
+const stepperFn = require_helpers.memo((props = {}) => {
+	return Object.fromEntries(stepperSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const stepperVariantKeys = ["orientation", "status"];
+const getVariantProps = (variants) => ({
+	...stepperDefaultVariants,
+	...require_helpers.compact(variants)
+});
+const stepper = /* @__PURE__ */ Object.assign(stepperFn, {
+	__recipe__: false,
+	__name__: "stepper",
+	raw: (props) => props,
+	classNameMap: {},
+	variantKeys: stepperVariantKeys,
+	variantMap: {
+		"orientation": ["horizontal", "vertical"],
+		"status": [
+			"current",
+			"complete",
+			"upcoming",
+			"disabled"
+		]
+	},
+	splitVariantProps(props) {
+		return require_helpers.splitProps(props, stepperVariantKeys);
+	},
+	getVariantProps
+});
+//#endregion
+exports.stepper = stepper;
+
+//# sourceMappingURL=stepper.cjs.map

package/dist/styled-system/recipes/stepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/stepper.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst stepperDefaultVariants = {\n  \"orientation\": \"horizontal\",\n  \"status\": \"upcoming\"\n}\nconst stepperCompoundVariants = []\n\nconst stepperSlotNames = [\n  [\n    \"root\",\n    \"stepper__root\"\n  ],\n  [\n    \"list\",\n    \"stepper__list\"\n  ],\n  [\n    \"item\",\n    \"stepper__item\"\n  ],\n  [\n    \"trigger\",\n    \"stepper__trigger\"\n  ],\n  [\n    \"indicator\",\n    \"stepper__indicator\"\n  ],\n  [\n    \"title\",\n    \"stepper__title\"\n  ],\n  [\n    \"description\",\n    \"stepper__description\"\n  ],\n  [\n    \"content\",\n    \"stepper__content\"\n  ],\n  [\n    \"separator\",\n    \"stepper__separator\"\n  ],\n  [\n    \"previous\",\n    \"stepper__previous\"\n  ],\n  [\n    \"next\",\n    \"stepper__next\"\n  ]\n]\nconst stepperSlotFns = /* @__PURE__ */ stepperSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, stepperDefaultVariants, getSlotCompoundVariant(stepperCompoundVariants, slotName))])\n\nconst stepperFn = memo((props = {}) => {\n  return Object.fromEntries(stepperSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst stepperVariantKeys = [\n  \"orientation\",\n  \"status\"\n]\nconst getVariantProps = (variants) => ({ ...stepperDefaultVariants, ...compact(variants) })\n\nexport const stepper = /* @__PURE__ */ Object.assign(stepperFn, {\n  __recipe__: false,\n  __name__: 'stepper',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: stepperVariantKeys,\n  variantMap: {\n  \"orientation\": [\n    \"horizontal\",\n    \"vertical\"\n  ],\n  \"status\": [\n    \"current\",\n    \"complete\",\n    \"upcoming\",\n    \"disabled\"\n  ]\n},\n  splitVariantProps(props) {\n    return splitProps(props, stepperVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,yBAAyB;CAC7B,eAAe;CACf,UAAU;AACZ;AACA,MAAM,0BAA0B,CAAC;AAgDjC,MAAM,iBAAiC;CA7CrC,CACE,QACA,eACF;CACA,CACE,QACA,eACF;CACA,CACE,QACA,eACF;CACA,CACE,WACA,kBACF;CACA,CACE,aACA,oBACF;CACA,CACE,SACA,gBACF;CACA,CACE,eACA,sBACF;CACA,CACE,WACA,kBACF;CACA,CACE,aACA,oBACF;CACA,CACE,YACA,mBACF;CACA,CACE,QACA,eACF;AAEoD,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,wBAAwBC,gBAAAA,uBAAuB,yBAAyB,QAAQ,CAAC,CAAC,CAAC;AAEzM,MAAM,YAAYC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACrC,OAAO,OAAO,YAAY,eAAe,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC1G,CAAC;AAED,MAAM,qBAAqB,CACzB,eACA,QACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAAwB,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAEzF,MAAa,UAA0B,uBAAO,OAAO,WAAW;CAC9D,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY;EACZ,eAAe,CACb,cACA,UACF;EACA,UAAU;GACR;GACA;GACA;GACA;EACF;CACF;CACE,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,kBAAkB;CAC7C;CACA;AACF,CAAC"}