@vertz/theme-shadcn 0.2.23 → 0.2.24

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 import { GlobalCSSOutput, Theme } from "@vertz/ui";
+/** Color token values: a map of color names to contextual/shade values. */
+type PaletteTokens = Record<string, Record<string, string>>;
 type PaletteName = "zinc" | "slate" | "stone" | "neutral" | "gray";
+declare const palettes: Record<PaletteName, PaletteTokens>;
 /**
 * Visual style preset. Each style applies different spacing, border-radius,
 * colors, and visual treatment to all components.
@@ -31,151 +34,25 @@ interface ResolvedThemeBase {
 	/** Global CSS (reset, typography, radius). Auto-injected via globalCss(). */
 	globals: GlobalCSSOutput;
 }
-import { VariantFunction as VariantFunction5 } from "@vertz/ui";
-import { ToastOptions as ToastOptions2 } from "@vertz/ui-primitives";
+declare const RADIUS_VALUES: Record<"none" | "sm" | "md" | "lg" | "xl", string>;
+import { VariantFunction as VariantFunction3 } from "@vertz/ui";
+import { ComposedAlertProps, ComposedBadgeProps, ComposedButtonProps, ComposedInputProps, ComposedLabelProps, ComposedPaginationProps, ComposedSeparatorProps, ComposedSkeletonCircleProps, ComposedSkeletonProps, ComposedSkeletonTextProps, ComposedTextareaProps, StyledPrimitive, ToastOptions as ToastOptions2 } from "@vertz/ui-primitives";
+import { ComposedAlert, ComposedAvatar, ComposedBreadcrumb, ComposedCard, ComposedEmptyState, ComposedFormGroup, ComposedTable } from "@vertz/ui-primitives";
 import { ChildValue } from "@vertz/ui";
-interface AlertProps {
-	variant?: "default" | "destructive";
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue;
-}
-interface AlertComponents {
-	Alert: (props: AlertProps) => HTMLDivElement;
-	AlertTitle: (props: AlertProps) => HTMLHeadingElement;
-	AlertDescription: (props: AlertProps) => HTMLDivElement;
-}
-import { ChildValue as ChildValue2 } from "@vertz/ui";
-interface AvatarProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue2;
-}
-interface AvatarImageProps {
-	src: string;
-	alt: string;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-interface AvatarComponents {
-	Avatar: (props: AvatarProps) => HTMLDivElement;
-	AvatarImage: (props: AvatarImageProps) => HTMLImageElement;
-	AvatarFallback: (props: AvatarProps) => HTMLDivElement;
-}
-import { ChildValue as ChildValue3 } from "@vertz/ui";
-interface BadgeProps {
-	color?: string;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue3;
-}
-interface BreadcrumbItem {
-	label: string;
-	href?: string;
-}
-interface BreadcrumbProps {
-	items: BreadcrumbItem[];
-	separator?: string;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-type BreadcrumbComponents = (props: BreadcrumbProps) => HTMLElement;
-import { ChildValue as ChildValue4 } from "@vertz/ui";
-import { ElementEventHandlers } from "@vertz/ui-primitives";
-interface ButtonProps extends ElementEventHandlers {
-	intent?: string;
-	size?: string;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue4;
-	disabled?: boolean;
-	type?: "button" | "submit" | "reset";
-	[key: string]: unknown;
-}
-import { ChildValue as ChildValue5 } from "@vertz/ui";
-interface CardProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue5;
-}
-interface CardComponents {
-	Card: (props: CardProps) => HTMLDivElement;
-	CardHeader: (props: CardProps) => HTMLDivElement;
-	CardTitle: (props: CardProps) => HTMLHeadingElement;
-	CardDescription: (props: CardProps) => HTMLParagraphElement;
-	CardContent: (props: CardProps) => HTMLDivElement;
-	CardFooter: (props: CardProps) => HTMLDivElement;
-	CardAction: (props: CardProps) => HTMLDivElement;
-}
-import { ChildValue as ChildValue6 } from "@vertz/ui";
-interface FormGroupProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue6;
-}
-interface FormErrorProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue6;
-}
-interface FormGroupComponents {
-	FormGroup: (props: FormGroupProps) => HTMLDivElement;
-	FormError: (props: FormErrorProps) => HTMLSpanElement;
-}
-import { ElementEventHandlers as ElementEventHandlers2 } from "@vertz/ui-primitives";
-interface InputProps extends ElementEventHandlers2 {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	name?: string;
-	placeholder?: string;
-	type?: string;
-	disabled?: boolean;
-	value?: string;
-	[key: string]: unknown;
-}
-import { ChildValue as ChildValue7 } from "@vertz/ui";
-interface LabelProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	for?: string;
-	children?: ChildValue7;
-}
-interface PaginationProps {
-	currentPage: number;
-	totalPages: number;
-	onPageChange: (page: number) => void;
-	siblingCount?: number;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-type PaginationComponents = (props: PaginationProps) => HTMLElement;
-import { ChildValue as ChildValue8 } from "@vertz/ui";
 interface AccordionRootProps {
 	type?: "single" | "multiple";
 	defaultValue?: string[];
-	children?: ChildValue8;
+	children?: ChildValue;
 }
 interface AccordionSlotProps {
-	children?: ChildValue8;
+	children?: ChildValue;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface AccordionItemProps {
 	value: string;
-	children?: ChildValue8;
+	children?: ChildValue;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -186,33 +63,6 @@ interface ThemedAccordionComponent {
 	Trigger: (props: AccordionSlotProps) => HTMLElement;
 	Content: (props: AccordionSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue9 } from "@vertz/ui";
-interface AlertDialogRootProps {
-	children?: ChildValue9;
-	onOpenChange?: (open: boolean) => void;
-	onAction?: () => void;
-}
-interface AlertDialogSlotProps {
-	children?: ChildValue9;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-interface AlertDialogButtonSlotProps extends AlertDialogSlotProps {
-	onClick?: () => void;
-	disabled?: boolean;
-}
-interface ThemedAlertDialogComponent {
-	(props: AlertDialogRootProps): HTMLElement;
-	Trigger: (props: AlertDialogSlotProps) => HTMLElement;
-	Content: (props: AlertDialogSlotProps) => HTMLElement;
-	Header: (props: AlertDialogSlotProps) => HTMLElement;
-	Title: (props: AlertDialogSlotProps) => HTMLElement;
-	Description: (props: AlertDialogSlotProps) => HTMLElement;
-	Footer: (props: AlertDialogSlotProps) => HTMLElement;
-	Cancel: (props: AlertDialogButtonSlotProps) => HTMLElement;
-	Action: (props: AlertDialogButtonSlotProps) => HTMLElement;
-}
 import { ComposedCalendarProps } from "@vertz/ui-primitives";
 interface CalendarRootProps {
 	mode?: ComposedCalendarProps["mode"];
@@ -227,16 +77,16 @@ interface CalendarRootProps {
 	captionLayout?: ComposedCalendarProps["captionLayout"];
 }
 type ThemedCalendarComponent = (props: CalendarRootProps) => HTMLElement;
-import { ChildValue as ChildValue10 } from "@vertz/ui";
+import { ChildValue as ChildValue2 } from "@vertz/ui";
 interface CarouselRootProps {
 	orientation?: "horizontal" | "vertical";
 	loop?: boolean;
 	defaultIndex?: number;
 	onSlideChange?: (index: number) => void;
-	children?: ChildValue10;
+	children?: ChildValue2;
 }
 interface CarouselSlotProps {
-	children?: ChildValue10;
+	children?: ChildValue2;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -247,24 +97,24 @@ interface ThemedCarouselComponent {
 	Previous: (props: CarouselSlotProps) => HTMLElement;
 	Next: (props: CarouselSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue11 } from "@vertz/ui";
+import { ChildValue as ChildValue3 } from "@vertz/ui";
 import { CheckedState } from "@vertz/ui-primitives";
 interface CheckboxRootProps {
-	children?: ChildValue11;
+	children?: ChildValue3;
 	defaultChecked?: CheckedState;
 	disabled?: boolean;
 	onCheckedChange?: (checked: CheckedState) => void;
 }
 type ThemedCheckboxComponent = (props: CheckboxRootProps) => HTMLElement;
-import { ChildValue as ChildValue12 } from "@vertz/ui";
+import { ChildValue as ChildValue4 } from "@vertz/ui";
 interface CollapsibleRootProps {
 	defaultOpen?: boolean;
 	disabled?: boolean;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue12;
+	children?: ChildValue4;
 }
 interface CollapsibleSlotProps {
-	children?: ChildValue12;
+	children?: ChildValue4;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -274,23 +124,23 @@ interface ThemedCollapsibleComponent {
 	Trigger: (props: CollapsibleSlotProps) => HTMLElement;
 	Content: (props: CollapsibleSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue13 } from "@vertz/ui";
+import { ChildValue as ChildValue5 } from "@vertz/ui";
 interface CommandRootProps {
 	filter?: (value: string, search: string) => boolean;
 	onSelect?: (value: string) => void;
 	onInputChange?: (value: string) => void;
 	placeholder?: string;
-	children?: ChildValue13;
+	children?: ChildValue5;
 }
 interface CommandSlotProps {
-	children?: ChildValue13;
+	children?: ChildValue5;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface CommandItemProps {
 	value: string;
-	children?: ChildValue13;
+	children?: ChildValue5;
 	keywords?: string[];
 	className?: string;
 	/** @deprecated Use `className` instead. */
@@ -298,7 +148,7 @@ interface CommandItemProps {
 }
 interface CommandGroupProps {
 	label: string;
-	children?: ChildValue13;
+	children?: ChildValue5;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -312,33 +162,33 @@ interface ThemedCommandComponent {
 	Group: (props: CommandGroupProps) => HTMLElement;
 	Separator: (props: CommandSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue14 } from "@vertz/ui";
+import { ChildValue as ChildValue6 } from "@vertz/ui";
 interface ContextMenuRootProps {
 	onSelect?: (value: string) => void;
-	children?: ChildValue14;
+	children?: ChildValue6;
 }
 interface ContextMenuSlotProps {
-	children?: ChildValue14;
+	children?: ChildValue6;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ContextMenuItemProps {
 	value: string;
-	children?: ChildValue14;
+	children?: ChildValue6;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ContextMenuGroupProps {
 	label: string;
-	children?: ChildValue14;
+	children?: ChildValue6;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ContextMenuLabelProps {
-	children?: ChildValue14;
+	children?: ChildValue6;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -352,7 +202,7 @@ interface ThemedContextMenuComponent {
 	Label: (props: ContextMenuLabelProps) => HTMLElement;
 	Separator: (props: ContextMenuSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue15 } from "@vertz/ui";
+import { ChildValue as ChildValue7 } from "@vertz/ui";
 import { ComposedCalendarProps as ComposedCalendarProps2 } from "@vertz/ui-primitives";
 interface DatePickerRootProps {
 	mode?: "single" | "range";
@@ -372,10 +222,10 @@ interface DatePickerRootProps {
 	} | null) => void;
 	onOpenChange?: (open: boolean) => void;
 	captionLayout?: ComposedCalendarProps2["captionLayout"];
-	children?: ChildValue15;
+	children?: ChildValue7;
 }
 interface DatePickerSlotProps {
-	children?: ChildValue15;
+	children?: ChildValue7;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -385,40 +235,33 @@ interface ThemedDatePickerComponent {
 	Trigger: (props: DatePickerSlotProps) => HTMLElement;
 	Content: (props: DatePickerSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue16 } from "@vertz/ui";
-interface DialogRootProps {
-	children?: ChildValue16;
-	onOpenChange?: (open: boolean) => void;
-}
+import { ChildValue as ChildValue8 } from "@vertz/ui";
+import { JSX } from "@vertz/ui/jsx-runtime";
 interface DialogSlotProps {
-	children?: ChildValue16;
+	children?: ChildValue8;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface DialogContentProps extends DialogSlotProps {
-	showClose?: boolean;
-}
 interface ThemedDialogComponent {
-	(props: DialogRootProps): HTMLElement;
-	Trigger: (props: DialogSlotProps) => HTMLElement;
-	Content: (props: DialogContentProps) => HTMLElement;
-	Header: (props: DialogSlotProps) => HTMLElement;
-	Title: (props: DialogSlotProps) => HTMLElement;
-	Description: (props: DialogSlotProps) => HTMLElement;
-	Footer: (props: DialogSlotProps) => HTMLElement;
-	Close: (props: DialogSlotProps) => HTMLElement;
+	Header: (props: DialogSlotProps) => JSX.Element;
+	Title: (props: DialogSlotProps) => JSX.Element;
+	Description: (props: DialogSlotProps) => JSX.Element;
+	Footer: (props: DialogSlotProps) => JSX.Element;
+	Body: (props: DialogSlotProps) => JSX.Element;
+	Close: (props: DialogSlotProps) => JSX.Element;
+	Cancel: (props: DialogSlotProps) => JSX.Element;
 }
-import { ChildValue as ChildValue17 } from "@vertz/ui";
+import { ChildValue as ChildValue9 } from "@vertz/ui";
 import { SheetSide } from "@vertz/ui-primitives";
 type DrawerSide = SheetSide;
 interface DrawerRootProps {
 	side?: DrawerSide;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue17;
+	children?: ChildValue9;
 }
 interface DrawerSlotProps {
-	children?: ChildValue17;
+	children?: ChildValue9;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -433,34 +276,34 @@ interface ThemedDrawerComponent {
 	Footer: (props: DrawerSlotProps) => HTMLElement;
 	Handle: (props: DrawerSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue18 } from "@vertz/ui";
+import { ChildValue as ChildValue10 } from "@vertz/ui";
 interface DropdownMenuRootProps {
 	onSelect?: (value: string) => void;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue18;
+	children?: ChildValue10;
 }
 interface DropdownMenuSlotProps {
-	children?: ChildValue18;
+	children?: ChildValue10;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuItemProps {
 	value: string;
-	children?: ChildValue18;
+	children?: ChildValue10;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuGroupProps {
 	label: string;
-	children?: ChildValue18;
+	children?: ChildValue10;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuLabelProps {
-	children?: ChildValue18;
+	children?: ChildValue10;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -474,15 +317,15 @@ interface ThemedDropdownMenuComponent {
 	Label: (props: DropdownMenuLabelProps) => HTMLElement;
 	Separator: (props: DropdownMenuSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue19 } from "@vertz/ui";
+import { ChildValue as ChildValue11 } from "@vertz/ui";
 interface HoverCardRootProps {
 	openDelay?: number;
 	closeDelay?: number;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue19;
+	children?: ChildValue11;
 }
 interface HoverCardSlotProps {
-	children?: ChildValue19;
+	children?: ChildValue11;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -492,37 +335,37 @@ interface ThemedHoverCardComponent {
 	Trigger: (props: HoverCardSlotProps) => HTMLElement;
 	Content: (props: HoverCardSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue20 } from "@vertz/ui";
+import { ChildValue as ChildValue12 } from "@vertz/ui";
 interface MenubarRootProps {
 	onSelect?: (value: string) => void;
-	children?: ChildValue20;
+	children?: ChildValue12;
 }
 interface MenubarMenuProps {
 	value: string;
-	children?: ChildValue20;
+	children?: ChildValue12;
 }
 interface MenubarSlotProps {
-	children?: ChildValue20;
+	children?: ChildValue12;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface MenubarItemProps {
 	value: string;
-	children?: ChildValue20;
+	children?: ChildValue12;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface MenubarGroupProps {
 	label: string;
-	children?: ChildValue20;
+	children?: ChildValue12;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface MenubarLabelProps {
-	children?: ChildValue20;
+	children?: ChildValue12;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -537,26 +380,26 @@ interface ThemedMenubarComponent {
 	Label: (props: MenubarLabelProps) => HTMLElement;
 	Separator: (props: MenubarSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue21 } from "@vertz/ui";
+import { ChildValue as ChildValue13 } from "@vertz/ui";
 interface NavigationMenuRootProps {
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
 	delayClose?: number;
-	children?: ChildValue21;
+	children?: ChildValue13;
 }
 interface NavigationMenuSlotProps {
-	children?: ChildValue21;
+	children?: ChildValue13;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface NavigationMenuItemProps {
 	value: string;
-	children?: ChildValue21;
+	children?: ChildValue13;
 }
 interface NavigationMenuLinkProps {
 	href: string;
-	children?: ChildValue21;
+	children?: ChildValue13;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -575,13 +418,13 @@ interface ThemedNavigationMenuComponent {
 	Link: (props: NavigationMenuLinkProps) => HTMLElement;
 	Viewport: (props: NavigationMenuViewportProps) => HTMLElement;
 }
-import { ChildValue as ChildValue22 } from "@vertz/ui";
+import { ChildValue as ChildValue14 } from "@vertz/ui";
 interface PopoverRootProps {
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue22;
+	children?: ChildValue14;
 }
 interface PopoverSlotProps {
-	children?: ChildValue22;
+	children?: ChildValue14;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -591,30 +434,30 @@ interface ThemedPopoverComponent {
 	Trigger: (props: PopoverSlotProps) => HTMLElement;
 	Content: (props: PopoverSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue23 } from "@vertz/ui";
+import { ChildValue as ChildValue15 } from "@vertz/ui";
 interface ProgressRootProps {
-	children?: ChildValue23;
+	children?: ChildValue15;
 	defaultValue?: number;
 	min?: number;
 	max?: number;
 }
 type ThemedProgressComponent = (props: ProgressRootProps) => HTMLElement;
-import { ChildValue as ChildValue24 } from "@vertz/ui";
+import { ChildValue as ChildValue16 } from "@vertz/ui";
 interface RadioGroupRootProps {
-	children?: ChildValue24;
+	children?: ChildValue16;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 }
 interface RadioGroupItemProps {
 	value: string;
 	disabled?: boolean;
-	children?: ChildValue24;
+	children?: ChildValue16;
 }
 interface ThemedRadioGroupComponent {
 	(props: RadioGroupRootProps): HTMLElement;
 	Item: (props: RadioGroupItemProps) => HTMLElement;
 }
-import { ChildValue as ChildValue25 } from "@vertz/ui";
+import { ChildValue as ChildValue17 } from "@vertz/ui";
 import { PanelOptions } from "@vertz/ui-primitives";
 interface ResizablePanelStyleClasses {
 	readonly root: string;
@@ -624,10 +467,10 @@ interface ResizablePanelStyleClasses {
 interface ResizablePanelRootProps {
 	orientation?: "horizontal" | "vertical";
 	onResize?: (sizes: number[]) => void;
-	children?: ChildValue25;
+	children?: ChildValue17;
 }
 interface ResizablePanelPanelProps extends PanelOptions {
-	children?: ChildValue25;
+	children?: ChildValue17;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -643,35 +486,35 @@ interface ThemedResizablePanelComponent {
 	Handle: (props: ResizablePanelHandleProps) => HTMLElement;
 }
 declare function createThemedResizablePanel(styles: ResizablePanelStyleClasses): ThemedResizablePanelComponent;
-import { ChildValue as ChildValue26 } from "@vertz/ui";
+import { ChildValue as ChildValue18 } from "@vertz/ui";
 interface ScrollAreaRootProps {
 	orientation?: "vertical" | "horizontal" | "both";
-	children?: ChildValue26;
+	children?: ChildValue18;
 }
 type ThemedScrollAreaComponent = (props: ScrollAreaRootProps) => HTMLElement;
-import { ChildValue as ChildValue27 } from "@vertz/ui";
+import { ChildValue as ChildValue19 } from "@vertz/ui";
 interface SelectRootProps {
 	defaultValue?: string;
 	placeholder?: string;
 	onValueChange?: (value: string) => void;
-	children?: ChildValue27;
+	children?: ChildValue19;
 }
 interface SelectSlotProps {
-	children?: ChildValue27;
+	children?: ChildValue19;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface SelectItemProps {
 	value: string;
-	children?: ChildValue27;
+	children?: ChildValue19;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface SelectGroupProps {
 	label: string;
-	children?: ChildValue27;
+	children?: ChildValue19;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -684,15 +527,15 @@ interface ThemedSelectComponent {
 	Group: (props: SelectGroupProps) => HTMLElement;
 	Separator: (props: SelectSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue28 } from "@vertz/ui";
+import { ChildValue as ChildValue20 } from "@vertz/ui";
 import { SheetSide as SheetSide2 } from "@vertz/ui-primitives";
 interface SheetRootProps {
 	side?: SheetSide2;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue28;
+	children?: ChildValue20;
 }
 interface SheetSlotProps {
-	children?: ChildValue28;
+	children?: ChildValue20;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -708,9 +551,9 @@ interface ThemedSheetComponent {
 	Description: (props: SheetSlotProps) => HTMLElement;
 	Close: (props: SheetSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue29 } from "@vertz/ui";
+import { ChildValue as ChildValue21 } from "@vertz/ui";
 interface SliderRootProps {
-	children?: ChildValue29;
+	children?: ChildValue21;
 	defaultValue?: number;
 	min?: number;
 	max?: number;
@@ -719,37 +562,37 @@ interface SliderRootProps {
 	onValueChange?: (value: number) => void;
 }
 type ThemedSliderComponent = (props: SliderRootProps) => HTMLElement;
-import { ChildValue as ChildValue30 } from "@vertz/ui";
+import { ChildValue as ChildValue22 } from "@vertz/ui";
 interface ThemedSwitchProps {
-	children?: ChildValue30;
+	children?: ChildValue22;
 	defaultChecked?: boolean;
 	disabled?: boolean;
 	onCheckedChange?: (checked: boolean) => void;
 	size?: "default" | "sm";
 }
 type ThemedSwitchComponent = (props: ThemedSwitchProps) => HTMLElement;
-import { ChildValue as ChildValue31 } from "@vertz/ui";
+import { ChildValue as ChildValue23 } from "@vertz/ui";
 interface TabsRootProps {
 	defaultValue?: string;
 	variant?: "default" | "line";
-	children?: ChildValue31;
+	children?: ChildValue23;
 }
 interface TabsSlotProps {
-	children?: ChildValue31;
+	children?: ChildValue23;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface TabsTriggerProps {
 	value: string;
-	children?: ChildValue31;
+	children?: ChildValue23;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface TabsContentProps {
 	value: string;
-	children?: ChildValue31;
+	children?: ChildValue23;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -766,17 +609,17 @@ type ThemedToastResult = ToastElements & {
 	announce: (content: string) => ToastMessage;
 	dismiss: (id: string) => void;
 };
-import { ChildValue as ChildValue32 } from "@vertz/ui";
+import { ChildValue as ChildValue24 } from "@vertz/ui";
 interface ToggleRootProps {
-	children?: ChildValue32;
+	children?: ChildValue24;
 	defaultPressed?: boolean;
 	disabled?: boolean;
 	onPressedChange?: (pressed: boolean) => void;
 }
 type ThemedToggleComponent = (props: ToggleRootProps) => HTMLElement;
-import { ChildValue as ChildValue33 } from "@vertz/ui";
+import { ChildValue as ChildValue25 } from "@vertz/ui";
 interface ToggleGroupRootProps {
-	children?: ChildValue33;
+	children?: ChildValue25;
 	type?: "single" | "multiple";
 	defaultValue?: string[];
 	orientation?: "horizontal" | "vertical";
@@ -785,19 +628,19 @@ interface ToggleGroupRootProps {
 }
 interface ToggleGroupItemProps {
 	value: string;
-	children?: ChildValue33;
+	children?: ChildValue25;
 }
 interface ThemedToggleGroupComponent {
 	(props: ToggleGroupRootProps): HTMLElement;
 	Item: (props: ToggleGroupItemProps) => HTMLElement;
 }
-import { ChildValue as ChildValue34 } from "@vertz/ui";
+import { ChildValue as ChildValue26 } from "@vertz/ui";
 interface TooltipRootProps {
 	delay?: number;
-	children?: ChildValue34;
+	children?: ChildValue26;
 }
 interface TooltipSlotProps {
-	children?: ChildValue34;
+	children?: ChildValue26;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -807,146 +650,102 @@ interface ThemedTooltipComponent {
 	Trigger: (props: TooltipSlotProps) => HTMLElement;
 	Content: (props: TooltipSlotProps) => HTMLElement;
 }
-interface SeparatorProps {
-	orientation?: "horizontal" | "vertical";
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-interface SkeletonProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	width?: string;
-	height?: string;
-}
-interface SkeletonComponents {
-	Skeleton: (props?: SkeletonProps) => HTMLDivElement;
-}
-import { ChildValue as ChildValue35 } from "@vertz/ui";
-interface TableProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	children?: ChildValue35;
-}
-interface TableComponents {
-	Table: (props: TableProps) => HTMLDivElement;
-	TableHeader: (props: TableProps) => HTMLTableSectionElement;
-	TableBody: (props: TableProps) => HTMLTableSectionElement;
-	TableRow: (props: TableProps) => HTMLTableRowElement;
-	TableHead: (props: TableProps) => HTMLTableCellElement;
-	TableCell: (props: TableProps) => HTMLTableCellElement;
-	TableCaption: (props: TableProps) => HTMLTableCaptionElement;
-	TableFooter: (props: TableProps) => HTMLTableSectionElement;
-}
-import { ElementEventHandlers as ElementEventHandlers3 } from "@vertz/ui-primitives";
-interface TextareaProps extends ElementEventHandlers3 {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-	name?: string;
-	placeholder?: string;
-	disabled?: boolean;
-	value?: string;
-	rows?: number;
-	[key: string]: unknown;
-}
-import { CSSOutput as CSSOutput15, StyleEntry as StyleEntry6 } from "@vertz/ui";
+import { CSSOutput as CSSOutput4, StyleEntry as StyleEntry5 } from "@vertz/ui";
 type BreadcrumbBlocks = {
-	nav: StyleEntry6[];
-	list: StyleEntry6[];
-	item: StyleEntry6[];
-	link: StyleEntry6[];
-	page: StyleEntry6[];
-	separator: StyleEntry6[];
+	nav: StyleEntry5[];
+	list: StyleEntry5[];
+	item: StyleEntry5[];
+	link: StyleEntry5[];
+	page: StyleEntry5[];
+	separator: StyleEntry5[];
 };
 /** Create breadcrumb css() styles. */
-declare function createBreadcrumbStyles(): CSSOutput15<BreadcrumbBlocks>;
-import { CSSOutput as CSSOutput16, StyleEntry as StyleEntry8 } from "@vertz/ui";
+declare function createBreadcrumbStyles(): CSSOutput4<BreadcrumbBlocks>;
+import { CSSOutput as CSSOutput5, StyleEntry as StyleEntry7 } from "@vertz/ui";
 type CalendarBlocks = {
-	root: StyleEntry8[];
-	header: StyleEntry8[];
-	title: StyleEntry8[];
-	navButton: StyleEntry8[];
-	grid: StyleEntry8[];
-	headCell: StyleEntry8[];
-	cell: StyleEntry8[];
-	dayButton: StyleEntry8[];
-	monthSelect: StyleEntry8[];
-	yearSelect: StyleEntry8[];
+	root: StyleEntry7[];
+	rootNoBorder: StyleEntry7[];
+	header: StyleEntry7[];
+	title: StyleEntry7[];
+	navButton: StyleEntry7[];
+	grid: StyleEntry7[];
+	headCell: StyleEntry7[];
+	cell: StyleEntry7[];
+	dayButton: StyleEntry7[];
+	monthSelect: StyleEntry7[];
+	yearSelect: StyleEntry7[];
 };
 /** Create calendar css() styles. */
-declare function createCalendarStyles(): CSSOutput16<CalendarBlocks>;
-import { CSSOutput as CSSOutput18, StyleEntry as StyleEntry9 } from "@vertz/ui";
+declare function createCalendarStyles(): CSSOutput5<CalendarBlocks>;
+import { CSSOutput as CSSOutput7, StyleEntry as StyleEntry8 } from "@vertz/ui";
 type CarouselBlocks = {
-	root: StyleEntry9[];
-	viewport: StyleEntry9[];
-	slide: StyleEntry9[];
-	prevButton: StyleEntry9[];
-	nextButton: StyleEntry9[];
+	root: StyleEntry8[];
+	viewport: StyleEntry8[];
+	slide: StyleEntry8[];
+	prevButton: StyleEntry8[];
+	nextButton: StyleEntry8[];
 };
 /** Create carousel css() styles following shadcn conventions. */
-declare function createCarouselStyles(): CSSOutput18<CarouselBlocks>;
-import { CSSOutput as CSSOutput20, StyleEntry as StyleEntry11 } from "@vertz/ui";
+declare function createCarouselStyles(): CSSOutput7<CarouselBlocks>;
+import { CSSOutput as CSSOutput9, StyleEntry as StyleEntry10 } from "@vertz/ui";
 type CollapsibleBlocks = {
-	content: StyleEntry11[];
+	content: StyleEntry10[];
 };
 /** Create collapsible css() styles. */
-declare function createCollapsibleStyles(): CSSOutput20<CollapsibleBlocks>;
-import { CSSOutput as CSSOutput21, StyleEntry as StyleEntry12 } from "@vertz/ui";
+declare function createCollapsibleStyles(): CSSOutput9<CollapsibleBlocks>;
+import { CSSOutput as CSSOutput10, StyleEntry as StyleEntry11 } from "@vertz/ui";
 type CommandBlocks = {
-	root: StyleEntry12[];
-	input: StyleEntry12[];
-	list: StyleEntry12[];
-	item: StyleEntry12[];
-	group: StyleEntry12[];
-	groupHeading: StyleEntry12[];
-	separator: StyleEntry12[];
-	empty: StyleEntry12[];
+	root: StyleEntry11[];
+	input: StyleEntry11[];
+	list: StyleEntry11[];
+	item: StyleEntry11[];
+	group: StyleEntry11[];
+	groupHeading: StyleEntry11[];
+	separator: StyleEntry11[];
+	empty: StyleEntry11[];
 };
 /** Create command css() styles. */
-declare function createCommandStyles(): CSSOutput21<CommandBlocks>;
-import { CSSOutput as CSSOutput22, StyleEntry as StyleEntry13 } from "@vertz/ui";
+declare function createCommandStyles(): CSSOutput10<CommandBlocks>;
+import { CSSOutput as CSSOutput11, StyleEntry as StyleEntry12 } from "@vertz/ui";
 type ContextMenuBlocks = {
-	content: StyleEntry13[];
-	item: StyleEntry13[];
-	group: StyleEntry13[];
-	label: StyleEntry13[];
-	separator: StyleEntry13[];
+	content: StyleEntry12[];
+	item: StyleEntry12[];
+	group: StyleEntry12[];
+	label: StyleEntry12[];
+	separator: StyleEntry12[];
 };
 /** Create context-menu css() styles. */
-declare function createContextMenuStyles(): CSSOutput22<ContextMenuBlocks>;
-import { CSSOutput as CSSOutput23, StyleEntry as StyleEntry14 } from "@vertz/ui";
+declare function createContextMenuStyles(): CSSOutput11<ContextMenuBlocks>;
+import { CSSOutput as CSSOutput12, StyleEntry as StyleEntry13 } from "@vertz/ui";
 type DatePickerBlocks = {
-	trigger: StyleEntry14[];
-	content: StyleEntry14[];
+	trigger: StyleEntry13[];
+	content: StyleEntry13[];
 };
 /** Create date-picker css() styles. */
-declare function createDatePickerStyles(): CSSOutput23<DatePickerBlocks>;
-import { CSSOutput as CSSOutput25, StyleEntry as StyleEntry16 } from "@vertz/ui";
+declare function createDatePickerStyles(): CSSOutput12<DatePickerBlocks>;
+import { CSSOutput as CSSOutput14, StyleEntry as StyleEntry15 } from "@vertz/ui";
 type DrawerBlocks = {
-	overlay: StyleEntry16[];
-	panelLeft: StyleEntry16[];
-	panelRight: StyleEntry16[];
-	panelTop: StyleEntry16[];
-	panelBottom: StyleEntry16[];
-	header: StyleEntry16[];
-	title: StyleEntry16[];
-	description: StyleEntry16[];
-	footer: StyleEntry16[];
-	handle: StyleEntry16[];
-	close: StyleEntry16[];
+	overlay: StyleEntry15[];
+	panelLeft: StyleEntry15[];
+	panelRight: StyleEntry15[];
+	panelTop: StyleEntry15[];
+	panelBottom: StyleEntry15[];
+	header: StyleEntry15[];
+	title: StyleEntry15[];
+	description: StyleEntry15[];
+	footer: StyleEntry15[];
+	handle: StyleEntry15[];
+	close: StyleEntry15[];
 };
 /** Create drawer css() styles. */
-declare function createDrawerStyles(): CSSOutput25<DrawerBlocks>;
-import { CSSOutput as CSSOutput28, StyleEntry as StyleEntry18 } from "@vertz/ui";
+declare function createDrawerStyles(): CSSOutput14<DrawerBlocks>;
+import { CSSOutput as CSSOutput18, StyleEntry as StyleEntry18 } from "@vertz/ui";
 type HoverCardBlocks = {
 	content: StyleEntry18[];
 };
 /** Create hover card css() styles. */
-declare function createHoverCardStyles(): CSSOutput28<HoverCardBlocks>;
-import { CSSOutput as CSSOutput31, StyleEntry as StyleEntry21 } from "@vertz/ui";
+declare function createHoverCardStyles(): CSSOutput18<HoverCardBlocks>;
+import { CSSOutput as CSSOutput21, StyleEntry as StyleEntry21 } from "@vertz/ui";
 type MenubarBlocks = {
 	root: StyleEntry21[];
 	trigger: StyleEntry21[];
@@ -956,8 +755,8 @@ type MenubarBlocks = {
 	label: StyleEntry21[];
 };
 /** Create menubar css() styles. */
-declare function createMenubarStyles(): CSSOutput31<MenubarBlocks>;
-import { CSSOutput as CSSOutput32, StyleEntry as StyleEntry22 } from "@vertz/ui";
+declare function createMenubarStyles(): CSSOutput21<MenubarBlocks>;
+import { CSSOutput as CSSOutput22, StyleEntry as StyleEntry22 } from "@vertz/ui";
 type NavigationMenuBlocks = {
 	root: StyleEntry22[];
 	list: StyleEntry22[];
@@ -967,8 +766,8 @@ type NavigationMenuBlocks = {
 	viewport: StyleEntry22[];
 };
 /** Create navigation menu css() styles. */
-declare function createNavigationMenuStyles(): CSSOutput32<NavigationMenuBlocks>;
-import { CSSOutput as CSSOutput33, StyleEntry as StyleEntry23 } from "@vertz/ui";
+declare function createNavigationMenuStyles(): CSSOutput22<NavigationMenuBlocks>;
+import { CSSOutput as CSSOutput23, StyleEntry as StyleEntry23 } from "@vertz/ui";
 type PaginationBlocks = {
 	nav: StyleEntry23[];
 	list: StyleEntry23[];
@@ -979,16 +778,16 @@ type PaginationBlocks = {
 	ellipsis: StyleEntry23[];
 };
 /** Create pagination css() styles. */
-declare function createPaginationStyles(): CSSOutput33<PaginationBlocks>;
-import { CSSOutput as CSSOutput37, StyleEntry as StyleEntry27 } from "@vertz/ui";
+declare function createPaginationStyles(): CSSOutput23<PaginationBlocks>;
+import { CSSOutput as CSSOutput27, StyleEntry as StyleEntry27 } from "@vertz/ui";
 type ResizablePanelBlocks = {
 	root: StyleEntry27[];
 	panel: StyleEntry27[];
 	handle: StyleEntry27[];
 };
 /** Create resizable panel css() styles following shadcn conventions. */
-declare function createResizablePanelStyles(): CSSOutput37<ResizablePanelBlocks>;
-import { CSSOutput as CSSOutput38, StyleEntry as StyleEntry28 } from "@vertz/ui";
+declare function createResizablePanelStyles(): CSSOutput27<ResizablePanelBlocks>;
+import { CSSOutput as CSSOutput28, StyleEntry as StyleEntry28 } from "@vertz/ui";
 type ScrollAreaBlocks = {
 	root: StyleEntry28[];
 	viewport: StyleEntry28[];
@@ -996,24 +795,24 @@ type ScrollAreaBlocks = {
 	thumb: StyleEntry28[];
 };
 /** Create scroll-area css() styles following shadcn conventions. */
-declare function createScrollAreaStyles(): CSSOutput38<ScrollAreaBlocks>;
-import { CSSOutput as CSSOutput49, StyleEntry as StyleEntry39 } from "@vertz/ui";
+declare function createScrollAreaStyles(): CSSOutput28<ScrollAreaBlocks>;
+import { CSSOutput as CSSOutput39, StyleEntry as StyleEntry39 } from "@vertz/ui";
 type ToggleBlocks = {
 	root: StyleEntry39[];
 };
 /** Create toggle css() styles. */
-declare function createToggleStyles(): CSSOutput49<ToggleBlocks>;
-import { CSSOutput as CSSOutput50, StyleEntry as StyleEntry40 } from "@vertz/ui";
+declare function createToggleStyles(): CSSOutput39<ToggleBlocks>;
+import { CSSOutput as CSSOutput40, StyleEntry as StyleEntry40 } from "@vertz/ui";
 type ToggleGroupBlocks = {
 	root: StyleEntry40[];
 	item: StyleEntry40[];
 };
 /** Create toggle group css() styles. */
-declare function createToggleGroupStyles(): CSSOutput50<ToggleGroupBlocks>;
+declare function createToggleGroupStyles(): CSSOutput40<ToggleGroupBlocks>;
 /** Pre-built style definitions returned by configureTheme(). */
 interface ThemeStyles {
 	/** Button variant function: `button({ intent: 'primary', size: 'md' })` */
-	button: VariantFunction5<{
+	button: VariantFunction3<{
 		intent: Record<string, string[]>;
 		size: Record<string, string[]>;
 	}>;
@@ -1026,7 +825,7 @@ interface ThemeStyles {
 		readonly css: string;
 	};
 	/** Badge variant function: `badge({ color: 'blue' })` */
-	badge: VariantFunction5<{
+	badge: VariantFunction3<{
 		color: Record<string, string[]>;
 	}>;
 	/** Card css() result with root, header, title, description, content, footer. */
@@ -1146,17 +945,6 @@ interface ThemeStyles {
 		readonly thumb: string;
 		readonly css: string;
 	};
-	/** AlertDialog css() styles. */
-	alertDialog: {
-		readonly overlay: string;
-		readonly panel: string;
-		readonly title: string;
-		readonly description: string;
-		readonly footer: string;
-		readonly cancel: string;
-		readonly action: string;
-		readonly css: string;
-	};
 	/** Accordion css() styles. */
 	accordion: {
 		readonly item: string;
@@ -1192,9 +980,21 @@ interface ThemeStyles {
 		readonly fallbackXl: string;
 		readonly css: string;
 	};
+	/** EmptyState css() styles. */
+	emptyState: {
+		readonly root: string;
+		readonly icon: string;
+		readonly title: string;
+		readonly description: string;
+		readonly action: string;
+		readonly css: string;
+	};
 	/** Skeleton css() styles. */
 	skeleton: {
-		readonly base: string;
+		readonly root: string;
+		readonly textRoot: string;
+		readonly textLine: string;
+		readonly circleRoot: string;
 		readonly css: string;
 	};
 	/** Table css() styles. */
@@ -1256,9 +1056,7 @@ interface ThemeStyles {
 }
 /** Themed primitive factories returned by configureTheme(). */
 interface ThemedPrimitives {
-	/** Themed AlertDialog — composable JSX component with AlertDialog.Trigger, AlertDialog.Content, etc. */
-	AlertDialog: ThemedAlertDialogComponent;
-	/** Themed Dialog — composable JSX component with Dialog.Trigger, Dialog.Content, Dialog.Title, Dialog.Description, Dialog.Footer. */
+	/** Themed Dialog — stack-aware sub-components: Dialog.Header, Dialog.Title, Dialog.Description, Dialog.Footer, Dialog.Body, Dialog.Close, Dialog.Cancel. */
 	Dialog: ThemedDialogComponent;
 	/** Themed DropdownMenu — composable JSX component with DropdownMenu.Trigger, DropdownMenu.Content, etc. */
 	DropdownMenu: ThemedDropdownMenuComponent;
@@ -1315,36 +1113,57 @@ interface ThemedPrimitives {
 	/** Themed ToggleGroup — composable JSX component with ToggleGroup.Item sub-components. */
 	ToggleGroup: ThemedToggleGroupComponent;
 }
+/** Props for the themed Button component (extends composed primitive props with variant support). */
+interface ThemedButtonProps extends Omit<ComposedButtonProps, "classes"> {
+	intent?: string;
+	size?: string;
+}
+/** Props for the themed Badge component (extends composed primitive props with color variant). */
+interface ThemedBadgeProps extends Omit<ComposedBadgeProps, "classes"> {
+	color?: string;
+}
+/** Props for the themed Alert component (extends composed primitive props with variant support). */
+interface ThemedAlertProps extends Omit<ComposedAlertProps, "classes"> {
+	variant?: "default" | "destructive";
+}
 /** Component functions returned by configureTheme(). */
 interface ThemeComponents {
-	/** Alert suite — Alert, AlertTitle, AlertDescription. */
-	Alert: AlertComponents;
-	/** Button component — returns HTMLButtonElement with theme styles. */
-	Button: (props: ButtonProps) => HTMLButtonElement;
-	/** Badge component — returns HTMLSpanElement with theme styles. */
-	Badge: (props: BadgeProps) => HTMLSpanElement;
-	/** Breadcrumb component — navigation breadcrumb trail. */
-	Breadcrumb: BreadcrumbComponents;
-	/** Card suite — Card, CardHeader, CardTitle, etc. */
-	Card: CardComponents;
-	/** Input component — returns HTMLInputElement with theme styles. */
-	Input: (props: InputProps) => HTMLInputElement;
-	/** Textarea component — returns HTMLTextAreaElement with theme styles. */
-	Textarea: (props: TextareaProps) => HTMLTextAreaElement;
-	/** Label component — returns HTMLLabelElement with theme styles. */
-	Label: (props: LabelProps) => HTMLLabelElement;
+	/** Alert component with variant support and sub-components (Alert.Title, Alert.Description). */
+	Alert: ((props: ThemedAlertProps) => HTMLElement) & {
+		Title: typeof ComposedAlert.Title;
+		Description: typeof ComposedAlert.Description;
+	};
+	/** Button component with intent/size variants. */
+	Button: (props: ThemedButtonProps) => HTMLElement;
+	/** Badge component with color variants. */
+	Badge: (props: ThemedBadgeProps) => HTMLElement;
+	/** Breadcrumb suite with Item sub-component for router-integrated navigation. */
+	Breadcrumb: StyledPrimitive<typeof ComposedBreadcrumb>;
+	/** Card suite with sub-components (Card.Header, Card.Title, etc.). */
+	Card: StyledPrimitive<typeof ComposedCard>;
+	/** Input component with theme styles. */
+	Input: (props: Omit<ComposedInputProps, "classes">) => HTMLElement;
+	/** Textarea component with theme styles. */
+	Textarea: (props: Omit<ComposedTextareaProps, "classes">) => HTMLElement;
+	/** Label component with theme styles. */
+	Label: (props: Omit<ComposedLabelProps, "classes">) => HTMLElement;
 	/** Pagination component — page navigation controls. */
-	Pagination: PaginationComponents;
-	/** Separator component — returns HTMLHRElement with theme styles. */
-	Separator: (props: SeparatorProps) => HTMLHRElement;
-	/** FormGroup suite — FormGroup and FormError. */
-	FormGroup: FormGroupComponents;
-	/** Avatar suite — Avatar, AvatarImage, AvatarFallback. */
-	Avatar: AvatarComponents;
+	Pagination: (props: Omit<ComposedPaginationProps, "classes">) => HTMLElement;
+	/** Separator component with theme styles. */
+	Separator: (props: Omit<ComposedSeparatorProps, "classes">) => HTMLElement;
+	/** FormGroup with sub-components (FormGroup.FormError). */
+	FormGroup: StyledPrimitive<typeof ComposedFormGroup>;
+	/** Avatar with sub-components (Avatar.Image, Avatar.Fallback). */
+	Avatar: StyledPrimitive<typeof ComposedAvatar>;
+	/** EmptyState component — placeholder for empty content areas with Icon, Title, Description, Action. */
+	EmptyState: StyledPrimitive<typeof ComposedEmptyState>;
 	/** Skeleton component — loading placeholder with pulse animation. */
-	Skeleton: SkeletonComponents;
-	/** Table suite — Table, TableHeader, TableBody, TableRow, etc. */
-	Table: TableComponents;
+	Skeleton: ((props: Omit<ComposedSkeletonProps, "classes">) => HTMLElement) & {
+		Text: (props: Omit<ComposedSkeletonTextProps, "classes">) => HTMLElement;
+		Circle: (props: Omit<ComposedSkeletonCircleProps, "classes">) => HTMLElement;
+	};
+	/** Table suite with sub-components (Table.Header, Table.Body, Table.Row, etc.). */
+	Table: StyledPrimitive<typeof ComposedTable>;
 	/** Themed primitive factories. */
 	primitives: ThemedPrimitives;
 }
@@ -1364,23 +1183,27 @@ interface ResolvedTheme extends ResolvedThemeBase {
 * component styles, use `configureThemeBase()` from `@vertz/theme-shadcn/base`.
 */
 declare function configureTheme(config?: ThemeConfig): ResolvedTheme;
+import { ComposedAvatar as ComposedAvatar2, ComposedBreadcrumb as ComposedBreadcrumb2, ComposedCard as ComposedCard2, ComposedEmptyState as ComposedEmptyState2, ComposedFormGroup as ComposedFormGroup2, ComposedInputProps as ComposedInputProps2, ComposedLabelProps as ComposedLabelProps2, ComposedPaginationProps as ComposedPaginationProps2, ComposedSeparatorProps as ComposedSeparatorProps2, ComposedSkeletonCircleProps as ComposedSkeletonCircleProps2, ComposedSkeletonProps as ComposedSkeletonProps2, ComposedSkeletonTextProps as ComposedSkeletonTextProps2, ComposedTable as ComposedTable2, ComposedTextareaProps as ComposedTextareaProps2, StyledPrimitive as StyledPrimitive2 } from "@vertz/ui-primitives";
 declare module "@vertz/ui/components" {
 	interface ThemeComponentMap {
-		Button: (props: ButtonProps) => HTMLButtonElement;
-		Badge: (props: BadgeProps) => HTMLSpanElement;
-		Input: (props: InputProps) => HTMLInputElement;
-		Textarea: (props: TextareaProps) => HTMLTextAreaElement;
-		Label: (props: LabelProps) => HTMLLabelElement;
-		Separator: (props: SeparatorProps) => HTMLHRElement;
-		Breadcrumb: BreadcrumbComponents;
-		Pagination: PaginationComponents;
-		Alert: AlertComponents;
-		Card: CardComponents;
-		FormGroup: FormGroupComponents;
-		Avatar: AvatarComponents;
-		Skeleton: SkeletonComponents;
-		Table: TableComponents;
-		AlertDialog: ThemedAlertDialogComponent;
+		Button: (props: ThemedButtonProps) => HTMLElement;
+		Badge: (props: ThemedBadgeProps) => HTMLElement;
+		Input: (props: Omit<ComposedInputProps2, "classes">) => HTMLElement;
+		Textarea: (props: Omit<ComposedTextareaProps2, "classes">) => HTMLElement;
+		Label: (props: Omit<ComposedLabelProps2, "classes">) => HTMLElement;
+		Separator: (props: Omit<ComposedSeparatorProps2, "classes">) => HTMLElement;
+		Breadcrumb: StyledPrimitive2<typeof ComposedBreadcrumb2>;
+		Pagination: (props: Omit<ComposedPaginationProps2, "classes">) => HTMLElement;
+		Alert: ThemeComponents["Alert"];
+		Card: StyledPrimitive2<typeof ComposedCard2>;
+		FormGroup: StyledPrimitive2<typeof ComposedFormGroup2>;
+		Avatar: StyledPrimitive2<typeof ComposedAvatar2>;
+		EmptyState: StyledPrimitive2<typeof ComposedEmptyState2>;
+		Skeleton: ((props: Omit<ComposedSkeletonProps2, "classes">) => HTMLElement) & {
+			Text: (props: Omit<ComposedSkeletonTextProps2, "classes">) => HTMLElement;
+			Circle: (props: Omit<ComposedSkeletonCircleProps2, "classes">) => HTMLElement;
+		};
+		Table: StyledPrimitive2<typeof ComposedTable2>;
 		Dialog: ThemedDialogComponent;
 		DropdownMenu: ThemedDropdownMenuComponent;
 		Select: ThemedSelectComponent;
@@ -1411,4 +1234,4 @@ declare module "@vertz/ui/components" {
 		ToggleGroup: ThemedToggleGroupComponent;
 	}
 }
-export { configureTheme, ThemedPrimitives, ThemeStyles, ThemeStyle, ThemeConfig, ThemeComponents, ResolvedThemeBase, ResolvedTheme };
+export { palettes, configureTheme, ThemedPrimitives, ThemeStyles, ThemeStyle, ThemeConfig, ThemeComponents, ResolvedThemeBase, ResolvedTheme, RADIUS_VALUES, PaletteName };