@tenerife.music/ui 1.0.8 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{tokens/colors.d.ts → colors-DPNI96bB.d.cts} +21 -19
- package/dist/colors-DPNI96bB.d.ts +289 -0
- package/dist/index.cjs +15605 -2
- package/dist/index.d.cts +3726 -0
- package/dist/index.d.ts +3726 -39
- package/dist/index.mjs +12883 -5567
- package/dist/preset.cjs +1264 -2
- package/dist/preset.d.cts +21 -0
- package/dist/preset.d.ts +3 -1
- package/dist/preset.mjs +1165 -95
- package/dist/styles.cjs +2 -2
- package/dist/styles.css +87 -1
- package/dist/styles.d.cts +2 -0
- package/dist/styles.d.ts +2 -0
- package/dist/styles.mjs +1 -1
- package/dist/theme/index.cjs +2647 -2
- package/dist/theme/index.d.cts +528 -0
- package/dist/theme/index.d.ts +528 -8
- package/dist/theme/index.mjs +1610 -575
- package/dist/tokens/index.cjs +5678 -5
- package/dist/tokens/index.d.cts +5488 -0
- package/dist/tokens/index.d.ts +5488 -9
- package/dist/tokens/index.mjs +2076 -154
- package/package.json +3 -3
- package/dist/animation/index.d.ts +0 -8
- package/dist/animation/presets.d.ts +0 -301
- package/dist/animation/tas.d.ts +0 -24
- package/dist/animation/types.d.ts +0 -67
- package/dist/animation/useInView.d.ts +0 -36
- package/dist/animation/utils.d.ts +0 -6
- package/dist/brand-C5R2semX.js +0 -45
- package/dist/brand-DQb18Frh.cjs +0 -2
- package/dist/components/SectionBuilder.d.ts +0 -36
- package/dist/components/SectionBuilder.presets.d.ts +0 -228
- package/dist/components/SectionBuilder.types.d.ts +0 -326
- package/dist/components/admin/Dashboard.d.ts +0 -8
- package/dist/components/admin/UserManagement.d.ts +0 -8
- package/dist/components/auth/LoginForm.d.ts +0 -11
- package/dist/components/auth/ProfileCard.d.ts +0 -9
- package/dist/components/auth/RegisterForm.d.ts +0 -13
- package/dist/components/cards/ArtistCard/ArtistCard.d.ts +0 -22
- package/dist/components/cards/ArtistCard/ArtistCard.types.d.ts +0 -46
- package/dist/components/cards/ArtistCard/ArtistCard.variants.d.ts +0 -83
- package/dist/components/cards/ArtistCard/index.d.ts +0 -8
- package/dist/components/cards/CardBase/CardBase.d.ts +0 -45
- package/dist/components/cards/CardBase/CardBase.types.d.ts +0 -70
- package/dist/components/cards/CardBase/CardBase.variants.d.ts +0 -38
- package/dist/components/cards/CardBase/index.d.ts +0 -8
- package/dist/components/cards/CategoryCard/CategoryCard.d.ts +0 -18
- package/dist/components/cards/CategoryCard/CategoryCard.types.d.ts +0 -38
- package/dist/components/cards/CategoryCard/CategoryCard.variants.d.ts +0 -21
- package/dist/components/cards/CategoryCard/index.d.ts +0 -7
- package/dist/components/cards/EventCard/EventCard.d.ts +0 -19
- package/dist/components/cards/EventCard/EventCard.types.d.ts +0 -47
- package/dist/components/cards/EventCard/EventCard.variants.d.ts +0 -70
- package/dist/components/cards/EventCard/index.d.ts +0 -7
- package/dist/components/cards/PromoCard/PromoCard.d.ts +0 -20
- package/dist/components/cards/PromoCard/PromoCard.types.d.ts +0 -42
- package/dist/components/cards/PromoCard/PromoCard.variants.d.ts +0 -35
- package/dist/components/cards/PromoCard/index.d.ts +0 -7
- package/dist/components/cards/TicketCard/TicketCard.d.ts +0 -19
- package/dist/components/cards/TicketCard/TicketCard.types.d.ts +0 -55
- package/dist/components/cards/TicketCard/TicketCard.variants.d.ts +0 -71
- package/dist/components/cards/TicketCard/index.d.ts +0 -7
- package/dist/components/cards/VenueCard/VenueCard.d.ts +0 -21
- package/dist/components/cards/VenueCard/VenueCard.types.d.ts +0 -46
- package/dist/components/cards/VenueCard/VenueCard.variants.d.ts +0 -60
- package/dist/components/cards/VenueCard/index.d.ts +0 -8
- package/dist/components/cards/index.d.ts +0 -19
- package/dist/components/checkbox/Checkbox.d.ts +0 -22
- package/dist/components/checkbox/Checkbox.types.d.ts +0 -68
- package/dist/components/checkbox/checkbox-variants.d.ts +0 -13
- package/dist/components/checkbox/index.d.ts +0 -3
- package/dist/components/containers/Card.d.ts +0 -75
- package/dist/components/containers/Section.d.ts +0 -31
- package/dist/components/containers/Surface.d.ts +0 -28
- package/dist/components/containers/index.d.ts +0 -9
- package/dist/components/controls/LanguageSelector.d.ts +0 -17
- package/dist/components/data/List.d.ts +0 -12
- package/dist/components/data/Table.d.ts +0 -14
- package/dist/components/data/Timeline.d.ts +0 -13
- package/dist/components/data/data-list/DataList.d.ts +0 -29
- package/dist/components/data/data-list/DataList.types.d.ts +0 -43
- package/dist/components/data/data-list/DataListItem.d.ts +0 -20
- package/dist/components/data/data-list/DataListLabel.d.ts +0 -19
- package/dist/components/data/data-list/DataListValue.d.ts +0 -18
- package/dist/components/data/data-list/index.d.ts +0 -10
- package/dist/components/data/empty-state/EmptyState.d.ts +0 -31
- package/dist/components/data/empty-state/EmptyState.types.d.ts +0 -51
- package/dist/components/data/empty-state/EmptyStateAction.d.ts +0 -17
- package/dist/components/data/empty-state/EmptyStateDescription.d.ts +0 -17
- package/dist/components/data/empty-state/EmptyStateIcon.d.ts +0 -22
- package/dist/components/data/empty-state/EmptyStateTitle.d.ts +0 -17
- package/dist/components/data/empty-state/index.d.ts +0 -10
- package/dist/components/data/index.d.ts +0 -9
- package/dist/components/data/skeleton/Skeleton.d.ts +0 -24
- package/dist/components/data/skeleton/Skeleton.types.d.ts +0 -12
- package/dist/components/data/skeleton/index.d.ts +0 -6
- package/dist/components/data/table/Table.d.ts +0 -33
- package/dist/components/data/table/Table.types.d.ts +0 -264
- package/dist/components/data/table/TableBody.d.ts +0 -13
- package/dist/components/data/table/TableCell.d.ts +0 -13
- package/dist/components/data/table/TableEmpty.d.ts +0 -13
- package/dist/components/data/table/TableExpandableContent.d.ts +0 -14
- package/dist/components/data/table/TableHead.d.ts +0 -13
- package/dist/components/data/table/TableHeader.d.ts +0 -13
- package/dist/components/data/table/TableLoadingState.d.ts +0 -13
- package/dist/components/data/table/TableRow.d.ts +0 -13
- package/dist/components/data/table/TableSortIcon.d.ts +0 -14
- package/dist/components/data/table/index.d.ts +0 -17
- package/dist/components/drawer/Drawer.d.ts +0 -41
- package/dist/components/drawer/Drawer.types.d.ts +0 -75
- package/dist/components/drawer/drawer-variants.d.ts +0 -17
- package/dist/components/drawer/index.d.ts +0 -8
- package/dist/components/dropdown/Dropdown.d.ts +0 -38
- package/dist/components/dropdown/Dropdown.types.d.ts +0 -82
- package/dist/components/dropdown/dropdown-variants.d.ts +0 -33
- package/dist/components/feedback/ConsentBanner.d.ts +0 -8
- package/dist/components/feedback/Progress.d.ts +0 -8
- package/dist/components/feedback/Skeleton.d.ts +0 -6
- package/dist/components/filters/DateRangePicker.d.ts +0 -21
- package/dist/components/filters/FilterBar.d.ts +0 -55
- package/dist/components/filters/FilterSelect.d.ts +0 -23
- package/dist/components/filters/PriceRangeSlider.d.ts +0 -27
- package/dist/components/filters/SearchFilters.d.ts +0 -32
- package/dist/components/filters/SearchInput.d.ts +0 -16
- package/dist/components/filters/types.d.ts +0 -48
- package/dist/components/icon/Icon.d.ts +0 -32
- package/dist/components/icon/Icon.types.d.ts +0 -7
- package/dist/components/icon/index.d.ts +0 -4
- package/dist/components/icons/TrendingIcon.d.ts +0 -6
- package/dist/components/image/Image.d.ts +0 -48
- package/dist/components/input/Input.d.ts +0 -20
- package/dist/components/input/Input.types.d.ts +0 -38
- package/dist/components/input/index.d.ts +0 -3
- package/dist/components/input/input-variants.d.ts +0 -14
- package/dist/components/input/legacy/input.d.ts +0 -11
- package/dist/components/layout/Box.d.ts +0 -111
- package/dist/components/layout/Column.d.ts +0 -6
- package/dist/components/layout/Container.d.ts +0 -31
- package/dist/components/layout/Flex.d.ts +0 -50
- package/dist/components/layout/Footer.d.ts +0 -9
- package/dist/components/layout/Grid.d.ts +0 -60
- package/dist/components/layout/ModeHero.d.ts +0 -10
- package/dist/components/layout/Navbar.d.ts +0 -9
- package/dist/components/layout/Row.d.ts +0 -28
- package/dist/components/layout/Section.d.ts +0 -10
- package/dist/components/layout/Stack.d.ts +0 -38
- package/dist/components/layout/Surface.d.ts +0 -21
- package/dist/components/layout/index.d.ts +0 -22
- package/dist/components/layout/layout.types.d.ts +0 -107
- package/dist/components/menus/DropdownMenu.d.ts +0 -27
- package/dist/components/menus/NavigationMenu.d.ts +0 -12
- package/dist/components/menus/Tabs.d.ts +0 -7
- package/dist/components/menus/context-menu/ContextMenuContent.d.ts +0 -22
- package/dist/components/menus/context-menu/ContextMenuGroup.d.ts +0 -14
- package/dist/components/menus/context-menu/ContextMenuItem.d.ts +0 -14
- package/dist/components/menus/context-menu/ContextMenuLabel.d.ts +0 -14
- package/dist/components/menus/context-menu/ContextMenuRoot.d.ts +0 -47
- package/dist/components/menus/context-menu/ContextMenuSeparator.d.ts +0 -14
- package/dist/components/menus/context-menu/ContextMenuTrigger.d.ts +0 -16
- package/dist/components/menus/context-menu/index.d.ts +0 -12
- package/dist/components/menus/dropdown/DropdownMenuCheckItem.d.ts +0 -18
- package/dist/components/menus/dropdown/DropdownMenuContent.d.ts +0 -15
- package/dist/components/menus/dropdown/DropdownMenuGroup.d.ts +0 -12
- package/dist/components/menus/dropdown/DropdownMenuItem.d.ts +0 -30
- package/dist/components/menus/dropdown/DropdownMenuLabel.d.ts +0 -17
- package/dist/components/menus/dropdown/DropdownMenuRadioGroup.d.ts +0 -24
- package/dist/components/menus/dropdown/DropdownMenuRadioItem.d.ts +0 -18
- package/dist/components/menus/dropdown/DropdownMenuRoot.d.ts +0 -33
- package/dist/components/menus/dropdown/DropdownMenuSeparator.d.ts +0 -13
- package/dist/components/menus/dropdown/DropdownMenuSub.d.ts +0 -10
- package/dist/components/menus/dropdown/DropdownMenuSubContent.d.ts +0 -13
- package/dist/components/menus/dropdown/DropdownMenuSubTrigger.d.ts +0 -13
- package/dist/components/menus/dropdown/DropdownMenuTrigger.d.ts +0 -14
- package/dist/components/menus/dropdown/index.d.ts +0 -18
- package/dist/components/menus/hover-card/HoverCardContent.d.ts +0 -14
- package/dist/components/menus/hover-card/HoverCardRoot.d.ts +0 -20
- package/dist/components/menus/hover-card/HoverCardTrigger.d.ts +0 -13
- package/dist/components/menus/hover-card/index.d.ts +0 -8
- package/dist/components/menus/index.d.ts +0 -9
- package/dist/components/menus/popover/PopoverArrow.d.ts +0 -17
- package/dist/components/menus/popover/PopoverContent.d.ts +0 -24
- package/dist/components/menus/popover/PopoverRoot.d.ts +0 -43
- package/dist/components/menus/popover/PopoverTrigger.d.ts +0 -17
- package/dist/components/menus/popover/index.d.ts +0 -9
- package/dist/components/modal/Modal.d.ts +0 -70
- package/dist/components/modal/modal-variants.d.ts +0 -26
- package/dist/components/modals/ConfirmDialog.d.ts +0 -27
- package/dist/components/modals/CustomDialog.d.ts +0 -10
- package/dist/components/modals/Modal.d.ts +0 -19
- package/dist/components/modals/ModalProvider.d.ts +0 -16
- package/dist/components/modals/SimpleModal.d.ts +0 -11
- package/dist/components/navigation/Breadcrumbs.d.ts +0 -12
- package/dist/components/navigation/Pagination.d.ts +0 -10
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts +0 -52
- package/dist/components/navigation/breadcrumbs/index.d.ts +0 -5
- package/dist/components/navigation/index.d.ts +0 -10
- package/dist/components/navigation/pagination/Pagination.d.ts +0 -60
- package/dist/components/navigation/pagination/index.d.ts +0 -5
- package/dist/components/navigation/segmented-control/SegmentedControl.d.ts +0 -43
- package/dist/components/navigation/segmented-control/index.d.ts +0 -5
- package/dist/components/navigation/stepper/Stepper.d.ts +0 -129
- package/dist/components/navigation/stepper/index.d.ts +0 -5
- package/dist/components/navigation/tabs/Tabs.d.ts +0 -73
- package/dist/components/navigation/tabs/index.d.ts +0 -5
- package/dist/components/notifications/NotificationCenter.DismissAll.d.ts +0 -21
- package/dist/components/notifications/NotificationCenter.GroupHeader.d.ts +0 -23
- package/dist/components/notifications/NotificationCenter.Item.d.ts +0 -24
- package/dist/components/notifications/NotificationCenter.List.d.ts +0 -22
- package/dist/components/notifications/NotificationCenter.Panel.d.ts +0 -32
- package/dist/components/notifications/NotificationCenter.Provider.d.ts +0 -31
- package/dist/components/notifications/NotificationCenter.Trigger.d.ts +0 -15
- package/dist/components/notifications/NotificationCenter.d.ts +0 -27
- package/dist/components/notifications/NotificationCenter.types.d.ts +0 -89
- package/dist/components/notifications/index.d.ts +0 -23
- package/dist/components/notifications/useNotificationCenter.d.ts +0 -47
- package/dist/components/overlays/Backdrop.d.ts +0 -24
- package/dist/components/overlays/Dialog.d.ts +0 -66
- package/dist/components/overlays/Modal.d.ts +0 -60
- package/dist/components/overlays/OverlayPortal.d.ts +0 -22
- package/dist/components/overlays/Popover.d.ts +0 -30
- package/dist/components/overlays/Portal.d.ts +0 -29
- package/dist/components/overlays/Toast.d.ts +0 -36
- package/dist/components/overlays/ToastProvider.d.ts +0 -58
- package/dist/components/overlays/ToastViewport.d.ts +0 -27
- package/dist/components/overlays/Tooltip.d.ts +0 -28
- package/dist/components/overlays/index.d.ts +0 -13
- package/dist/components/overlays/utils/FocusLock.d.ts +0 -30
- package/dist/components/overlays/utils/ScrollLock.d.ts +0 -11
- package/dist/components/overlays/utils/positioning.d.ts +0 -68
- package/dist/components/primitives/Badge.d.ts +0 -9
- package/dist/components/primitives/Button.d.ts +0 -1
- package/dist/components/primitives/Card.d.ts +0 -1
- package/dist/components/primitives/Divider.d.ts +0 -7
- package/dist/components/primitives/Input.d.ts +0 -4
- package/dist/components/primitives/Label.d.ts +0 -1
- package/dist/components/primitives/Link.d.ts +0 -13
- package/dist/components/primitives/ThemeSwitch.d.ts +0 -9
- package/dist/components/radio/Radio.d.ts +0 -23
- package/dist/components/radio/Radio.types.d.ts +0 -63
- package/dist/components/radio/RadioGroup.d.ts +0 -20
- package/dist/components/radio/RadioGroup.types.d.ts +0 -61
- package/dist/components/radio/index.d.ts +0 -5
- package/dist/components/radio/radio-variants.d.ts +0 -13
- package/dist/components/search/SearchBar.d.ts +0 -10
- package/dist/components/sections/ArticlesSection.d.ts +0 -25
- package/dist/components/sections/CTASection.d.ts +0 -37
- package/dist/components/sections/FeatureSection.d.ts +0 -33
- package/dist/components/sections/HeroSection.d.ts +0 -27
- package/dist/components/sections/TrendingSection.d.ts +0 -28
- package/dist/components/select/Select.d.ts +0 -38
- package/dist/components/select/Select.types.d.ts +0 -107
- package/dist/components/select/index.d.ts +0 -5
- package/dist/components/select/legacy/select.d.ts +0 -11
- package/dist/components/select/select-variants.d.ts +0 -32
- package/dist/components/skeletons/EventCardSkeleton.d.ts +0 -6
- package/dist/components/skeletons/VenueCardSkeleton.d.ts +0 -6
- package/dist/components/switch/Switch.d.ts +0 -24
- package/dist/components/switch/Switch.types.d.ts +0 -53
- package/dist/components/switch/index.d.ts +0 -3
- package/dist/components/switch/switch-variants.d.ts +0 -34
- package/dist/components/textarea/Textarea.d.ts +0 -21
- package/dist/components/textarea/Textarea.types.d.ts +0 -40
- package/dist/components/textarea/index.d.ts +0 -3
- package/dist/components/textarea/legacy/textarea.d.ts +0 -11
- package/dist/components/textarea/textarea-variants.d.ts +0 -14
- package/dist/components/toasts/Toast.d.ts +0 -12
- package/dist/components/toasts/ToastProvider.d.ts +0 -26
- package/dist/components/ui/alert.d.ts +0 -9
- package/dist/components/ui/body.d.ts +0 -12
- package/dist/components/ui/button.d.ts +0 -13
- package/dist/components/ui/caption.d.ts +0 -11
- package/dist/components/ui/card.d.ts +0 -8
- package/dist/components/ui/code.d.ts +0 -11
- package/dist/components/ui/dialog.d.ts +0 -19
- package/dist/components/ui/display.d.ts +0 -12
- package/dist/components/ui/field.d.ts +0 -45
- package/dist/components/ui/heading.d.ts +0 -12
- package/dist/components/ui/label.d.ts +0 -12
- package/dist/components/ui/lead.d.ts +0 -11
- package/dist/components/ui/text.d.ts +0 -18
- package/dist/components/ui/toast.d.ts +0 -15
- package/dist/components/ui/toaster.d.ts +0 -1
- package/dist/components/ui/tooltip.d.ts +0 -7
- package/dist/dark-Cvoy1uFT.js +0 -30
- package/dist/dark-OOhiqt1q.cjs +0 -2
- package/dist/default-BKgH1D9-.js +0 -8
- package/dist/default-Ddg7Haf2.cjs +0 -2
- package/dist/hooks/use-toast.d.ts +0 -44
- package/dist/hooks/useDebounce.d.ts +0 -19
- package/dist/hooks/useModal.d.ts +0 -19
- package/dist/hooks/useToast.d.ts +0 -26
- package/dist/icons/IconArrowRight.d.ts +0 -6
- package/dist/icons/IconCalendar.d.ts +0 -6
- package/dist/icons/IconCheck.d.ts +0 -6
- package/dist/icons/IconChevronDown.d.ts +0 -6
- package/dist/icons/IconChevronRight.d.ts +0 -6
- package/dist/icons/IconClose.d.ts +0 -6
- package/dist/icons/IconError.d.ts +0 -6
- package/dist/icons/IconInfo.d.ts +0 -6
- package/dist/icons/IconLocation.d.ts +0 -6
- package/dist/icons/IconMenu.d.ts +0 -6
- package/dist/icons/IconSearch.d.ts +0 -6
- package/dist/icons/IconSuccess.d.ts +0 -6
- package/dist/icons/IconWarning.d.ts +0 -6
- package/dist/icons/icon.types.d.ts +0 -25
- package/dist/icons/index.d.ts +0 -34
- package/dist/lib/a11y.d.ts +0 -15
- package/dist/lib/responsive-props.d.ts +0 -63
- package/dist/lib/utils.d.ts +0 -8
- package/dist/motion-CzQhSEqk.js +0 -738
- package/dist/motion-DJx1TbXJ.cjs +0 -2
- package/dist/theme/ThemeProvider.d.ts +0 -55
- package/dist/theme/applyMode.d.ts +0 -42
- package/dist/theme/colors.d.ts +0 -6
- package/dist/theme/loader.d.ts +0 -63
- package/dist/theme/motion/gestures.d.ts +0 -76
- package/dist/theme/motion/useReducedMotion.d.ts +0 -11
- package/dist/theme/motion.d.ts +0 -127
- package/dist/theme/registry.d.ts +0 -70
- package/dist/theme/schema.d.ts +0 -124
- package/dist/theme/spacing.d.ts +0 -34
- package/dist/theme/typography.d.ts +0 -45
- package/dist/themes/brand.d.ts +0 -6
- package/dist/themes/brand_engine.d.ts +0 -108
- package/dist/themes/dark.d.ts +0 -6
- package/dist/themes/default.d.ts +0 -6
- package/dist/themes/index.d.ts +0 -24
- package/dist/themes/minimal.d.ts +0 -6
- package/dist/themes/neon.d.ts +0 -6
- package/dist/themes/types.d.ts +0 -278
- package/dist/tokens/components/alert.d.ts +0 -74
- package/dist/tokens/components/button.d.ts +0 -130
- package/dist/tokens/components/card.d.ts +0 -91
- package/dist/tokens/components/checkbox.d.ts +0 -161
- package/dist/tokens/components/data.d.ts +0 -227
- package/dist/tokens/components/domain.d.ts +0 -379
- package/dist/tokens/components/dropdown.d.ts +0 -146
- package/dist/tokens/components/icon.d.ts +0 -57
- package/dist/tokens/components/index.d.ts +0 -31
- package/dist/tokens/components/input.d.ts +0 -284
- package/dist/tokens/components/menu.d.ts +0 -114
- package/dist/tokens/components/motion.d.ts +0 -103
- package/dist/tokens/components/navigation.d.ts +0 -181
- package/dist/tokens/components/notifications.d.ts +0 -159
- package/dist/tokens/components/overlay.d.ts +0 -227
- package/dist/tokens/components/popover.d.ts +0 -84
- package/dist/tokens/components/radio.d.ts +0 -149
- package/dist/tokens/components/section.d.ts +0 -41
- package/dist/tokens/components/surface.d.ts +0 -94
- package/dist/tokens/components/switch.d.ts +0 -208
- package/dist/tokens/components/text.d.ts +0 -68
- package/dist/tokens/components/toast.d.ts +0 -146
- package/dist/tokens/components/tooltip.d.ts +0 -52
- package/dist/tokens/css-variables.d.ts +0 -251
- package/dist/tokens/motion/v2.d.ts +0 -342
- package/dist/tokens/motion.d.ts +0 -485
- package/dist/tokens/opacity.d.ts +0 -22
- package/dist/tokens/radius.d.ts +0 -161
- package/dist/tokens/shadows.d.ts +0 -230
- package/dist/tokens/spacing.d.ts +0 -238
- package/dist/tokens/theme.d.ts +0 -119
- package/dist/tokens/typography.d.ts +0 -460
- package/dist/typography-C-Nb4y0o.cjs +0 -2
- package/dist/typography-DHym9KAP.js +0 -1196
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ArtistCard Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for ArtistCard component.
|
|
5
|
-
* Supports size variants (default, compact) and style variants (default, featured).
|
|
6
|
-
* All styling uses token-based values from DOMAIN_TOKENS, TEXT_TOKENS, ICON_TOKENS, and MOTION_TOKENS.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* ArtistCard root wrapper variant
|
|
10
|
-
* Base wrapper for the card component
|
|
11
|
-
*/
|
|
12
|
-
export declare const artistCardVariants: (props?: ({
|
|
13
|
-
size?: "default" | "compact" | null | undefined;
|
|
14
|
-
variant?: "default" | "featured" | null | undefined;
|
|
15
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
16
|
-
/**
|
|
17
|
-
* Badge positioning variant
|
|
18
|
-
* Uses absolute positioning for featured badge overlay
|
|
19
|
-
*/
|
|
20
|
-
export declare const artistCardBadgeVariants: (props?: ({
|
|
21
|
-
size?: "default" | "compact" | null | undefined;
|
|
22
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
23
|
-
/**
|
|
24
|
-
* Badge surface variant
|
|
25
|
-
* Uses DOMAIN_TOKENS.badges for styling
|
|
26
|
-
*/
|
|
27
|
-
export declare const artistCardBadgeSurfaceVariants: (props?: ({
|
|
28
|
-
size?: "default" | "compact" | null | undefined;
|
|
29
|
-
variant?: "default" | "featured" | null | undefined;
|
|
30
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
31
|
-
/**
|
|
32
|
-
* ArtistCard Image Overlay Variants
|
|
33
|
-
*
|
|
34
|
-
* CVA-based variant system for image overlay on hover.
|
|
35
|
-
* Uses DOMAIN_TOKENS.image.overlay and MOTION_TOKENS.
|
|
36
|
-
*/
|
|
37
|
-
export declare const artistCardImageOverlayVariants: (props?: ({
|
|
38
|
-
size?: "default" | "compact" | null | undefined;
|
|
39
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
40
|
-
/**
|
|
41
|
-
* ArtistCard Image Transform Variants
|
|
42
|
-
*
|
|
43
|
-
* CVA-based variant system for image scale on hover.
|
|
44
|
-
* Uses DOMAIN_TOKENS.motion.hover and MOTION_TOKENS.
|
|
45
|
-
*/
|
|
46
|
-
export declare const artistCardImageTransformVariants: (props?: ({
|
|
47
|
-
size?: "default" | "compact" | null | undefined;
|
|
48
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
49
|
-
/**
|
|
50
|
-
* Metadata container variant
|
|
51
|
-
* Uses DOMAIN_TOKENS.metadata for spacing
|
|
52
|
-
*/
|
|
53
|
-
export declare const artistCardMetadataVariants: (props?: ({
|
|
54
|
-
size?: "default" | "compact" | null | undefined;
|
|
55
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
56
|
-
/**
|
|
57
|
-
* Metadata item variant
|
|
58
|
-
* Uses DOMAIN_TOKENS.metadata for icon and text styling
|
|
59
|
-
*/
|
|
60
|
-
export declare const artistCardMetadataItemVariants: (props?: ({
|
|
61
|
-
size?: "default" | "compact" | null | undefined;
|
|
62
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
63
|
-
/**
|
|
64
|
-
* Metadata icon variant
|
|
65
|
-
* Uses ICON_TOKENS for sizing and colors
|
|
66
|
-
*/
|
|
67
|
-
export declare const artistCardMetadataIconVariants: (props?: ({
|
|
68
|
-
size?: "default" | "compact" | null | undefined;
|
|
69
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
70
|
-
/**
|
|
71
|
-
* Genres display variant
|
|
72
|
-
* Uses DOMAIN_TOKENS.metadata for text styling
|
|
73
|
-
*/
|
|
74
|
-
export declare const artistCardGenresVariants: (props?: ({
|
|
75
|
-
size?: "default" | "compact" | null | undefined;
|
|
76
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
77
|
-
/**
|
|
78
|
-
* Footer border variant
|
|
79
|
-
* Uses DOMAIN_TOKENS for border and spacing
|
|
80
|
-
*/
|
|
81
|
-
export declare const artistCardFooterBorderVariants: (props?: ({
|
|
82
|
-
size?: "default" | "compact" | null | undefined;
|
|
83
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ArtistCard Component Exports
|
|
3
|
-
*
|
|
4
|
-
* Barrel exports for ArtistCard component and related types/variants.
|
|
5
|
-
*/
|
|
6
|
-
export { ArtistCard } from './ArtistCard';
|
|
7
|
-
export type { ArtistCardProps, ArtistCardSize, ArtistCardVariant } from './ArtistCard.types';
|
|
8
|
-
export { artistCardBadgeSurfaceVariants, artistCardBadgeVariants, artistCardFooterBorderVariants, artistCardGenresVariants, artistCardImageOverlayVariants, artistCardImageTransformVariants, artistCardMetadataIconVariants, artistCardMetadataItemVariants, artistCardMetadataVariants, artistCardVariants, } from './ArtistCard.variants';
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { CardBaseContentWrapperProps, CardBaseFooterWrapperProps, CardBaseImageWrapperProps, CardBaseProps } from './CardBase.types';
|
|
2
|
-
/**
|
|
3
|
-
* CardBase Component
|
|
4
|
-
*
|
|
5
|
-
* Reusable card layout component with CVA architecture.
|
|
6
|
-
* Provides pure layout wrappers (ImageWrapper, ContentWrapper, FooterWrapper)
|
|
7
|
-
* with no domain logic. All styling uses token-based values.
|
|
8
|
-
*
|
|
9
|
-
* Architecture:
|
|
10
|
-
* <CardBase>
|
|
11
|
-
* <ImageWrapper />
|
|
12
|
-
* <ContentWrapper />
|
|
13
|
-
* <FooterWrapper />
|
|
14
|
-
* </CardBase>
|
|
15
|
-
*/
|
|
16
|
-
import * as React from "react";
|
|
17
|
-
/**
|
|
18
|
-
* CardBase Root Component
|
|
19
|
-
*
|
|
20
|
-
* Main container for card layout. Uses CVA variants for size and style.
|
|
21
|
-
* All styling comes from DOMAIN_TOKENS, MOTION_TOKENS.
|
|
22
|
-
*/
|
|
23
|
-
declare const CardBase: React.ForwardRefExoticComponent<CardBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
-
/**
|
|
25
|
-
* CardBase ImageWrapper Component
|
|
26
|
-
*
|
|
27
|
-
* Layout wrapper for card images. Uses DOMAIN_TOKENS.image for styling.
|
|
28
|
-
* Provides aspect ratio, border radius, and overflow handling.
|
|
29
|
-
*/
|
|
30
|
-
declare const CardBaseImageWrapper: React.ForwardRefExoticComponent<CardBaseImageWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
/**
|
|
32
|
-
* CardBase ContentWrapper Component
|
|
33
|
-
*
|
|
34
|
-
* Layout wrapper for card content. Uses flex column layout.
|
|
35
|
-
* Spacing is controlled by parent CardBase size variant.
|
|
36
|
-
*/
|
|
37
|
-
declare const CardBaseContentWrapper: React.ForwardRefExoticComponent<CardBaseContentWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
-
/**
|
|
39
|
-
* CardBase FooterWrapper Component
|
|
40
|
-
*
|
|
41
|
-
* Layout wrapper for card footer. Uses flex layout.
|
|
42
|
-
* Spacing is controlled by parent CardBase size variant.
|
|
43
|
-
*/
|
|
44
|
-
declare const CardBaseFooterWrapper: React.ForwardRefExoticComponent<CardBaseFooterWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
-
export { CardBase, CardBaseContentWrapper, CardBaseFooterWrapper, CardBaseImageWrapper };
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* CardBase Size Variant
|
|
4
|
-
*/
|
|
5
|
-
export type CardBaseSize = "default" | "compact";
|
|
6
|
-
/**
|
|
7
|
-
* CardBase Style Variant
|
|
8
|
-
*/
|
|
9
|
-
export type CardBaseVariant = "default" | "featured";
|
|
10
|
-
/**
|
|
11
|
-
* CardBase Root Component Props
|
|
12
|
-
*/
|
|
13
|
-
export interface CardBaseProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
-
/**
|
|
15
|
-
* Size variant - controls padding and gap
|
|
16
|
-
* @default "default"
|
|
17
|
-
*/
|
|
18
|
-
size?: CardBaseSize;
|
|
19
|
-
/**
|
|
20
|
-
* Style variant - controls visual appearance
|
|
21
|
-
* @default "default"
|
|
22
|
-
*/
|
|
23
|
-
variant?: CardBaseVariant;
|
|
24
|
-
/**
|
|
25
|
-
* Additional CSS classes
|
|
26
|
-
*/
|
|
27
|
-
className?: string;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* CardBase ImageWrapper Props
|
|
31
|
-
*/
|
|
32
|
-
export interface CardBaseImageWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
33
|
-
/**
|
|
34
|
-
* Size variant - inherited from parent CardBase
|
|
35
|
-
* @default "default"
|
|
36
|
-
*/
|
|
37
|
-
size?: CardBaseSize;
|
|
38
|
-
/**
|
|
39
|
-
* Additional CSS classes
|
|
40
|
-
*/
|
|
41
|
-
className?: string;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* CardBase ContentWrapper Props
|
|
45
|
-
*/
|
|
46
|
-
export interface CardBaseContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
47
|
-
/**
|
|
48
|
-
* Size variant - inherited from parent CardBase
|
|
49
|
-
* @default "default"
|
|
50
|
-
*/
|
|
51
|
-
size?: CardBaseSize;
|
|
52
|
-
/**
|
|
53
|
-
* Additional CSS classes
|
|
54
|
-
*/
|
|
55
|
-
className?: string;
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* CardBase FooterWrapper Props
|
|
59
|
-
*/
|
|
60
|
-
export interface CardBaseFooterWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
61
|
-
/**
|
|
62
|
-
* Size variant - inherited from parent CardBase
|
|
63
|
-
* @default "default"
|
|
64
|
-
*/
|
|
65
|
-
size?: CardBaseSize;
|
|
66
|
-
/**
|
|
67
|
-
* Additional CSS classes
|
|
68
|
-
*/
|
|
69
|
-
className?: string;
|
|
70
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* CardBase Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for CardBase component.
|
|
5
|
-
* Supports size variants (default, compact) and style variants (default, featured).
|
|
6
|
-
* All styling uses token-based values from DOMAIN_TOKENS and MOTION_TOKENS.
|
|
7
|
-
*/
|
|
8
|
-
export declare const cardBaseVariants: (props?: ({
|
|
9
|
-
size?: "default" | "compact" | null | undefined;
|
|
10
|
-
variant?: "default" | "featured" | null | undefined;
|
|
11
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
12
|
-
/**
|
|
13
|
-
* CardBase ImageWrapper Variants
|
|
14
|
-
*
|
|
15
|
-
* CVA-based variant system for ImageWrapper component.
|
|
16
|
-
* Uses DOMAIN_TOKENS.image for aspect ratio and radius.
|
|
17
|
-
*/
|
|
18
|
-
export declare const cardBaseImageVariants: (props?: ({
|
|
19
|
-
size?: "default" | "compact" | null | undefined;
|
|
20
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
21
|
-
/**
|
|
22
|
-
* CardBase ContentWrapper Variants
|
|
23
|
-
*
|
|
24
|
-
* CVA-based variant system for ContentWrapper component.
|
|
25
|
-
* Uses layout tokens for spacing.
|
|
26
|
-
*/
|
|
27
|
-
export declare const cardBaseContentVariants: (props?: ({
|
|
28
|
-
size?: "default" | "compact" | null | undefined;
|
|
29
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
30
|
-
/**
|
|
31
|
-
* CardBase FooterWrapper Variants
|
|
32
|
-
*
|
|
33
|
-
* CVA-based variant system for FooterWrapper component.
|
|
34
|
-
* Uses layout tokens for spacing.
|
|
35
|
-
*/
|
|
36
|
-
export declare const cardBaseFooterVariants: (props?: ({
|
|
37
|
-
size?: "default" | "compact" | null | undefined;
|
|
38
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* CardBase Component Exports
|
|
3
|
-
*
|
|
4
|
-
* Barrel exports for CardBase component and its layout wrappers.
|
|
5
|
-
*/
|
|
6
|
-
export { CardBase, CardBaseContentWrapper, CardBaseFooterWrapper, CardBaseImageWrapper, } from './CardBase';
|
|
7
|
-
export type { CardBaseContentWrapperProps, CardBaseFooterWrapperProps, CardBaseImageWrapperProps, CardBaseProps, CardBaseSize, CardBaseVariant, } from './CardBase.types';
|
|
8
|
-
export { cardBaseContentVariants, cardBaseFooterVariants, cardBaseImageVariants, cardBaseVariants, } from './CardBase.variants';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { CategoryCardProps } from './CategoryCard.types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* CategoryCard Component
|
|
5
|
-
*
|
|
6
|
-
* Domain-specific card component for displaying category information.
|
|
7
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <CategoryCard
|
|
12
|
-
* title="Jazz"
|
|
13
|
-
* description="Explore jazz events"
|
|
14
|
-
* href="/categories/jazz"
|
|
15
|
-
* />
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export declare const CategoryCard: React.ForwardRefExoticComponent<CategoryCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ComponentAnimationConfig } from '../../../animation/types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* CategoryCard Size Variant
|
|
5
|
-
*/
|
|
6
|
-
export type CategoryCardSize = "default" | "compact";
|
|
7
|
-
/**
|
|
8
|
-
* CategoryCard Style Variant
|
|
9
|
-
*/
|
|
10
|
-
export type CategoryCardVariant = "default" | "featured";
|
|
11
|
-
/**
|
|
12
|
-
* Props for CategoryCard component.
|
|
13
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
14
|
-
*/
|
|
15
|
-
export interface CategoryCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
-
/** Category title (pre-localized string, required) */
|
|
17
|
-
title: string;
|
|
18
|
-
/** Category description (pre-localized string, optional) */
|
|
19
|
-
description?: string;
|
|
20
|
-
/** Image URL (optional) */
|
|
21
|
-
imageUrl?: string;
|
|
22
|
-
/** Link URL for category details page (optional) */
|
|
23
|
-
href?: string;
|
|
24
|
-
/** Whether this is a featured category */
|
|
25
|
-
featured?: boolean;
|
|
26
|
-
/** Badge text for featured categories (optional) */
|
|
27
|
-
featuredBadgeText?: string;
|
|
28
|
-
/** Show image section */
|
|
29
|
-
showImage?: boolean;
|
|
30
|
-
/** Size variant - controls padding and spacing */
|
|
31
|
-
size?: CategoryCardSize;
|
|
32
|
-
/** Style variant - controls visual appearance */
|
|
33
|
-
variant?: CategoryCardVariant;
|
|
34
|
-
/** Additional CSS classes */
|
|
35
|
-
className?: string;
|
|
36
|
-
/** Animation configuration for entrance and hover animations */
|
|
37
|
-
animation?: ComponentAnimationConfig;
|
|
38
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* CategoryCard Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for CategoryCard component.
|
|
5
|
-
* Supports size variants (default, compact) and style variants (default, featured).
|
|
6
|
-
* All styling uses token-based values from DOMAIN_TOKENS and TEXT_TOKENS.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Badge positioning variant
|
|
10
|
-
* Uses absolute positioning for featured badge overlay
|
|
11
|
-
*/
|
|
12
|
-
export declare const categoryCardBadgeVariants: (props?: ({
|
|
13
|
-
size?: "default" | "compact" | null | undefined;
|
|
14
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
15
|
-
/**
|
|
16
|
-
* Badge surface variant
|
|
17
|
-
* Uses DOMAIN_TOKENS.badges for styling
|
|
18
|
-
*/
|
|
19
|
-
export declare const categoryCardBadgeSurfaceVariants: (props?: ({
|
|
20
|
-
variant?: "default" | "featured" | null | undefined;
|
|
21
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { EventCardProps } from './EventCard.types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* EventCard Component
|
|
5
|
-
*
|
|
6
|
-
* Domain-specific card component for displaying event information.
|
|
7
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <EventCard
|
|
12
|
-
* title="Concert"
|
|
13
|
-
* date="2024-01-01"
|
|
14
|
-
* venueName="Venue"
|
|
15
|
-
* getTicketsLabel="Get Tickets"
|
|
16
|
-
* />
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
export declare const EventCard: React.ForwardRefExoticComponent<EventCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { ComponentAnimationConfig } from '../../../animation/types';
|
|
2
|
-
/**
|
|
3
|
-
* EventCard Size Variant
|
|
4
|
-
*/
|
|
5
|
-
export type EventCardSize = "default" | "compact";
|
|
6
|
-
/**
|
|
7
|
-
* EventCard Style Variant
|
|
8
|
-
*/
|
|
9
|
-
export type EventCardVariant = "default" | "featured";
|
|
10
|
-
/**
|
|
11
|
-
* Props for EventCard component.
|
|
12
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
13
|
-
*/
|
|
14
|
-
export interface EventCardProps {
|
|
15
|
-
/** Event title (pre-localized string) */
|
|
16
|
-
title: string;
|
|
17
|
-
/** Event description (pre-localized string, optional) */
|
|
18
|
-
description?: string;
|
|
19
|
-
/** Event date/time display string (pre-formatted, optional) */
|
|
20
|
-
date?: string;
|
|
21
|
-
/** Venue name (pre-localized string, optional) */
|
|
22
|
-
venueName?: string;
|
|
23
|
-
/** Price display string with currency (e.g., "€20 - €50", optional) */
|
|
24
|
-
price?: string;
|
|
25
|
-
/** Image URL (optional) */
|
|
26
|
-
imageUrl?: string;
|
|
27
|
-
/** Link URL for event details page (optional) */
|
|
28
|
-
href?: string;
|
|
29
|
-
/** External ticket purchase URL (optional) */
|
|
30
|
-
ticketUrl?: string;
|
|
31
|
-
/** Whether this is a featured event */
|
|
32
|
-
featured?: boolean;
|
|
33
|
-
/** Show image section */
|
|
34
|
-
showImage?: boolean;
|
|
35
|
-
/** Label for "Get Tickets" button (required) */
|
|
36
|
-
getTicketsLabel: string;
|
|
37
|
-
/** Badge text for featured events (optional) */
|
|
38
|
-
featuredBadgeText?: string;
|
|
39
|
-
/** Size variant - controls padding and spacing */
|
|
40
|
-
size?: EventCardSize;
|
|
41
|
-
/** Style variant - controls visual appearance */
|
|
42
|
-
variant?: EventCardVariant;
|
|
43
|
-
/** Additional CSS classes */
|
|
44
|
-
className?: string;
|
|
45
|
-
/** Animation configuration for entrance and hover animations */
|
|
46
|
-
animation?: ComponentAnimationConfig;
|
|
47
|
-
}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* EventCard Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for EventCard component.
|
|
5
|
-
* Supports size variants (default, compact) and style variants (default, featured).
|
|
6
|
-
* All styling uses token-based values from DOMAIN_TOKENS and ICON_TOKENS.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Badge positioning variant
|
|
10
|
-
* Uses absolute positioning for featured badge overlay
|
|
11
|
-
*/
|
|
12
|
-
export declare const eventCardBadgeVariants: (props?: ({
|
|
13
|
-
size?: "default" | "compact" | null | undefined;
|
|
14
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
15
|
-
/**
|
|
16
|
-
* Badge surface variant
|
|
17
|
-
* Uses DOMAIN_TOKENS.badges for styling
|
|
18
|
-
*/
|
|
19
|
-
export declare const eventCardBadgeSurfaceVariants: (props?: ({
|
|
20
|
-
variant?: "default" | "featured" | null | undefined;
|
|
21
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
22
|
-
/**
|
|
23
|
-
* Metadata row container variant
|
|
24
|
-
* Uses DOMAIN_TOKENS.metadata for spacing
|
|
25
|
-
*/
|
|
26
|
-
export declare const eventCardMetadataVariants: (props?: ({
|
|
27
|
-
size?: "default" | "compact" | null | undefined;
|
|
28
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
29
|
-
/**
|
|
30
|
-
* Metadata item variant
|
|
31
|
-
* Uses DOMAIN_TOKENS.metadata for icon and text styling
|
|
32
|
-
*/
|
|
33
|
-
export declare const eventCardMetadataItemVariants: (props?: ({
|
|
34
|
-
size?: "default" | "compact" | null | undefined;
|
|
35
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
36
|
-
/**
|
|
37
|
-
* Metadata icon variant
|
|
38
|
-
* Uses ICON_TOKENS for sizing and colors
|
|
39
|
-
*/
|
|
40
|
-
export declare const eventCardMetadataIconVariants: (props?: ({
|
|
41
|
-
size?: "default" | "compact" | null | undefined;
|
|
42
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
43
|
-
/**
|
|
44
|
-
* Footer section variant
|
|
45
|
-
* Uses DOMAIN_TOKENS for border and spacing
|
|
46
|
-
*/
|
|
47
|
-
export declare const eventCardFooterVariants: (props?: ({
|
|
48
|
-
size?: "default" | "compact" | null | undefined;
|
|
49
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
50
|
-
/**
|
|
51
|
-
* Ticket button variant
|
|
52
|
-
* Uses DOMAIN_TOKENS.badges for gradient styling
|
|
53
|
-
*/
|
|
54
|
-
export declare const eventCardTicketButtonVariants: (props?: ({
|
|
55
|
-
size?: "default" | "compact" | null | undefined;
|
|
56
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
57
|
-
/**
|
|
58
|
-
* Ticket button icon variant
|
|
59
|
-
* Uses ICON_TOKENS and metadata spacing
|
|
60
|
-
*/
|
|
61
|
-
export declare const eventCardTicketButtonIconVariants: (props?: ({
|
|
62
|
-
size?: "default" | "compact" | null | undefined;
|
|
63
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
64
|
-
/**
|
|
65
|
-
* Price text variant
|
|
66
|
-
* Uses DOMAIN_TOKENS.priceCapacity for styling
|
|
67
|
-
*/
|
|
68
|
-
export declare const eventCardPriceVariants: (props?: ({
|
|
69
|
-
size?: "default" | "compact" | null | undefined;
|
|
70
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { PromoCardProps } from './PromoCard.types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* PromoCard Component
|
|
5
|
-
*
|
|
6
|
-
* Domain-specific card component for displaying promotional content.
|
|
7
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
8
|
-
* CTA button uses BUTTON_TOKENS for styling.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <PromoCard
|
|
13
|
-
* title="Special Offer"
|
|
14
|
-
* description="Get 20% off on all tickets"
|
|
15
|
-
* ctaLabel="Learn More"
|
|
16
|
-
* ctaUrl="/promo"
|
|
17
|
-
* />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare const PromoCard: React.ForwardRefExoticComponent<PromoCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { ComponentAnimationConfig } from '../../../animation/types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* PromoCard Size Variant
|
|
5
|
-
*/
|
|
6
|
-
export type PromoCardSize = "default" | "compact";
|
|
7
|
-
/**
|
|
8
|
-
* PromoCard Style Variant
|
|
9
|
-
*/
|
|
10
|
-
export type PromoCardVariant = "default" | "featured";
|
|
11
|
-
/**
|
|
12
|
-
* Props for PromoCard component.
|
|
13
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
14
|
-
*/
|
|
15
|
-
export interface PromoCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
-
/** Promo title (pre-localized string, required) */
|
|
17
|
-
title: string;
|
|
18
|
-
/** Promo description (pre-localized string, optional) */
|
|
19
|
-
description?: string;
|
|
20
|
-
/** Image URL (optional) */
|
|
21
|
-
imageUrl?: string;
|
|
22
|
-
/** Link URL for promo details page (optional) */
|
|
23
|
-
href?: string;
|
|
24
|
-
/** CTA button URL (optional) */
|
|
25
|
-
ctaUrl?: string;
|
|
26
|
-
/** Label for CTA button (required) */
|
|
27
|
-
ctaLabel: string;
|
|
28
|
-
/** Whether this is a featured promo */
|
|
29
|
-
featured?: boolean;
|
|
30
|
-
/** Badge text for featured promos (optional) */
|
|
31
|
-
featuredBadgeText?: string;
|
|
32
|
-
/** Show image section */
|
|
33
|
-
showImage?: boolean;
|
|
34
|
-
/** Size variant - controls padding and spacing */
|
|
35
|
-
size?: PromoCardSize;
|
|
36
|
-
/** Style variant - controls visual appearance */
|
|
37
|
-
variant?: PromoCardVariant;
|
|
38
|
-
/** Additional CSS classes */
|
|
39
|
-
className?: string;
|
|
40
|
-
/** Animation configuration for entrance and hover animations */
|
|
41
|
-
animation?: ComponentAnimationConfig;
|
|
42
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* PromoCard Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for PromoCard component.
|
|
5
|
-
* Supports size variants (default, compact) and style variants (default, featured).
|
|
6
|
-
* All styling uses token-based values from DOMAIN_TOKENS, BUTTON_TOKENS, and ICON_TOKENS.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Badge positioning variant
|
|
10
|
-
* Uses absolute positioning for featured badge overlay
|
|
11
|
-
*/
|
|
12
|
-
export declare const promoCardBadgeVariants: (props?: ({
|
|
13
|
-
size?: "default" | "compact" | null | undefined;
|
|
14
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
15
|
-
/**
|
|
16
|
-
* Badge surface variant
|
|
17
|
-
* Uses DOMAIN_TOKENS.badges for styling
|
|
18
|
-
*/
|
|
19
|
-
export declare const promoCardBadgeSurfaceVariants: (props?: ({
|
|
20
|
-
variant?: "default" | "featured" | null | undefined;
|
|
21
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
22
|
-
/**
|
|
23
|
-
* CTA button variant
|
|
24
|
-
* Uses BUTTON_TOKENS for button styling (primary variant recommended)
|
|
25
|
-
*/
|
|
26
|
-
export declare const promoCardCtaButtonVariants: (props?: ({
|
|
27
|
-
size?: "default" | "compact" | null | undefined;
|
|
28
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
29
|
-
/**
|
|
30
|
-
* CTA button icon variant
|
|
31
|
-
* Uses ICON_TOKENS and metadata spacing
|
|
32
|
-
*/
|
|
33
|
-
export declare const promoCardCtaButtonIconVariants: (props?: ({
|
|
34
|
-
size?: "default" | "compact" | null | undefined;
|
|
35
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TicketCardProps } from './TicketCard.types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* TicketCard Component
|
|
5
|
-
*
|
|
6
|
-
* Domain-specific card component for displaying ticket information.
|
|
7
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <TicketCard
|
|
12
|
-
* title="VIP Ticket"
|
|
13
|
-
* price="€50"
|
|
14
|
-
* capacity="10 tickets left"
|
|
15
|
-
* purchaseLabel="Buy Now"
|
|
16
|
-
* />
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
export declare const TicketCard: React.ForwardRefExoticComponent<TicketCardProps & React.RefAttributes<HTMLDivElement>>;
|