@tenerife.music/ui 1.1.0 → 1.1.1
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 +2 -1
- package/dist/{index-Cj8oRSOc.d.cts → index-DInIMlaR.d.cts} +1 -485
- package/dist/{index-Cj8oRSOc.d.ts → index-DInIMlaR.d.ts} +1 -485
- package/dist/index.cjs +782 -2709
- package/dist/index.d.cts +82 -390
- package/dist/index.d.ts +82 -390
- package/dist/index.mjs +765 -2692
- package/dist/styles.css +0 -26
- package/dist/tokens/index.d.cts +486 -2
- package/dist/tokens/index.d.ts +486 -2
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as ALERT_TOKENS,
|
|
1
|
+
import { cW as ResponsiveSelectSize, d5 as SelectVariantToken, cX as ResponsiveSelectWidth, cZ as ResponsiveSideOffset, cJ as ResponsiveAlignOffset, d3 as SelectSizeToken, d4 as SelectStateToken, d6 as SelectWidthToken, cS as ResponsiveModalSize, cT as ResponsiveModalWidth, cR as ResponsiveModalHeight, c_ as ResponsiveSpace, cI as RadiusToken, db as SurfaceToken, cA as ModalFooterAlignToken, dg as Responsive, b as INPUT_TOKENS, U as InputSize, cV as ResponsiveRadius$1, d7 as ShadowToken, cM as ResponsiveColor$1, cN as ResponsiveContainerMaxWidth, cQ as ResponsiveFlexBasis, cP as ResponsiveDelay, dh as ResponsiveContextMenuSize, di as ResponsiveContextMenuWidth, dj as ContextMenuItemToneToken, dk as ResponsiveTabsSize, dl as TabsVariantToken, dm as TabsToneToken } from './index-DInIMlaR.cjs';
|
|
2
|
+
export { A as ALERT_TOKENS, j as AlertVariant, b9 as Animation, B as BUTTON_TOKENS, bC as BorderRadius, dn as Breakpoint, k as ButtonFontSize, l as ButtonHeight, m as ButtonPaddingHorizontal, n as ButtonPaddingVertical, o as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, c7 as CanonicalFontSize, c8 as CanonicalFontWeight, c9 as CanonicalLetterSpacing, ca as CanonicalLineHeight, cb as CanonicalTextColor, p as CardPadding, q as CardRadius, r as CardShadow, s as CardSize, t as CardSpacingVertical, u as CheckboxSize, v as CheckboxState, w as CheckboxVariant, bI as ColoredShadow, bD as ComponentRadius, bW as ComponentSpacing, bX as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, ba as Duration, bb as Easing, bJ as ElevationShadow, E as EmptyStateIconSize, bK as FocusRing, cc as FontFamily, cd as FontSize, ce as FontWeight, bL as GlowEffect, bY as GridSpacing, I as ICON_TOKENS, z as IconColor, F as IconSize, G as IconStroke, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, bc as Keyframe, cf as LetterSpacing, cg as LineHeight, M as MENU_TOKENS, c as MOTION_TOKENS, V as MenuContentMinWidth, W as MenuContentPadding, X as MenuContentRadius, Y as MenuContentShadow, Z as MenuIndicatorOffset, _ as MenuIndicatorSize, $ as MenuItemGap, a0 as MenuItemHeight, a1 as MenuItemPadding, a2 as MenuItemRadius, a3 as MenuLabelPadding, a4 as MenuSeparatorMargin, a5 as MotionAnimation, a6 as MotionDuration, a7 as MotionEasing, a8 as MotionTransition, a9 as MotionTransitionPreset, bo as MotionV2CombinedType, bp as MotionV2Duration, bq as MotionV2Easing, br as MotionV2SlideDirection, bs as MotionV2Transition, N as NAVIGATION_TOKENS, d as NOTIFICATION_TOKENS, aa as NavigationItemPadding, ab as NavigationListGap, ac as NavigationRadius, ad as NavigationShadow, ae as NavigationSize, af as NavigationState, ag as NotificationPanelWidth, ah as NotificationTokenVariant, O as OVERLAY_TOKENS, ai as OverlayBackdropVariant, aj as OverlayModalSize, P as POPOVER_TOKENS, ak as PopoverArrowOffset, al as PopoverArrowSize, am as PopoverContentPadding, an as PopoverContentRadius, ao as PopoverContentShadow, ap as PopoverContentWidth, R as RADIO_TOKENS, aq as RadioSize, ar as RadioState, as as RadioVariant, S as SECTION_TOKENS, f as SURFACE_TOKENS, g as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bZ as SectionSpacing, b_ as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, aN as SkeletonVariant, b$ as Spacing, bd as Spring, c0 as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, aR as SurfaceVariant, aS as SwitchSize, aT as SwitchState, aU as SwitchVariant, T as TEXT_TOKENS, h as TOAST_TOKENS, i as TOOLTIP_TOKENS, aV as TableCellPadding, aW as TableGap, aX as TableHeaderPadding, aY as TableRowHeight, aZ as TableShadow, a_ as TextFontSize, a$ as TextFontWeight, b0 as TextLetterSpacing, b1 as TextLineHeight, ch as TextStyle, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, be as Transition, c6 as UI_COLORS, bM as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, bf as animations, bE as borderRadius, bF as componentRadius, bN as componentShadowMapping, bg as durations, bh as easings, bO as elevationShadows, bP as focusRings, ci as fontFamily, cj as fontSize, ck as fontSizeWithMd, cl as fontWeight, b7 as generateCSSVariablesCSS, bQ as glowEffects, bi as keyframes, c1 as layoutSpacing, cm as letterSpacing, cn as lineHeight, bj as motionCSSVariables, bt as motionV2CSSVariables, bu as motionV2Combined, bv as motionV2Durations, bw as motionV2Easings, bx as motionV2Fade, by as motionV2Scale, bz as motionV2Slide, bA as motionV2TailwindConfig, bB as motionV2Transitions, bR as primaryColoredShadows, bG as radiusCSSVariables, bk as reducedMotion, c2 as semanticSpacing, bS as shadowBase, bT as shadowCSSVariables, bU as shadowOpacity, c3 as spacing, c4 as spacingCSSVariables, bl as springs, bm as tailwindMotionConfig, bH as tailwindRadiusConfig, bV as tailwindShadowConfig, c5 as tailwindSpacingConfig, co as tailwindTypographyConfig, cp as textStyles, b8 as tokenSystemSummary, bn as transitions, cq as typographyCSSVariables } from './index-DInIMlaR.cjs';
|
|
3
3
|
export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from './colors-BrFmCQv-.cjs';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import * as React$1 from 'react';
|
|
6
6
|
import React__default, { ReactNode } from 'react';
|
|
7
7
|
import { VariantProps as VariantProps$1 } from 'class-variance-authority';
|
|
8
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
9
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
9
10
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
10
11
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
11
12
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
12
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
13
13
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
14
14
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
15
15
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
@@ -194,6 +194,84 @@ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
|
|
|
194
194
|
}
|
|
195
195
|
declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
196
196
|
|
|
197
|
+
/**
|
|
198
|
+
* Link variant values
|
|
199
|
+
*
|
|
200
|
+
* @public
|
|
201
|
+
*/
|
|
202
|
+
declare const LINK_VARIANTS: readonly ["primary", "secondary", "accent", "outline", "ghost", "link", "destructive"];
|
|
203
|
+
/**
|
|
204
|
+
* Link variant type
|
|
205
|
+
*
|
|
206
|
+
* @public
|
|
207
|
+
*/
|
|
208
|
+
type LinkVariant = (typeof LINK_VARIANTS)[number];
|
|
209
|
+
/**
|
|
210
|
+
* Link size values
|
|
211
|
+
*
|
|
212
|
+
* @public
|
|
213
|
+
*/
|
|
214
|
+
declare const LINK_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
|
|
215
|
+
/**
|
|
216
|
+
* Link size type
|
|
217
|
+
*
|
|
218
|
+
* @public
|
|
219
|
+
*/
|
|
220
|
+
type LinkSize = (typeof LINK_SIZES)[number];
|
|
221
|
+
declare const linkVariants: (props?: ({
|
|
222
|
+
variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
|
|
223
|
+
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
224
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
225
|
+
interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
226
|
+
/**
|
|
227
|
+
* Link variant style
|
|
228
|
+
* @default "link"
|
|
229
|
+
*/
|
|
230
|
+
variant?: LinkVariant;
|
|
231
|
+
/**
|
|
232
|
+
* Link size
|
|
233
|
+
* @default "md"
|
|
234
|
+
*/
|
|
235
|
+
size?: LinkSize;
|
|
236
|
+
/**
|
|
237
|
+
* Render as child component using Radix Slot
|
|
238
|
+
*/
|
|
239
|
+
asChild?: boolean;
|
|
240
|
+
/**
|
|
241
|
+
* Icon to display on the left side
|
|
242
|
+
*/
|
|
243
|
+
leftIcon?: React$1.ReactNode;
|
|
244
|
+
/**
|
|
245
|
+
* Icon to display on the right side
|
|
246
|
+
*/
|
|
247
|
+
rightIcon?: React$1.ReactNode;
|
|
248
|
+
}
|
|
249
|
+
declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
250
|
+
|
|
251
|
+
/**
|
|
252
|
+
* Badge variant values
|
|
253
|
+
*
|
|
254
|
+
* @public
|
|
255
|
+
*/
|
|
256
|
+
declare const BADGE_VARIANTS: readonly ["primary", "secondary", "accent", "outline", "ghost", "link", "destructive"];
|
|
257
|
+
/**
|
|
258
|
+
* Badge variant type
|
|
259
|
+
*
|
|
260
|
+
* @public
|
|
261
|
+
*/
|
|
262
|
+
type BadgeVariant = (typeof BADGE_VARIANTS)[number];
|
|
263
|
+
declare const badgeVariants: (props?: ({
|
|
264
|
+
variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
|
|
265
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
266
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
267
|
+
/**
|
|
268
|
+
* Badge variant style
|
|
269
|
+
* @default "primary"
|
|
270
|
+
*/
|
|
271
|
+
variant?: BadgeVariant;
|
|
272
|
+
}
|
|
273
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
274
|
+
|
|
197
275
|
declare const headingVariants: (props?: ({
|
|
198
276
|
level?: 1 | 2 | 4 | 6 | 3 | 5 | null | undefined;
|
|
199
277
|
weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
|
|
@@ -988,13 +1066,6 @@ interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
|
|
|
988
1066
|
*/
|
|
989
1067
|
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
990
1068
|
|
|
991
|
-
interface ProgressProps {
|
|
992
|
-
value: number;
|
|
993
|
-
max?: number;
|
|
994
|
-
className?: string;
|
|
995
|
-
}
|
|
996
|
-
declare const Progress: React__default.FC<ProgressProps>;
|
|
997
|
-
|
|
998
1069
|
declare const skeletonVariants: (props?: ({
|
|
999
1070
|
variant?: "block" | "card" | "text" | "circle" | "inline" | null | undefined;
|
|
1000
1071
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -3637,383 +3708,4 @@ interface IconProps extends Omit<React$1.SVGProps<SVGSVGElement>, "color" | "str
|
|
|
3637
3708
|
*/
|
|
3638
3709
|
declare const Icon: React$1.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
3639
3710
|
|
|
3640
|
-
|
|
3641
|
-
* Tenerife Animation System Types
|
|
3642
|
-
*
|
|
3643
|
-
* Type definitions for TAS animation system
|
|
3644
|
-
*/
|
|
3645
|
-
|
|
3646
|
-
/**
|
|
3647
|
-
* Animation props for layout primitives
|
|
3648
|
-
* Returns CSS class names for Motion Tokens V2 animations
|
|
3649
|
-
*/
|
|
3650
|
-
interface AnimationProps {
|
|
3651
|
-
/**
|
|
3652
|
-
* CSS class name for the animation
|
|
3653
|
-
* Maps to tm-motion-* utility classes
|
|
3654
|
-
*/
|
|
3655
|
-
className?: string;
|
|
3656
|
-
}
|
|
3657
|
-
/**
|
|
3658
|
-
* Component animation configuration
|
|
3659
|
-
* Allows components to accept animation presets as props
|
|
3660
|
-
*/
|
|
3661
|
-
interface ComponentAnimationConfig {
|
|
3662
|
-
/**
|
|
3663
|
-
* Animation preset for initial mount/entrance - token-based
|
|
3664
|
-
* Uses predefined animation preset tokens
|
|
3665
|
-
*/
|
|
3666
|
-
animation?: ResponsiveAnimationPreset | string;
|
|
3667
|
-
/**
|
|
3668
|
-
* Animation preset for hover state
|
|
3669
|
-
* Can be a preset name string or CSS class name
|
|
3670
|
-
*/
|
|
3671
|
-
hoverAnimation?: "hoverLift" | "hoverScale" | "tapScale" | string;
|
|
3672
|
-
/**
|
|
3673
|
-
* Custom animation class name (overrides preset names)
|
|
3674
|
-
*/
|
|
3675
|
-
animationProps?: AnimationProps;
|
|
3676
|
-
}
|
|
3677
|
-
|
|
3678
|
-
/**
|
|
3679
|
-
* EventCard Size Variant
|
|
3680
|
-
* Controls padding, spacing, and overall card dimensions
|
|
3681
|
-
*/
|
|
3682
|
-
type EventCardSize = "default" | "compact";
|
|
3683
|
-
/**
|
|
3684
|
-
* EventCard Layout Variant
|
|
3685
|
-
* Controls card layout orientation
|
|
3686
|
-
*/
|
|
3687
|
-
type EventCardLayout = "vertical";
|
|
3688
|
-
/**
|
|
3689
|
-
* EventCard Style Variant
|
|
3690
|
-
* Controls visual appearance and featured state
|
|
3691
|
-
*/
|
|
3692
|
-
type EventCardVariant = "default" | "featured";
|
|
3693
|
-
/**
|
|
3694
|
-
* Props for EventCard component.
|
|
3695
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
3696
|
-
*
|
|
3697
|
-
* Component uses CARD_TOKENS and DOMAIN_TOKENS for all styling.
|
|
3698
|
-
* All visual values come from tokens - no hardcoded Tailwind classes.
|
|
3699
|
-
*/
|
|
3700
|
-
interface EventCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3701
|
-
/** Event title (pre-localized string) */
|
|
3702
|
-
title: string;
|
|
3703
|
-
/** Event description (pre-localized string, optional) */
|
|
3704
|
-
description?: string;
|
|
3705
|
-
/** Event date/time display string (pre-formatted, optional) */
|
|
3706
|
-
date?: string;
|
|
3707
|
-
/** Venue name (pre-localized string, optional) */
|
|
3708
|
-
venueName?: string;
|
|
3709
|
-
/** Price display string with currency (e.g., "€20 - €50", optional) */
|
|
3710
|
-
price?: string;
|
|
3711
|
-
/** Image URL (optional) */
|
|
3712
|
-
imageUrl?: string;
|
|
3713
|
-
/** Link URL for event details page (optional) */
|
|
3714
|
-
href?: string;
|
|
3715
|
-
/** External ticket purchase URL (optional) */
|
|
3716
|
-
ticketUrl?: string;
|
|
3717
|
-
/** Whether this is a featured event */
|
|
3718
|
-
featured?: boolean;
|
|
3719
|
-
/** Show image section */
|
|
3720
|
-
showImage?: boolean;
|
|
3721
|
-
/** Label for "Get Tickets" button (required) */
|
|
3722
|
-
getTicketsLabel: string;
|
|
3723
|
-
/** Badge text for featured events (optional) */
|
|
3724
|
-
featuredBadgeText?: string;
|
|
3725
|
-
/** Size variant - controls padding and spacing */
|
|
3726
|
-
size?: EventCardSize;
|
|
3727
|
-
/** Layout variant - controls card layout orientation */
|
|
3728
|
-
layout?: EventCardLayout;
|
|
3729
|
-
/** Style variant - controls visual appearance */
|
|
3730
|
-
variant?: EventCardVariant;
|
|
3731
|
-
/** Additional CSS classes */
|
|
3732
|
-
className?: string;
|
|
3733
|
-
/** Animation configuration for entrance and hover animations */
|
|
3734
|
-
animation?: ComponentAnimationConfig;
|
|
3735
|
-
}
|
|
3736
|
-
|
|
3737
|
-
/**
|
|
3738
|
-
* EventCard Component
|
|
3739
|
-
*
|
|
3740
|
-
* Domain-specific card component for displaying event information.
|
|
3741
|
-
* Uses CardBase for layout and CARD_TOKENS + DOMAIN_TOKENS for all styling.
|
|
3742
|
-
* All visual values come from tokens - no hardcoded Tailwind visual classes.
|
|
3743
|
-
*
|
|
3744
|
-
* Architecture:
|
|
3745
|
-
* - Uses CVA variants for size and layout variants
|
|
3746
|
-
* - All spacing, colors, radius from tokens
|
|
3747
|
-
* - Semantic HTML elements (heading, time, address)
|
|
3748
|
-
* - Full accessibility support
|
|
3749
|
-
*
|
|
3750
|
-
* @example
|
|
3751
|
-
* ```tsx
|
|
3752
|
-
* <EventCard
|
|
3753
|
-
* title="Concert"
|
|
3754
|
-
* date="2024-01-01"
|
|
3755
|
-
* venueName="Venue"
|
|
3756
|
-
* getTicketsLabel="Get Tickets"
|
|
3757
|
-
* />
|
|
3758
|
-
* ```
|
|
3759
|
-
*/
|
|
3760
|
-
declare const EventCard: React$1.ForwardRefExoticComponent<EventCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3761
|
-
|
|
3762
|
-
/**
|
|
3763
|
-
* ArtistCard Size Variant
|
|
3764
|
-
*/
|
|
3765
|
-
type ArtistCardSize = "default" | "compact";
|
|
3766
|
-
/**
|
|
3767
|
-
* ArtistCard Style Variant
|
|
3768
|
-
*/
|
|
3769
|
-
type ArtistCardVariant = "default" | "featured";
|
|
3770
|
-
/**
|
|
3771
|
-
* Props for ArtistCard component.
|
|
3772
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
3773
|
-
*/
|
|
3774
|
-
interface ArtistCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3775
|
-
/** Artist name (pre-localized string, required) */
|
|
3776
|
-
name: string;
|
|
3777
|
-
/** Artist description (pre-localized string, optional) */
|
|
3778
|
-
description?: string;
|
|
3779
|
-
/** Genres as comma-separated string (e.g., "Jazz, Blues, Rock", optional) */
|
|
3780
|
-
genres?: string;
|
|
3781
|
-
/** Follower count for popularity metric (optional) */
|
|
3782
|
-
followers?: number;
|
|
3783
|
-
/** Plays/listens count for popularity metric (optional) */
|
|
3784
|
-
plays?: number;
|
|
3785
|
-
/** Image URL (optional) */
|
|
3786
|
-
imageUrl?: string;
|
|
3787
|
-
/** Link URL for artist details page (optional) */
|
|
3788
|
-
href?: string;
|
|
3789
|
-
/** Whether this is a featured artist */
|
|
3790
|
-
featured?: boolean;
|
|
3791
|
-
/** Show image section */
|
|
3792
|
-
showImage?: boolean;
|
|
3793
|
-
/** Badge text for featured artists (optional) */
|
|
3794
|
-
popularBadgeText?: string;
|
|
3795
|
-
/** Label for followers count (required) */
|
|
3796
|
-
followersLabel: string;
|
|
3797
|
-
/** Label for plays count (required) */
|
|
3798
|
-
playsLabel: string;
|
|
3799
|
-
/** Size variant - controls padding and gap */
|
|
3800
|
-
size?: ArtistCardSize;
|
|
3801
|
-
/** Style variant - controls visual appearance */
|
|
3802
|
-
variant?: ArtistCardVariant;
|
|
3803
|
-
/** Animation configuration for entrance and hover animations */
|
|
3804
|
-
animation?: ComponentAnimationConfig;
|
|
3805
|
-
}
|
|
3806
|
-
|
|
3807
|
-
/**
|
|
3808
|
-
* ArtistCard Component
|
|
3809
|
-
*
|
|
3810
|
-
* Domain-specific card component for displaying artist information.
|
|
3811
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
3812
|
-
* Supports size variants (default, compact) and style variants (default, featured).
|
|
3813
|
-
*
|
|
3814
|
-
* @example
|
|
3815
|
-
* ```tsx
|
|
3816
|
-
* <ArtistCard
|
|
3817
|
-
* name="Artist Name"
|
|
3818
|
-
* genres="Jazz, Blues"
|
|
3819
|
-
* followers={1200}
|
|
3820
|
-
* plays={50000}
|
|
3821
|
-
* followersLabel="followers"
|
|
3822
|
-
* playsLabel="plays"
|
|
3823
|
-
* />
|
|
3824
|
-
* ```
|
|
3825
|
-
*/
|
|
3826
|
-
declare const ArtistCard: React$1.ForwardRefExoticComponent<ArtistCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3827
|
-
|
|
3828
|
-
/**
|
|
3829
|
-
* CategoryCard Size Variant
|
|
3830
|
-
*/
|
|
3831
|
-
type CategoryCardSize = "default" | "compact";
|
|
3832
|
-
/**
|
|
3833
|
-
* CategoryCard Style Variant
|
|
3834
|
-
*/
|
|
3835
|
-
type CategoryCardVariant = "default" | "featured";
|
|
3836
|
-
/**
|
|
3837
|
-
* Props for CategoryCard component.
|
|
3838
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
3839
|
-
*/
|
|
3840
|
-
interface CategoryCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3841
|
-
/** Category title (pre-localized string, required) */
|
|
3842
|
-
title: string;
|
|
3843
|
-
/** Category description (pre-localized string, optional) */
|
|
3844
|
-
description?: string;
|
|
3845
|
-
/** Image URL (optional) */
|
|
3846
|
-
imageUrl?: string;
|
|
3847
|
-
/** Link URL for category details page (optional) */
|
|
3848
|
-
href?: string;
|
|
3849
|
-
/** Whether this is a featured category */
|
|
3850
|
-
featured?: boolean;
|
|
3851
|
-
/** Badge text for featured categories (optional) */
|
|
3852
|
-
featuredBadgeText?: string;
|
|
3853
|
-
/** Show image section */
|
|
3854
|
-
showImage?: boolean;
|
|
3855
|
-
/** Size variant - controls padding and spacing */
|
|
3856
|
-
size?: CategoryCardSize;
|
|
3857
|
-
/** Style variant - controls visual appearance */
|
|
3858
|
-
variant?: CategoryCardVariant;
|
|
3859
|
-
/** Additional CSS classes */
|
|
3860
|
-
className?: string;
|
|
3861
|
-
/** Animation configuration for entrance and hover animations */
|
|
3862
|
-
animation?: ComponentAnimationConfig;
|
|
3863
|
-
}
|
|
3864
|
-
|
|
3865
|
-
/**
|
|
3866
|
-
* CategoryCard Component
|
|
3867
|
-
*
|
|
3868
|
-
* Domain-specific card component for displaying category information.
|
|
3869
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
3870
|
-
*
|
|
3871
|
-
* @example
|
|
3872
|
-
* ```tsx
|
|
3873
|
-
* <CategoryCard
|
|
3874
|
-
* title="Jazz"
|
|
3875
|
-
* description="Explore jazz events"
|
|
3876
|
-
* href="/categories/jazz"
|
|
3877
|
-
* />
|
|
3878
|
-
* ```
|
|
3879
|
-
*/
|
|
3880
|
-
declare const CategoryCard: React$1.ForwardRefExoticComponent<CategoryCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3881
|
-
|
|
3882
|
-
/**
|
|
3883
|
-
* PromoCard Size Variant
|
|
3884
|
-
*/
|
|
3885
|
-
type PromoCardSize = "default" | "compact";
|
|
3886
|
-
/**
|
|
3887
|
-
* PromoCard Style Variant
|
|
3888
|
-
*/
|
|
3889
|
-
type PromoCardVariant = "default" | "featured";
|
|
3890
|
-
/**
|
|
3891
|
-
* Props for PromoCard component.
|
|
3892
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
3893
|
-
*/
|
|
3894
|
-
interface PromoCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3895
|
-
/** Promo title (pre-localized string, required) */
|
|
3896
|
-
title: string;
|
|
3897
|
-
/** Promo description (pre-localized string, optional) */
|
|
3898
|
-
description?: string;
|
|
3899
|
-
/** Image URL (optional) */
|
|
3900
|
-
imageUrl?: string;
|
|
3901
|
-
/** Link URL for promo details page (optional) */
|
|
3902
|
-
href?: string;
|
|
3903
|
-
/** CTA button URL (optional) */
|
|
3904
|
-
ctaUrl?: string;
|
|
3905
|
-
/** Label for CTA button (required) */
|
|
3906
|
-
ctaLabel: string;
|
|
3907
|
-
/** Whether this is a featured promo */
|
|
3908
|
-
featured?: boolean;
|
|
3909
|
-
/** Badge text for featured promos (optional) */
|
|
3910
|
-
featuredBadgeText?: string;
|
|
3911
|
-
/** Show image section */
|
|
3912
|
-
showImage?: boolean;
|
|
3913
|
-
/** Size variant - controls padding and spacing */
|
|
3914
|
-
size?: PromoCardSize;
|
|
3915
|
-
/** Style variant - controls visual appearance */
|
|
3916
|
-
variant?: PromoCardVariant;
|
|
3917
|
-
/** Additional CSS classes */
|
|
3918
|
-
className?: string;
|
|
3919
|
-
/** Animation configuration for entrance and hover animations */
|
|
3920
|
-
animation?: ComponentAnimationConfig;
|
|
3921
|
-
}
|
|
3922
|
-
|
|
3923
|
-
/**
|
|
3924
|
-
* PromoCard Component
|
|
3925
|
-
*
|
|
3926
|
-
* Domain-specific card component for displaying promotional content.
|
|
3927
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
3928
|
-
* CTA button uses DOMAIN_TOKENS.cta.button tokens for styling.
|
|
3929
|
-
*
|
|
3930
|
-
* @example
|
|
3931
|
-
* ```tsx
|
|
3932
|
-
* <PromoCard
|
|
3933
|
-
* title="Special Offer"
|
|
3934
|
-
* description="Get 20% off on all tickets"
|
|
3935
|
-
* ctaLabel="Learn More"
|
|
3936
|
-
* ctaUrl="/promo"
|
|
3937
|
-
* />
|
|
3938
|
-
* ```
|
|
3939
|
-
*/
|
|
3940
|
-
declare const PromoCard: React$1.ForwardRefExoticComponent<PromoCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3941
|
-
|
|
3942
|
-
/**
|
|
3943
|
-
* TicketCard Size Variant
|
|
3944
|
-
*/
|
|
3945
|
-
type TicketCardSize = "default" | "compact";
|
|
3946
|
-
/**
|
|
3947
|
-
* TicketCard Style Variant
|
|
3948
|
-
*/
|
|
3949
|
-
type TicketCardVariant = "default" | "featured";
|
|
3950
|
-
/**
|
|
3951
|
-
* Ticket Availability Status
|
|
3952
|
-
*/
|
|
3953
|
-
type TicketAvailability = "available" | "sold_out" | "available_soon";
|
|
3954
|
-
/**
|
|
3955
|
-
* Props for TicketCard component.
|
|
3956
|
-
* All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
|
|
3957
|
-
*/
|
|
3958
|
-
interface TicketCardProps {
|
|
3959
|
-
/** Ticket type/name (pre-localized string) */
|
|
3960
|
-
title: string;
|
|
3961
|
-
/** Event date (Date object, ISO string, or timestamp) */
|
|
3962
|
-
date?: string | Date | number;
|
|
3963
|
-
/** Ticket description (pre-localized string, optional) */
|
|
3964
|
-
description?: string;
|
|
3965
|
-
/** Price display string with currency (e.g., "€20", optional) */
|
|
3966
|
-
price?: string;
|
|
3967
|
-
/** Capacity display string (e.g., "50 tickets", optional) */
|
|
3968
|
-
capacity?: string;
|
|
3969
|
-
/** Availability status */
|
|
3970
|
-
availability?: TicketAvailability;
|
|
3971
|
-
/** Image URL (optional) */
|
|
3972
|
-
imageUrl?: string;
|
|
3973
|
-
/** Link URL for ticket details (optional) */
|
|
3974
|
-
href?: string;
|
|
3975
|
-
/** Purchase action URL (optional) */
|
|
3976
|
-
purchaseUrl?: string;
|
|
3977
|
-
/** Label for purchase button (required) */
|
|
3978
|
-
purchaseLabel: string;
|
|
3979
|
-
/** VIP badge text (optional) */
|
|
3980
|
-
vipBadgeText?: string;
|
|
3981
|
-
/** Discount badge text (optional) */
|
|
3982
|
-
discountBadgeText?: string;
|
|
3983
|
-
/** Whether this is a featured ticket */
|
|
3984
|
-
featured?: boolean;
|
|
3985
|
-
/** Badge text for featured tickets (optional) */
|
|
3986
|
-
featuredBadgeText?: string;
|
|
3987
|
-
/** Show image section */
|
|
3988
|
-
showImage?: boolean;
|
|
3989
|
-
/** Size variant - controls padding and spacing */
|
|
3990
|
-
size?: TicketCardSize;
|
|
3991
|
-
/** Style variant - controls visual appearance */
|
|
3992
|
-
variant?: TicketCardVariant;
|
|
3993
|
-
/** Additional CSS classes */
|
|
3994
|
-
className?: string;
|
|
3995
|
-
/** Animation configuration for entrance and hover animations */
|
|
3996
|
-
animation?: ComponentAnimationConfig;
|
|
3997
|
-
}
|
|
3998
|
-
|
|
3999
|
-
/**
|
|
4000
|
-
* TicketCard Component
|
|
4001
|
-
*
|
|
4002
|
-
* Domain-specific card component for displaying ticket information for Event/Artist/Venue context.
|
|
4003
|
-
* Uses CardBase for layout and DOMAIN_TOKENS for all styling.
|
|
4004
|
-
* Supports date display, price, capacity, availability status, and badges.
|
|
4005
|
-
*
|
|
4006
|
-
* @example
|
|
4007
|
-
* ```tsx
|
|
4008
|
-
* <TicketCard
|
|
4009
|
-
* title="VIP Ticket"
|
|
4010
|
-
* date={new Date("2024-12-25")}
|
|
4011
|
-
* price="€50"
|
|
4012
|
-
* capacity="10 tickets left"
|
|
4013
|
-
* purchaseLabel="Buy Now"
|
|
4014
|
-
* />
|
|
4015
|
-
* ```
|
|
4016
|
-
*/
|
|
4017
|
-
declare const TicketCard: React$1.ForwardRefExoticComponent<TicketCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
4018
|
-
|
|
4019
|
-
export { Alert, type AlertProps, ArtistCard, type ArtistCardProps, type ArtistCardSize, type ArtistCardVariant, Backdrop, type BackdropProps, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsRootProps, type BreadcrumbsSeparatorProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CategoryCard, type CategoryCardProps, type CategoryCardSize, type CategoryCardVariant, Checkbox, type CheckboxProps, Column, type StackProps as ColumnProps, Container, type ContainerProps, Surface as ContainerSurface, type SurfaceProps as ContainerSurfaceProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuRoot, type ContextMenuRootProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DataListRoot as DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListLabelProps, DataListRoot, type DataListRootProps, DataListValue, type DataListValueProps, Dialog, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, DialogTitle, type DialogTitleProps, EmptyState, EmptyStateAction, type EmptyStateActionProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, EventCard, type EventCardLayout, type EventCardProps, type EventCardSize, type EventCardVariant, FieldRoot as Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldLabelProps, type FieldProps, Flex, type FlexProps, Grid, type GridProps, type GroupByFunction, Heading, type HeadingProps, HoverCardContent, type HoverCardContentProps, HoverCardRoot, type HoverCardRootProps, HoverCardTrigger, type HoverCardTriggerProps, ICONS_MAP, INPUT_TOKENS, Icon, IconArrowRight, IconCalendar, IconCheck, IconChevronDown, IconChevronRight, IconClose, type IconProps$1 as IconComponentProps, IconError, IconInfo, IconLocation, IconMenu, type IconName, type IconProps, IconSearch, IconSuccess, IconWarning, Input, type InputProps, InputSize, Label, type LabelProps, Modal, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, type ModalOverlayProps, ModalRoot, type ModalRootProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, NotificationCenter, NotificationCenterDismissAll, type NotificationCenterDismissAllProps, NotificationCenterGroupHeader, type NotificationCenterGroupHeaderProps, NotificationCenterItem, type NotificationCenterItemProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPanel, type NotificationCenterPanelProps, NotificationCenterProvider, type NotificationCenterProviderProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type NotificationChannel, type NotificationContextType, type NotificationData, type NotificationOptions, type NotificationVariant, Pagination, type PaginationEllipsisProps, type PaginationItemProps, type PaginationNextProps, type PaginationPrevProps, type PaginationRootProps, Portal, type PortalProps, Progress, type ProgressProps, PromoCard, type PromoCardProps, type PromoCardSize, type PromoCardVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Responsive, Row, type RowProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, type SelectState, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, SelectViewport, type SelectViewportProps, type SelectWidth, Skeleton, type SkeletonProps, type SortDirection, type SortState, Stack, type StackProps, Stepper, type StepperContentProps, type StepperIndicatorProps, type StepperItemProps, type StepperLabelProps, type StepperRootProps, type StepperStep, Surface, type SurfaceProps, TableRoot as Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableColumn, type TableContextValue, TableEmpty, type TableEmptyProps, TableExpandableContent, type TableExpandableContentProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableLoadingState, type TableLoadingStateProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSortIcon, type TableSortIconProps, Tabs, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Text, type TextProps, type TextSize, type TextWeight, Textarea, type TextareaProps, type TicketAvailability, TicketCard, type TicketCardProps, type TicketCardSize, type TicketCardVariant, Toast, ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastViewport, type ToastViewportProps, Toaster, alertVariants, buttonVariants, checkboxVariants, surfaceVariants as containerSurfaceVariants, headingVariants, iconVariants, inputVariants, labelVariants, radioVariants, segmentedControlItemVariants, segmentedControlRootVariants, skeletonVariants, surfaceVariants, textVariants, textareaVariants, useNotificationCenter, useNotificationCenterContext, useTableContext, useToast };
|
|
3711
|
+
export { Alert, type AlertProps, BADGE_VARIANTS, Backdrop, type BackdropProps, Badge, type BadgeProps, type BadgeVariant, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsRootProps, type BreadcrumbsSeparatorProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Column, type StackProps as ColumnProps, Container, type ContainerProps, Surface as ContainerSurface, type SurfaceProps as ContainerSurfaceProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuRoot, type ContextMenuRootProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DataListRoot as DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListLabelProps, DataListRoot, type DataListRootProps, DataListValue, type DataListValueProps, Dialog, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, DialogTitle, type DialogTitleProps, EmptyState, EmptyStateAction, type EmptyStateActionProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, FieldRoot as Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldLabelProps, type FieldProps, Flex, type FlexProps, Grid, type GridProps, type GroupByFunction, Heading, type HeadingProps, HoverCardContent, type HoverCardContentProps, HoverCardRoot, type HoverCardRootProps, HoverCardTrigger, type HoverCardTriggerProps, ICONS_MAP, INPUT_TOKENS, Icon, IconArrowRight, IconCalendar, IconCheck, IconChevronDown, IconChevronRight, IconClose, type IconProps$1 as IconComponentProps, IconError, IconInfo, IconLocation, IconMenu, type IconName, type IconProps, IconSearch, IconSuccess, IconWarning, Input, type InputProps, InputSize, LINK_SIZES, LINK_VARIANTS, Label, type LabelProps, Link, type LinkProps, type LinkSize, type LinkVariant, Modal, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, type ModalOverlayProps, ModalRoot, type ModalRootProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, NotificationCenter, NotificationCenterDismissAll, type NotificationCenterDismissAllProps, NotificationCenterGroupHeader, type NotificationCenterGroupHeaderProps, NotificationCenterItem, type NotificationCenterItemProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPanel, type NotificationCenterPanelProps, NotificationCenterProvider, type NotificationCenterProviderProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type NotificationChannel, type NotificationContextType, type NotificationData, type NotificationOptions, type NotificationVariant, Pagination, type PaginationEllipsisProps, type PaginationItemProps, type PaginationNextProps, type PaginationPrevProps, type PaginationRootProps, Portal, type PortalProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Responsive, Row, type RowProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, type SelectState, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, SelectViewport, type SelectViewportProps, type SelectWidth, Skeleton, type SkeletonProps, type SortDirection, type SortState, Stack, type StackProps, Stepper, type StepperContentProps, type StepperIndicatorProps, type StepperItemProps, type StepperLabelProps, type StepperRootProps, type StepperStep, Surface, type SurfaceProps, TableRoot as Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableColumn, type TableContextValue, TableEmpty, type TableEmptyProps, TableExpandableContent, type TableExpandableContentProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableLoadingState, type TableLoadingStateProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSortIcon, type TableSortIconProps, Tabs, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Text, type TextProps, type TextSize, type TextWeight, Textarea, type TextareaProps, Toast, ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastViewport, type ToastViewportProps, Toaster, alertVariants, badgeVariants, buttonVariants, checkboxVariants, surfaceVariants as containerSurfaceVariants, headingVariants, iconVariants, inputVariants, labelVariants, linkVariants, radioVariants, segmentedControlItemVariants, segmentedControlRootVariants, skeletonVariants, surfaceVariants, textVariants, textareaVariants, useNotificationCenter, useNotificationCenterContext, useTableContext, useToast };
|