@vertz/ui-primitives 0.2.24 → 0.2.25

package/dist/src/index.d.ts

@@ -1126,6 +1126,39 @@ interface ComposedLabelProps {
 }
 declare const ComposedLabel: ComposedPrimitive<LabelClassKey, HTMLElement>;
 import { ChildValue as ChildValue24 } from "@vertz/ui";
+interface ListClasses {
+	root?: string;
+	item?: string;
+	dragHandle?: string;
+}
+type ListClassKey = keyof ListClasses;
+interface AnimateConfig {
+	duration?: number;
+	easing?: string;
+}
+interface SlotProps17 {
+	children?: ChildValue24;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedListProps {
+	children?: ChildValue24;
+	classes?: ListClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	animate?: boolean | AnimateConfig;
+	sortable?: boolean;
+	onReorder?: (fromIndex: number, toIndex: number) => void;
+}
+declare const ComposedList: ((props: ComposedListProps) => HTMLElement) & {
+	__classKeys?: ListClassKey;
+	Item: (props: SlotProps17) => HTMLElement;
+	DragHandle: (props: SlotProps17) => HTMLElement;
+	reorder: <T>(arr: readonly T[], from: number, to: number) => T[];
+};
+import { ChildValue as ChildValue25 } from "@vertz/ui";
 interface MenuClasses {
 	content?: string;
 	item?: string;
@@ -1133,20 +1166,20 @@ interface MenuClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps17 {
-	children?: ChildValue24;
+interface SlotProps18 {
+	children?: ChildValue25;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ItemProps4 extends SlotProps17 {
+interface ItemProps4 extends SlotProps18 {
 	value: string;
 }
-interface GroupProps3 extends SlotProps17 {
+interface GroupProps3 extends SlotProps18 {
 	label: string;
 }
 interface ComposedMenuProps {
-	children?: ChildValue24;
+	children?: ChildValue25;
 	classes?: MenuClasses;
 	onSelect?: (value: string) => void;
 	onOpenChange?: (open: boolean) => void;
@@ -1155,12 +1188,12 @@ interface ComposedMenuProps {
 type MenuClassKey = keyof MenuClasses;
 declare const ComposedMenu: ((props: ComposedMenuProps) => HTMLElement) & {
 	__classKeys?: MenuClassKey;
-	Trigger: (props: SlotProps17) => HTMLElement;
-	Content: (props: SlotProps17) => HTMLElement;
+	Trigger: (props: SlotProps18) => HTMLElement;
+	Content: (props: SlotProps18) => HTMLElement;
 	Item: (props: ItemProps4) => HTMLElement;
 	Group: (props: GroupProps3) => HTMLElement;
-	Label: (props: SlotProps17) => HTMLElement;
-	Separator: (props: SlotProps17) => HTMLElement;
+	Label: (props: SlotProps18) => HTMLElement;
+	Separator: (props: SlotProps18) => HTMLElement;
 };
 import { Signal as Signal13 } from "@vertz/ui";
 interface MenubarOptions extends ElementAttrs {
@@ -1188,7 +1221,7 @@ declare const Menubar: {
 		};
 	};
 };
-import { ChildValue as ChildValue25 } from "@vertz/ui";
+import { ChildValue as ChildValue26 } from "@vertz/ui";
 interface MenubarClasses {
 	root?: string;
 	trigger?: string;
@@ -1198,23 +1231,23 @@ interface MenubarClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps18 {
-	children?: ChildValue25;
+interface SlotProps19 {
+	children?: ChildValue26;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface MenuProps extends SlotProps18 {
+interface MenuProps extends SlotProps19 {
 	value: string;
 }
-interface ItemProps5 extends SlotProps18 {
+interface ItemProps5 extends SlotProps19 {
 	value: string;
 }
-interface GroupProps4 extends SlotProps18 {
+interface GroupProps4 extends SlotProps19 {
 	label: string;
 }
 interface ComposedMenubarProps {
-	children?: ChildValue25;
+	children?: ChildValue26;
 	classes?: MenubarClasses;
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
@@ -1223,12 +1256,12 @@ type MenubarClassKey = keyof MenubarClasses;
 declare const ComposedMenubar: ((props: ComposedMenubarProps) => HTMLElement) & {
 	__classKeys?: MenubarClassKey;
 	Menu: (props: MenuProps) => HTMLElement;
-	Trigger: (props: SlotProps18) => HTMLElement;
-	Content: (props: SlotProps18) => HTMLElement;
+	Trigger: (props: SlotProps19) => HTMLElement;
+	Content: (props: SlotProps19) => HTMLElement;
 	Item: (props: ItemProps5) => HTMLElement;
 	Group: (props: GroupProps4) => HTMLElement;
-	Label: (props: SlotProps18) => HTMLElement;
-	Separator: (props: SlotProps18) => HTMLElement;
+	Label: (props: SlotProps19) => HTMLElement;
+	Separator: (props: SlotProps19) => HTMLElement;
 };
 import { Signal as Signal14 } from "@vertz/ui";
 interface NavigationMenuOptions extends ElementAttrs {
@@ -1254,7 +1287,7 @@ declare const NavigationMenu: {
 		Link: (href: string, label: string) => HTMLElement;
 	};
 };
-import { ChildValue as ChildValue26 } from "@vertz/ui";
+import { ChildValue as ChildValue27 } from "@vertz/ui";
 interface NavigationMenuClasses {
 	root?: string;
 	list?: string;
@@ -1264,27 +1297,27 @@ interface NavigationMenuClasses {
 	viewport?: string;
 }
 interface ListProps {
-	children?: ChildValue26;
+	children?: ChildValue27;
 	className?: string;
 	class?: string;
 }
 interface ItemProps6 {
 	value: string;
-	children?: ChildValue26;
+	children?: ChildValue27;
 }
 interface TriggerProps {
-	children?: ChildValue26;
+	children?: ChildValue27;
 	className?: string;
 	class?: string;
 }
 interface ContentProps {
-	children?: ChildValue26;
+	children?: ChildValue27;
 	className?: string;
 	class?: string;
 }
 interface LinkProps {
 	href: string;
-	children?: ChildValue26;
+	children?: ChildValue27;
 	className?: string;
 	class?: string;
 }
@@ -1293,7 +1326,7 @@ interface ViewportProps {
 	class?: string;
 }
 interface ComposedNavigationMenuProps {
-	children?: ChildValue26;
+	children?: ChildValue27;
 	classes?: NavigationMenuClasses;
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
@@ -1309,7 +1342,7 @@ declare const ComposedNavigationMenu: ((props: ComposedNavigationMenuProps) => H
 	Link: (props: LinkProps) => HTMLElement;
 	Viewport: (props: ViewportProps) => HTMLElement;
 };
-import { ChildValue as ChildValue27 } from "@vertz/ui";
+import { ChildValue as ChildValue28 } from "@vertz/ui";
 interface PaginationClasses {
 	nav?: string;
 	list?: string;
@@ -1329,11 +1362,11 @@ interface ComposedPaginationProps {
 	className?: string;
 	class?: string;
 	/** Custom content for the previous button. Defaults to "Previous". */
-	prevContent?: ChildValue27;
+	prevContent?: ChildValue28;
 	/** Custom content for the next button. Defaults to "Next". */
-	nextContent?: ChildValue27;
+	nextContent?: ChildValue28;
 	/** Custom content for the ellipsis. Defaults to "...". */
-	ellipsisContent?: ChildValue27;
+	ellipsisContent?: ChildValue28;
 }
 declare const ComposedPagination: ((props: ComposedPaginationProps) => HTMLElement) & {
 	__classKeys?: PaginationClassKey;
@@ -1356,18 +1389,18 @@ declare const Popover: {
 		state: PopoverState;
 	};
 };
-import { ChildValue as ChildValue28 } from "@vertz/ui";
+import { ChildValue as ChildValue29 } from "@vertz/ui";
 interface PopoverClasses {
 	content?: string;
 }
-interface SlotProps19 {
-	children?: ChildValue28;
+interface SlotProps20 {
+	children?: ChildValue29;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ComposedPopoverProps {
-	children?: ChildValue28;
+	children?: ChildValue29;
 	classes?: PopoverClasses;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
@@ -1375,8 +1408,8 @@ interface ComposedPopoverProps {
 type PopoverClassKey = keyof PopoverClasses;
 declare const ComposedPopover: ((props: ComposedPopoverProps) => HTMLElement) & {
 	__classKeys?: PopoverClassKey;
-	Trigger: (props: SlotProps19) => HTMLElement;
-	Content: (props: SlotProps19) => HTMLElement;
+	Trigger: (props: SlotProps20) => HTMLElement;
+	Content: (props: SlotProps20) => HTMLElement;
 };
 import { Signal as Signal16 } from "@vertz/ui";
 interface ProgressOptions extends ElementAttrs {
@@ -1397,14 +1430,14 @@ declare const Progress: {
 		setValue: (value: number) => void;
 	};
 };
-import { ChildValue as ChildValue29 } from "@vertz/ui";
+import { ChildValue as ChildValue30 } from "@vertz/ui";
 interface ProgressClasses {
 	root?: string;
 	indicator?: string;
 }
 type ProgressClassKey = keyof ProgressClasses;
 interface ComposedProgressProps {
-	children?: ChildValue29;
+	children?: ChildValue30;
 	classes?: ProgressClasses;
 	defaultValue?: number;
 	min?: number;
@@ -1434,7 +1467,7 @@ declare const Radio: {
 		destroy: () => void;
 	};
 };
-import { ChildValue as ChildValue30 } from "@vertz/ui";
+import { ChildValue as ChildValue31 } from "@vertz/ui";
 interface RadioGroupClasses {
 	root?: string;
 	item?: string;
@@ -1445,10 +1478,10 @@ type RadioGroupClassKey = keyof RadioGroupClasses;
 interface RadioGroupItemProps {
 	value: string;
 	disabled?: boolean;
-	children?: ChildValue30;
+	children?: ChildValue31;
 }
 interface ComposedRadioGroupProps {
-	children?: ChildValue30;
+	children?: ChildValue31;
 	classes?: RadioGroupClasses;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
@@ -1480,7 +1513,7 @@ declare const ResizablePanel: {
 		Handle: () => HTMLDivElement;
 	};
 };
-import { ChildValue as ChildValue31 } from "@vertz/ui";
+import { ChildValue as ChildValue32 } from "@vertz/ui";
 interface ResizablePanelClasses {
 	root?: string;
 	panel?: string;
@@ -1488,7 +1521,7 @@ interface ResizablePanelClasses {
 }
 type ResizablePanelClassKey = keyof ResizablePanelClasses;
 interface PanelSlotProps {
-	children?: ChildValue31;
+	children?: ChildValue32;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -1502,7 +1535,7 @@ interface HandleSlotProps {
 	class?: string;
 }
 interface ComposedResizablePanelProps {
-	children?: ChildValue31;
+	children?: ChildValue32;
 	classes?: ResizablePanelClasses;
 	orientation?: "horizontal" | "vertical";
 	onResize?: (sizes: number[]) => void;
@@ -1536,7 +1569,7 @@ declare const ScrollArea: {
 		update: () => void;
 	};
 };
-import { ChildValue as ChildValue32 } from "@vertz/ui";
+import { ChildValue as ChildValue33 } from "@vertz/ui";
 interface ScrollAreaClasses {
 	root?: string;
 	viewport?: string;
@@ -1545,7 +1578,7 @@ interface ScrollAreaClasses {
 }
 type ScrollAreaClassKey = keyof ScrollAreaClasses;
 interface ComposedScrollAreaProps {
-	children?: ChildValue32;
+	children?: ChildValue33;
 	classes?: ScrollAreaClasses;
 	orientation?: "vertical" | "horizontal" | "both";
 }
@@ -1579,7 +1612,7 @@ declare const Select: {
 		Separator: () => HTMLHRElement;
 	};
 };
-import { ChildValue as ChildValue33 } from "@vertz/ui";
+import { ChildValue as ChildValue34 } from "@vertz/ui";
 interface SelectClasses {
 	trigger?: string;
 	content?: string;
@@ -1589,20 +1622,20 @@ interface SelectClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps20 {
-	children?: ChildValue33;
+interface SlotProps21 {
+	children?: ChildValue34;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ItemProps7 extends SlotProps20 {
+interface ItemProps7 extends SlotProps21 {
 	value: string;
 }
-interface GroupProps5 extends SlotProps20 {
+interface GroupProps5 extends SlotProps21 {
 	label: string;
 }
 interface ComposedSelectProps {
-	children?: ChildValue33;
+	children?: ChildValue34;
 	classes?: SelectClasses;
 	defaultValue?: string;
 	placeholder?: string;
@@ -1612,11 +1645,11 @@ interface ComposedSelectProps {
 type SelectClassKey = keyof SelectClasses;
 declare const ComposedSelect: ((props: ComposedSelectProps) => HTMLElement) & {
 	__classKeys?: SelectClassKey;
-	Trigger: (props: SlotProps20) => HTMLElement;
-	Content: (props: SlotProps20) => HTMLElement;
+	Trigger: (props: SlotProps21) => HTMLElement;
+	Content: (props: SlotProps21) => HTMLElement;
 	Item: (props: ItemProps7) => HTMLElement;
 	Group: (props: GroupProps5) => HTMLElement;
-	Separator: (props: SlotProps20) => HTMLElement;
+	Separator: (props: SlotProps21) => HTMLElement;
 };
 interface SeparatorClasses {
 	base?: string;
@@ -1655,7 +1688,7 @@ declare const Sheet: {
 		state: SheetState;
 	};
 };
-import { ChildValue as ChildValue34 } from "@vertz/ui";
+import { ChildValue as ChildValue35 } from "@vertz/ui";
 interface SheetClasses {
 	overlay?: string;
 	content?: string;
@@ -1663,17 +1696,17 @@ interface SheetClasses {
 	description?: string;
 	close?: string;
 }
-interface SlotProps21 {
-	children?: ChildValue34;
+interface SlotProps22 {
+	children?: ChildValue35;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface SheetContentProps extends SlotProps21 {
+interface SheetContentProps extends SlotProps22 {
 	showClose?: boolean;
 }
 interface ComposedSheetProps {
-	children?: ChildValue34;
+	children?: ChildValue35;
 	classes?: SheetClasses;
 	side?: SheetSide;
 	onOpenChange?: (open: boolean) => void;
@@ -1681,11 +1714,11 @@ interface ComposedSheetProps {
 type SheetClassKey = keyof SheetClasses;
 declare const ComposedSheet: ((props: ComposedSheetProps) => HTMLElement) & {
 	__classKeys?: SheetClassKey;
-	Trigger: (props: SlotProps21) => HTMLElement;
+	Trigger: (props: SlotProps22) => HTMLElement;
 	Content: (props: SheetContentProps) => HTMLElement;
-	Title: (props: SlotProps21) => HTMLElement;
-	Description: (props: SlotProps21) => HTMLElement;
-	Close: (props: SlotProps21) => HTMLElement;
+	Title: (props: SlotProps22) => HTMLElement;
+	Description: (props: SlotProps22) => HTMLElement;
+	Close: (props: SlotProps22) => HTMLElement;
 };
 interface SkeletonClasses {
 	root?: string;
@@ -1757,7 +1790,7 @@ declare const Slider: {
 		state: SliderState;
 	};
 };
-import { ChildValue as ChildValue35 } from "@vertz/ui";
+import { ChildValue as ChildValue36 } from "@vertz/ui";
 interface SliderClasses {
 	root?: string;
 	track?: string;
@@ -1766,7 +1799,7 @@ interface SliderClasses {
 }
 type SliderClassKey = keyof SliderClasses;
 interface ComposedSliderProps {
-	children?: ChildValue35;
+	children?: ChildValue36;
 	classes?: SliderClasses;
 	defaultValue?: number;
 	min?: number;
@@ -1786,14 +1819,14 @@ interface SwitchOptions extends ElementAttrs {
 declare const Switch: {
 	Root: (options?: SwitchOptions) => HTMLButtonElement;
 };
-import { ChildValue as ChildValue36 } from "@vertz/ui";
+import { ChildValue as ChildValue37 } from "@vertz/ui";
 interface SwitchClasses {
 	root?: string;
 	thumb?: string;
 }
 type SwitchClassKey = keyof SwitchClasses;
 interface ComposedSwitchProps {
-	children?: ChildValue36;
+	children?: ChildValue37;
 	classes?: SwitchClasses;
 	defaultChecked?: boolean;
 	disabled?: boolean;
@@ -1802,7 +1835,7 @@ interface ComposedSwitchProps {
 declare const ComposedSwitch: ((props: ComposedSwitchProps) => HTMLElement) & {
 	__classKeys?: SwitchClassKey;
 };
-import { ChildValue as ChildValue37 } from "@vertz/ui";
+import { ChildValue as ChildValue38 } from "@vertz/ui";
 interface TableClasses {
 	root?: string;
 	header?: string;
@@ -1814,26 +1847,26 @@ interface TableClasses {
 	footer?: string;
 }
 type TableClassKey = keyof TableClasses;
-interface SlotProps22 {
-	children?: ChildValue37;
+interface SlotProps23 {
+	children?: ChildValue38;
 	className?: string;
 	class?: string;
 }
 interface ComposedTableProps {
-	children?: ChildValue37;
+	children?: ChildValue38;
 	classes?: TableClasses;
 	className?: string;
 	class?: string;
 }
 declare const ComposedTable: ((props: ComposedTableProps) => HTMLElement) & {
 	__classKeys?: TableClassKey;
-	Header: (props: SlotProps22) => HTMLElement;
-	Body: (props: SlotProps22) => HTMLElement;
-	Row: (props: SlotProps22) => HTMLElement;
-	Head: (props: SlotProps22) => HTMLElement;
-	Cell: (props: SlotProps22) => HTMLElement;
-	Caption: (props: SlotProps22) => HTMLElement;
-	Footer: (props: SlotProps22) => HTMLElement;
+	Header: (props: SlotProps23) => HTMLElement;
+	Body: (props: SlotProps23) => HTMLElement;
+	Row: (props: SlotProps23) => HTMLElement;
+	Head: (props: SlotProps23) => HTMLElement;
+	Cell: (props: SlotProps23) => HTMLElement;
+	Caption: (props: SlotProps23) => HTMLElement;
+	Footer: (props: SlotProps23) => HTMLElement;
 };
 import { Signal as Signal23 } from "@vertz/ui";
 interface TabsOptions extends ElementAttrs {
@@ -1858,26 +1891,26 @@ declare const Tabs: {
 		destroy: () => void;
 	};
 };
-import { ChildValue as ChildValue38 } from "@vertz/ui";
+import { ChildValue as ChildValue39 } from "@vertz/ui";
 interface TabsClasses {
 	list?: string;
 	trigger?: string;
 	panel?: string;
 }
-interface SlotProps23 {
-	children?: ChildValue38;
+interface SlotProps24 {
+	children?: ChildValue39;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface TriggerProps2 extends SlotProps23 {
+interface TriggerProps2 extends SlotProps24 {
 	value: string;
 }
-interface ContentProps2 extends SlotProps23 {
+interface ContentProps2 extends SlotProps24 {
 	value: string;
 }
 interface ComposedTabsProps {
-	children?: ChildValue38;
+	children?: ChildValue39;
 	classes?: TabsClasses;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
@@ -1886,7 +1919,7 @@ interface ComposedTabsProps {
 type TabsClassKey = keyof TabsClasses;
 declare const ComposedTabs: ((props: ComposedTabsProps) => HTMLElement) & {
 	__classKeys?: TabsClassKey;
-	List: (props: SlotProps23) => HTMLElement;
+	List: (props: SlotProps24) => HTMLElement;
 	Trigger: (props: TriggerProps2) => HTMLElement;
 	Content: (props: ContentProps2) => HTMLElement;
 };
@@ -1938,13 +1971,13 @@ interface ToggleOptions extends ElementAttrs {
 declare const Toggle: {
 	Root: (options?: ToggleOptions) => HTMLButtonElement;
 };
-import { ChildValue as ChildValue39 } from "@vertz/ui";
+import { ChildValue as ChildValue40 } from "@vertz/ui";
 interface ToggleClasses {
 	root?: string;
 }
 type ToggleClassKey = keyof ToggleClasses;
 interface ComposedToggleProps {
-	children?: ChildValue39;
+	children?: ChildValue40;
 	classes?: ToggleClasses;
 	defaultPressed?: boolean;
 	disabled?: boolean;
@@ -1974,7 +2007,7 @@ declare const ToggleGroup: {
 		Item: (value: string) => HTMLButtonElement;
 	};
 };
-import { ChildValue as ChildValue40 } from "@vertz/ui";
+import { ChildValue as ChildValue41 } from "@vertz/ui";
 interface ToggleGroupClasses {
 	root?: string;
 	item?: string;
@@ -1982,10 +2015,10 @@ interface ToggleGroupClasses {
 type ToggleGroupClassKey = keyof ToggleGroupClasses;
 interface ToggleGroupItemProps {
 	value: string;
-	children?: ChildValue40;
+	children?: ChildValue41;
 }
 interface ComposedToggleGroupProps {
-	children?: ChildValue40;
+	children?: ChildValue41;
 	classes?: ToggleGroupClasses;
 	type?: "single" | "multiple";
 	defaultValue?: string[];
@@ -2015,18 +2048,18 @@ declare const Tooltip: {
 		state: TooltipState;
 	};
 };
-import { ChildValue as ChildValue41 } from "@vertz/ui";
+import { ChildValue as ChildValue42 } from "@vertz/ui";
 interface TooltipClasses {
 	content?: string;
 }
-interface SlotProps24 {
-	children?: ChildValue41;
+interface SlotProps25 {
+	children?: ChildValue42;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ComposedTooltipProps {
-	children?: ChildValue41;
+	children?: ChildValue42;
 	classes?: TooltipClasses;
 	delay?: number;
 	positioning?: FloatingOptions;
@@ -2034,8 +2067,8 @@ interface ComposedTooltipProps {
 type TooltipClassKey = keyof TooltipClasses;
 declare const ComposedTooltip: ((props: ComposedTooltipProps) => HTMLElement) & {
 	__classKeys?: TooltipClassKey;
-	Trigger: (props: SlotProps24) => HTMLElement;
-	Content: (props: SlotProps24) => HTMLElement;
+	Trigger: (props: SlotProps25) => HTMLElement;
+	Content: (props: SlotProps25) => HTMLElement;
 };
 /**
 * Typed event handler props for interactive themed components.
@@ -2059,4 +2092,4 @@ interface ElementEventHandlers {
 	onInput?: (event: InputEvent) => void;
 	onChange?: (event: Event) => void;
 }
-export { withStyles, TooltipState, TooltipOptions, TooltipElements, TooltipClasses, Tooltip, ToggleOptions, ToggleGroupState, ToggleGroupOptions, ToggleGroupElements, ToggleGroupClasses, ToggleGroup, ToggleClasses, Toggle, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TextareaClasses, TabsState, TabsOptions, TabsElements, TabsClasses, Tabs, TableClasses, TableClassKey, SwitchOptions, SwitchClasses, Switch, StyledPrimitive, StackDialogTitle, StackDialogHeader, StackDialogFooter, StackDialogDescription, StackDialogClose, StackDialogCancel, StackDialogBody, SliderState, SliderOptions, SliderElements, SliderClasses, Slider, SkeletonTextClasses, SkeletonTextClassKey, SkeletonClasses, SkeletonClassKey, SkeletonCircleClasses, SkeletonCircleClassKey, SheetState, SheetSide, SheetOptions, SheetElements, SheetClasses, Sheet, SeparatorClasses, SelectState, SelectOptions, SelectElements, SelectClasses, Select, ScrollAreaState, ScrollAreaOptions, ScrollAreaElements, ScrollAreaClasses, ScrollAreaClassKey, ScrollArea, ResizablePanelState, ResizablePanelOptions, ResizablePanelElements, ResizablePanelClasses, ResizablePanelClassKey, ResizablePanel, RadioState, RadioOptions, RadioItemOptions, RadioGroupClasses, RadioElements, Radio, ProgressState, ProgressOptions, ProgressElements, ProgressClasses, Progress, PopoverState, PopoverOptions, PopoverElements, PopoverClasses, Popover, PanelOptions, PaginationClasses, PaginationClassKey, NavigationMenuState, NavigationMenuOptions, NavigationMenuElements, NavigationMenuClasses, NavigationMenu, MenubarState, MenubarOptions, MenubarElements, MenubarClasses, Menubar, MenuState, MenuOptions, MenuElements, MenuClasses, MenuClassKey, Menu2 as Menu, LabelClasses, InputClasses, HoverCardState, HoverCardOptions, HoverCardElements, HoverCardClasses, HoverCardClassKey, HoverCard, FormGroupClasses, FormGroupClassKey, FloatingOptions, EmptyStateClasses, EmptyStateClassKey, ElementOf, ElementEventHandlers, ElementAttrs, DropdownMenuState, DropdownMenuOptions, DropdownMenuElements, DropdownMenuClasses, DropdownMenu, DialogState, DialogOptions, DialogElements, DialogClasses, Dialog, DatePickerState, DatePickerOptions, DatePickerElements, DatePickerClasses, DatePickerClassKey, DatePicker, ContextMenuState, ContextMenuOptions, ContextMenuElements, ContextMenuClasses, ContextMenu, ComposedTooltipProps, ComposedTooltip, ComposedToggleProps, ComposedToggleGroupProps, ComposedToggleGroup, ComposedToggle, ComposedTextareaProps, ComposedTextarea, ComposedTabsProps, ComposedTabs, ComposedTableProps, ComposedTable, ComposedSwitchProps, ComposedSwitch, ComposedSliderProps, ComposedSlider, ComposedSkeletonTextProps, ComposedSkeletonProps, ComposedSkeletonCircleProps, ComposedSkeleton, ComposedSheetProps, ComposedSheet, ComposedSeparatorProps, ComposedSeparator, ComposedSelectProps, ComposedSelect, ComposedScrollAreaProps, ComposedScrollArea, ComposedResizablePanelProps, ComposedResizablePanel, ComposedRadioGroupProps, ComposedRadioGroup, ComposedProgressProps, ComposedProgress, ComposedPrimitive, ComposedPopoverProps, ComposedPopover, ComposedPaginationProps, ComposedPagination, ComposedNavigationMenuProps, ComposedNavigationMenu, ComposedMenubarProps, ComposedMenubar, ComposedMenuProps, ComposedMenu, ComposedLabelProps, ComposedLabel, ComposedInputProps, ComposedInput, ComposedHoverCardProps, ComposedHoverCard, ComposedFormGroupProps, ComposedFormGroup, ComposedEmptyStateProps, ComposedEmptyState, ComposedDropdownMenuProps, ComposedDropdownMenu, ComposedDialogProps, ComposedDialog, ComposedDatePickerProps, ComposedDatePicker, ComposedContextMenuProps, ComposedContextMenu, ComposedCommandProps, ComposedCommand, ComposedComboboxProps, ComposedCombobox, ComposedCollapsibleProps, ComposedCollapsible, ComposedCheckboxProps, ComposedCheckbox, ComposedCarouselProps, ComposedCarousel, ComposedCardProps, ComposedCard, ComposedCalendarProps, ComposedCalendar, ComposedButtonProps, ComposedButton, ComposedBreadcrumbProps, ComposedBreadcrumb, ComposedBadgeProps, ComposedBadge, ComposedAvatarProps, ComposedAvatar, ComposedAlertProps, ComposedAlertDialogProps, ComposedAlertDialog, ComposedAlert, ComposedAccordionProps, ComposedAccordion, CommandState, CommandOptions, CommandElements, CommandClasses, Command, ComboboxState, ComboboxOptions, ComboboxElements, ComboboxClasses, ComboboxClassKey, Combobox, CollapsibleState, CollapsibleOptions, CollapsibleElements, CollapsibleClasses, CollapsibleClassKey, Collapsible, ClassesOf, CheckedState, CheckboxOptions, CheckboxClasses, Checkbox, CarouselState, CarouselOptions, CarouselElements, CarouselClasses, Carousel, CardClasses, CardClassKey, CalendarState, CalendarOptions, CalendarElements, CalendarClasses, Calendar, ButtonOptions, ButtonClasses, Button, BreadcrumbItemProps, BreadcrumbClasses, BreadcrumbClassKey, BadgeOptions, BadgeElements, BadgeClasses, Badge, AvatarClasses, AvatarClassKey, AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialogClasses, AlertDialog, AlertClasses, AlertClassKey, AccordionState, AccordionOptions, AccordionElements, AccordionClasses, Accordion };
+export { withStyles, TooltipState, TooltipOptions, TooltipElements, TooltipClasses, Tooltip, ToggleOptions, ToggleGroupState, ToggleGroupOptions, ToggleGroupElements, ToggleGroupClasses, ToggleGroup, ToggleClasses, Toggle, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TextareaClasses, TabsState, TabsOptions, TabsElements, TabsClasses, Tabs, TableClasses, TableClassKey, SwitchOptions, SwitchClasses, Switch, StyledPrimitive, StackDialogTitle, StackDialogHeader, StackDialogFooter, StackDialogDescription, StackDialogClose, StackDialogCancel, StackDialogBody, SliderState, SliderOptions, SliderElements, SliderClasses, Slider, SkeletonTextClasses, SkeletonTextClassKey, SkeletonClasses, SkeletonClassKey, SkeletonCircleClasses, SkeletonCircleClassKey, SheetState, SheetSide, SheetOptions, SheetElements, SheetClasses, Sheet, SeparatorClasses, SelectState, SelectOptions, SelectElements, SelectClasses, Select, ScrollAreaState, ScrollAreaOptions, ScrollAreaElements, ScrollAreaClasses, ScrollAreaClassKey, ScrollArea, ResizablePanelState, ResizablePanelOptions, ResizablePanelElements, ResizablePanelClasses, ResizablePanelClassKey, ResizablePanel, RadioState, RadioOptions, RadioItemOptions, RadioGroupClasses, RadioElements, Radio, ProgressState, ProgressOptions, ProgressElements, ProgressClasses, Progress, PopoverState, PopoverOptions, PopoverElements, PopoverClasses, Popover, PanelOptions, PaginationClasses, PaginationClassKey, NavigationMenuState, NavigationMenuOptions, NavigationMenuElements, NavigationMenuClasses, NavigationMenu, MenubarState, MenubarOptions, MenubarElements, MenubarClasses, Menubar, MenuState, MenuOptions, MenuElements, MenuClasses, MenuClassKey, Menu2 as Menu, ListClasses, ListClassKey, LabelClasses, InputClasses, HoverCardState, HoverCardOptions, HoverCardElements, HoverCardClasses, HoverCardClassKey, HoverCard, FormGroupClasses, FormGroupClassKey, FloatingOptions, EmptyStateClasses, EmptyStateClassKey, ElementOf, ElementEventHandlers, ElementAttrs, DropdownMenuState, DropdownMenuOptions, DropdownMenuElements, DropdownMenuClasses, DropdownMenu, DialogState, DialogOptions, DialogElements, DialogClasses, Dialog, DatePickerState, DatePickerOptions, DatePickerElements, DatePickerClasses, DatePickerClassKey, DatePicker, ContextMenuState, ContextMenuOptions, ContextMenuElements, ContextMenuClasses, ContextMenu, ComposedTooltipProps, ComposedTooltip, ComposedToggleProps, ComposedToggleGroupProps, ComposedToggleGroup, ComposedToggle, ComposedTextareaProps, ComposedTextarea, ComposedTabsProps, ComposedTabs, ComposedTableProps, ComposedTable, ComposedSwitchProps, ComposedSwitch, ComposedSliderProps, ComposedSlider, ComposedSkeletonTextProps, ComposedSkeletonProps, ComposedSkeletonCircleProps, ComposedSkeleton, ComposedSheetProps, ComposedSheet, ComposedSeparatorProps, ComposedSeparator, ComposedSelectProps, ComposedSelect, ComposedScrollAreaProps, ComposedScrollArea, ComposedResizablePanelProps, ComposedResizablePanel, ComposedRadioGroupProps, ComposedRadioGroup, ComposedProgressProps, ComposedProgress, ComposedPrimitive, ComposedPopoverProps, ComposedPopover, ComposedPaginationProps, ComposedPagination, ComposedNavigationMenuProps, ComposedNavigationMenu, ComposedMenubarProps, ComposedMenubar, ComposedMenuProps, ComposedMenu, ComposedListProps, ComposedList, ComposedLabelProps, ComposedLabel, ComposedInputProps, ComposedInput, ComposedHoverCardProps, ComposedHoverCard, ComposedFormGroupProps, ComposedFormGroup, ComposedEmptyStateProps, ComposedEmptyState, ComposedDropdownMenuProps, ComposedDropdownMenu, ComposedDialogProps, ComposedDialog, ComposedDatePickerProps, ComposedDatePicker, ComposedContextMenuProps, ComposedContextMenu, ComposedCommandProps, ComposedCommand, ComposedComboboxProps, ComposedCombobox, ComposedCollapsibleProps, ComposedCollapsible, ComposedCheckboxProps, ComposedCheckbox, ComposedCarouselProps, ComposedCarousel, ComposedCardProps, ComposedCard, ComposedCalendarProps, ComposedCalendar, ComposedButtonProps, ComposedButton, ComposedBreadcrumbProps, ComposedBreadcrumb, ComposedBadgeProps, ComposedBadge, ComposedAvatarProps, ComposedAvatar, ComposedAlertProps, ComposedAlertDialogProps, ComposedAlertDialog, ComposedAlert, ComposedAccordionProps, ComposedAccordion, CommandState, CommandOptions, CommandElements, CommandClasses, Command, ComboboxState, ComboboxOptions, ComboboxElements, ComboboxClasses, ComboboxClassKey, Combobox, CollapsibleState, CollapsibleOptions, CollapsibleElements, CollapsibleClasses, CollapsibleClassKey, Collapsible, ClassesOf, CheckedState, CheckboxOptions, CheckboxClasses, Checkbox, CarouselState, CarouselOptions, CarouselElements, CarouselClasses, Carousel, CardClasses, CardClassKey, CalendarState, CalendarOptions, CalendarElements, CalendarClasses, Calendar, ButtonOptions, ButtonClasses, Button, BreadcrumbItemProps, BreadcrumbClasses, BreadcrumbClassKey, BadgeOptions, BadgeElements, BadgeClasses, Badge, AvatarClasses, AvatarClassKey, AnimateConfig, AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialogClasses, AlertDialog, AlertClasses, AlertClassKey, AccordionState, AccordionOptions, AccordionElements, AccordionClasses, Accordion };

package/dist/src/index.js

@@ -38,6 +38,7 @@ export { HoverCard } from "./hover-card/hover-card.js";
 export { ComposedHoverCard } from "./hover-card/hover-card-composed.js";
 export { ComposedInput } from "./input/input-composed.js";
 export { ComposedLabel } from "./label/label-composed.js";
+export { ComposedList } from "./list/list-composed.js";
 export { Menu } from "./menu/menu.js";
 export { ComposedMenu } from "./menu/menu-composed.js";
 export { Menubar } from "./menubar/menubar.js";

package/dist/src/list/list-composed.d.ts

@@ -0,0 +1,34 @@
+import { ChildValue } from "@vertz/ui";
+interface ListClasses {
+	root?: string;
+	item?: string;
+	dragHandle?: string;
+}
+type ListClassKey = keyof ListClasses;
+interface AnimateConfig {
+	duration?: number;
+	easing?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedListProps {
+	children?: ChildValue;
+	classes?: ListClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	animate?: boolean | AnimateConfig;
+	sortable?: boolean;
+	onReorder?: (fromIndex: number, toIndex: number) => void;
+}
+declare const ComposedList: ((props: ComposedListProps) => HTMLElement) & {
+	__classKeys?: ListClassKey;
+	Item: (props: SlotProps) => HTMLElement;
+	DragHandle: (props: SlotProps) => HTMLElement;
+	reorder: <T>(arr: readonly T[], from: number, to: number) => T[];
+};
+export { ListClasses, ListClassKey, ComposedListProps, ComposedList, AnimateConfig };

package/dist/src/list/list-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedList
+} from "../../shared/chunk-5964gmv0.js";
+export {
+  ComposedList
+};