@vertz/theme-shadcn 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,1082 @@
+import { GlobalCSSOutput, Theme, VariantFunction as VariantFunction5 } from "@vertz/ui";
+import { CheckboxElements, CheckboxOptions, CheckboxState, ProgressElements, ProgressOptions, ProgressState, RadioOptions as RadioOptions2, SliderElements, SliderOptions, SliderState, SwitchElements as SwitchElements2, SwitchState as SwitchState2, ToastOptions as ToastOptions2 } from "@vertz/ui-primitives";
+import { ChildValue } from "@vertz/ui";
+interface AlertProps {
+	variant?: "default" | "destructive";
+	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 {
+	class?: string;
+	children?: ChildValue2;
+}
+interface AvatarImageProps {
+	src: string;
+	alt: string;
+	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;
+	class?: string;
+	children?: ChildValue3;
+}
+interface BreadcrumbItem {
+	label: string;
+	href?: string;
+}
+interface BreadcrumbProps {
+	items: BreadcrumbItem[];
+	separator?: string;
+	class?: string;
+}
+type BreadcrumbComponents = (props: BreadcrumbProps) => HTMLElement;
+import { ChildValue as ChildValue4 } from "@vertz/ui";
+interface ButtonProps {
+	intent?: string;
+	size?: string;
+	class?: string;
+	children?: ChildValue4;
+	disabled?: boolean;
+	type?: "button" | "submit" | "reset";
+	[key: string]: unknown;
+}
+import { ChildValue as ChildValue5 } from "@vertz/ui";
+interface CardProps {
+	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 {
+	class?: string;
+	children?: ChildValue6;
+}
+interface FormErrorProps {
+	class?: string;
+	children?: ChildValue6;
+}
+interface FormGroupComponents {
+	FormGroup: (props: FormGroupProps) => HTMLDivElement;
+	FormError: (props: FormErrorProps) => HTMLSpanElement;
+}
+interface InputProps {
+	class?: string;
+	name?: string;
+	placeholder?: string;
+	type?: string;
+	disabled?: boolean;
+	value?: string;
+	[key: string]: unknown;
+}
+import { ChildValue as ChildValue7 } from "@vertz/ui";
+interface LabelProps {
+	class?: string;
+	for?: string;
+	children?: ChildValue7;
+}
+interface PaginationProps {
+	currentPage: number;
+	totalPages: number;
+	onPageChange: (page: number) => void;
+	siblingCount?: number;
+	class?: string;
+}
+type PaginationComponents = (props: PaginationProps) => HTMLElement;
+import { ChildValue as ChildValue8 } from "@vertz/ui";
+interface AccordionRootProps {
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	children?: ChildValue8;
+}
+interface AccordionSlotProps {
+	children?: ChildValue8;
+	class?: string;
+}
+interface AccordionItemProps {
+	value: string;
+	children?: ChildValue8;
+	class?: string;
+}
+interface ThemedAccordionComponent {
+	(props: AccordionRootProps): HTMLDivElement;
+	Item: (props: AccordionItemProps) => HTMLDivElement;
+	Trigger: (props: AccordionSlotProps) => HTMLElement;
+	Content: (props: AccordionSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue9 } from "@vertz/ui";
+import { DialogOptions } from "@vertz/ui-primitives";
+interface AlertDialogRootProps extends DialogOptions {
+	children?: ChildValue9;
+}
+interface AlertDialogSlotProps {
+	children?: ChildValue9;
+	class?: string;
+}
+interface ThemedAlertDialogComponent {
+	(props: AlertDialogRootProps): HTMLElement;
+	Trigger: (props: AlertDialogSlotProps) => HTMLElement;
+	Content: (props: AlertDialogSlotProps) => HTMLElement;
+	Title: (props: AlertDialogSlotProps) => HTMLHeadingElement;
+	Description: (props: AlertDialogSlotProps) => HTMLParagraphElement;
+	Footer: (props: AlertDialogSlotProps) => HTMLDivElement;
+	Cancel: (props: AlertDialogSlotProps) => HTMLButtonElement;
+	Action: (props: AlertDialogSlotProps) => HTMLButtonElement;
+}
+import { CalendarElements, CalendarOptions, CalendarState } from "@vertz/ui-primitives";
+interface CalendarStyleClasses {
+	readonly root: string;
+	readonly header: string;
+	readonly title: string;
+	readonly navButton: string;
+	readonly grid: string;
+	readonly headCell: string;
+	readonly cell: string;
+	readonly dayButton: string;
+}
+declare function createThemedCalendar(styles: CalendarStyleClasses): (options?: CalendarOptions) => CalendarElements & {
+	state: CalendarState;
+};
+import { CarouselElements, CarouselOptions, CarouselState } from "@vertz/ui-primitives";
+interface CarouselStyleClasses {
+	readonly root: string;
+	readonly viewport: string;
+	readonly slide: string;
+	readonly prevButton: string;
+	readonly nextButton: string;
+}
+interface ThemedCarouselResult extends CarouselElements {
+	state: CarouselState;
+	Slide: () => HTMLDivElement;
+	goTo: (index: number) => void;
+	goNext: () => void;
+	goPrev: () => void;
+}
+declare function createThemedCarousel(styles: CarouselStyleClasses): (options?: CarouselOptions) => ThemedCarouselResult;
+import { CollapsibleElements, CollapsibleOptions, CollapsibleState } from "@vertz/ui-primitives";
+interface CollapsibleStyleClasses {
+	readonly content: string;
+}
+declare function createThemedCollapsible(styles: CollapsibleStyleClasses): (options?: CollapsibleOptions) => CollapsibleElements & {
+	state: CollapsibleState;
+};
+import { CommandElements, CommandOptions, CommandState } from "@vertz/ui-primitives";
+interface CommandStyleClasses {
+	readonly root: string;
+	readonly input: string;
+	readonly list: string;
+	readonly item: string;
+	readonly group: string;
+	readonly groupHeading: string;
+	readonly separator: string;
+	readonly empty: string;
+}
+interface ThemedCommandResult extends CommandElements {
+	state: CommandState;
+	Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
+	Group: (label: string) => {
+		el: HTMLDivElement;
+		Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
+	};
+	Separator: () => HTMLHRElement;
+}
+declare function createThemedCommand(styles: CommandStyleClasses): (options?: CommandOptions) => ThemedCommandResult;
+import { ContextMenuElements, ContextMenuOptions, ContextMenuState } from "@vertz/ui-primitives";
+interface ContextMenuStyleClasses {
+	readonly content: string;
+	readonly item: string;
+	readonly group: string;
+	readonly label: string;
+	readonly separator: string;
+}
+interface ThemedContextMenuResult extends ContextMenuElements {
+	state: ContextMenuState;
+	Item: (value: string, label?: string) => HTMLDivElement;
+	Group: (label: string) => {
+		el: HTMLDivElement;
+		Item: (value: string, label?: string) => HTMLDivElement;
+	};
+	Separator: () => HTMLHRElement;
+	Label: (text: string) => HTMLDivElement;
+}
+declare function createThemedContextMenu(styles: ContextMenuStyleClasses): (options?: ContextMenuOptions) => ThemedContextMenuResult;
+import { DatePickerElements, DatePickerOptions, DatePickerState } from "@vertz/ui-primitives";
+interface DatePickerStyleClasses {
+	readonly trigger: string;
+	readonly content: string;
+}
+declare function createThemedDatePicker(styles: DatePickerStyleClasses): (options?: DatePickerOptions) => DatePickerElements & {
+	state: DatePickerState;
+	show: () => void;
+	hide: () => void;
+};
+import { ChildValue as ChildValue10 } from "@vertz/ui";
+import { DialogOptions as DialogOptions2 } from "@vertz/ui-primitives";
+interface DialogRootProps extends DialogOptions2 {
+	children?: ChildValue10;
+}
+interface DialogSlotProps {
+	children?: ChildValue10;
+	class?: string;
+}
+interface ThemedDialogComponent {
+	(props: DialogRootProps): HTMLElement;
+	Trigger: (props: DialogSlotProps) => HTMLElement;
+	Content: (props: DialogSlotProps) => HTMLElement;
+	Header: (props: DialogSlotProps) => HTMLDivElement;
+	Title: (props: DialogSlotProps) => HTMLHeadingElement;
+	Description: (props: DialogSlotProps) => HTMLParagraphElement;
+	Footer: (props: DialogSlotProps) => HTMLDivElement;
+}
+import { DialogElements, DialogOptions as DialogOptions3, DialogState } from "@vertz/ui-primitives";
+type DrawerSide = "left" | "right" | "top" | "bottom";
+interface ThemedDrawerOptions extends DialogOptions3 {
+	side?: DrawerSide;
+}
+interface DrawerStyleClasses {
+	readonly overlay: string;
+	readonly panelLeft: string;
+	readonly panelRight: string;
+	readonly panelTop: string;
+	readonly panelBottom: string;
+	readonly title: string;
+	readonly description: string;
+	readonly handle: string;
+	readonly close: string;
+}
+declare function createThemedDrawer(styles: DrawerStyleClasses): (options?: ThemedDrawerOptions) => DialogElements & {
+	state: DialogState;
+	handle: HTMLDivElement;
+	description: HTMLParagraphElement;
+};
+import { ChildValue as ChildValue11 } from "@vertz/ui";
+import { MenuOptions } from "@vertz/ui-primitives";
+interface DropdownMenuRootProps extends MenuOptions {
+	children?: ChildValue11;
+	onOpenChange?: (isOpen: boolean) => void;
+}
+interface DropdownMenuSlotProps {
+	children?: ChildValue11;
+	class?: string;
+}
+interface DropdownMenuItemProps {
+	value: string;
+	children?: ChildValue11;
+	class?: string;
+}
+interface DropdownMenuGroupProps {
+	label: string;
+	children?: ChildValue11;
+	class?: string;
+}
+interface DropdownMenuLabelProps {
+	children?: ChildValue11;
+	class?: string;
+}
+interface ThemedDropdownMenuComponent {
+	(props: DropdownMenuRootProps): HTMLElement;
+	Trigger: (props: DropdownMenuSlotProps) => HTMLElement;
+	Content: (props: DropdownMenuSlotProps) => HTMLElement;
+	Item: (props: DropdownMenuItemProps) => HTMLDivElement;
+	Group: (props: DropdownMenuGroupProps) => HTMLDivElement;
+	Label: (props: DropdownMenuLabelProps) => HTMLDivElement;
+	Separator: () => HTMLHRElement;
+}
+import { HoverCardElements, HoverCardOptions, HoverCardState } from "@vertz/ui-primitives";
+interface HoverCardStyleClasses {
+	readonly content: string;
+}
+declare function createThemedHoverCard(styles: HoverCardStyleClasses): (options?: HoverCardOptions) => HoverCardElements & {
+	state: HoverCardState;
+};
+import { MenubarElements, MenubarOptions, MenubarState } from "@vertz/ui-primitives";
+interface MenubarStyleClasses {
+	readonly root: string;
+	readonly trigger: string;
+	readonly content: string;
+	readonly item: string;
+	readonly separator: string;
+	readonly label: string;
+}
+interface ThemedMenubarResult extends MenubarElements {
+	state: MenubarState;
+	Menu: (value: string, label?: string) => {
+		trigger: HTMLButtonElement;
+		content: HTMLDivElement;
+		Item: (value: string, label?: string) => HTMLDivElement;
+		Group: (label: string) => {
+			el: HTMLDivElement;
+			Item: (value: string, label?: string) => HTMLDivElement;
+		};
+		Separator: () => HTMLHRElement;
+	};
+}
+declare function createThemedMenubar(styles: MenubarStyleClasses): (options?: MenubarOptions) => ThemedMenubarResult;
+import { NavigationMenuElements, NavigationMenuOptions, NavigationMenuState } from "@vertz/ui-primitives";
+interface NavigationMenuStyleClasses {
+	readonly root: string;
+	readonly list: string;
+	readonly trigger: string;
+	readonly content: string;
+	readonly link: string;
+	readonly viewport: string;
+}
+interface ThemedNavigationMenuResult extends NavigationMenuElements {
+	state: NavigationMenuState;
+	Item: (value: string, label?: string) => {
+		trigger: HTMLButtonElement;
+		content: HTMLDivElement;
+	};
+	Link: (href: string, label: string) => HTMLAnchorElement;
+}
+declare function createThemedNavigationMenu(styles: NavigationMenuStyleClasses): (options?: NavigationMenuOptions) => ThemedNavigationMenuResult;
+import { ChildValue as ChildValue12 } from "@vertz/ui";
+import { PopoverOptions } from "@vertz/ui-primitives";
+interface PopoverRootProps extends PopoverOptions {
+	children?: ChildValue12;
+}
+interface PopoverSlotProps {
+	children?: ChildValue12;
+	class?: string;
+}
+interface ThemedPopoverComponent {
+	(props: PopoverRootProps): HTMLElement;
+	Trigger: (props: PopoverSlotProps) => HTMLElement;
+	Content: (props: PopoverSlotProps) => HTMLElement;
+}
+import { RadioElements, RadioState } from "@vertz/ui-primitives";
+interface ThemedRadioGroupResult extends RadioElements {
+	state: RadioState;
+	Item: (value: string, label?: string) => HTMLDivElement;
+}
+import { PanelOptions, ResizablePanelElements, ResizablePanelOptions, ResizablePanelState } from "@vertz/ui-primitives";
+interface ResizablePanelStyleClasses {
+	readonly root: string;
+	readonly panel: string;
+	readonly handle: string;
+}
+declare function createThemedResizablePanel(styles: ResizablePanelStyleClasses): (options?: ResizablePanelOptions) => ResizablePanelElements & {
+	state: ResizablePanelState;
+	Panel: (panelOptions?: PanelOptions) => HTMLDivElement;
+	Handle: () => HTMLDivElement;
+};
+import { ScrollAreaElements, ScrollAreaOptions, ScrollAreaState } from "@vertz/ui-primitives";
+interface ScrollAreaStyleClasses {
+	readonly root: string;
+	readonly viewport: string;
+	readonly scrollbar: string;
+	readonly thumb: string;
+}
+declare function createThemedScrollArea(styles: ScrollAreaStyleClasses): (options?: ScrollAreaOptions) => ScrollAreaElements & {
+	state: ScrollAreaState;
+	update: () => void;
+};
+import { ChildValue as ChildValue13 } from "@vertz/ui";
+import { SelectOptions } from "@vertz/ui-primitives";
+interface SelectRootProps extends SelectOptions {
+	children?: ChildValue13;
+}
+interface SelectSlotProps {
+	children?: ChildValue13;
+	class?: string;
+}
+interface SelectItemProps {
+	value: string;
+	children?: ChildValue13;
+	class?: string;
+}
+interface SelectGroupProps {
+	label: string;
+	children?: ChildValue13;
+	class?: string;
+}
+interface ThemedSelectComponent {
+	(props: SelectRootProps): HTMLElement;
+	Trigger: (props: SelectSlotProps) => HTMLElement;
+	Content: (props: SelectSlotProps) => HTMLElement;
+	Item: (props: SelectItemProps) => HTMLDivElement;
+	Group: (props: SelectGroupProps) => HTMLDivElement;
+	Separator: (props: SelectSlotProps) => HTMLHRElement;
+}
+import { ChildValue as ChildValue14 } from "@vertz/ui";
+import { DialogOptions as DialogOptions4 } from "@vertz/ui-primitives";
+type SheetSide = "left" | "right" | "top" | "bottom";
+interface SheetRootProps extends DialogOptions4 {
+	side?: SheetSide;
+	children?: ChildValue14;
+}
+interface SheetSlotProps {
+	children?: ChildValue14;
+	class?: string;
+}
+interface ThemedSheetComponent {
+	(props: SheetRootProps): HTMLElement;
+	Trigger: (props: SheetSlotProps) => HTMLElement;
+	Content: (props: SheetSlotProps) => HTMLElement;
+	Title: (props: SheetSlotProps) => HTMLHeadingElement;
+	Description: (props: SheetSlotProps) => HTMLParagraphElement;
+	Close: (props: SheetSlotProps) => HTMLButtonElement;
+}
+import { SwitchOptions } from "@vertz/ui-primitives";
+interface ThemedSwitchOptions extends SwitchOptions {
+	size?: "default" | "sm";
+}
+import { ChildValue as ChildValue15 } from "@vertz/ui";
+interface TabsRootProps {
+	defaultValue?: string;
+	variant?: "default" | "line";
+	children?: ChildValue15;
+}
+interface TabsSlotProps {
+	children?: ChildValue15;
+	class?: string;
+}
+interface TabsTriggerProps {
+	value: string;
+	children?: ChildValue15;
+	class?: string;
+}
+interface TabsContentProps {
+	value: string;
+	children?: ChildValue15;
+	class?: string;
+}
+interface ThemedTabsComponent {
+	(props: TabsRootProps): HTMLDivElement;
+	List: (props: TabsSlotProps) => HTMLDivElement;
+	Trigger: (props: TabsTriggerProps) => HTMLButtonElement;
+	Content: (props: TabsContentProps) => HTMLDivElement;
+}
+import { ToastElements, ToastMessage, ToastState } from "@vertz/ui-primitives";
+type ThemedToastResult = ToastElements & {
+	state: ToastState;
+	announce: (content: string) => ToastMessage;
+	dismiss: (id: string) => void;
+};
+import { ToggleElements, ToggleOptions, ToggleState } from "@vertz/ui-primitives";
+interface ToggleStyleClasses {
+	readonly root: string;
+}
+declare function createThemedToggle(styles: ToggleStyleClasses): (options?: ToggleOptions) => ToggleElements & {
+	state: ToggleState;
+};
+import { ToggleGroupElements, ToggleGroupOptions, ToggleGroupState } from "@vertz/ui-primitives";
+interface ToggleGroupStyleClasses {
+	readonly root: string;
+	readonly item: string;
+}
+declare function createThemedToggleGroup(styles: ToggleGroupStyleClasses): (options?: ToggleGroupOptions) => ToggleGroupElements & {
+	state: ToggleGroupState;
+	Item: (value: string) => HTMLButtonElement;
+};
+import { ChildValue as ChildValue16 } from "@vertz/ui";
+import { TooltipOptions } from "@vertz/ui-primitives";
+interface TooltipRootProps extends TooltipOptions {
+	children?: ChildValue16;
+}
+interface TooltipSlotProps {
+	children?: ChildValue16;
+	class?: string;
+}
+interface ThemedTooltipComponent {
+	(props: TooltipRootProps): HTMLElement;
+	Trigger: (props: TooltipSlotProps) => HTMLElement;
+	Content: (props: TooltipSlotProps) => HTMLElement;
+}
+interface SeparatorProps {
+	class?: string;
+}
+interface SkeletonProps {
+	class?: string;
+	width?: string;
+	height?: string;
+}
+interface SkeletonComponents {
+	Skeleton: (props?: SkeletonProps) => HTMLDivElement;
+}
+import { ChildValue as ChildValue17 } from "@vertz/ui";
+interface TableProps {
+	class?: string;
+	children?: ChildValue17;
+}
+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;
+}
+interface TextareaProps {
+	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";
+type BreadcrumbBlocks = {
+	nav: StyleEntry6[];
+	list: StyleEntry6[];
+	item: StyleEntry6[];
+	link: StyleEntry6[];
+	page: StyleEntry6[];
+	separator: StyleEntry6[];
+};
+/** Create breadcrumb css() styles. */
+declare function createBreadcrumbStyles(): CSSOutput15<BreadcrumbBlocks>;
+import { CSSOutput as CSSOutput16, StyleEntry as StyleEntry8 } from "@vertz/ui";
+type CalendarBlocks = {
+	root: StyleEntry8[];
+	header: StyleEntry8[];
+	title: StyleEntry8[];
+	navButton: StyleEntry8[];
+	grid: StyleEntry8[];
+	headCell: StyleEntry8[];
+	cell: StyleEntry8[];
+	dayButton: StyleEntry8[];
+};
+/** Create calendar css() styles. */
+declare function createCalendarStyles(): CSSOutput16<CalendarBlocks>;
+import { CSSOutput as CSSOutput18, StyleEntry as StyleEntry9 } from "@vertz/ui";
+type CarouselBlocks = {
+	root: StyleEntry9[];
+	viewport: StyleEntry9[];
+	slide: StyleEntry9[];
+	prevButton: StyleEntry9[];
+	nextButton: StyleEntry9[];
+};
+/** Create carousel css() styles following shadcn conventions. */
+declare function createCarouselStyles(): CSSOutput18<CarouselBlocks>;
+import { CSSOutput as CSSOutput20, StyleEntry as StyleEntry11 } from "@vertz/ui";
+type CollapsibleBlocks = {
+	content: StyleEntry11[];
+};
+/** Create collapsible css() styles. */
+declare function createCollapsibleStyles(): CSSOutput20<CollapsibleBlocks>;
+import { CSSOutput as CSSOutput21, StyleEntry as StyleEntry12 } from "@vertz/ui";
+type CommandBlocks = {
+	root: StyleEntry12[];
+	input: StyleEntry12[];
+	list: StyleEntry12[];
+	item: StyleEntry12[];
+	group: StyleEntry12[];
+	groupHeading: StyleEntry12[];
+	separator: StyleEntry12[];
+	empty: StyleEntry12[];
+};
+/** Create command css() styles. */
+declare function createCommandStyles(): CSSOutput21<CommandBlocks>;
+import { CSSOutput as CSSOutput22, StyleEntry as StyleEntry13 } from "@vertz/ui";
+type ContextMenuBlocks = {
+	content: StyleEntry13[];
+	item: StyleEntry13[];
+	group: StyleEntry13[];
+	label: StyleEntry13[];
+	separator: StyleEntry13[];
+};
+/** Create context-menu css() styles. */
+declare function createContextMenuStyles(): CSSOutput22<ContextMenuBlocks>;
+import { CSSOutput as CSSOutput23, StyleEntry as StyleEntry14 } from "@vertz/ui";
+type DatePickerBlocks = {
+	trigger: StyleEntry14[];
+	content: StyleEntry14[];
+};
+/** Create date-picker css() styles. */
+declare function createDatePickerStyles(): CSSOutput23<DatePickerBlocks>;
+import { CSSOutput as CSSOutput25, StyleEntry as StyleEntry16 } from "@vertz/ui";
+type DrawerBlocks = {
+	overlay: StyleEntry16[];
+	panelLeft: StyleEntry16[];
+	panelRight: StyleEntry16[];
+	panelTop: StyleEntry16[];
+	panelBottom: StyleEntry16[];
+	title: StyleEntry16[];
+	description: StyleEntry16[];
+	handle: StyleEntry16[];
+	close: StyleEntry16[];
+};
+/** Create drawer css() styles. */
+declare function createDrawerStyles(): CSSOutput25<DrawerBlocks>;
+import { CSSOutput as CSSOutput28, 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";
+type MenubarBlocks = {
+	root: StyleEntry21[];
+	trigger: StyleEntry21[];
+	content: StyleEntry21[];
+	item: StyleEntry21[];
+	separator: StyleEntry21[];
+	label: StyleEntry21[];
+};
+/** Create menubar css() styles. */
+declare function createMenubarStyles(): CSSOutput31<MenubarBlocks>;
+import { CSSOutput as CSSOutput32, StyleEntry as StyleEntry22 } from "@vertz/ui";
+type NavigationMenuBlocks = {
+	root: StyleEntry22[];
+	list: StyleEntry22[];
+	trigger: StyleEntry22[];
+	content: StyleEntry22[];
+	link: StyleEntry22[];
+	viewport: StyleEntry22[];
+};
+/** Create navigation menu css() styles. */
+declare function createNavigationMenuStyles(): CSSOutput32<NavigationMenuBlocks>;
+import { CSSOutput as CSSOutput33, StyleEntry as StyleEntry23 } from "@vertz/ui";
+type PaginationBlocks = {
+	nav: StyleEntry23[];
+	list: StyleEntry23[];
+	item: StyleEntry23[];
+	link: StyleEntry23[];
+	linkActive: StyleEntry23[];
+	ellipsis: StyleEntry23[];
+};
+/** Create pagination css() styles. */
+declare function createPaginationStyles(): CSSOutput33<PaginationBlocks>;
+import { CSSOutput as CSSOutput37, 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";
+type ScrollAreaBlocks = {
+	root: StyleEntry28[];
+	viewport: StyleEntry28[];
+	scrollbar: StyleEntry28[];
+	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";
+type ToggleBlocks = {
+	root: StyleEntry39[];
+};
+/** Create toggle css() styles. */
+declare function createToggleStyles(): CSSOutput49<ToggleBlocks>;
+import { CSSOutput as CSSOutput50, StyleEntry as StyleEntry40 } from "@vertz/ui";
+type ToggleGroupBlocks = {
+	root: StyleEntry40[];
+	item: StyleEntry40[];
+};
+/** Create toggle group css() styles. */
+declare function createToggleGroupStyles(): CSSOutput50<ToggleGroupBlocks>;
+type PaletteName = "zinc" | "slate" | "stone" | "neutral" | "gray";
+/**
+* Visual style preset. Each style applies different spacing, border-radius,
+* colors, and visual treatment to all components.
+*
+* Currently only 'nova' is implemented. The architecture supports adding
+* additional styles (e.g., 'default', 'vega', 'maia', 'mira', 'lyra')
+* in the future — each style factory accepts this parameter.
+*/
+type ThemeStyle = "nova";
+/** Configuration options for the shadcn theme. */
+interface ThemeConfig {
+	/** Color palette base. Default: 'zinc'. */
+	palette?: PaletteName;
+	/** Border radius preset. Default: 'md'. */
+	radius?: "sm" | "md" | "lg";
+	/** Visual style preset. Default: 'nova'. */
+	style?: ThemeStyle;
+	/** Token overrides — deep-merged into the selected palette. */
+	overrides?: {
+		tokens?: {
+			colors?: Record<string, Record<string, string> | undefined>;
+		};
+	};
+}
+/** Pre-built style definitions returned by configureTheme(). */
+interface ThemeStyles {
+	/** Button variant function: `button({ intent: 'primary', size: 'md' })` */
+	button: VariantFunction5<{
+		intent: Record<string, string[]>;
+		size: Record<string, string[]>;
+	}>;
+	/** Alert css() result with root, destructive, title, description. */
+	alert: {
+		readonly root: string;
+		readonly destructive: string;
+		readonly title: string;
+		readonly description: string;
+		readonly css: string;
+	};
+	/** Badge variant function: `badge({ color: 'blue' })` */
+	badge: VariantFunction5<{
+		color: Record<string, string[]>;
+	}>;
+	/** Card css() result with root, header, title, description, content, footer. */
+	card: {
+		readonly root: string;
+		readonly header: string;
+		readonly title: string;
+		readonly description: string;
+		readonly content: string;
+		readonly footer: string;
+		readonly action: string;
+		readonly css: string;
+	};
+	/** Input css() result. */
+	input: {
+		readonly base: string;
+		readonly css: string;
+	};
+	/** Textarea css() result. */
+	textarea: {
+		readonly base: string;
+		readonly css: string;
+	};
+	/** Label css() result. */
+	label: {
+		readonly base: string;
+		readonly css: string;
+	};
+	/** Separator css() result. */
+	separator: {
+		readonly base: string;
+		readonly css: string;
+	};
+	/** Form group css() result with base and error. */
+	formGroup: {
+		readonly base: string;
+		readonly error: string;
+		readonly css: string;
+	};
+	/** Dialog css() styles. */
+	dialog: {
+		readonly overlay: string;
+		readonly panel: string;
+		readonly title: string;
+		readonly description: string;
+		readonly close: string;
+		readonly footer: string;
+		readonly css: string;
+	};
+	/** DropdownMenu css() styles. */
+	dropdownMenu: {
+		readonly content: string;
+		readonly item: string;
+		readonly group: string;
+		readonly label: string;
+		readonly separator: string;
+		readonly css: string;
+	};
+	/** Select css() styles. */
+	select: {
+		readonly trigger: string;
+		readonly content: string;
+		readonly item: string;
+		readonly group: string;
+		readonly label: string;
+		readonly separator: string;
+		readonly scrollButton: string;
+		readonly css: string;
+	};
+	/** Tabs css() styles. */
+	tabs: {
+		readonly list: string;
+		readonly trigger: string;
+		readonly panel: string;
+		readonly listLine: string;
+		readonly triggerLine: string;
+		readonly css: string;
+	};
+	/** Checkbox css() styles. */
+	checkbox: {
+		readonly root: string;
+		readonly indicator: string;
+		readonly css: string;
+	};
+	/** Switch css() styles. */
+	switch: {
+		readonly root: string;
+		readonly thumb: string;
+		readonly rootSm: string;
+		readonly thumbSm: string;
+		readonly css: string;
+	};
+	/** Popover css() styles. */
+	popover: {
+		readonly content: string;
+		readonly css: string;
+	};
+	/** Progress css() styles. */
+	progress: {
+		readonly root: string;
+		readonly indicator: string;
+		readonly css: string;
+	};
+	/** RadioGroup css() styles. */
+	radioGroup: {
+		readonly root: string;
+		readonly item: string;
+		readonly indicator: string;
+		readonly indicatorIcon: string;
+		readonly css: string;
+	};
+	/** Slider css() styles. */
+	slider: {
+		readonly root: string;
+		readonly track: string;
+		readonly range: string;
+		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;
+		readonly trigger: string;
+		readonly content: string;
+		readonly css: string;
+	};
+	/** Toast css() styles. */
+	toast: {
+		readonly viewport: string;
+		readonly root: string;
+		readonly title: string;
+		readonly description: string;
+		readonly action: string;
+		readonly close: string;
+		readonly css: string;
+	};
+	/** Tooltip css() styles. */
+	tooltip: {
+		readonly content: string;
+		readonly css: string;
+	};
+	/** Avatar css() styles. */
+	avatar: {
+		readonly root: string;
+		readonly image: string;
+		readonly fallback: string;
+		readonly rootSm: string;
+		readonly rootLg: string;
+		readonly rootXl: string;
+		readonly fallbackSm: string;
+		readonly fallbackLg: string;
+		readonly fallbackXl: string;
+		readonly css: string;
+	};
+	/** Skeleton css() styles. */
+	skeleton: {
+		readonly base: string;
+		readonly css: string;
+	};
+	/** Table css() styles. */
+	table: {
+		readonly root: string;
+		readonly header: string;
+		readonly body: string;
+		readonly row: string;
+		readonly head: string;
+		readonly cell: string;
+		readonly caption: string;
+		readonly footer: string;
+		readonly css: string;
+	};
+	/** Sheet css() styles. */
+	sheet: {
+		readonly overlay: string;
+		readonly panelLeft: string;
+		readonly panelRight: string;
+		readonly panelTop: string;
+		readonly panelBottom: string;
+		readonly title: string;
+		readonly description: string;
+		readonly close: string;
+		readonly css: string;
+	};
+	/** Breadcrumb css() styles. */
+	breadcrumb: ReturnType<typeof createBreadcrumbStyles>;
+	/** Calendar css() styles. */
+	calendar: ReturnType<typeof createCalendarStyles>;
+	/** Carousel css() styles. */
+	carousel: ReturnType<typeof createCarouselStyles>;
+	/** Collapsible css() styles. */
+	collapsible: ReturnType<typeof createCollapsibleStyles>;
+	/** Command css() styles. */
+	command: ReturnType<typeof createCommandStyles>;
+	/** ContextMenu css() styles. */
+	contextMenu: ReturnType<typeof createContextMenuStyles>;
+	/** DatePicker css() styles. */
+	datePicker: ReturnType<typeof createDatePickerStyles>;
+	/** Drawer css() styles. */
+	drawer: ReturnType<typeof createDrawerStyles>;
+	/** HoverCard css() styles. */
+	hoverCard: ReturnType<typeof createHoverCardStyles>;
+	/** Menubar css() styles. */
+	menubar: ReturnType<typeof createMenubarStyles>;
+	/** NavigationMenu css() styles. */
+	navigationMenu: ReturnType<typeof createNavigationMenuStyles>;
+	/** Pagination css() styles. */
+	pagination: ReturnType<typeof createPaginationStyles>;
+	/** ResizablePanel css() styles. */
+	resizablePanel: ReturnType<typeof createResizablePanelStyles>;
+	/** ScrollArea css() styles. */
+	scrollArea: ReturnType<typeof createScrollAreaStyles>;
+	/** Toggle css() styles. */
+	toggle: ReturnType<typeof createToggleStyles>;
+	/** ToggleGroup css() styles. */
+	toggleGroup: ReturnType<typeof createToggleGroupStyles>;
+}
+/** 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. */
+	Dialog: ThemedDialogComponent;
+	/** Themed DropdownMenu — composable JSX component with DropdownMenu.Trigger, DropdownMenu.Content, etc. */
+	DropdownMenu: ThemedDropdownMenuComponent;
+	/** Themed Select — composable JSX component with Select.Content, Select.Item, etc. */
+	Select: ThemedSelectComponent;
+	/** Themed Tabs — composable JSX component with Tabs.List, Tabs.Trigger, Tabs.Content. */
+	Tabs: ThemedTabsComponent;
+	/** Themed Checkbox — wraps @vertz/ui-primitives Checkbox with shadcn styles. */
+	checkbox: (options?: CheckboxOptions) => CheckboxElements & {
+		state: CheckboxState;
+	};
+	/** Themed Switch — wraps @vertz/ui-primitives Switch with shadcn styles. */
+	switch: (options?: ThemedSwitchOptions) => SwitchElements2 & {
+		state: SwitchState2;
+	};
+	/** Themed Popover — composable JSX component with Popover.Trigger, Popover.Content. */
+	Popover: ThemedPopoverComponent;
+	/** Themed Progress — wraps @vertz/ui-primitives Progress with shadcn styles. */
+	progress: (options?: ProgressOptions) => ProgressElements & {
+		state: ProgressState;
+		setValue: (value: number) => void;
+	};
+	/** Themed RadioGroup — wraps @vertz/ui-primitives Radio with shadcn styles. */
+	radioGroup: (options?: RadioOptions2) => ThemedRadioGroupResult;
+	/** Themed Slider — wraps @vertz/ui-primitives Slider with shadcn styles. */
+	slider: (options?: SliderOptions) => SliderElements & {
+		state: SliderState;
+	};
+	/** Themed Accordion — composable JSX component with Accordion.Item, Accordion.Trigger, Accordion.Content. */
+	Accordion: ThemedAccordionComponent;
+	/** Themed Toast — wraps @vertz/ui-primitives Toast with shadcn styles. */
+	toast: (options?: ToastOptions2) => ThemedToastResult;
+	/** Themed Tooltip — composable JSX component with Tooltip.Trigger, Tooltip.Content. */
+	Tooltip: ThemedTooltipComponent;
+	/** Themed Sheet — composable JSX component with Sheet.Trigger, Sheet.Content, etc. */
+	Sheet: ThemedSheetComponent;
+	/** Themed Calendar — date grid with month navigation. */
+	calendar: ReturnType<typeof createThemedCalendar>;
+	/** Themed Carousel — slide navigation with prev/next controls. */
+	carousel: ReturnType<typeof createThemedCarousel>;
+	/** Themed Collapsible — expandable/collapsible content section. */
+	collapsible: ReturnType<typeof createThemedCollapsible>;
+	/** Themed Command — searchable command palette. */
+	command: ReturnType<typeof createThemedCommand>;
+	/** Themed ContextMenu — right-click context menu. */
+	contextMenu: ReturnType<typeof createThemedContextMenu>;
+	/** Themed DatePicker — date picker composing Calendar + Popover. */
+	datePicker: ReturnType<typeof createThemedDatePicker>;
+	/** Themed Drawer — bottom/side panel wrapping Dialog. */
+	drawer: ReturnType<typeof createThemedDrawer>;
+	/** Themed HoverCard — hover-triggered interactive card. */
+	hoverCard: ReturnType<typeof createThemedHoverCard>;
+	/** Themed Menubar — horizontal menu bar with dropdowns. */
+	menubar: ReturnType<typeof createThemedMenubar>;
+	/** Themed NavigationMenu — site navigation with hover dropdowns. */
+	navigationMenu: ReturnType<typeof createThemedNavigationMenu>;
+	/** Themed ResizablePanel — resizable panel layout with drag handles. */
+	resizablePanel: ReturnType<typeof createThemedResizablePanel>;
+	/** Themed ScrollArea — custom scrollbars. */
+	scrollArea: ReturnType<typeof createThemedScrollArea>;
+	/** Themed Toggle — toggle button with pressed state. */
+	toggle: ReturnType<typeof createThemedToggle>;
+	/** Themed ToggleGroup — group of toggle buttons. */
+	toggleGroup: ReturnType<typeof createThemedToggleGroup>;
+}
+/** 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;
+	/** 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;
+	/** Skeleton component — loading placeholder with pulse animation. */
+	Skeleton: SkeletonComponents;
+	/** Table suite — Table, TableHeader, TableBody, TableRow, etc. */
+	Table: TableComponents;
+	/** Themed primitive factories. */
+	primitives: ThemedPrimitives;
+}
+/** Return type of configureTheme(). */
+interface ResolvedTheme {
+	/** Theme object for compileTheme(). */
+	theme: Theme;
+	/** Global CSS (reset, typography, radius). Auto-injected via globalCss(). */
+	globals: GlobalCSSOutput;
+	/** Pre-built style definitions. */
+	styles: ThemeStyles;
+	/** Component functions — ready-to-use themed elements. */
+	components: ThemeComponents;
+}
+/**
+* Configure the shadcn theme.
+*
+* Single entry point — selects palette, applies overrides, builds globals, styles, and components.
+*/
+declare function configureTheme(config?: ThemeConfig): ResolvedTheme;
+export { configureTheme, ThemedPrimitives, ThemeStyles, ThemeConfig, ThemeComponents, ResolvedTheme };