@tenerife.music/ui 1.0.8 → 1.0.13
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/README.md +12 -8
- package/dist/{tokens/colors.d.ts → colors-CVA7_16U.d.cts} +21 -19
- package/dist/colors-CVA7_16U.d.ts +289 -0
- package/dist/index-BgXvioll.d.cts +6845 -0
- package/dist/index-Bv4wWj9I.d.ts +6845 -0
- package/dist/index.cjs +16385 -2
- package/dist/index.d.cts +4020 -0
- package/dist/index.d.ts +4020 -39
- package/dist/index.mjs +14502 -6425
- 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 +2634 -2
- package/dist/theme/index.d.cts +453 -0
- package/dist/theme/index.d.ts +453 -8
- package/dist/theme/index.mjs +1601 -576
- package/dist/tokens/index.cjs +6203 -5
- package/dist/tokens/index.d.cts +2 -0
- package/dist/tokens/index.d.ts +2 -9
- package/dist/tokens/index.mjs +2601 -155
- package/package.json +10 -9
- 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,55 +0,0 @@
|
|
|
1
|
-
import { ComponentAnimationConfig } from '../../../animation/types';
|
|
2
|
-
/**
|
|
3
|
-
* TicketCard Size Variant
|
|
4
|
-
*/
|
|
5
|
-
export type TicketCardSize = "default" | "compact";
|
|
6
|
-
/**
|
|
7
|
-
* TicketCard Style Variant
|
|
8
|
-
*/
|
|
9
|
-
export type TicketCardVariant = "default" | "featured";
|
|
10
|
-
/**
|
|
11
|
-
* Ticket Availability Status
|
|
12
|
-
*/
|
|
13
|
-
export type TicketAvailability = "available" | "sold_out" | "available_soon";
|
|
14
|
-
/**
|
|
15
|
-
* Props for TicketCard component.
|
|
16
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
17
|
-
*/
|
|
18
|
-
export interface TicketCardProps {
|
|
19
|
-
/** Ticket type/name (pre-localized string) */
|
|
20
|
-
title: string;
|
|
21
|
-
/** Ticket description (pre-localized string, optional) */
|
|
22
|
-
description?: string;
|
|
23
|
-
/** Price display string with currency (e.g., "€20", optional) */
|
|
24
|
-
price?: string;
|
|
25
|
-
/** Capacity display string (e.g., "50 tickets", optional) */
|
|
26
|
-
capacity?: string;
|
|
27
|
-
/** Availability status */
|
|
28
|
-
availability?: TicketAvailability;
|
|
29
|
-
/** Image URL (optional) */
|
|
30
|
-
imageUrl?: string;
|
|
31
|
-
/** Link URL for ticket details (optional) */
|
|
32
|
-
href?: string;
|
|
33
|
-
/** Purchase action URL (optional) */
|
|
34
|
-
purchaseUrl?: string;
|
|
35
|
-
/** Label for purchase button (required) */
|
|
36
|
-
purchaseLabel: string;
|
|
37
|
-
/** VIP badge text (optional) */
|
|
38
|
-
vipBadgeText?: string;
|
|
39
|
-
/** Discount badge text (optional) */
|
|
40
|
-
discountBadgeText?: string;
|
|
41
|
-
/** Whether this is a featured ticket */
|
|
42
|
-
featured?: boolean;
|
|
43
|
-
/** Badge text for featured tickets (optional) */
|
|
44
|
-
featuredBadgeText?: string;
|
|
45
|
-
/** Show image section */
|
|
46
|
-
showImage?: boolean;
|
|
47
|
-
/** Size variant - controls padding and spacing */
|
|
48
|
-
size?: TicketCardSize;
|
|
49
|
-
/** Style variant - controls visual appearance */
|
|
50
|
-
variant?: TicketCardVariant;
|
|
51
|
-
/** Additional CSS classes */
|
|
52
|
-
className?: string;
|
|
53
|
-
/** Animation configuration for entrance and hover animations */
|
|
54
|
-
animation?: ComponentAnimationConfig;
|
|
55
|
-
}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TicketCard Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for TicketCard 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 badge overlay
|
|
11
|
-
*/
|
|
12
|
-
export declare const ticketCardBadgeVariants: (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 ticketCardBadgeSurfaceVariants: (props?: ({
|
|
20
|
-
variant?: "default" | "featured" | "vip" | "discount" | null | undefined;
|
|
21
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
22
|
-
/**
|
|
23
|
-
* Price/Capacity container variant
|
|
24
|
-
* Uses DOMAIN_TOKENS.priceCapacity.spacing for layout
|
|
25
|
-
*/
|
|
26
|
-
export declare const ticketCardPriceCapacityContainerVariants: (props?: ({
|
|
27
|
-
size?: "default" | "compact" | null | undefined;
|
|
28
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
29
|
-
/**
|
|
30
|
-
* Price text variant
|
|
31
|
-
* Uses DOMAIN_TOKENS.priceCapacity.text.primary for styling
|
|
32
|
-
*/
|
|
33
|
-
export declare const ticketCardPriceVariants: (props?: ({
|
|
34
|
-
size?: "default" | "compact" | null | undefined;
|
|
35
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
36
|
-
/**
|
|
37
|
-
* Capacity text variant
|
|
38
|
-
* Uses DOMAIN_TOKENS.priceCapacity.text.secondary for styling
|
|
39
|
-
*/
|
|
40
|
-
export declare const ticketCardCapacityVariants: (props?: ({
|
|
41
|
-
size?: "default" | "compact" | null | undefined;
|
|
42
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
43
|
-
/**
|
|
44
|
-
* Availability indicator variant
|
|
45
|
-
* Uses tokenized styling for availability states
|
|
46
|
-
*/
|
|
47
|
-
export declare const ticketCardAvailabilityVariants: (props?: ({
|
|
48
|
-
availability?: "available" | "sold_out" | "available_soon" | null | undefined;
|
|
49
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
50
|
-
/**
|
|
51
|
-
* Footer section variant
|
|
52
|
-
* Uses DOMAIN_TOKENS for border and spacing
|
|
53
|
-
*/
|
|
54
|
-
export declare const ticketCardFooterVariants: (props?: ({
|
|
55
|
-
size?: "default" | "compact" | null | undefined;
|
|
56
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
57
|
-
/**
|
|
58
|
-
* Purchase button variant
|
|
59
|
-
* Uses DOMAIN_TOKENS.badges for gradient styling
|
|
60
|
-
*/
|
|
61
|
-
export declare const ticketCardPurchaseButtonVariants: (props?: ({
|
|
62
|
-
size?: "default" | "compact" | null | undefined;
|
|
63
|
-
disabled?: boolean | null | undefined;
|
|
64
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
65
|
-
/**
|
|
66
|
-
* Purchase button icon variant
|
|
67
|
-
* Uses ICON_TOKENS and metadata spacing
|
|
68
|
-
*/
|
|
69
|
-
export declare const ticketCardPurchaseButtonIconVariants: (props?: ({
|
|
70
|
-
size?: "default" | "compact" | null | undefined;
|
|
71
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TicketCard Component Exports
|
|
3
|
-
*
|
|
4
|
-
* Barrel exports for TicketCard component and related types.
|
|
5
|
-
*/
|
|
6
|
-
export { TicketCard } from './TicketCard';
|
|
7
|
-
export type { TicketAvailability, TicketCardProps, TicketCardSize, TicketCardVariant, } from './TicketCard.types';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { VenueCardProps } from './VenueCard.types';
|
|
3
|
-
/**
|
|
4
|
-
* VenueCard Component
|
|
5
|
-
*
|
|
6
|
-
* Token-driven venue card component using CardBase layout foundation.
|
|
7
|
-
* All visual styling uses DOMAIN_TOKENS, TEXT_TOKENS, ICON_TOKENS, and MOTION_TOKENS.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <VenueCard
|
|
12
|
-
* name="Venue Name"
|
|
13
|
-
* location="123 Main St"
|
|
14
|
-
* eventsLabel="events"
|
|
15
|
-
* capacityLabel="Capacity"
|
|
16
|
-
* eventsCount={5}
|
|
17
|
-
* capacity="500"
|
|
18
|
-
* />
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare const VenueCard: React.FC<VenueCardProps>;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ComponentAnimationConfig } from '../../../animation/types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* VenueCard Size Variant
|
|
5
|
-
*/
|
|
6
|
-
export type VenueCardSize = "default" | "compact";
|
|
7
|
-
/**
|
|
8
|
-
* VenueCard Style Variant
|
|
9
|
-
*/
|
|
10
|
-
export type VenueCardVariant = "default" | "featured";
|
|
11
|
-
/**
|
|
12
|
-
* Props for VenueCard component.
|
|
13
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
14
|
-
*/
|
|
15
|
-
export interface VenueCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
-
/** Venue name (pre-localized string, required) */
|
|
17
|
-
name: string;
|
|
18
|
-
/** Venue description (pre-localized string, optional) */
|
|
19
|
-
description?: string;
|
|
20
|
-
/** Location display string (pre-formatted address, optional) */
|
|
21
|
-
location?: string;
|
|
22
|
-
/** Capacity display string (pre-formatted, optional) */
|
|
23
|
-
capacity?: string;
|
|
24
|
-
/** Image URL (optional) */
|
|
25
|
-
imageUrl?: string;
|
|
26
|
-
/** Link URL for venue details page (optional) */
|
|
27
|
-
href?: string;
|
|
28
|
-
/** Number of associated events (optional) */
|
|
29
|
-
eventsCount?: number;
|
|
30
|
-
/** Whether this is a featured venue */
|
|
31
|
-
featured?: boolean;
|
|
32
|
-
/** Show image section */
|
|
33
|
-
showImage?: boolean;
|
|
34
|
-
/** Label for events count (required) */
|
|
35
|
-
eventsLabel: string;
|
|
36
|
-
/** Badge text for popular venues (optional) */
|
|
37
|
-
popularBadgeText?: string;
|
|
38
|
-
/** Label for capacity (required) */
|
|
39
|
-
capacityLabel: string;
|
|
40
|
-
/** Size variant - controls padding and gap */
|
|
41
|
-
size?: VenueCardSize;
|
|
42
|
-
/** Style variant - controls visual appearance */
|
|
43
|
-
variant?: VenueCardVariant;
|
|
44
|
-
/** Animation configuration for entrance and hover animations */
|
|
45
|
-
animation?: ComponentAnimationConfig;
|
|
46
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* VenueCard Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for VenueCard component.
|
|
5
|
-
* Supports size variants (default, compact) and style variants (default, featured).
|
|
6
|
-
* All styling uses token-based values from DOMAIN_TOKENS, TEXT_TOKENS, and MOTION_TOKENS.
|
|
7
|
-
*
|
|
8
|
-
* Note: VenueCard uses CardBase for layout structure, so these variants are primarily
|
|
9
|
-
* for any VenueCard-specific styling that extends beyond CardBase.
|
|
10
|
-
*/
|
|
11
|
-
export declare const venueCardVariants: (props?: ({
|
|
12
|
-
size?: "default" | "compact" | null | undefined;
|
|
13
|
-
variant?: "default" | "featured" | null | undefined;
|
|
14
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
15
|
-
/**
|
|
16
|
-
* VenueCard Badge Variants
|
|
17
|
-
*
|
|
18
|
-
* CVA-based variant system for featured badge.
|
|
19
|
-
* Uses DOMAIN_TOKENS.badges for all styling.
|
|
20
|
-
*/
|
|
21
|
-
export declare const venueCardBadgeVariants: (props?: ({
|
|
22
|
-
size?: "default" | "compact" | null | undefined;
|
|
23
|
-
variant?: "default" | "featured" | null | undefined;
|
|
24
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
25
|
-
/**
|
|
26
|
-
* VenueCard Image Overlay Variants
|
|
27
|
-
*
|
|
28
|
-
* CVA-based variant system for image overlay on hover.
|
|
29
|
-
* Uses DOMAIN_TOKENS.image.overlay and MOTION_TOKENS.
|
|
30
|
-
*/
|
|
31
|
-
export declare const venueCardImageOverlayVariants: (props?: ({
|
|
32
|
-
size?: "default" | "compact" | null | undefined;
|
|
33
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
34
|
-
/**
|
|
35
|
-
* VenueCard Image Transform Variants
|
|
36
|
-
*
|
|
37
|
-
* CVA-based variant system for image scale on hover.
|
|
38
|
-
* Uses DOMAIN_TOKENS.motion.hover and MOTION_TOKENS.
|
|
39
|
-
*/
|
|
40
|
-
export declare const venueCardImageTransformVariants: (props?: ({
|
|
41
|
-
size?: "default" | "compact" | null | undefined;
|
|
42
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
43
|
-
/**
|
|
44
|
-
* VenueCard Metadata Row Variants
|
|
45
|
-
*
|
|
46
|
-
* CVA-based variant system for metadata display rows.
|
|
47
|
-
* Uses DOMAIN_TOKENS.metadata for spacing and text colors.
|
|
48
|
-
*/
|
|
49
|
-
export declare const venueCardMetadataRowVariants: (props?: ({
|
|
50
|
-
size?: "default" | "compact" | null | undefined;
|
|
51
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
52
|
-
/**
|
|
53
|
-
* VenueCard Footer Border Variants
|
|
54
|
-
*
|
|
55
|
-
* CVA-based variant system for footer border separator.
|
|
56
|
-
* Uses semantic border tokens and DOMAIN_TOKENS for spacing.
|
|
57
|
-
*/
|
|
58
|
-
export declare const venueCardFooterBorderVariants: (props?: ({
|
|
59
|
-
size?: "default" | "compact" | null | undefined;
|
|
60
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* VenueCard Component Exports
|
|
3
|
-
*
|
|
4
|
-
* Barrel exports for VenueCard component and related types/variants.
|
|
5
|
-
*/
|
|
6
|
-
export { VenueCard } from './VenueCard';
|
|
7
|
-
export type { VenueCardProps, VenueCardSize, VenueCardVariant } from './VenueCard.types';
|
|
8
|
-
export { venueCardBadgeVariants, venueCardFooterBorderVariants, venueCardImageOverlayVariants, venueCardImageTransformVariants, venueCardMetadataRowVariants, venueCardVariants, } from './VenueCard.variants';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Card Components Barrel Exports
|
|
3
|
-
*
|
|
4
|
-
* Central export point for all card components.
|
|
5
|
-
*/
|
|
6
|
-
export { ArtistCard } from './ArtistCard';
|
|
7
|
-
export type { ArtistCardProps, ArtistCardSize, ArtistCardVariant, } from './ArtistCard/ArtistCard.types';
|
|
8
|
-
export { CardBase, CardBaseContentWrapper, CardBaseFooterWrapper, CardBaseImageWrapper, } from './CardBase';
|
|
9
|
-
export type { CardBaseContentWrapperProps, CardBaseFooterWrapperProps, CardBaseImageWrapperProps, CardBaseProps, CardBaseSize, CardBaseVariant, } from './CardBase/CardBase.types';
|
|
10
|
-
export { CategoryCard } from './CategoryCard';
|
|
11
|
-
export type { CategoryCardProps, CategoryCardSize, CategoryCardVariant, } from './CategoryCard/CategoryCard.types';
|
|
12
|
-
export { EventCard } from './EventCard';
|
|
13
|
-
export type { EventCardProps, EventCardSize, EventCardVariant } from './EventCard/EventCard.types';
|
|
14
|
-
export { PromoCard } from './PromoCard';
|
|
15
|
-
export type { PromoCardProps, PromoCardSize, PromoCardVariant } from './PromoCard/PromoCard.types';
|
|
16
|
-
export { TicketCard } from './TicketCard';
|
|
17
|
-
export type { TicketAvailability, TicketCardProps, TicketCardSize, TicketCardVariant, } from './TicketCard/TicketCard.types';
|
|
18
|
-
export { VenueCard } from './VenueCard';
|
|
19
|
-
export type { VenueCardProps, VenueCardSize, VenueCardVariant } from './VenueCard/VenueCard.types';
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { CheckboxProps } from './Checkbox.types';
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
/**
|
|
4
|
-
* Checkbox Component
|
|
5
|
-
*
|
|
6
|
-
* A fully accessible, theme-aware checkbox component with variant support,
|
|
7
|
-
* keyboard navigation, and comprehensive state management.
|
|
8
|
-
* Uses button role="checkbox" pattern for full accessibility.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Checkbox
|
|
13
|
-
* variant="outline"
|
|
14
|
-
* size="md"
|
|
15
|
-
* checked={isChecked}
|
|
16
|
-
* onCheckedChange={setIsChecked}
|
|
17
|
-
* aria-label="Accept terms"
|
|
18
|
-
* />
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
-
export { Checkbox };
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import { checkboxVariants } from './checkbox-variants';
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
/**
|
|
5
|
-
* Checkbox Component Props
|
|
6
|
-
*
|
|
7
|
-
* Extends native button HTML attributes with variant props, checked state, and accessibility props.
|
|
8
|
-
* Uses button role="checkbox" pattern for full keyboard accessibility.
|
|
9
|
-
*/
|
|
10
|
-
export interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange">, VariantProps<typeof checkboxVariants> {
|
|
11
|
-
/**
|
|
12
|
-
* Checkbox variant style
|
|
13
|
-
* @default "outline"
|
|
14
|
-
*/
|
|
15
|
-
variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive";
|
|
16
|
-
/**
|
|
17
|
-
* Checkbox size
|
|
18
|
-
* @default "md"
|
|
19
|
-
*/
|
|
20
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
21
|
-
/**
|
|
22
|
-
* Checkbox state
|
|
23
|
-
* @default "default"
|
|
24
|
-
*/
|
|
25
|
-
state?: "default" | "checked" | "indeterminate" | "error" | "disabled";
|
|
26
|
-
/**
|
|
27
|
-
* Whether checkbox is checked (controlled)
|
|
28
|
-
*/
|
|
29
|
-
checked?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Whether checkbox is in indeterminate state
|
|
32
|
-
* When true, overrides checked state visually
|
|
33
|
-
*/
|
|
34
|
-
indeterminate?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Whether checkbox is disabled
|
|
37
|
-
*/
|
|
38
|
-
disabled?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Callback fired when checked state changes
|
|
41
|
-
*/
|
|
42
|
-
onCheckedChange?: (checked: boolean) => void;
|
|
43
|
-
/**
|
|
44
|
-
* Custom icon to display when checked
|
|
45
|
-
* Defaults to IconCheck from icon system
|
|
46
|
-
*/
|
|
47
|
-
icon?: React.ReactNode;
|
|
48
|
-
/**
|
|
49
|
-
* Custom icon to display when indeterminate
|
|
50
|
-
* Defaults to horizontal line indicator
|
|
51
|
-
*/
|
|
52
|
-
indeterminateIcon?: React.ReactNode;
|
|
53
|
-
/**
|
|
54
|
-
* ARIA label for the checkbox
|
|
55
|
-
* Required if no visible label is present
|
|
56
|
-
*/
|
|
57
|
-
"aria-label"?: string;
|
|
58
|
-
/**
|
|
59
|
-
* ARIA labelledby reference
|
|
60
|
-
* Points to the ID of the element that labels this checkbox
|
|
61
|
-
*/
|
|
62
|
-
"aria-labelledby"?: string;
|
|
63
|
-
/**
|
|
64
|
-
* ARIA describedby reference
|
|
65
|
-
* Points to the ID of the element that describes this checkbox
|
|
66
|
-
*/
|
|
67
|
-
"aria-describedby"?: string;
|
|
68
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Checkbox Variants
|
|
3
|
-
*
|
|
4
|
-
* CVA-based variant system for Checkbox component.
|
|
5
|
-
* Supports variants (primary, secondary, outline, ghost, destructive),
|
|
6
|
-
* sizes (xs, sm, md, lg, xl), and states (default, checked, disabled, error, indeterminate).
|
|
7
|
-
* All styling uses token-based values with CSS variable references.
|
|
8
|
-
*/
|
|
9
|
-
export declare const checkboxVariants: (props?: ({
|
|
10
|
-
variant?: "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
11
|
-
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
12
|
-
state?: "disabled" | "default" | "error" | "checked" | "indeterminate" | null | undefined;
|
|
13
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from '../layout/Box';
|
|
2
|
-
import { ResponsiveRadius, ResponsiveSpacing, ShadowValue } from '../layout/layout.types';
|
|
3
|
-
/**
|
|
4
|
-
* Card Container Component
|
|
5
|
-
*
|
|
6
|
-
* Token-driven card component with Header, Body, and Footer subcomponents.
|
|
7
|
-
* Uses SURFACE_TOKENS + CARD_TOKENS for styling.
|
|
8
|
-
* All styling uses tokens exclusively (no raw CSS values).
|
|
9
|
-
*/
|
|
10
|
-
import * as React from "react";
|
|
11
|
-
export interface CardProps extends Omit<BoxProps, "radius" | "shadow" | "p"> {
|
|
12
|
-
/**
|
|
13
|
-
* Card size - maps to CARD_TOKENS.size
|
|
14
|
-
*/
|
|
15
|
-
size?: "sm" | "md" | "lg";
|
|
16
|
-
/**
|
|
17
|
-
* Border radius - token-based (overrides size default)
|
|
18
|
-
*/
|
|
19
|
-
radius?: ResponsiveRadius;
|
|
20
|
-
/**
|
|
21
|
-
* Shadow - token-based (overrides size default)
|
|
22
|
-
*/
|
|
23
|
-
shadow?: ShadowValue;
|
|
24
|
-
/**
|
|
25
|
-
* Padding - token-based (overrides size default)
|
|
26
|
-
*/
|
|
27
|
-
p?: ResponsiveSpacing;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Card component - main container
|
|
31
|
-
*/
|
|
32
|
-
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
-
/**
|
|
34
|
-
* CardHeader component - uses Stack for vertical spacing
|
|
35
|
-
*/
|
|
36
|
-
export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
37
|
-
/**
|
|
38
|
-
* Card size - determines padding from CARD_TOKENS
|
|
39
|
-
*/
|
|
40
|
-
size?: "sm" | "md" | "lg";
|
|
41
|
-
/**
|
|
42
|
-
* Padding - token-based (overrides size default)
|
|
43
|
-
*/
|
|
44
|
-
p?: ResponsiveSpacing;
|
|
45
|
-
}
|
|
46
|
-
declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
47
|
-
/**
|
|
48
|
-
* CardBody component - main content area
|
|
49
|
-
*/
|
|
50
|
-
export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
51
|
-
/**
|
|
52
|
-
* Card size - determines padding from CARD_TOKENS
|
|
53
|
-
*/
|
|
54
|
-
size?: "sm" | "md" | "lg";
|
|
55
|
-
/**
|
|
56
|
-
* Padding - token-based (overrides size default)
|
|
57
|
-
*/
|
|
58
|
-
p?: ResponsiveSpacing;
|
|
59
|
-
}
|
|
60
|
-
declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
-
/**
|
|
62
|
-
* CardFooter component - uses Row for horizontal layout
|
|
63
|
-
*/
|
|
64
|
-
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
65
|
-
/**
|
|
66
|
-
* Card size - determines padding from CARD_TOKENS
|
|
67
|
-
*/
|
|
68
|
-
size?: "sm" | "md" | "lg";
|
|
69
|
-
/**
|
|
70
|
-
* Padding - token-based (overrides size default)
|
|
71
|
-
*/
|
|
72
|
-
p?: ResponsiveSpacing;
|
|
73
|
-
}
|
|
74
|
-
declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
75
|
-
export { Card, CardBody, CardFooter, CardHeader };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { StackProps } from '../layout/Stack';
|
|
2
|
-
/**
|
|
3
|
-
* Section Container Component
|
|
4
|
-
*
|
|
5
|
-
* Token-driven section component for page/landing layout composition.
|
|
6
|
-
* Uses SECTION_TOKENS for padding and spacing.
|
|
7
|
-
* Uses Stack internally for content block composition.
|
|
8
|
-
* All styling uses tokens exclusively (no raw CSS values).
|
|
9
|
-
*/
|
|
10
|
-
import * as React from "react";
|
|
11
|
-
export interface SectionProps extends Omit<StackProps, "py" | "gap"> {
|
|
12
|
-
/**
|
|
13
|
-
* Vertical padding - token-based (sm, md, lg, xl)
|
|
14
|
-
* Maps to SECTION_TOKENS.padding
|
|
15
|
-
*/
|
|
16
|
-
padding?: "sm" | "md" | "lg" | "xl";
|
|
17
|
-
/**
|
|
18
|
-
* Gap spacing for content blocks - token-based (sm, md, lg, xl)
|
|
19
|
-
* Maps to SECTION_TOKENS.spacing
|
|
20
|
-
*/
|
|
21
|
-
gap?: "sm" | "md" | "lg" | "xl";
|
|
22
|
-
/**
|
|
23
|
-
* Render as different HTML element
|
|
24
|
-
*/
|
|
25
|
-
as?: keyof React.JSX.IntrinsicElements;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Section component - page/landing layout container
|
|
29
|
-
*/
|
|
30
|
-
declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
export { Section };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import { BoxProps } from '../layout/Box';
|
|
3
|
-
import { ResponsiveRadius, ResponsiveSpacing } from '../layout/layout.types';
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
declare const surfaceVariants: (props?: ({
|
|
6
|
-
variant?: "outline" | "flat" | "raised" | "sunken" | "subtle" | null | undefined;
|
|
7
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
-
export interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow" | "radius" | "p">, VariantProps<typeof surfaceVariants> {
|
|
9
|
-
/**
|
|
10
|
-
* Surface variant
|
|
11
|
-
*/
|
|
12
|
-
variant?: "flat" | "raised" | "sunken" | "outline" | "subtle";
|
|
13
|
-
/**
|
|
14
|
-
* Padding - token-based (sm, md, lg, xl)
|
|
15
|
-
* Overrides default variant padding
|
|
16
|
-
*/
|
|
17
|
-
p?: ResponsiveSpacing;
|
|
18
|
-
/**
|
|
19
|
-
* Border radius - token-based (sm, md, lg, xl, 2xl, 3xl, full)
|
|
20
|
-
* Overrides default variant radius
|
|
21
|
-
*/
|
|
22
|
-
radius?: ResponsiveRadius;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Surface component - elevation variant container
|
|
26
|
-
*/
|
|
27
|
-
declare const Surface: React.ForwardRefExoticComponent<SurfaceProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
export { Surface, surfaceVariants };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Container Components Exports
|
|
3
|
-
*
|
|
4
|
-
* Token-driven container components: Surface, Card, Section
|
|
5
|
-
* All components use tokens exclusively (no raw CSS values)
|
|
6
|
-
*/
|
|
7
|
-
export { Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, } from './Card';
|
|
8
|
-
export { Section, type SectionProps } from './Section';
|
|
9
|
-
export { Surface, type SurfaceProps, surfaceVariants } from './Surface';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface LanguageOption {
|
|
3
|
-
code: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
interface LanguageSelectorProps {
|
|
7
|
-
ariaLabel: string;
|
|
8
|
-
dataTestId: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
languages: LanguageOption[];
|
|
11
|
-
value?: string;
|
|
12
|
-
defaultValue?: string;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
onLanguageChange?: (language: string) => void;
|
|
15
|
-
}
|
|
16
|
-
export declare const LanguageSelector: React.FC<LanguageSelectorProps>;
|
|
17
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface ListItem {
|
|
3
|
-
id: string;
|
|
4
|
-
title: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
}
|
|
7
|
-
interface ListProps {
|
|
8
|
-
items: ListItem[];
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const List: React.FC<ListProps>;
|
|
12
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface TableColumn<T> {
|
|
3
|
-
key: keyof T;
|
|
4
|
-
title: string;
|
|
5
|
-
render?: (value: T[keyof T], item: T) => React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
interface TableProps<T> {
|
|
8
|
-
data: T[];
|
|
9
|
-
columns: TableColumn<T>[];
|
|
10
|
-
rowKey: keyof T;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const Table: <T extends Record<string, unknown>>({ data, columns, rowKey, className, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface TimelineItem {
|
|
3
|
-
id: string;
|
|
4
|
-
title: string;
|
|
5
|
-
date: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
}
|
|
8
|
-
interface TimelineProps {
|
|
9
|
-
items: TimelineItem[];
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
export declare const Timeline: React.FC<TimelineProps>;
|
|
13
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DataList Root Component
|
|
3
|
-
*
|
|
4
|
-
* Mobile-first data list component for displaying key-value pairs.
|
|
5
|
-
* Uses Stack for vertical layout and DATA_TOKENS for spacing.
|
|
6
|
-
*/
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
export interface DataListRootProps extends React.HTMLAttributes<HTMLDListElement> {
|
|
9
|
-
/**
|
|
10
|
-
* Label width for desktop layout
|
|
11
|
-
* @default "md"
|
|
12
|
-
*/
|
|
13
|
-
labelWidth?: "sm" | "md" | "lg";
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* DataList Root component
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <DataList.Root>
|
|
21
|
-
* <DataList.Item>
|
|
22
|
-
* <DataList.Label>Name</DataList.Label>
|
|
23
|
-
* <DataList.Value>John Doe</DataList.Value>
|
|
24
|
-
* </DataList.Item>
|
|
25
|
-
* </DataList.Root>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
declare const DataListRoot: React.ForwardRefExoticComponent<DataListRootProps & React.RefAttributes<HTMLDListElement>>;
|
|
29
|
-
export { DataListRoot };
|