@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/chunk-VQQHVKEU.mjs

@@ -0,0 +1,652 @@
+import { zuiSpinnerVariants, zuiSpinnerSizes, zuiSpinnerBase, zuiSpinnerAppearances } from './chunk-QW2ZHKPC.mjs';
+import { zuiToggleTrackSizes, zuiToggleTrackBase, zuiToggleTrackAppearances, zuiToggleThumbSizes, zuiToggleThumbColors, zuiToggleThumbBase } from './chunk-IULYVARJ.mjs';
+import { zuiTooltipWidths, zuiTooltipVariants, zuiTooltipSizes, zuiTooltipBase } from './chunk-4QLWSXXO.mjs';
+import { zuiTreeViewSizes, zuiTreeViewItemSizes, zuiTreeViewItemBase, zuiTreeViewItemAppearances, zuiTreeViewIcon, zuiTreeViewGuide, zuiTreeViewChevron, zuiTreeViewBase, zuiTreeViewAppearances } from './chunk-NXNL64Q7.mjs';
+import { zuiUnorderedMarkers, zuiUnorderedListBase, zuiTypographyTones, zuiTextSizes, zuiOrderedListBase, zuiHeadingLevels, zuiHeadingBase } from './chunk-PUSCPBT2.mjs';
+import { zuiSelectTriggerVariants, zuiSelectTriggerBase, zuiSelectSpacing, zuiSelectSizes, zuiSelectItemBase, zuiSelectItemAppearances, zuiSelectDisabled, zuiSelectContentBase, zuiSelectContentAppearances } from './chunk-56KZVM5D.mjs';
+import { zuiSkeletonTextLineSizes, zuiSkeletonTextLineBase, zuiSkeletonSizes, zuiSkeletonShimmerTones, zuiSkeletonShimmerGradientClasses, zuiSkeletonRounded, zuiSkeletonBase, zuiSkeletonAppearances, zuiSkeletonAnimations } from './chunk-BTSCPOWZ.mjs';
+import { zuiSliderTrackSizes, zuiSliderTrackBase, zuiSliderThumbSizes, zuiSliderThumbBase, zuiSliderRootSizes, zuiSliderRootBase, zuiSliderRangeBase, zuiSliderRangeAppearances } from './chunk-PNAFXOZC.mjs';
+import { zuiTableTextAlignments, zuiTableStickyHeader, zuiTableSizes, zuiTableRowBase, zuiTableRowAppearances, zuiTableCellSizes, zuiTableCellBase, zuiTableCellAppearances, zuiTableBase, zuiTableAppearances } from './chunk-3R6PQUG2.mjs';
+import { zuiTabsTriggerVariants, zuiTabsTriggerSizes, zuiTabsTriggerBase, zuiTabsTriggerAppearances, zuiTabsOrientations, zuiTabsListVariants, zuiTabsListSizes, zuiTabsListBase } from './chunk-LL2UY6CD.mjs';
+import { zuiTimelineTitleSizes, zuiTimelineTitleBase, zuiTimelineItemBase, zuiTimelineIndicatorSizes, zuiTimelineIndicatorBase, zuiTimelineIndicatorAppearances, zuiTimelineDescriptionSizes, zuiTimelineDescriptionBase, zuiTimelineContentSizes, zuiTimelineContentBase, zuiTimelineConnectorSizes, zuiTimelineConnectorBase, zuiTimelineBase } from './chunk-EP7WTIKH.mjs';
+import { zuiToastViewportPositions, zuiToastViewportBase, zuiToastRootSizes, zuiToastRootBase, zuiToastRootAppearances } from './chunk-V4U6Q5NL.mjs';
+import { zuiModalTriggerBase, zuiModalTriggerAppearances, zuiModalOverlayBase, zuiModalContentSizes, zuiModalContentPositions, zuiModalContentBase, zuiModalContentAppearances } from './chunk-OQCI2IVL.mjs';
+import { zuiOtpSizes, zuiOtpSeparatorBase, zuiOtpRootBase, zuiOtpLabelBase, zuiOtpHintBase, zuiOtpErrorBase, zuiOtpCellsBase, zuiOtpCellBase, zuiOtpAppearances } from './chunk-WN7XWKAS.mjs';
+import { zuiPopoverContentWidths, zuiPopoverContentVariants, zuiPopoverContentSizes, zuiPopoverContentBase } from './chunk-JI3IEKH6.mjs';
+import { zuiProgressTrackSizes, zuiProgressTrackBase, zuiProgressSizes, zuiProgressShapes, zuiProgressBoolean, zuiProgressBase, zuiProgressBarStriped, zuiProgressBarBase, zuiProgressAppearances } from './chunk-P43A2BPU.mjs';
+import { zuiRatingSizes, zuiRatingRootBase, zuiRatingLabelBase, zuiRatingItemBase, zuiRatingIconBase, zuiRatingHintBase, zuiRatingGroupBase, zuiRatingErrorBase, zuiRatingControlBase, zuiRatingAppearances } from './chunk-N2RUT33F.mjs';
+import { zuiRadioGroupSizes, zuiRadioGroupRootBase, zuiRadioGroupOrientations, zuiRadioGroupItemBase, zuiRadioGroupIndicatorBase, zuiRadioGroupControlBase, zuiRadioGroupAppearances } from './chunk-YDKAE7RM.mjs';
+import { zuiScrollAreaVisibility, zuiScrollAreaSizes, zuiScrollAreaShadows, zuiScrollAreaOrientations, zuiScrollAreaBase, zuiScrollAreaAppearances } from './chunk-SYFTQAZG.mjs';
+import { zuiDrawerTriggerBase, zuiDrawerTriggerAppearances, zuiDrawerOverlayBase, zuiDrawerContentSizes, zuiDrawerContentSides, zuiDrawerContentBase, zuiDrawerContentAppearances } from './chunk-TD4W3AHI.mjs';
+import { zuiEmptyStateTitleSizes, zuiEmptyStateTitleBase, zuiEmptyStateSizes, zuiEmptyStateDescriptionSizes, zuiEmptyStateDescriptionBase, zuiEmptyStateBase, zuiEmptyStateAppearances, zuiEmptyStateAlignments } from './chunk-JF4BRFOG.mjs';
+import { zuiFileUploadBase, zuiFileUploadAppearances } from './chunk-NMBSK44H.mjs';
+import { zuiInputTextareaSizes, zuiInputSizes, zuiInputRing, zuiInputRadioSizes, zuiInputRadioAppearances, zuiInputFileSizes, zuiInputFileAppearances, zuiInputDateAppearances, zuiInputCheckboxSizes, zuiInputCheckboxAppearances, zuiInputBase, zuiInputAs, zuiInputAppearances } from './chunk-X3N4EVF7.mjs';
+import { zuiKbdSeparatorSizes, zuiKbdSeparatorBase, zuiKbdKeySizes, zuiKbdKeyBase, zuiKbdKeyAppearances, zuiKbdBase } from './chunk-5QSYJHWL.mjs';
+import { zuiMarqueeSizes, zuiMarqueeOrientations, zuiMarqueeFade, zuiMarqueeBase, zuiMarqueeAppearances } from './chunk-P54PZ72L.mjs';
+import { zuiCardTitleSizes, zuiCardTitleBase, zuiCardSizes, zuiCardRounded, zuiCardHeaderSizes, zuiCardHeaderBase, zuiCardFooterSizes, zuiCardFooterBase, zuiCardDescriptionSizes, zuiCardDescriptionBase, zuiCardBase, zuiCardAppearances } from './chunk-5BSYGFN7.mjs';
+import { zuiCheckboxSizes, zuiCheckboxRootBase, zuiCheckboxIndicatorBase, zuiCheckboxControlBase, zuiCheckboxAppearances } from './chunk-4U7CDEN7.mjs';
+import { zuiComboboxTriggerVariants, zuiComboboxTriggerBase, zuiComboboxSpacing, zuiComboboxSizes, zuiComboboxSearchRowBase, zuiComboboxSearchInputBase, zuiComboboxSearchIconBase, zuiComboboxListBase, zuiComboboxListAppearances, zuiComboboxItemBase, zuiComboboxItemAppearances, zuiComboboxEmptyBase, zuiComboboxDisabled, zuiComboboxContentBase, zuiComboboxContentAppearances } from './chunk-I42UYWYA.mjs';
+import { zuiCommandTriggerBase, zuiCommandSeparatorBase, zuiCommandOverlayBase, zuiCommandListBase, zuiCommandItemBase, zuiCommandInputRowBase, zuiCommandInputBase, zuiCommandGroupHeadingBase, zuiCommandFooterBase, zuiCommandEmptyBase, zuiCommandContentSizes, zuiCommandContentBase, zuiCommandContentAppearances } from './chunk-5R6XJAXQ.mjs';
+import { zuiContextMenuSpacing, zuiContextMenuSeparatorBase, zuiContextMenuLabelBase, zuiContextMenuItemVariants, zuiContextMenuItemBase, zuiContextMenuContentBase } from './chunk-456OEGUT.mjs';
+import { zuiDropdownTriggerVariants, zuiDropdownTriggerSizes, zuiDropdownTriggerBase, zuiDropdownSpacing, zuiDropdownPlacements, zuiDropdownItemVariants, zuiDropdownItemBase, zuiDropdownContentBase } from './chunk-IZAQBJKT.mjs';
+import { zuiCopyButtonSizes, zuiCopyButtonIconOnlySizes, zuiCopyButtonBase, zuiCopyButtonAppearances } from './chunk-UJBXDDHN.mjs';
+import { zuiDividerSizes, zuiDividerOrientations, zuiDividerLineOrientations, zuiDividerLineBase, zuiDividerLabelBase, zuiDividerBase, zuiDividerAppearances } from './chunk-5WWD3TZ2.mjs';
+import { zuiRingOffset, zuiRadius, zuiInteractiveBase, zuiFocusRing, zuiDisabledState, zuiCssVariablePattern } from './chunk-4ZP444GA.mjs';
+import { zuiAccordionTriggerSizes, zuiAccordionTriggerBase, zuiAccordionSizes, zuiAccordionItemBase, zuiAccordionItemAppearances, zuiAccordionContentSizes, zuiAccordionContentBase, zuiAccordionBase, zuiAccordionAppearances } from './chunk-SWU5U5BB.mjs';
+import { zuiAlertTitleBase, zuiAlertTextSizes, zuiAlertSizes, zuiAlertDescriptionBase, zuiAlertBase, zuiAlertAppearances } from './chunk-T5SPR27V.mjs';
+import { zuiAnimatedNumberSize, zuiAnimatedNumberBase, zuiAnimatedNumberAppearance } from './chunk-OOBA2MDD.mjs';
+import { zuiAvatarSizes, zuiAvatarImageBase, zuiAvatarGroupBase, zuiAvatarFallbackBase, zuiAvatarBase, zuiAvatarAppearances } from './chunk-KXNMW4NV.mjs';
+import { zuiButtonLikeSolidAppearances, zuiBadgeSizes, zuiBadgeShapes, zuiBadgeCloseButtonSizes, zuiBadgeCloseButtonBase, zuiBadgeBase, zuiBadgeAppearances } from './chunk-63UE3BR4.mjs';
+import { zuiBreadcrumbSeparatorSizes, zuiBreadcrumbSeparatorBase, zuiBreadcrumbPageBase, zuiBreadcrumbNavBase, zuiBreadcrumbListBase, zuiBreadcrumbLinkBase, zuiBreadcrumbItemBase, zuiBreadcrumbAppearances } from './chunk-TMFXI5FH.mjs';
+import { __export } from './chunk-J5LGTIGS.mjs';
+
+// src/design-system/index.ts
+var design_system_exports = {};
+__export(design_system_exports, {
+  zuiAccordionAppearances: () => zuiAccordionAppearances,
+  zuiAccordionBase: () => zuiAccordionBase,
+  zuiAccordionContentBase: () => zuiAccordionContentBase,
+  zuiAccordionContentSizes: () => zuiAccordionContentSizes,
+  zuiAccordionItemAppearances: () => zuiAccordionItemAppearances,
+  zuiAccordionItemBase: () => zuiAccordionItemBase,
+  zuiAccordionSizes: () => zuiAccordionSizes,
+  zuiAccordionTriggerBase: () => zuiAccordionTriggerBase,
+  zuiAccordionTriggerSizes: () => zuiAccordionTriggerSizes,
+  zuiAlertAppearances: () => zuiAlertAppearances,
+  zuiAlertBase: () => zuiAlertBase,
+  zuiAlertDescriptionBase: () => zuiAlertDescriptionBase,
+  zuiAlertSizes: () => zuiAlertSizes,
+  zuiAlertTextSizes: () => zuiAlertTextSizes,
+  zuiAlertTitleBase: () => zuiAlertTitleBase,
+  zuiAnimatedNumberAppearance: () => zuiAnimatedNumberAppearance,
+  zuiAnimatedNumberBase: () => zuiAnimatedNumberBase,
+  zuiAnimatedNumberSize: () => zuiAnimatedNumberSize,
+  zuiAvatarAppearances: () => zuiAvatarAppearances,
+  zuiAvatarBase: () => zuiAvatarBase,
+  zuiAvatarFallbackBase: () => zuiAvatarFallbackBase,
+  zuiAvatarGroupBase: () => zuiAvatarGroupBase,
+  zuiAvatarImageBase: () => zuiAvatarImageBase,
+  zuiAvatarSizes: () => zuiAvatarSizes,
+  zuiBadgeAppearances: () => zuiBadgeAppearances,
+  zuiBadgeBase: () => zuiBadgeBase,
+  zuiBadgeCloseButtonBase: () => zuiBadgeCloseButtonBase,
+  zuiBadgeCloseButtonSizes: () => zuiBadgeCloseButtonSizes,
+  zuiBadgeShapes: () => zuiBadgeShapes,
+  zuiBadgeSizes: () => zuiBadgeSizes,
+  zuiBreadcrumbAppearances: () => zuiBreadcrumbAppearances,
+  zuiBreadcrumbItemBase: () => zuiBreadcrumbItemBase,
+  zuiBreadcrumbLinkBase: () => zuiBreadcrumbLinkBase,
+  zuiBreadcrumbListBase: () => zuiBreadcrumbListBase,
+  zuiBreadcrumbNavBase: () => zuiBreadcrumbNavBase,
+  zuiBreadcrumbPageBase: () => zuiBreadcrumbPageBase,
+  zuiBreadcrumbSeparatorBase: () => zuiBreadcrumbSeparatorBase,
+  zuiBreadcrumbSeparatorSizes: () => zuiBreadcrumbSeparatorSizes,
+  zuiButtonAppearances: () => zuiButtonAppearances,
+  zuiButtonBase: () => zuiButtonBase,
+  zuiButtonLikeSolidAppearances: () => zuiButtonLikeSolidAppearances,
+  zuiButtonSizes: () => zuiButtonSizes,
+  zuiCardAppearances: () => zuiCardAppearances,
+  zuiCardBase: () => zuiCardBase,
+  zuiCardDescriptionBase: () => zuiCardDescriptionBase,
+  zuiCardDescriptionSizes: () => zuiCardDescriptionSizes,
+  zuiCardFooterBase: () => zuiCardFooterBase,
+  zuiCardFooterSizes: () => zuiCardFooterSizes,
+  zuiCardHeaderBase: () => zuiCardHeaderBase,
+  zuiCardHeaderSizes: () => zuiCardHeaderSizes,
+  zuiCardRounded: () => zuiCardRounded,
+  zuiCardSizes: () => zuiCardSizes,
+  zuiCardTitleBase: () => zuiCardTitleBase,
+  zuiCardTitleSizes: () => zuiCardTitleSizes,
+  zuiCheckboxAppearances: () => zuiCheckboxAppearances,
+  zuiCheckboxControlBase: () => zuiCheckboxControlBase,
+  zuiCheckboxIndicatorBase: () => zuiCheckboxIndicatorBase,
+  zuiCheckboxRootBase: () => zuiCheckboxRootBase,
+  zuiCheckboxSizes: () => zuiCheckboxSizes,
+  zuiComboboxContentAppearances: () => zuiComboboxContentAppearances,
+  zuiComboboxContentBase: () => zuiComboboxContentBase,
+  zuiComboboxDisabled: () => zuiComboboxDisabled,
+  zuiComboboxEmptyBase: () => zuiComboboxEmptyBase,
+  zuiComboboxItemAppearances: () => zuiComboboxItemAppearances,
+  zuiComboboxItemBase: () => zuiComboboxItemBase,
+  zuiComboboxListAppearances: () => zuiComboboxListAppearances,
+  zuiComboboxListBase: () => zuiComboboxListBase,
+  zuiComboboxSearchIconBase: () => zuiComboboxSearchIconBase,
+  zuiComboboxSearchInputBase: () => zuiComboboxSearchInputBase,
+  zuiComboboxSearchRowBase: () => zuiComboboxSearchRowBase,
+  zuiComboboxSizes: () => zuiComboboxSizes,
+  zuiComboboxSpacing: () => zuiComboboxSpacing,
+  zuiComboboxTriggerBase: () => zuiComboboxTriggerBase,
+  zuiComboboxTriggerVariants: () => zuiComboboxTriggerVariants,
+  zuiCommandContentAppearances: () => zuiCommandContentAppearances,
+  zuiCommandContentBase: () => zuiCommandContentBase,
+  zuiCommandContentSizes: () => zuiCommandContentSizes,
+  zuiCommandEmptyBase: () => zuiCommandEmptyBase,
+  zuiCommandFooterBase: () => zuiCommandFooterBase,
+  zuiCommandGroupHeadingBase: () => zuiCommandGroupHeadingBase,
+  zuiCommandInputBase: () => zuiCommandInputBase,
+  zuiCommandInputRowBase: () => zuiCommandInputRowBase,
+  zuiCommandItemBase: () => zuiCommandItemBase,
+  zuiCommandListBase: () => zuiCommandListBase,
+  zuiCommandOverlayBase: () => zuiCommandOverlayBase,
+  zuiCommandSeparatorBase: () => zuiCommandSeparatorBase,
+  zuiCommandTriggerBase: () => zuiCommandTriggerBase,
+  zuiContextMenuContentBase: () => zuiContextMenuContentBase,
+  zuiContextMenuItemBase: () => zuiContextMenuItemBase,
+  zuiContextMenuItemVariants: () => zuiContextMenuItemVariants,
+  zuiContextMenuLabelBase: () => zuiContextMenuLabelBase,
+  zuiContextMenuSeparatorBase: () => zuiContextMenuSeparatorBase,
+  zuiContextMenuSpacing: () => zuiContextMenuSpacing,
+  zuiCopyButtonAppearances: () => zuiCopyButtonAppearances,
+  zuiCopyButtonBase: () => zuiCopyButtonBase,
+  zuiCopyButtonIconOnlySizes: () => zuiCopyButtonIconOnlySizes,
+  zuiCopyButtonSizes: () => zuiCopyButtonSizes,
+  zuiCssVariablePattern: () => zuiCssVariablePattern,
+  zuiDisabledState: () => zuiDisabledState,
+  zuiDividerAppearances: () => zuiDividerAppearances,
+  zuiDividerBase: () => zuiDividerBase,
+  zuiDividerLabelBase: () => zuiDividerLabelBase,
+  zuiDividerLineBase: () => zuiDividerLineBase,
+  zuiDividerLineOrientations: () => zuiDividerLineOrientations,
+  zuiDividerOrientations: () => zuiDividerOrientations,
+  zuiDividerSizes: () => zuiDividerSizes,
+  zuiDrawerContentAppearances: () => zuiDrawerContentAppearances,
+  zuiDrawerContentBase: () => zuiDrawerContentBase,
+  zuiDrawerContentSides: () => zuiDrawerContentSides,
+  zuiDrawerContentSizes: () => zuiDrawerContentSizes,
+  zuiDrawerOverlayBase: () => zuiDrawerOverlayBase,
+  zuiDrawerTriggerAppearances: () => zuiDrawerTriggerAppearances,
+  zuiDrawerTriggerBase: () => zuiDrawerTriggerBase,
+  zuiDropdownContentBase: () => zuiDropdownContentBase,
+  zuiDropdownItemBase: () => zuiDropdownItemBase,
+  zuiDropdownItemVariants: () => zuiDropdownItemVariants,
+  zuiDropdownPlacements: () => zuiDropdownPlacements,
+  zuiDropdownSpacing: () => zuiDropdownSpacing,
+  zuiDropdownTriggerBase: () => zuiDropdownTriggerBase,
+  zuiDropdownTriggerSizes: () => zuiDropdownTriggerSizes,
+  zuiDropdownTriggerVariants: () => zuiDropdownTriggerVariants,
+  zuiDynamicStepperIndicatorBase: () => zuiDynamicStepperIndicatorBase,
+  zuiDynamicStepperIndicatorSizes: () => zuiDynamicStepperIndicatorSizes,
+  zuiDynamicStepperIndicatorToneClasses: () => zuiDynamicStepperIndicatorToneClasses,
+  zuiDynamicStepperItemBase: () => zuiDynamicStepperItemBase,
+  zuiDynamicStepperItemOrientations: () => zuiDynamicStepperItemOrientations,
+  zuiDynamicStepperMapperBase: () => zuiDynamicStepperMapperBase,
+  zuiDynamicStepperMapperOrientations: () => zuiDynamicStepperMapperOrientations,
+  zuiDynamicStepperRootBase: () => zuiDynamicStepperRootBase,
+  zuiDynamicStepperRootOrientations: () => zuiDynamicStepperRootOrientations,
+  zuiEmptyStateAlignments: () => zuiEmptyStateAlignments,
+  zuiEmptyStateAppearances: () => zuiEmptyStateAppearances,
+  zuiEmptyStateBase: () => zuiEmptyStateBase,
+  zuiEmptyStateDescriptionBase: () => zuiEmptyStateDescriptionBase,
+  zuiEmptyStateDescriptionSizes: () => zuiEmptyStateDescriptionSizes,
+  zuiEmptyStateSizes: () => zuiEmptyStateSizes,
+  zuiEmptyStateTitleBase: () => zuiEmptyStateTitleBase,
+  zuiEmptyStateTitleSizes: () => zuiEmptyStateTitleSizes,
+  zuiFileUploadAppearances: () => zuiFileUploadAppearances,
+  zuiFileUploadBase: () => zuiFileUploadBase,
+  zuiFocusRing: () => zuiFocusRing,
+  zuiHeadingBase: () => zuiHeadingBase,
+  zuiHeadingLevels: () => zuiHeadingLevels,
+  zuiInputAppearances: () => zuiInputAppearances,
+  zuiInputAs: () => zuiInputAs,
+  zuiInputBase: () => zuiInputBase,
+  zuiInputCheckboxAppearances: () => zuiInputCheckboxAppearances,
+  zuiInputCheckboxSizes: () => zuiInputCheckboxSizes,
+  zuiInputDateAppearances: () => zuiInputDateAppearances,
+  zuiInputFileAppearances: () => zuiInputFileAppearances,
+  zuiInputFileSizes: () => zuiInputFileSizes,
+  zuiInputRadioAppearances: () => zuiInputRadioAppearances,
+  zuiInputRadioSizes: () => zuiInputRadioSizes,
+  zuiInputRing: () => zuiInputRing,
+  zuiInputSizes: () => zuiInputSizes,
+  zuiInputTextareaSizes: () => zuiInputTextareaSizes,
+  zuiInteractiveBase: () => zuiInteractiveBase,
+  zuiKbdBase: () => zuiKbdBase,
+  zuiKbdKeyAppearances: () => zuiKbdKeyAppearances,
+  zuiKbdKeyBase: () => zuiKbdKeyBase,
+  zuiKbdKeySizes: () => zuiKbdKeySizes,
+  zuiKbdSeparatorBase: () => zuiKbdSeparatorBase,
+  zuiKbdSeparatorSizes: () => zuiKbdSeparatorSizes,
+  zuiMarqueeAppearances: () => zuiMarqueeAppearances,
+  zuiMarqueeBase: () => zuiMarqueeBase,
+  zuiMarqueeFade: () => zuiMarqueeFade,
+  zuiMarqueeOrientations: () => zuiMarqueeOrientations,
+  zuiMarqueeSizes: () => zuiMarqueeSizes,
+  zuiModalContentAppearances: () => zuiModalContentAppearances,
+  zuiModalContentBase: () => zuiModalContentBase,
+  zuiModalContentPositions: () => zuiModalContentPositions,
+  zuiModalContentSizes: () => zuiModalContentSizes,
+  zuiModalOverlayBase: () => zuiModalOverlayBase,
+  zuiModalTriggerAppearances: () => zuiModalTriggerAppearances,
+  zuiModalTriggerBase: () => zuiModalTriggerBase,
+  zuiOrderedListBase: () => zuiOrderedListBase,
+  zuiOtpAppearances: () => zuiOtpAppearances,
+  zuiOtpCellBase: () => zuiOtpCellBase,
+  zuiOtpCellsBase: () => zuiOtpCellsBase,
+  zuiOtpErrorBase: () => zuiOtpErrorBase,
+  zuiOtpHintBase: () => zuiOtpHintBase,
+  zuiOtpLabelBase: () => zuiOtpLabelBase,
+  zuiOtpRootBase: () => zuiOtpRootBase,
+  zuiOtpSeparatorBase: () => zuiOtpSeparatorBase,
+  zuiOtpSizes: () => zuiOtpSizes,
+  zuiPaginationEllipsisBase: () => zuiPaginationEllipsisBase,
+  zuiPaginationEllipsisSizes: () => zuiPaginationEllipsisSizes,
+  zuiPaginationListAppearances: () => zuiPaginationListAppearances,
+  zuiPaginationListBase: () => zuiPaginationListBase,
+  zuiPaginationListSizes: () => zuiPaginationListSizes,
+  zuiPopoverContentBase: () => zuiPopoverContentBase,
+  zuiPopoverContentSizes: () => zuiPopoverContentSizes,
+  zuiPopoverContentVariants: () => zuiPopoverContentVariants,
+  zuiPopoverContentWidths: () => zuiPopoverContentWidths,
+  zuiProgressAppearances: () => zuiProgressAppearances,
+  zuiProgressBarBase: () => zuiProgressBarBase,
+  zuiProgressBarStriped: () => zuiProgressBarStriped,
+  zuiProgressBase: () => zuiProgressBase,
+  zuiProgressBoolean: () => zuiProgressBoolean,
+  zuiProgressShapes: () => zuiProgressShapes,
+  zuiProgressSizes: () => zuiProgressSizes,
+  zuiProgressTrackBase: () => zuiProgressTrackBase,
+  zuiProgressTrackSizes: () => zuiProgressTrackSizes,
+  zuiRadioGroupAppearances: () => zuiRadioGroupAppearances,
+  zuiRadioGroupControlBase: () => zuiRadioGroupControlBase,
+  zuiRadioGroupIndicatorBase: () => zuiRadioGroupIndicatorBase,
+  zuiRadioGroupItemBase: () => zuiRadioGroupItemBase,
+  zuiRadioGroupOrientations: () => zuiRadioGroupOrientations,
+  zuiRadioGroupRootBase: () => zuiRadioGroupRootBase,
+  zuiRadioGroupSizes: () => zuiRadioGroupSizes,
+  zuiRadius: () => zuiRadius,
+  zuiRatingAppearances: () => zuiRatingAppearances,
+  zuiRatingControlBase: () => zuiRatingControlBase,
+  zuiRatingErrorBase: () => zuiRatingErrorBase,
+  zuiRatingGroupBase: () => zuiRatingGroupBase,
+  zuiRatingHintBase: () => zuiRatingHintBase,
+  zuiRatingIconBase: () => zuiRatingIconBase,
+  zuiRatingItemBase: () => zuiRatingItemBase,
+  zuiRatingLabelBase: () => zuiRatingLabelBase,
+  zuiRatingRootBase: () => zuiRatingRootBase,
+  zuiRatingSizes: () => zuiRatingSizes,
+  zuiRingOffset: () => zuiRingOffset,
+  zuiScrollAreaAppearances: () => zuiScrollAreaAppearances,
+  zuiScrollAreaBase: () => zuiScrollAreaBase,
+  zuiScrollAreaOrientations: () => zuiScrollAreaOrientations,
+  zuiScrollAreaShadows: () => zuiScrollAreaShadows,
+  zuiScrollAreaSizes: () => zuiScrollAreaSizes,
+  zuiScrollAreaVisibility: () => zuiScrollAreaVisibility,
+  zuiSelectContentAppearances: () => zuiSelectContentAppearances,
+  zuiSelectContentBase: () => zuiSelectContentBase,
+  zuiSelectDisabled: () => zuiSelectDisabled,
+  zuiSelectItemAppearances: () => zuiSelectItemAppearances,
+  zuiSelectItemBase: () => zuiSelectItemBase,
+  zuiSelectSizes: () => zuiSelectSizes,
+  zuiSelectSpacing: () => zuiSelectSpacing,
+  zuiSelectTriggerBase: () => zuiSelectTriggerBase,
+  zuiSelectTriggerVariants: () => zuiSelectTriggerVariants,
+  zuiSkeletonAnimations: () => zuiSkeletonAnimations,
+  zuiSkeletonAppearances: () => zuiSkeletonAppearances,
+  zuiSkeletonBase: () => zuiSkeletonBase,
+  zuiSkeletonRounded: () => zuiSkeletonRounded,
+  zuiSkeletonShimmerGradientClasses: () => zuiSkeletonShimmerGradientClasses,
+  zuiSkeletonShimmerTones: () => zuiSkeletonShimmerTones,
+  zuiSkeletonSizes: () => zuiSkeletonSizes,
+  zuiSkeletonTextLineBase: () => zuiSkeletonTextLineBase,
+  zuiSkeletonTextLineSizes: () => zuiSkeletonTextLineSizes,
+  zuiSliderRangeAppearances: () => zuiSliderRangeAppearances,
+  zuiSliderRangeBase: () => zuiSliderRangeBase,
+  zuiSliderRootBase: () => zuiSliderRootBase,
+  zuiSliderRootSizes: () => zuiSliderRootSizes,
+  zuiSliderThumbBase: () => zuiSliderThumbBase,
+  zuiSliderThumbSizes: () => zuiSliderThumbSizes,
+  zuiSliderTrackBase: () => zuiSliderTrackBase,
+  zuiSliderTrackSizes: () => zuiSliderTrackSizes,
+  zuiSpinnerAppearances: () => zuiSpinnerAppearances,
+  zuiSpinnerBase: () => zuiSpinnerBase,
+  zuiSpinnerSizes: () => zuiSpinnerSizes,
+  zuiSpinnerVariants: () => zuiSpinnerVariants,
+  zuiTableAppearances: () => zuiTableAppearances,
+  zuiTableBase: () => zuiTableBase,
+  zuiTableCellAppearances: () => zuiTableCellAppearances,
+  zuiTableCellBase: () => zuiTableCellBase,
+  zuiTableCellSizes: () => zuiTableCellSizes,
+  zuiTableRowAppearances: () => zuiTableRowAppearances,
+  zuiTableRowBase: () => zuiTableRowBase,
+  zuiTableSizes: () => zuiTableSizes,
+  zuiTableStickyHeader: () => zuiTableStickyHeader,
+  zuiTableTextAlignments: () => zuiTableTextAlignments,
+  zuiTabsListBase: () => zuiTabsListBase,
+  zuiTabsListSizes: () => zuiTabsListSizes,
+  zuiTabsListVariants: () => zuiTabsListVariants,
+  zuiTabsOrientations: () => zuiTabsOrientations,
+  zuiTabsTriggerAppearances: () => zuiTabsTriggerAppearances,
+  zuiTabsTriggerBase: () => zuiTabsTriggerBase,
+  zuiTabsTriggerSizes: () => zuiTabsTriggerSizes,
+  zuiTabsTriggerVariants: () => zuiTabsTriggerVariants,
+  zuiTextSizes: () => zuiTextSizes,
+  zuiTimelineBase: () => zuiTimelineBase,
+  zuiTimelineConnectorBase: () => zuiTimelineConnectorBase,
+  zuiTimelineConnectorSizes: () => zuiTimelineConnectorSizes,
+  zuiTimelineContentBase: () => zuiTimelineContentBase,
+  zuiTimelineContentSizes: () => zuiTimelineContentSizes,
+  zuiTimelineDescriptionBase: () => zuiTimelineDescriptionBase,
+  zuiTimelineDescriptionSizes: () => zuiTimelineDescriptionSizes,
+  zuiTimelineIndicatorAppearances: () => zuiTimelineIndicatorAppearances,
+  zuiTimelineIndicatorBase: () => zuiTimelineIndicatorBase,
+  zuiTimelineIndicatorSizes: () => zuiTimelineIndicatorSizes,
+  zuiTimelineItemBase: () => zuiTimelineItemBase,
+  zuiTimelineTitleBase: () => zuiTimelineTitleBase,
+  zuiTimelineTitleSizes: () => zuiTimelineTitleSizes,
+  zuiToastRootAppearances: () => zuiToastRootAppearances,
+  zuiToastRootBase: () => zuiToastRootBase,
+  zuiToastRootSizes: () => zuiToastRootSizes,
+  zuiToastViewportBase: () => zuiToastViewportBase,
+  zuiToastViewportPositions: () => zuiToastViewportPositions,
+  zuiToggleThumbBase: () => zuiToggleThumbBase,
+  zuiToggleThumbColors: () => zuiToggleThumbColors,
+  zuiToggleThumbSizes: () => zuiToggleThumbSizes,
+  zuiToggleTrackAppearances: () => zuiToggleTrackAppearances,
+  zuiToggleTrackBase: () => zuiToggleTrackBase,
+  zuiToggleTrackSizes: () => zuiToggleTrackSizes,
+  zuiTooltipBase: () => zuiTooltipBase,
+  zuiTooltipSizes: () => zuiTooltipSizes,
+  zuiTooltipVariants: () => zuiTooltipVariants,
+  zuiTooltipWidths: () => zuiTooltipWidths,
+  zuiTreeViewAppearances: () => zuiTreeViewAppearances,
+  zuiTreeViewBase: () => zuiTreeViewBase,
+  zuiTreeViewChevron: () => zuiTreeViewChevron,
+  zuiTreeViewGuide: () => zuiTreeViewGuide,
+  zuiTreeViewIcon: () => zuiTreeViewIcon,
+  zuiTreeViewItemAppearances: () => zuiTreeViewItemAppearances,
+  zuiTreeViewItemBase: () => zuiTreeViewItemBase,
+  zuiTreeViewItemSizes: () => zuiTreeViewItemSizes,
+  zuiTreeViewSizes: () => zuiTreeViewSizes,
+  zuiTypographyTones: () => zuiTypographyTones,
+  zuiUnorderedListBase: () => zuiUnorderedListBase,
+  zuiUnorderedMarkers: () => zuiUnorderedMarkers
+});
+
+// src/design-system/button.ts
+var zuiButtonBase = [
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap",
+  "rounded-[var(--zui-button-radius,0.75rem)]",
+  "text-sm font-medium",
+  "ring-offset-[var(--zui-button-ring-offset,#f8fafc)] dark:ring-offset-[var(--zui-button-ring-offset-dark,#020617)]",
+  ...zuiInteractiveBase,
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-button-focus-ring,#475569)] dark:focus-visible:ring-[var(--zui-button-focus-ring-dark,#cbd5e1)] focus-visible:ring-offset-2",
+  zuiDisabledState.default
+];
+var zuiButtonAppearances = {
+  default: "bg-[var(--zui-button-default-bg,#0f172a)] dark:bg-[var(--zui-button-default-bg-dark,#f8fafc)] text-[color:var(--zui-button-default-fg,#f8fafc)] dark:text-[color:var(--zui-button-default-fg-dark,#020617)] shadow-[var(--zui-button-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-button-default-shadow-dark,0_1px_2px_#0f172a1f)] hover:bg-[var(--zui-button-default-bg-hover,#000000)] dark:hover:bg-[var(--zui-button-default-bg-hover-dark,#ffffff)]",
+  secondary: "bg-[var(--zui-button-secondary-bg,#e2e8f0)] dark:bg-[var(--zui-button-secondary-bg-dark,#1e293b)] text-[color:var(--zui-button-secondary-fg,#0f172a)] dark:text-[color:var(--zui-button-secondary-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-secondary-bg-hover,#cbd5e1)] dark:hover:bg-[var(--zui-button-secondary-bg-hover-dark,#334155)]",
+  destructive: "bg-[var(--zui-button-destructive-bg,#f43f5e)] dark:bg-[var(--zui-button-destructive-bg-dark,#be123c)] text-[color:var(--zui-button-destructive-fg,#ffffff)] dark:text-[color:var(--zui-button-destructive-fg-dark,#ffffff)] hover:bg-[var(--zui-button-destructive-bg-hover,#f43f5e)] dark:hover:bg-[var(--zui-button-destructive-bg-hover-dark,#9f1239)]",
+  outline: "border border-[color:var(--zui-button-outline-border,#0000001a)] dark:border-[color:var(--zui-button-outline-border-dark,#ffffff1a)] bg-[var(--zui-button-outline-bg,#0000000d)] dark:bg-[var(--zui-button-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-button-outline-fg,#0f172a)] dark:text-[color:var(--zui-button-outline-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-outline-bg-hover,#0000001a)] dark:hover:bg-[var(--zui-button-outline-bg-hover-dark,#ffffff1a)]",
+  ghost: "bg-transparent text-[color:var(--zui-button-ghost-fg,#334155)] dark:text-[color:var(--zui-button-ghost-fg-dark,#e2e8f0)] hover:bg-[var(--zui-button-ghost-bg-hover,#0000000d)] dark:hover:bg-[var(--zui-button-ghost-bg-hover-dark,#ffffff0d)]",
+  link: "bg-transparent text-[color:var(--zui-button-link-fg,#0e7490)] dark:text-[color:var(--zui-button-link-fg-dark,#67e8f9)] underline-offset-4 hover:underline",
+  glass: "border border-[color:var(--zui-button-glass-border,#00000026)] dark:border-[color:var(--zui-button-glass-border-dark,#ffffff26)] bg-[var(--zui-button-glass-bg,#0000001a)] dark:bg-[var(--zui-button-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-button-glass-fg,#0f172a)] dark:text-[color:var(--zui-button-glass-fg-dark,#ffffff)] backdrop-blur-md hover:bg-[var(--zui-button-glass-bg-hover,#00000026)] dark:hover:bg-[var(--zui-button-glass-bg-hover-dark,#ffffff26)]",
+  blue: "bg-[var(--zui-button-blue-bg,#2563eb)] dark:bg-[var(--zui-button-blue-bg-dark,#3b82f6)] text-[color:var(--zui-button-blue-fg,#ffffff)] dark:text-[color:var(--zui-button-blue-fg-dark,#ffffff)] hover:bg-[var(--zui-button-blue-bg-hover,#2563eb)] dark:hover:bg-[var(--zui-button-blue-bg-hover-dark,#3b82f6)]",
+  cyan: "bg-[var(--zui-button-cyan-bg,#0891b2)] dark:bg-[var(--zui-button-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-button-cyan-fg,#083344)] dark:text-[color:var(--zui-button-cyan-fg-dark,#083344)] hover:bg-[var(--zui-button-cyan-bg-hover,#0891b2)] dark:hover:bg-[var(--zui-button-cyan-bg-hover-dark,#22d3ee)]",
+  green: "bg-[var(--zui-button-green-bg,#16a34a)] dark:bg-[var(--zui-button-green-bg-dark,#22c55e)] text-[color:var(--zui-button-green-fg,#ffffff)] dark:text-[color:var(--zui-button-green-fg-dark,#052e16)] hover:bg-[var(--zui-button-green-bg-hover,#16a34a)] dark:hover:bg-[var(--zui-button-green-bg-hover-dark,#22c55e)]",
+  lime: "bg-[var(--zui-button-lime-bg,#65a30d)] dark:bg-[var(--zui-button-lime-bg-dark,#a3e635)] text-[color:var(--zui-button-lime-fg,#1a2e05)] dark:text-[color:var(--zui-button-lime-fg-dark,#1a2e05)] hover:bg-[var(--zui-button-lime-bg-hover,#65a30d)] dark:hover:bg-[var(--zui-button-lime-bg-hover-dark,#a3e635)]",
+  mint: "bg-[var(--zui-button-mint-bg,#10b981)] dark:bg-[var(--zui-button-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-button-mint-fg,#064e3b)] dark:text-[color:var(--zui-button-mint-fg-dark,#064e3b)] hover:bg-[var(--zui-button-mint-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-mint-bg-hover-dark,#6ee7b7)]",
+  ocean: "bg-[var(--zui-button-ocean-bg,#0284c7)] dark:bg-[var(--zui-button-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-button-ocean-fg,#082f49)] dark:text-[color:var(--zui-button-ocean-fg-dark,#082f49)] hover:bg-[var(--zui-button-ocean-bg-hover,#0284c7)] dark:hover:bg-[var(--zui-button-ocean-bg-hover-dark,#38bdf8)]",
+  sapphire: "bg-[var(--zui-button-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-button-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-button-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-button-sapphire-fg-dark,#0f172a)] hover:bg-[var(--zui-button-sapphire-bg-hover,#1d4ed8)] dark:hover:bg-[var(--zui-button-sapphire-bg-hover-dark,#60a5fa)]",
+  lavender: "bg-[var(--zui-button-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-button-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-button-lavender-fg,#ffffff)] dark:text-[color:var(--zui-button-lavender-fg-dark,#1e1b4b)] hover:bg-[var(--zui-button-lavender-bg-hover,#8b5cf6)] dark:hover:bg-[var(--zui-button-lavender-bg-hover-dark,#a78bfa)]",
+  ruby: "bg-[var(--zui-button-ruby-bg,#be123c)] dark:bg-[var(--zui-button-ruby-bg-dark,#fb7185)] text-[color:var(--zui-button-ruby-fg,#ffffff)] dark:text-[color:var(--zui-button-ruby-fg-dark,#450a0a)] hover:bg-[var(--zui-button-ruby-bg-hover,#be123c)] dark:hover:bg-[var(--zui-button-ruby-bg-hover-dark,#fb7185)]",
+  red: "bg-[var(--zui-button-red-bg,#dc2626)] dark:bg-[var(--zui-button-red-bg-dark,#ef4444)] text-[color:var(--zui-button-red-fg,#ffffff)] dark:text-[color:var(--zui-button-red-fg-dark,#ffffff)] hover:bg-[var(--zui-button-red-bg-hover,#dc2626)] dark:hover:bg-[var(--zui-button-red-bg-hover-dark,#ef4444)]",
+  slate: "bg-[var(--zui-button-slate-bg,#475569)] dark:bg-[var(--zui-button-slate-bg-dark,#64748b)] text-[color:var(--zui-button-slate-fg,#ffffff)] dark:text-[color:var(--zui-button-slate-fg-dark,#ffffff)] hover:bg-[var(--zui-button-slate-bg-hover,#475569)] dark:hover:bg-[var(--zui-button-slate-bg-hover-dark,#64748b)]",
+  zinc: "bg-[var(--zui-button-zinc-bg,#52525b)] dark:bg-[var(--zui-button-zinc-bg-dark,#71717a)] text-[color:var(--zui-button-zinc-fg,#ffffff)] dark:text-[color:var(--zui-button-zinc-fg-dark,#ffffff)] hover:bg-[var(--zui-button-zinc-bg-hover,#52525b)] dark:hover:bg-[var(--zui-button-zinc-bg-hover-dark,#71717a)]",
+  stone: "bg-[var(--zui-button-stone-bg,#57534e)] dark:bg-[var(--zui-button-stone-bg-dark,#78716c)] text-[color:var(--zui-button-stone-fg,#ffffff)] dark:text-[color:var(--zui-button-stone-fg-dark,#ffffff)] hover:bg-[var(--zui-button-stone-bg-hover,#57534e)] dark:hover:bg-[var(--zui-button-stone-bg-hover-dark,#78716c)]",
+  royal: "bg-[var(--zui-button-royal-bg,#4338ca)] dark:bg-[var(--zui-button-royal-bg-dark,#818cf8)] text-[color:var(--zui-button-royal-fg,#ffffff)] dark:text-[color:var(--zui-button-royal-fg-dark,#1e1b4b)] hover:bg-[var(--zui-button-royal-bg-hover,#4338ca)] dark:hover:bg-[var(--zui-button-royal-bg-hover-dark,#818cf8)]",
+  electric: "bg-[var(--zui-button-electric-bg,#0ea5e9)] dark:bg-[var(--zui-button-electric-bg-dark,#38bdf8)] text-[color:var(--zui-button-electric-fg,#ffffff)] dark:text-[color:var(--zui-button-electric-fg-dark,#082f49)] hover:bg-[var(--zui-button-electric-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-button-electric-bg-hover-dark,#38bdf8)]",
+  forest: "bg-[var(--zui-button-forest-bg,#166534)] dark:bg-[var(--zui-button-forest-bg-dark,#4ade80)] text-[color:var(--zui-button-forest-fg,#ffffff)] dark:text-[color:var(--zui-button-forest-fg-dark,#052e16)] hover:bg-[var(--zui-button-forest-bg-hover,#166534)] dark:hover:bg-[var(--zui-button-forest-bg-hover-dark,#4ade80)]",
+  sunset: "bg-[var(--zui-button-sunset-bg,#ea580c)] dark:bg-[var(--zui-button-sunset-bg-dark,#fb923c)] text-[color:var(--zui-button-sunset-fg,#ffffff)] dark:text-[color:var(--zui-button-sunset-fg-dark,#431407)] hover:bg-[var(--zui-button-sunset-bg-hover,#ea580c)] dark:hover:bg-[var(--zui-button-sunset-bg-hover-dark,#fb923c)]",
+  magenta: "bg-[var(--zui-button-magenta-bg,#c026d3)] dark:bg-[var(--zui-button-magenta-bg-dark,#e879f9)] text-[color:var(--zui-button-magenta-fg,#ffffff)] dark:text-[color:var(--zui-button-magenta-fg-dark,#4a044e)] hover:bg-[var(--zui-button-magenta-bg-hover,#c026d3)] dark:hover:bg-[var(--zui-button-magenta-bg-hover-dark,#e879f9)]",
+  crimson: "bg-[var(--zui-button-crimson-bg,#b91c1c)] dark:bg-[var(--zui-button-crimson-bg-dark,#f87171)] text-[color:var(--zui-button-crimson-fg,#ffffff)] dark:text-[color:var(--zui-button-crimson-fg-dark,#450a0a)] hover:bg-[var(--zui-button-crimson-bg-hover,#b91c1c)] dark:hover:bg-[var(--zui-button-crimson-bg-hover-dark,#f87171)]",
+  aqua: "bg-[var(--zui-button-aqua-bg,#0f766e)] dark:bg-[var(--zui-button-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-button-aqua-fg,#ffffff)] dark:text-[color:var(--zui-button-aqua-fg-dark,#042f2e)] hover:bg-[var(--zui-button-aqua-bg-hover,#0f766e)] dark:hover:bg-[var(--zui-button-aqua-bg-hover-dark,#2dd4bf)]",
+  plum: "bg-[var(--zui-button-plum-bg,#7e22ce)] dark:bg-[var(--zui-button-plum-bg-dark,#c084fc)] text-[color:var(--zui-button-plum-fg,#ffffff)] dark:text-[color:var(--zui-button-plum-fg-dark,#3b0764)] hover:bg-[var(--zui-button-plum-bg-hover,#7e22ce)] dark:hover:bg-[var(--zui-button-plum-bg-hover-dark,#c084fc)]",
+  emerald: "bg-[var(--zui-button-emerald-bg,#10b981)] dark:bg-[var(--zui-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-button-emerald-fg,#064e3b)] dark:text-[color:var(--zui-button-emerald-fg-dark,#ffffff)] hover:bg-[var(--zui-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-emerald-bg-hover-dark,#064e3b)]",
+  indigo: "bg-[var(--zui-button-indigo-bg,#3730a3)] dark:bg-[var(--zui-button-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-button-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-indigo-fg-dark,#ffffff)] hover:bg-[var(--zui-button-indigo-bg-hover,#3730a3)] dark:hover:bg-[var(--zui-button-indigo-bg-hover-dark,#4f46e5)]",
+  purple: "bg-[var(--zui-button-purple-bg,#6b21a8)] dark:bg-[var(--zui-button-purple-bg-dark,#9333ea)] text-[color:var(--zui-button-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-purple-fg-dark,#ffffff)] hover:bg-[var(--zui-button-purple-bg-hover,#6b21a8)] dark:hover:bg-[var(--zui-button-purple-bg-hover-dark,#9333ea)]",
+  pink: "bg-[var(--zui-button-pink-bg,#9d174d)] dark:bg-[var(--zui-button-pink-bg-dark,#db2777)] text-[color:var(--zui-button-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-pink-fg-dark,#ffffff)] hover:bg-[var(--zui-button-pink-bg-hover,#9d174d)] dark:hover:bg-[var(--zui-button-pink-bg-hover-dark,#db2777)]",
+  rose: "bg-[var(--zui-button-rose-bg,#9f1239)] dark:bg-[var(--zui-button-rose-bg-dark,#e11d48)] text-[color:var(--zui-button-rose-fg,#ffffff)] dark:text-[color:var(--zui-button-rose-fg-dark,#ffffff)] hover:bg-[var(--zui-button-rose-bg-hover,#9f1239)] dark:hover:bg-[var(--zui-button-rose-bg-hover-dark,#e11d48)]",
+  sky: "bg-[var(--zui-button-sky-bg,#0ea5e9)] dark:bg-[var(--zui-button-sky-bg-dark,#0369a1)] text-[color:var(--zui-button-sky-fg,#ffffff)] dark:text-[color:var(--zui-button-sky-fg-dark,#ffffff)] hover:bg-[var(--zui-button-sky-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-button-sky-bg-hover-dark,#075985)]",
+  teal: "bg-[var(--zui-button-teal-bg,#14b8a6)] dark:bg-[var(--zui-button-teal-bg-dark,#0f766e)] text-[color:var(--zui-button-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-teal-fg-dark,#ffffff)] hover:bg-[var(--zui-button-teal-bg-hover,#14b8a6)] dark:hover:bg-[var(--zui-button-teal-bg-hover-dark,#115e59)]",
+  yellow: "bg-[var(--zui-button-yellow-bg,#eab308)] dark:bg-[var(--zui-button-yellow-bg-dark,#854d0e)] text-[color:var(--zui-button-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-yellow-fg-dark,#ffffff)] hover:bg-[var(--zui-button-yellow-bg-hover,#eab308)] dark:hover:bg-[var(--zui-button-yellow-bg-hover-dark,#713f12)]",
+  orange: "bg-[var(--zui-button-orange-bg,#f97316)] dark:bg-[var(--zui-button-orange-bg-dark,#9a3412)] text-[color:var(--zui-button-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-orange-fg-dark,#ffffff)] hover:bg-[var(--zui-button-orange-bg-hover,#f97316)] dark:hover:bg-[var(--zui-button-orange-bg-hover-dark,#7c2d12)]",
+  gray: "bg-[var(--zui-button-gray-bg,#6b7280)] dark:bg-[var(--zui-button-gray-bg-dark,#374151)] text-[color:var(--zui-button-gray-fg,#ffffff)] dark:text-[color:var(--zui-button-gray-fg-dark,#ffffff)] hover:bg-[var(--zui-button-gray-bg-hover,#6b7280)] dark:hover:bg-[var(--zui-button-gray-bg-hover-dark,#1f2937)]",
+  amber: "bg-[var(--zui-button-amber-bg,#f59e0b)] dark:bg-[var(--zui-button-amber-bg-dark,#92400e)] text-[color:var(--zui-button-amber-fg,#ffffff)] dark:text-[color:var(--zui-button-amber-fg-dark,#ffffff)] hover:bg-[var(--zui-button-amber-bg-hover,#f59e0b)] dark:hover:bg-[var(--zui-button-amber-bg-hover-dark,#78350f)]",
+  violet: "bg-[var(--zui-button-violet-bg,#5b21b6)] dark:bg-[var(--zui-button-violet-bg-dark,#7c3aed)] text-[color:var(--zui-button-violet-fg,#ffffff)] dark:text-[color:var(--zui-button-violet-fg-dark,#ffffff)] hover:bg-[var(--zui-button-violet-bg-hover,#5b21b6)] dark:hover:bg-[var(--zui-button-violet-bg-hover-dark,#7c3aed)]",
+  "gradient-blue": "bg-linear-to-r from-[var(--zui-button-gradient-blue-from,#1e40af)] dark:from-[var(--zui-button-gradient-blue-from-dark,#2563eb)] to-[var(--zui-button-gradient-blue-to,#6b21a8)] dark:to-[var(--zui-button-gradient-blue-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-blue-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-blue-from-hover,#1e40af)] dark:hover:from-[var(--zui-button-gradient-blue-from-hover-dark,#2563eb)] hover:to-[var(--zui-button-gradient-blue-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-blue-to-hover-dark,#9333ea)]",
+  "gradient-green": "bg-linear-to-r from-[var(--zui-button-gradient-green-from,#166534)] dark:from-[var(--zui-button-gradient-green-from-dark,#16a34a)] to-[var(--zui-button-gradient-green-to,#3f6212)] dark:to-[var(--zui-button-gradient-green-to-dark,#65a30d)] text-[color:var(--zui-button-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-green-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-green-from-hover,#166534)] dark:hover:from-[var(--zui-button-gradient-green-from-hover-dark,#16a34a)] hover:to-[var(--zui-button-gradient-green-to-hover,#3f6212)] dark:hover:to-[var(--zui-button-gradient-green-to-hover-dark,#65a30d)]",
+  "gradient-red": "bg-linear-to-r from-[var(--zui-button-gradient-red-from,#991b1b)] dark:from-[var(--zui-button-gradient-red-from-dark,#dc2626)] to-[var(--zui-button-gradient-red-to,#9d174d)] dark:to-[var(--zui-button-gradient-red-to-dark,#db2777)] text-[color:var(--zui-button-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-red-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-red-from-hover,#991b1b)] dark:hover:from-[var(--zui-button-gradient-red-from-hover-dark,#dc2626)] hover:to-[var(--zui-button-gradient-red-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-red-to-hover-dark,#db2777)]",
+  "gradient-yellow": "bg-linear-to-r from-[var(--zui-button-gradient-yellow-from,#854d0e)] dark:from-[var(--zui-button-gradient-yellow-from-dark,#ca8a04)] to-[var(--zui-button-gradient-yellow-to,#9a3412)] dark:to-[var(--zui-button-gradient-yellow-to-dark,#ea580c)] text-[color:var(--zui-button-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-yellow-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-yellow-from-hover,#854d0e)] dark:hover:from-[var(--zui-button-gradient-yellow-from-hover-dark,#ca8a04)] hover:to-[var(--zui-button-gradient-yellow-to-hover,#9a3412)] dark:hover:to-[var(--zui-button-gradient-yellow-to-hover-dark,#ea580c)]",
+  "gradient-purple": "bg-linear-to-r from-[var(--zui-button-gradient-purple-from,#6b21a8)] dark:from-[var(--zui-button-gradient-purple-from-dark,#9333ea)] to-[var(--zui-button-gradient-purple-to,#9d174d)] dark:to-[var(--zui-button-gradient-purple-to-dark,#db2777)] text-[color:var(--zui-button-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-purple-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-purple-from-hover,#6b21a8)] dark:hover:from-[var(--zui-button-gradient-purple-from-hover-dark,#9333ea)] hover:to-[var(--zui-button-gradient-purple-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-purple-to-hover-dark,#db2777)]",
+  "gradient-teal": "bg-linear-to-r from-[var(--zui-button-gradient-teal-from,#115e59)] dark:from-[var(--zui-button-gradient-teal-from-dark,#0d9488)] to-[var(--zui-button-gradient-teal-to,#155e75)] dark:to-[var(--zui-button-gradient-teal-to-dark,#0891b2)] text-[color:var(--zui-button-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-teal-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-teal-from-hover,#115e59)] dark:hover:from-[var(--zui-button-gradient-teal-from-hover-dark,#0d9488)] hover:to-[var(--zui-button-gradient-teal-to-hover,#155e75)] dark:hover:to-[var(--zui-button-gradient-teal-to-hover-dark,#0891b2)]",
+  "gradient-indigo": "bg-linear-to-r from-[var(--zui-button-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-button-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-button-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-button-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-indigo-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-indigo-from-hover,#3730a3)] dark:hover:from-[var(--zui-button-gradient-indigo-from-hover-dark,#4f46e5)] hover:to-[var(--zui-button-gradient-indigo-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-indigo-to-hover-dark,#9333ea)]",
+  "gradient-pink": "bg-linear-to-r from-[var(--zui-button-gradient-pink-from,#9d174d)] dark:from-[var(--zui-button-gradient-pink-from-dark,#db2777)] to-[var(--zui-button-gradient-pink-to,#9f1239)] dark:to-[var(--zui-button-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-button-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-pink-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-pink-from-hover,#9d174d)] dark:hover:from-[var(--zui-button-gradient-pink-from-hover-dark,#db2777)] hover:to-[var(--zui-button-gradient-pink-to-hover,#9f1239)] dark:hover:to-[var(--zui-button-gradient-pink-to-hover-dark,#e11d48)]",
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-button-gradient-orange-from,#9a3412)] dark:from-[var(--zui-button-gradient-orange-from-dark,#ea580c)] to-[var(--zui-button-gradient-orange-to,#991b1b)] dark:to-[var(--zui-button-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-button-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-orange-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-orange-from-hover,#9a3412)] dark:hover:from-[var(--zui-button-gradient-orange-from-hover-dark,#ea580c)] hover:to-[var(--zui-button-gradient-orange-to-hover,#991b1b)] dark:hover:to-[var(--zui-button-gradient-orange-to-hover-dark,#dc2626)]"
+};
+var zuiButtonSizes = {
+  sm: "h-7 md:h-9 px-3 text-xs",
+  md: "h-9 md:h-11 px-4",
+  lg: "h-10 md:h-12 px-5 text-base",
+  xl: "h-12 md:h-14 px-6 text-lg",
+  "2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
+  "3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
+  "4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
+  "5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
+  "6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
+  "7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
+  "8xl": "h-26 md:h-28 px-20 text-2xl",
+  "9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
+  "10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
+  icon: "h-10 w-10"
+};
+
+// src/design-system/dynamic-stepper.ts
+var zuiDynamicStepperIndicatorToneClasses = {
+  default: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-default-border-complete,oklch(55.4%_0.046_257.417_/_0.55))] dark:border-[color:var(--zui-dynamic-stepper-indicator-default-border-complete-dark,oklch(37.2%_0.044_257.287_/_0.55))] bg-[var(--zui-dynamic-stepper-indicator-default-bg-complete,oklch(55.4%_0.046_257.417_/_0.25))] dark:bg-[var(--zui-dynamic-stepper-indicator-default-bg-complete-dark,oklch(55.4%_0.046_257.417_/_0.25))] text-[color:var(--zui-dynamic-stepper-indicator-default-fg-complete,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-default-fg-complete-dark,oklch(98.4%_0.003_247.858))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-default-ring-complete,oklch(55.4%_0.046_257.417_/_0.25))] dark:ring-[var(--zui-dynamic-stepper-indicator-default-ring-complete-dark,oklch(70.4%_0.04_256.788_/_0.25))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-default-border-current,oklch(44.6%_0.043_257.281))] dark:border-[color:var(--zui-dynamic-stepper-indicator-default-border-current-dark,oklch(86.9%_0.022_252.894))] bg-[var(--zui-dynamic-stepper-indicator-default-bg-current,oklch(55.4%_0.046_257.417_/_0.35))] dark:bg-[var(--zui-dynamic-stepper-indicator-default-bg-current-dark,oklch(55.4%_0.046_257.417_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-default-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-default-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-default-ring-current,oklch(44.6%_0.043_257.281_/_0.45))] dark:ring-[var(--zui-dynamic-stepper-indicator-default-ring-current-dark,oklch(86.9%_0.022_252.894_/_0.45))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-default-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-default-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-default-bg-upcoming,#0000000d)] dark:bg-[var(--zui-dynamic-stepper-indicator-default-bg-upcoming-dark,#ffffff0d)] text-[color:var(--zui-dynamic-stepper-indicator-default-fg-upcoming,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-dynamic-stepper-indicator-default-fg-upcoming-dark,oklch(70.4%_0.04_256.788))]"
+  },
+  secondary: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-complete,oklch(70.4%_0.04_256.788))] dark:border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-complete-dark,oklch(44.6%_0.043_257.281))] bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-complete,oklch(92.9%_0.013_255.508_/_0.7))] dark:bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-complete-dark,oklch(27.9%_0.041_260.031_/_0.7))] text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-complete,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-complete-dark,oklch(92.9%_0.013_255.508))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-complete,oklch(70.4%_0.04_256.788_/_0.35))] dark:ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-complete-dark,oklch(44.6%_0.043_257.281_/_0.35))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-current,oklch(55.4%_0.046_257.417))] dark:border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-current-dark,oklch(55.4%_0.046_257.417))] bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-current,oklch(86.9%_0.022_252.894_/_0.55))] dark:bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-current-dark,oklch(37.2%_0.044_257.287_/_0.55))] text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-current,oklch(55.4%_0.046_257.417_/_0.45))] dark:ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-current-dark,oklch(55.4%_0.046_257.417_/_0.45))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-upcoming,#0000001a)] dark:border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-upcoming-dark,#ffffff1a)] bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-upcoming,oklch(96.8%_0.007_247.896_/_0.5))] dark:bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-upcoming-dark,oklch(20.8%_0.042_265.755_/_0.5))] text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-upcoming,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-upcoming-dark,oklch(55.4%_0.046_257.417))]"
+  },
+  destructive: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-complete,oklch(64.5%_0.246_16.439_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-complete-dark,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-complete,oklch(64.5%_0.246_16.439_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-complete-dark,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-complete,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-complete-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-complete,oklch(71.2%_0.194_13.428_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-complete-dark,oklch(71.2%_0.194_13.428_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-current,oklch(58.6%_0.253_17.585))] dark:border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-current-dark,oklch(71.2%_0.194_13.428))] bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-current,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-current-dark,oklch(58.6%_0.253_17.585_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-current,oklch(71.2%_0.194_13.428_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-current-dark,oklch(71.2%_0.194_13.428_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-upcoming,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-upcoming-dark,oklch(27.1%_0.105_12.094_/_0.25))] text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-upcoming,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-upcoming-dark,oklch(70.4%_0.04_256.788))]"
+  },
+  outline: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-outline-border-complete,oklch(69.6%_0.17_162.48_/_0.55))] dark:border-[color:var(--zui-dynamic-stepper-indicator-outline-border-complete-dark,oklch(69.6%_0.17_162.48_/_0.55))] bg-[var(--zui-dynamic-stepper-indicator-outline-bg-complete,transparent)] dark:bg-[var(--zui-dynamic-stepper-indicator-outline-bg-complete-dark,transparent)] text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-complete,oklch(90.5%_0.093_164.15))] dark:text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-complete-dark,oklch(90.5%_0.093_164.15))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-outline-ring-complete,oklch(69.6%_0.17_162.48_/_0.25))] dark:ring-[var(--zui-dynamic-stepper-indicator-outline-ring-complete-dark,oklch(69.6%_0.17_162.48_/_0.25))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-outline-border-current,#0000004d)] dark:border-[color:var(--zui-dynamic-stepper-indicator-outline-border-current-dark,#ffffff4d)] bg-[var(--zui-dynamic-stepper-indicator-outline-bg-current,#0000001a)] dark:bg-[var(--zui-dynamic-stepper-indicator-outline-bg-current-dark,#ffffff1a)] text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-outline-ring-current,#00000040)] dark:ring-[var(--zui-dynamic-stepper-indicator-outline-ring-current-dark,#ffffff40)]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-outline-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-outline-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-outline-bg-upcoming,#0000000d)] dark:bg-[var(--zui-dynamic-stepper-indicator-outline-bg-upcoming-dark,#ffffff0d)] text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-upcoming,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-upcoming-dark,oklch(70.4%_0.04_256.788))]"
+  },
+  ghost: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-complete,transparent)] dark:border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-complete-dark,transparent)] bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-complete,oklch(69.6%_0.17_162.48_/_0.15))] dark:bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-complete-dark,oklch(69.6%_0.17_162.48_/_0.15))] text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-complete,oklch(90.5%_0.093_164.15))] dark:text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-complete-dark,oklch(90.5%_0.093_164.15))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-complete,oklch(76.5%_0.177_163.223_/_0.2))] dark:ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-complete-dark,oklch(76.5%_0.177_163.223_/_0.2))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-current,transparent)] dark:border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-current-dark,transparent)] bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-current,#0000001a)] dark:bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-current-dark,#ffffff1a)] text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-current,#00000026)] dark:ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-current-dark,#ffffff26)]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-upcoming,transparent)] dark:border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-upcoming-dark,transparent)] bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-upcoming,transparent)] dark:bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-upcoming-dark,transparent)] text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-upcoming,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-upcoming-dark,oklch(55.4%_0.046_257.417))]"
+  },
+  link: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-link-border-complete,oklch(71.5%_0.143_215.221_/_0.45))] dark:border-[color:var(--zui-dynamic-stepper-indicator-link-border-complete-dark,oklch(71.5%_0.143_215.221_/_0.45))] bg-[var(--zui-dynamic-stepper-indicator-link-bg-complete,oklch(98.4%_0.019_200.873))] dark:bg-[var(--zui-dynamic-stepper-indicator-link-bg-complete-dark,oklch(30.2%_0.056_229.695_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-link-fg-complete,oklch(91.7%_0.08_205.041))] dark:text-[color:var(--zui-dynamic-stepper-indicator-link-fg-complete-dark,oklch(91.7%_0.08_205.041))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-link-ring-complete,oklch(78.9%_0.154_211.53_/_0.25))] dark:ring-[var(--zui-dynamic-stepper-indicator-link-ring-complete-dark,oklch(78.9%_0.154_211.53_/_0.25))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-link-border-current,oklch(60.9%_0.126_221.723))] dark:border-[color:var(--zui-dynamic-stepper-indicator-link-border-current-dark,oklch(78.9%_0.154_211.53))] bg-[var(--zui-dynamic-stepper-indicator-link-bg-current,oklch(39.8%_0.07_227.392_/_0.45))] dark:bg-[var(--zui-dynamic-stepper-indicator-link-bg-current-dark,oklch(39.8%_0.07_227.392_/_0.45))] text-[color:var(--zui-dynamic-stepper-indicator-link-fg-current,oklch(30.2%_0.056_229.695))] dark:text-[color:var(--zui-dynamic-stepper-indicator-link-fg-current-dark,oklch(98.4%_0.019_200.873))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-link-ring-current,oklch(78.9%_0.154_211.53_/_0.45))] dark:ring-[var(--zui-dynamic-stepper-indicator-link-ring-current-dark,oklch(78.9%_0.154_211.53_/_0.45))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-link-border-upcoming,#0000001a)] dark:border-[color:var(--zui-dynamic-stepper-indicator-link-border-upcoming-dark,#ffffff1a)] bg-[var(--zui-dynamic-stepper-indicator-link-bg-upcoming,transparent)] dark:bg-[var(--zui-dynamic-stepper-indicator-link-bg-upcoming-dark,transparent)] text-[color:var(--zui-dynamic-stepper-indicator-link-fg-upcoming,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-dynamic-stepper-indicator-link-fg-upcoming-dark,oklch(55.4%_0.046_257.417))]"
+  },
+  glass: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-glass-border-complete,#00000040)] dark:border-[color:var(--zui-dynamic-stepper-indicator-glass-border-complete-dark,#ffffff40)] bg-[var(--zui-dynamic-stepper-indicator-glass-bg-complete,#0000001a)] dark:bg-[var(--zui-dynamic-stepper-indicator-glass-bg-complete-dark,#ffffff1a)] text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-complete,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-complete-dark,oklch(95%_0.052_163.051))] shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-complete,inset_0_1px_0_rgba(255,255,255,0.06))] dark:shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-complete-dark,inset_0_1px_0_rgba(255,255,255,0.06))] backdrop-blur-md ring-2 ring-[var(--zui-dynamic-stepper-indicator-glass-ring-complete,oklch(76.5%_0.177_163.223_/_0.25))] dark:ring-[var(--zui-dynamic-stepper-indicator-glass-ring-complete-dark,oklch(76.5%_0.177_163.223_/_0.25))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-glass-border-current,#00000059)] dark:border-[color:var(--zui-dynamic-stepper-indicator-glass-border-current-dark,#ffffff59)] bg-[var(--zui-dynamic-stepper-indicator-glass-bg-current,#00000026)] dark:bg-[var(--zui-dynamic-stepper-indicator-glass-bg-current-dark,#ffffff26)] text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-current-dark,#ffffff)] shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-current,inset_0_1px_0_rgba(255,255,255,0.08))] dark:shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-current-dark,inset_0_1px_0_rgba(255,255,255,0.08))] backdrop-blur-md ring-2 ring-[var(--zui-dynamic-stepper-indicator-glass-ring-current,#0000004d)] dark:ring-[var(--zui-dynamic-stepper-indicator-glass-ring-current-dark,#ffffff4d)]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-glass-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-glass-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-glass-bg-upcoming,#0000000d)] dark:bg-[var(--zui-dynamic-stepper-indicator-glass-bg-upcoming-dark,#ffffff0d)] text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-upcoming,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-upcoming-dark,oklch(70.4%_0.04_256.788))] backdrop-blur-sm"
+  },
+  emerald: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-complete,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-complete-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-complete,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-complete-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-complete,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-complete-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-complete,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-complete-dark,oklch(76.5%_0.177_163.223_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-current,oklch(59.6%_0.145_163.225))] dark:border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-current-dark,oklch(76.5%_0.177_163.223))] bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-current,oklch(69.6%_0.17_162.48_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-current-dark,oklch(69.6%_0.17_162.48_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-current,oklch(76.5%_0.177_163.223_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-current-dark,oklch(76.5%_0.177_163.223_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-upcoming,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-upcoming-dark,oklch(26.2%_0.051_172.552_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-upcoming,oklch(50.8%_0.118_165.612_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-upcoming-dark,oklch(50.8%_0.118_165.612_/_0.55))]"
+  },
+  indigo: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-complete,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-complete-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-complete,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-complete-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-complete,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-complete-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-complete,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-complete-dark,oklch(67.3%_0.182_276.935_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-current,oklch(51.1%_0.262_276.966))] dark:border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-current-dark,oklch(67.3%_0.182_276.935))] bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-current,oklch(58.5%_0.233_277.117_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-current-dark,oklch(58.5%_0.233_277.117_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-current,oklch(67.3%_0.182_276.935_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-current-dark,oklch(67.3%_0.182_276.935_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-upcoming,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-upcoming-dark,oklch(25.7%_0.09_281.288_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-upcoming,oklch(45.7%_0.24_277.023_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-upcoming-dark,oklch(45.7%_0.24_277.023_/_0.55))]"
+  },
+  purple: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-purple-border-complete,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-purple-border-complete-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-purple-bg-complete,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-purple-bg-complete-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-complete,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-complete-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-purple-ring-complete,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-purple-ring-complete-dark,oklch(71.4%_0.203_305.504_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-purple-border-current,oklch(55.8%_0.288_302.321))] dark:border-[color:var(--zui-dynamic-stepper-indicator-purple-border-current-dark,oklch(71.4%_0.203_305.504))] bg-[var(--zui-dynamic-stepper-indicator-purple-bg-current,oklch(62.7%_0.265_303.9_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-purple-bg-current-dark,oklch(62.7%_0.265_303.9_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-purple-ring-current,oklch(71.4%_0.203_305.504_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-purple-ring-current-dark,oklch(71.4%_0.203_305.504_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-purple-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-purple-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-purple-bg-upcoming,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-dynamic-stepper-indicator-purple-bg-upcoming-dark,oklch(29.1%_0.149_302.717_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-upcoming,oklch(49.6%_0.265_301.924_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-upcoming-dark,oklch(49.6%_0.265_301.924_/_0.55))]"
+  },
+  pink: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-pink-border-complete,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-pink-border-complete-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-pink-bg-complete,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-pink-bg-complete-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-complete,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-complete-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-pink-ring-complete,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-pink-ring-complete-dark,oklch(71.8%_0.202_349.761_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-pink-border-current,oklch(59.2%_0.249_0.584))] dark:border-[color:var(--zui-dynamic-stepper-indicator-pink-border-current-dark,oklch(71.8%_0.202_349.761))] bg-[var(--zui-dynamic-stepper-indicator-pink-bg-current,oklch(65.6%_0.241_354.308_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-pink-bg-current-dark,oklch(65.6%_0.241_354.308_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-pink-ring-current,oklch(71.8%_0.202_349.761_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-pink-ring-current-dark,oklch(71.8%_0.202_349.761_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-pink-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-pink-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-pink-bg-upcoming,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-dynamic-stepper-indicator-pink-bg-upcoming-dark,oklch(28.4%_0.109_3.907_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-upcoming,oklch(52.5%_0.223_3.958_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-upcoming-dark,oklch(52.5%_0.223_3.958_/_0.55))]"
+  },
+  rose: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-rose-border-complete,oklch(64.5%_0.246_16.439_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-rose-border-complete-dark,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-rose-bg-complete,oklch(64.5%_0.246_16.439_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-rose-bg-complete-dark,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-complete,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-complete-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-rose-ring-complete,oklch(71.2%_0.194_13.428_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-rose-ring-complete-dark,oklch(71.2%_0.194_13.428_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-rose-border-current,oklch(58.6%_0.253_17.585))] dark:border-[color:var(--zui-dynamic-stepper-indicator-rose-border-current-dark,oklch(71.2%_0.194_13.428))] bg-[var(--zui-dynamic-stepper-indicator-rose-bg-current,oklch(64.5%_0.246_16.439_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-rose-bg-current-dark,oklch(64.5%_0.246_16.439_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-rose-ring-current,oklch(71.2%_0.194_13.428_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-rose-ring-current-dark,oklch(71.2%_0.194_13.428_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-rose-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-rose-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-rose-bg-upcoming,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-dynamic-stepper-indicator-rose-bg-upcoming-dark,oklch(27.1%_0.105_12.094_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-upcoming,oklch(51.4%_0.222_16.935_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-upcoming-dark,oklch(51.4%_0.222_16.935_/_0.55))]"
+  },
+  sky: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-sky-border-complete,oklch(68.5%_0.169_237.323_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-sky-border-complete-dark,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-sky-bg-complete,oklch(68.5%_0.169_237.323_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-sky-bg-complete-dark,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-complete,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-complete-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-sky-ring-complete,oklch(74.6%_0.16_232.661_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-sky-ring-complete-dark,oklch(74.6%_0.16_232.661_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-sky-border-current,oklch(58.8%_0.158_241.966))] dark:border-[color:var(--zui-dynamic-stepper-indicator-sky-border-current-dark,oklch(74.6%_0.16_232.661))] bg-[var(--zui-dynamic-stepper-indicator-sky-bg-current,oklch(68.5%_0.169_237.323_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-sky-bg-current-dark,oklch(68.5%_0.169_237.323_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-sky-ring-current,oklch(74.6%_0.16_232.661_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-sky-ring-current-dark,oklch(74.6%_0.16_232.661_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-sky-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-sky-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-sky-bg-upcoming,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-dynamic-stepper-indicator-sky-bg-upcoming-dark,oklch(29.3%_0.066_243.157_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-upcoming,oklch(50%_0.134_242.749_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-upcoming-dark,oklch(50%_0.134_242.749_/_0.55))]"
+  },
+  teal: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-teal-border-complete,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-teal-border-complete-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-teal-bg-complete,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-teal-bg-complete-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-complete,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-complete-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-teal-ring-complete,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-teal-ring-complete-dark,oklch(77.7%_0.152_181.912_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-teal-border-current,oklch(60%_0.118_184.704))] dark:border-[color:var(--zui-dynamic-stepper-indicator-teal-border-current-dark,oklch(77.7%_0.152_181.912))] bg-[var(--zui-dynamic-stepper-indicator-teal-bg-current,oklch(70.4%_0.14_182.503_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-teal-bg-current-dark,oklch(70.4%_0.14_182.503_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-teal-ring-current,oklch(77.7%_0.152_181.912_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-teal-ring-current-dark,oklch(77.7%_0.152_181.912_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-teal-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-teal-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-teal-bg-upcoming,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-dynamic-stepper-indicator-teal-bg-upcoming-dark,oklch(27.7%_0.046_192.524_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-upcoming,oklch(51.1%_0.096_186.391_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-upcoming-dark,oklch(51.1%_0.096_186.391_/_0.55))]"
+  },
+  yellow: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-complete,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-complete-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-complete,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-complete-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-complete,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-complete-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-complete,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-complete-dark,oklch(85.2%_0.199_91.936_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-current,oklch(68.1%_0.162_75.834))] dark:border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-current-dark,oklch(85.2%_0.199_91.936))] bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-current,oklch(97.3%_0.071_103.193_/_0.5))] dark:bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-current-dark,oklch(68.1%_0.162_75.834_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-current,oklch(85.2%_0.199_91.936_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-current-dark,oklch(85.2%_0.199_91.936_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-upcoming,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-upcoming-dark,oklch(28.6%_0.066_53.813_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-upcoming,oklch(55.4%_0.135_66.442_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-upcoming-dark,oklch(55.4%_0.135_66.442_/_0.55))]"
+  },
+  orange: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-orange-border-complete,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-orange-border-complete-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-orange-bg-complete,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-orange-bg-complete-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-complete,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-complete-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-orange-ring-complete,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-orange-ring-complete-dark,oklch(75%_0.183_55.934_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-orange-border-current,oklch(64.6%_0.222_41.116))] dark:border-[color:var(--zui-dynamic-stepper-indicator-orange-border-current-dark,oklch(75%_0.183_55.934))] bg-[var(--zui-dynamic-stepper-indicator-orange-bg-current,oklch(95.4%_0.038_75.164_/_0.5))] dark:bg-[var(--zui-dynamic-stepper-indicator-orange-bg-current-dark,oklch(64.6%_0.222_41.116_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-orange-ring-current,oklch(75%_0.183_55.934_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-orange-ring-current-dark,oklch(75%_0.183_55.934_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-orange-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-orange-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-orange-bg-upcoming,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-dynamic-stepper-indicator-orange-bg-upcoming-dark,oklch(26.6%_0.079_36.259_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-upcoming,oklch(55.3%_0.195_38.402_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-upcoming-dark,oklch(55.3%_0.195_38.402_/_0.55))]"
+  },
+  gray: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-gray-border-complete,oklch(55.1%_0.027_264.364_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-gray-border-complete-dark,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-gray-bg-complete,oklch(55.1%_0.027_264.364_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-gray-bg-complete-dark,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-complete,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-complete-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-gray-ring-complete,oklch(70.7%_0.022_261.325_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-gray-ring-complete-dark,oklch(70.7%_0.022_261.325_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-gray-border-current,oklch(44.6%_0.03_256.802))] dark:border-[color:var(--zui-dynamic-stepper-indicator-gray-border-current-dark,oklch(70.7%_0.022_261.325))] bg-[var(--zui-dynamic-stepper-indicator-gray-bg-current,oklch(96.7%_0.003_264.542_/_0.5))] dark:bg-[var(--zui-dynamic-stepper-indicator-gray-bg-current-dark,oklch(44.6%_0.03_256.802_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-gray-ring-current,oklch(70.7%_0.022_261.325_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-gray-ring-current-dark,oklch(70.7%_0.022_261.325_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-gray-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-gray-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-gray-bg-upcoming,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-dynamic-stepper-indicator-gray-bg-upcoming-dark,oklch(13%_0.028_261.692_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-upcoming,oklch(87.2%_0.01_258.338_/_0.7))] dark:text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-upcoming-dark,oklch(87.2%_0.01_258.338_/_0.7))]"
+  },
+  amber: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-amber-border-complete,oklch(76.9%_0.188_70.08_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-amber-border-complete-dark,oklch(76.9%_0.188_70.08_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-amber-bg-complete,oklch(76.9%_0.188_70.08_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-amber-bg-complete-dark,oklch(76.9%_0.188_70.08_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-complete,oklch(41.4%_0.112_45.904))] dark:text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-complete-dark,oklch(96.2%_0.059_95.617))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-amber-ring-complete,oklch(82.8%_0.189_84.429_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-amber-ring-complete-dark,oklch(82.8%_0.189_84.429_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-amber-border-current,oklch(66.6%_0.179_58.318))] dark:border-[color:var(--zui-dynamic-stepper-indicator-amber-border-current-dark,oklch(82.8%_0.189_84.429))] bg-[var(--zui-dynamic-stepper-indicator-amber-bg-current,oklch(96.2%_0.059_95.617_/_0.5))] dark:bg-[var(--zui-dynamic-stepper-indicator-amber-bg-current-dark,oklch(66.6%_0.179_58.318_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-amber-ring-current,oklch(82.8%_0.189_84.429_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-amber-ring-current-dark,oklch(82.8%_0.189_84.429_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-amber-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-amber-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-amber-bg-upcoming,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-dynamic-stepper-indicator-amber-bg-upcoming-dark,oklch(27.9%_0.077_45.635_/_0.35))] text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-upcoming,oklch(55.5%_0.163_48.998_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-upcoming-dark,oklch(55.5%_0.163_48.998_/_0.55))]"
+  },
+  violet: {
+    complete: "border-[color:var(--zui-dynamic-stepper-indicator-violet-border-complete,oklch(60.6%_0.25_292.717_/_0.6))] dark:border-[color:var(--zui-dynamic-stepper-indicator-violet-border-complete-dark,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-dynamic-stepper-indicator-violet-bg-complete,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-dynamic-stepper-indicator-violet-bg-complete-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-complete,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-complete-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-violet-ring-complete,oklch(70.2%_0.183_293.541_/_0.3))] dark:ring-[var(--zui-dynamic-stepper-indicator-violet-ring-complete-dark,oklch(70.2%_0.183_293.541_/_0.3))]",
+    current: "border-[color:var(--zui-dynamic-stepper-indicator-violet-border-current,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-dynamic-stepper-indicator-violet-border-current-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-dynamic-stepper-indicator-violet-bg-current,oklch(60.6%_0.25_292.717_/_0.3))] dark:bg-[var(--zui-dynamic-stepper-indicator-violet-bg-current-dark,oklch(60.6%_0.25_292.717_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-current,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-current-dark,#ffffff)] ring-2 ring-[var(--zui-dynamic-stepper-indicator-violet-ring-current,oklch(70.2%_0.183_293.541_/_0.5))] dark:ring-[var(--zui-dynamic-stepper-indicator-violet-ring-current-dark,oklch(70.2%_0.183_293.541_/_0.5))]",
+    upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-violet-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-violet-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-violet-bg-upcoming,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-dynamic-stepper-indicator-violet-bg-upcoming-dark,oklch(28.3%_0.141_291.089_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-upcoming,oklch(49.1%_0.27_292.581_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-upcoming-dark,oklch(49.1%_0.27_292.581_/_0.55))]"
+  }
+};
+var zuiDynamicStepperRootBase = "flex w-full";
+var zuiDynamicStepperRootOrientations = {
+  horizontal: "flex-row flex-wrap items-start justify-between gap-4 md:flex-nowrap md:items-center",
+  vertical: "flex-col gap-6"
+};
+var zuiDynamicStepperMapperBase = "m-0 min-w-0 flex-1 list-none p-0";
+var zuiDynamicStepperMapperOrientations = {
+  horizontal: "flex flex-row flex-wrap items-start justify-center gap-4",
+  vertical: "flex flex-col gap-6"
+};
+var zuiDynamicStepperItemBase = "relative flex gap-3";
+var zuiDynamicStepperItemOrientations = {
+  horizontal: "min-w-0 flex-col items-center text-center",
+  vertical: "flex-row items-start text-left"
+};
+var zuiDynamicStepperIndicatorBase = "grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors";
+var zuiDynamicStepperIndicatorSizes = {
+  sm: "size-8 text-xs",
+  md: "size-9 text-sm",
+  lg: "size-10 text-base"
+};
+
+// src/design-system/pagination.ts
+var zuiPaginationListBase = "inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-[var(--zui-pagination-list-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-pagination-list-ring-offset-dark,oklch(12.9%_0.042_264.695))]";
+var zuiPaginationListAppearances = {
+  default: "border-[color:var(--zui-pagination-list-default-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-default-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-default-bg,#00000008)] dark:bg-[var(--zui-pagination-list-default-bg-dark,#ffffff08)]",
+  secondary: "border-[color:var(--zui-pagination-list-secondary-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-secondary-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-secondary-bg,oklch(96.8%_0.007_247.896_/_0.4))] dark:bg-[var(--zui-pagination-list-secondary-bg-dark,oklch(20.8%_0.042_265.755_/_0.4))]",
+  destructive: "border-[color:var(--zui-pagination-list-destructive-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-destructive-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-destructive-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-destructive-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]",
+  outline: "border-[color:var(--zui-pagination-list-outline-border,#00000026)] dark:border-[color:var(--zui-pagination-list-outline-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-outline-bg,transparent)] dark:bg-[var(--zui-pagination-list-outline-bg-dark,transparent)]",
+  ghost: "border-[color:var(--zui-pagination-list-ghost-border,transparent)] dark:border-[color:var(--zui-pagination-list-ghost-border-dark,transparent)] bg-[var(--zui-pagination-list-ghost-bg,transparent)] dark:bg-[var(--zui-pagination-list-ghost-bg-dark,transparent)]",
+  link: "border-[color:var(--zui-pagination-list-link-border,transparent)] dark:border-[color:var(--zui-pagination-list-link-border-dark,transparent)] bg-[var(--zui-pagination-list-link-bg,transparent)] dark:bg-[var(--zui-pagination-list-link-bg-dark,transparent)]",
+  glass: "border-[color:var(--zui-pagination-list-glass-border,#00000026)] dark:border-[color:var(--zui-pagination-list-glass-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-glass-bg,#0000000d)] dark:bg-[var(--zui-pagination-list-glass-bg-dark,#ffffff0d)] backdrop-blur-md",
+  emerald: "border-[color:var(--zui-pagination-list-emerald-border,oklch(69.6%_0.17_162.48_/_0.25))] dark:border-[color:var(--zui-pagination-list-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.25))] bg-[var(--zui-pagination-list-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-pagination-list-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.2))]",
+  indigo: "border-[color:var(--zui-pagination-list-indigo-border,oklch(58.5%_0.233_277.117_/_0.25))] dark:border-[color:var(--zui-pagination-list-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.25))] bg-[var(--zui-pagination-list-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-pagination-list-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.2))]",
+  purple: "border-[color:var(--zui-pagination-list-purple-border,oklch(62.7%_0.265_303.9_/_0.25))] dark:border-[color:var(--zui-pagination-list-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.25))] bg-[var(--zui-pagination-list-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-pagination-list-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.2))]",
+  pink: "border-[color:var(--zui-pagination-list-pink-border,oklch(65.6%_0.241_354.308_/_0.25))] dark:border-[color:var(--zui-pagination-list-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.25))] bg-[var(--zui-pagination-list-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-pagination-list-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.2))]",
+  rose: "border-[color:var(--zui-pagination-list-rose-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]",
+  sky: "border-[color:var(--zui-pagination-list-sky-border,oklch(68.5%_0.169_237.323_/_0.25))] dark:border-[color:var(--zui-pagination-list-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.25))] bg-[var(--zui-pagination-list-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-pagination-list-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.2))]",
+  teal: "border-[color:var(--zui-pagination-list-teal-border,oklch(70.4%_0.14_182.503_/_0.25))] dark:border-[color:var(--zui-pagination-list-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.25))] bg-[var(--zui-pagination-list-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-pagination-list-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.2))]",
+  yellow: "border-[color:var(--zui-pagination-list-yellow-border,oklch(79.5%_0.184_86.047_/_0.25))] dark:border-[color:var(--zui-pagination-list-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.25))] bg-[var(--zui-pagination-list-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-pagination-list-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.2))]",
+  orange: "border-[color:var(--zui-pagination-list-orange-border,oklch(70.5%_0.213_47.604_/_0.25))] dark:border-[color:var(--zui-pagination-list-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.25))] bg-[var(--zui-pagination-list-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-pagination-list-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.2))]",
+  gray: "border-[color:var(--zui-pagination-list-gray-border,oklch(55.1%_0.027_264.364_/_0.25))] dark:border-[color:var(--zui-pagination-list-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.25))] bg-[var(--zui-pagination-list-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-pagination-list-gray-bg-dark,oklch(13%_0.028_261.692_/_0.2))]",
+  amber: "border-[color:var(--zui-pagination-list-amber-border,oklch(76.9%_0.188_70.08_/_0.25))] dark:border-[color:var(--zui-pagination-list-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.25))] bg-[var(--zui-pagination-list-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-pagination-list-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.2))]",
+  violet: "border-[color:var(--zui-pagination-list-violet-border,oklch(60.6%_0.25_292.717_/_0.25))] dark:border-[color:var(--zui-pagination-list-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.25))] bg-[var(--zui-pagination-list-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-pagination-list-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.2))]",
+  "gradient-blue": "border-[color:var(--zui-pagination-list-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-pagination-list-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.3))] to-[var(--zui-pagination-list-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]",
+  "gradient-green": "border-[color:var(--zui-pagination-list-gradient-green-border,oklch(76.8%_0.233_130.85_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-green-border-dark,oklch(76.8%_0.233_130.85_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-pagination-list-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.3))] to-[var(--zui-pagination-list-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-pagination-list-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.3))]",
+  "gradient-red": "border-[color:var(--zui-pagination-list-gradient-red-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-red-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-pagination-list-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.3))] to-[var(--zui-pagination-list-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]",
+  "gradient-yellow": "border-[color:var(--zui-pagination-list-gradient-yellow-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-yellow-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-pagination-list-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.3))] to-[var(--zui-pagination-list-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-pagination-list-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.3))]",
+  "gradient-purple": "border-[color:var(--zui-pagination-list-gradient-purple-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-purple-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-pagination-list-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.3))] to-[var(--zui-pagination-list-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]",
+  "gradient-teal": "border-[color:var(--zui-pagination-list-gradient-teal-border,oklch(71.5%_0.143_215.221_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-teal-border-dark,oklch(71.5%_0.143_215.221_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-pagination-list-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.3))] to-[var(--zui-pagination-list-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-pagination-list-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.3))]",
+  "gradient-indigo": "border-[color:var(--zui-pagination-list-gradient-indigo-border,oklch(62.7%_0.265_303.9_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-indigo-border-dark,oklch(62.7%_0.265_303.9_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-pagination-list-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.3))] to-[var(--zui-pagination-list-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]",
+  "gradient-pink": "border-[color:var(--zui-pagination-list-gradient-pink-border,oklch(64.5%_0.246_16.439_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-pink-border-dark,oklch(64.5%_0.246_16.439_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-pagination-list-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.3))] to-[var(--zui-pagination-list-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-pagination-list-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.3))]",
+  "gradient-orange": "border-[color:var(--zui-pagination-list-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-pagination-list-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.3))] to-[var(--zui-pagination-list-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-pagination-list-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.3))]",
+  blue: "border border-[color:var(--zui-pagination-list-blue-border,#2563eb)] dark:border-[color:var(--zui-pagination-list-blue-border-dark,#3b82f6)] bg-[var(--zui-pagination-list-blue-bg,#2563eb14)] dark:bg-[var(--zui-pagination-list-blue-bg-dark,#3b82f624)] text-[color:var(--zui-pagination-list-blue-fg,#2563eb)] dark:text-[color:var(--zui-pagination-list-blue-fg-dark,#3b82f6)] hover:bg-[var(--zui-pagination-list-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-pagination-list-blue-bg-hover-dark,#3b82f62e)]",
+  cyan: "border border-[color:var(--zui-pagination-list-cyan-border,#0891b2)] dark:border-[color:var(--zui-pagination-list-cyan-border-dark,#22d3ee)] bg-[var(--zui-pagination-list-cyan-bg,#0891b214)] dark:bg-[var(--zui-pagination-list-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-pagination-list-cyan-fg,#0891b2)] dark:text-[color:var(--zui-pagination-list-cyan-fg-dark,#22d3ee)] hover:bg-[var(--zui-pagination-list-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-pagination-list-cyan-bg-hover-dark,#22d3ee2e)]",
+  green: "border border-[color:var(--zui-pagination-list-green-border,#16a34a)] dark:border-[color:var(--zui-pagination-list-green-border-dark,#22c55e)] bg-[var(--zui-pagination-list-green-bg,#16a34a14)] dark:bg-[var(--zui-pagination-list-green-bg-dark,#22c55e24)] text-[color:var(--zui-pagination-list-green-fg,#16a34a)] dark:text-[color:var(--zui-pagination-list-green-fg-dark,#22c55e)] hover:bg-[var(--zui-pagination-list-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-pagination-list-green-bg-hover-dark,#22c55e2e)]",
+  lime: "border border-[color:var(--zui-pagination-list-lime-border,#65a30d)] dark:border-[color:var(--zui-pagination-list-lime-border-dark,#a3e635)] bg-[var(--zui-pagination-list-lime-bg,#65a30d14)] dark:bg-[var(--zui-pagination-list-lime-bg-dark,#a3e63524)] text-[color:var(--zui-pagination-list-lime-fg,#65a30d)] dark:text-[color:var(--zui-pagination-list-lime-fg-dark,#a3e635)] hover:bg-[var(--zui-pagination-list-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-pagination-list-lime-bg-hover-dark,#a3e6352e)]",
+  mint: "border border-[color:var(--zui-pagination-list-mint-border,#10b981)] dark:border-[color:var(--zui-pagination-list-mint-border-dark,#6ee7b7)] bg-[var(--zui-pagination-list-mint-bg,#10b98114)] dark:bg-[var(--zui-pagination-list-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-pagination-list-mint-fg,#10b981)] dark:text-[color:var(--zui-pagination-list-mint-fg-dark,#6ee7b7)] hover:bg-[var(--zui-pagination-list-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-pagination-list-mint-bg-hover-dark,#6ee7b72e)]",
+  ocean: "border border-[color:var(--zui-pagination-list-ocean-border,#0284c7)] dark:border-[color:var(--zui-pagination-list-ocean-border-dark,#38bdf8)] bg-[var(--zui-pagination-list-ocean-bg,#0284c714)] dark:bg-[var(--zui-pagination-list-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-pagination-list-ocean-fg,#0284c7)] dark:text-[color:var(--zui-pagination-list-ocean-fg-dark,#38bdf8)] hover:bg-[var(--zui-pagination-list-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-pagination-list-ocean-bg-hover-dark,#38bdf82e)]",
+  sapphire: "border border-[color:var(--zui-pagination-list-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-pagination-list-sapphire-border-dark,#60a5fa)] bg-[var(--zui-pagination-list-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-pagination-list-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-pagination-list-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-pagination-list-sapphire-fg-dark,#60a5fa)] hover:bg-[var(--zui-pagination-list-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-pagination-list-sapphire-bg-hover-dark,#60a5fa2e)]",
+  lavender: "border border-[color:var(--zui-pagination-list-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-pagination-list-lavender-border-dark,#a78bfa)] bg-[var(--zui-pagination-list-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-pagination-list-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-pagination-list-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-pagination-list-lavender-fg-dark,#a78bfa)] hover:bg-[var(--zui-pagination-list-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-pagination-list-lavender-bg-hover-dark,#a78bfa2e)]",
+  ruby: "border border-[color:var(--zui-pagination-list-ruby-border,#be123c)] dark:border-[color:var(--zui-pagination-list-ruby-border-dark,#fb7185)] bg-[var(--zui-pagination-list-ruby-bg,#be123c14)] dark:bg-[var(--zui-pagination-list-ruby-bg-dark,#fb718524)] text-[color:var(--zui-pagination-list-ruby-fg,#be123c)] dark:text-[color:var(--zui-pagination-list-ruby-fg-dark,#fb7185)] hover:bg-[var(--zui-pagination-list-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-pagination-list-ruby-bg-hover-dark,#fb71852e)]",
+  red: "border border-[color:var(--zui-pagination-list-red-border,#dc2626)] dark:border-[color:var(--zui-pagination-list-red-border-dark,#ef4444)] bg-[var(--zui-pagination-list-red-bg,#dc262614)] dark:bg-[var(--zui-pagination-list-red-bg-dark,#ef444424)] text-[color:var(--zui-pagination-list-red-fg,#dc2626)] dark:text-[color:var(--zui-pagination-list-red-fg-dark,#ef4444)] hover:bg-[var(--zui-pagination-list-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-pagination-list-red-bg-hover-dark,#ef44442e)]",
+  slate: "border border-[color:var(--zui-pagination-list-slate-border,#475569)] dark:border-[color:var(--zui-pagination-list-slate-border-dark,#64748b)] bg-[var(--zui-pagination-list-slate-bg,#47556914)] dark:bg-[var(--zui-pagination-list-slate-bg-dark,#64748b24)] text-[color:var(--zui-pagination-list-slate-fg,#475569)] dark:text-[color:var(--zui-pagination-list-slate-fg-dark,#64748b)] hover:bg-[var(--zui-pagination-list-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-pagination-list-slate-bg-hover-dark,#64748b2e)]",
+  zinc: "border border-[color:var(--zui-pagination-list-zinc-border,#52525b)] dark:border-[color:var(--zui-pagination-list-zinc-border-dark,#71717a)] bg-[var(--zui-pagination-list-zinc-bg,#52525b14)] dark:bg-[var(--zui-pagination-list-zinc-bg-dark,#71717a24)] text-[color:var(--zui-pagination-list-zinc-fg,#52525b)] dark:text-[color:var(--zui-pagination-list-zinc-fg-dark,#71717a)] hover:bg-[var(--zui-pagination-list-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-pagination-list-zinc-bg-hover-dark,#71717a2e)]",
+  stone: "border border-[color:var(--zui-pagination-list-stone-border,#57534e)] dark:border-[color:var(--zui-pagination-list-stone-border-dark,#78716c)] bg-[var(--zui-pagination-list-stone-bg,#57534e14)] dark:bg-[var(--zui-pagination-list-stone-bg-dark,#78716c24)] text-[color:var(--zui-pagination-list-stone-fg,#57534e)] dark:text-[color:var(--zui-pagination-list-stone-fg-dark,#78716c)] hover:bg-[var(--zui-pagination-list-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-pagination-list-stone-bg-hover-dark,#78716c2e)]",
+  royal: "border border-[color:var(--zui-pagination-list-royal-border,#4338ca)] dark:border-[color:var(--zui-pagination-list-royal-border-dark,#818cf8)] bg-[var(--zui-pagination-list-royal-bg,#4338ca14)] dark:bg-[var(--zui-pagination-list-royal-bg-dark,#818cf824)] text-[color:var(--zui-pagination-list-royal-fg,#4338ca)] dark:text-[color:var(--zui-pagination-list-royal-fg-dark,#818cf8)] hover:bg-[var(--zui-pagination-list-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-pagination-list-royal-bg-hover-dark,#818cf82e)]",
+  electric: "border border-[color:var(--zui-pagination-list-electric-border,#0ea5e9)] dark:border-[color:var(--zui-pagination-list-electric-border-dark,#38bdf8)] bg-[var(--zui-pagination-list-electric-bg,#0ea5e914)] dark:bg-[var(--zui-pagination-list-electric-bg-dark,#38bdf824)] text-[color:var(--zui-pagination-list-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-pagination-list-electric-fg-dark,#38bdf8)] hover:bg-[var(--zui-pagination-list-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-pagination-list-electric-bg-hover-dark,#38bdf82e)]",
+  forest: "border border-[color:var(--zui-pagination-list-forest-border,#166534)] dark:border-[color:var(--zui-pagination-list-forest-border-dark,#4ade80)] bg-[var(--zui-pagination-list-forest-bg,#16653414)] dark:bg-[var(--zui-pagination-list-forest-bg-dark,#4ade8024)] text-[color:var(--zui-pagination-list-forest-fg,#166534)] dark:text-[color:var(--zui-pagination-list-forest-fg-dark,#4ade80)] hover:bg-[var(--zui-pagination-list-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-pagination-list-forest-bg-hover-dark,#4ade802e)]",
+  sunset: "border border-[color:var(--zui-pagination-list-sunset-border,#ea580c)] dark:border-[color:var(--zui-pagination-list-sunset-border-dark,#fb923c)] bg-[var(--zui-pagination-list-sunset-bg,#ea580c14)] dark:bg-[var(--zui-pagination-list-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-pagination-list-sunset-fg,#ea580c)] dark:text-[color:var(--zui-pagination-list-sunset-fg-dark,#fb923c)] hover:bg-[var(--zui-pagination-list-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-pagination-list-sunset-bg-hover-dark,#fb923c2e)]",
+  magenta: "border border-[color:var(--zui-pagination-list-magenta-border,#c026d3)] dark:border-[color:var(--zui-pagination-list-magenta-border-dark,#e879f9)] bg-[var(--zui-pagination-list-magenta-bg,#c026d314)] dark:bg-[var(--zui-pagination-list-magenta-bg-dark,#e879f924)] text-[color:var(--zui-pagination-list-magenta-fg,#c026d3)] dark:text-[color:var(--zui-pagination-list-magenta-fg-dark,#e879f9)] hover:bg-[var(--zui-pagination-list-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-pagination-list-magenta-bg-hover-dark,#e879f92e)]",
+  crimson: "border border-[color:var(--zui-pagination-list-crimson-border,#b91c1c)] dark:border-[color:var(--zui-pagination-list-crimson-border-dark,#f87171)] bg-[var(--zui-pagination-list-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-pagination-list-crimson-bg-dark,#f8717124)] text-[color:var(--zui-pagination-list-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-pagination-list-crimson-fg-dark,#f87171)] hover:bg-[var(--zui-pagination-list-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-pagination-list-crimson-bg-hover-dark,#f871712e)]",
+  aqua: "border border-[color:var(--zui-pagination-list-aqua-border,#0f766e)] dark:border-[color:var(--zui-pagination-list-aqua-border-dark,#2dd4bf)] bg-[var(--zui-pagination-list-aqua-bg,#0f766e14)] dark:bg-[var(--zui-pagination-list-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-pagination-list-aqua-fg,#0f766e)] dark:text-[color:var(--zui-pagination-list-aqua-fg-dark,#2dd4bf)] hover:bg-[var(--zui-pagination-list-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-pagination-list-aqua-bg-hover-dark,#2dd4bf2e)]",
+  plum: "border border-[color:var(--zui-pagination-list-plum-border,#7e22ce)] dark:border-[color:var(--zui-pagination-list-plum-border-dark,#c084fc)] bg-[var(--zui-pagination-list-plum-bg,#7e22ce14)] dark:bg-[var(--zui-pagination-list-plum-bg-dark,#c084fc24)] text-[color:var(--zui-pagination-list-plum-fg,#7e22ce)] dark:text-[color:var(--zui-pagination-list-plum-fg-dark,#c084fc)] hover:bg-[var(--zui-pagination-list-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-pagination-list-plum-bg-hover-dark,#c084fc2e)]"
+};
+var zuiPaginationListSizes = {
+  sm: "gap-0.5",
+  md: "gap-1",
+  lg: "gap-1",
+  xl: "gap-1.5",
+  "2xl": "gap-1.5",
+  "3xl": "gap-2",
+  "4xl": "gap-2",
+  "5xl": "gap-2",
+  "6xl": "gap-2",
+  "7xl": "gap-2.5",
+  "8xl": "gap-2.5",
+  "9xl": "gap-2.5",
+  "10xl": "gap-3",
+  icon: "gap-1"
+};
+var zuiPaginationEllipsisBase = "inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-[color:var(--zui-pagination-ellipsis-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-pagination-ellipsis-fg-dark,oklch(70.4%_0.04_256.788))]";
+var zuiPaginationEllipsisSizes = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base",
+  xl: "text-base",
+  "2xl": "text-lg",
+  "3xl": "text-lg",
+  "4xl": "text-xl",
+  "5xl": "text-xl",
+  "6xl": "text-xl",
+  "7xl": "text-2xl",
+  "8xl": "text-2xl",
+  "9xl": "text-2xl",
+  "10xl": "text-2xl",
+  icon: "text-sm"
+};
+
+export { design_system_exports, zuiButtonAppearances, zuiButtonBase, zuiButtonSizes, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes, zuiPaginationListAppearances, zuiPaginationListBase, zuiPaginationListSizes };
+//# sourceMappingURL=chunk-VQQHVKEU.mjs.map
+//# sourceMappingURL=chunk-VQQHVKEU.mjs.map