@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/dist/index.d.ts CHANGED
@@ -1,15 +1,15 @@
1
- import { d4 as ResponsiveSelectSize, df as SelectVariantToken, d5 as ResponsiveSelectWidth, d7 as ResponsiveSideOffset, cT as ResponsiveAlignOffset, dd as SelectSizeToken, de as SelectStateToken, dg as SelectWidthToken, d0 as ResponsiveModalSize, d1 as ResponsiveModalWidth, c$ as ResponsiveModalHeight, d8 as ResponsiveSpace, cS as RadiusToken, dl as SurfaceToken, cK as ModalFooterAlignToken, dr as Responsive, c as INPUT_TOKENS, a2 as InputSize, d3 as ResponsiveRadius$1, dh as ShadowToken, cW as ResponsiveColor$1, cX as ResponsiveContainerMaxWidth, c_ as ResponsiveFlexBasis, cZ as ResponsiveDelay, ds as ResponsiveContextMenuSize, dt as ResponsiveContextMenuWidth, du as ContextMenuItemToneToken, dv as ResponsiveTabsSize, dw as TabsVariantToken, dx as TabsToneToken, cU as ResponsiveAnimationPreset } from './index-Cj8oRSOc.js';
2
- export { A as ALERT_TOKENS, k as AlertVariant, bj as Animation, B as BUTTON_TOKENS, bM as BorderRadius, dy as Breakpoint, l as ButtonFontSize, m as ButtonHeight, n as ButtonPaddingHorizontal, o as ButtonPaddingVertical, p as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, ch as CanonicalFontSize, ci as CanonicalFontWeight, cj as CanonicalLetterSpacing, ck as CanonicalLineHeight, cl as CanonicalTextColor, q as CardPadding, r as CardRadius, s as CardShadow, t as CardSize, u as CardSpacingVertical, v as CheckboxSize, w as CheckboxState, x as CheckboxVariant, bS as ColoredShadow, bN as ComponentRadius, c4 as ComponentSpacing, c5 as ContainerSpacing, D as DATA_TOKENS, b as DOMAIN_TOKENS, y as DataListLabelWidth, z as DataListRowPadding, E as DomainCardBadge, F as DomainCardImage, G as DomainCardLayout, H as DomainCardMetadata, J as DomainCardMotion, K as DomainCardPriceCapacity, L as DomainCardSkeleton, Q as DomainCardSkeletonContentWidth, U as DomainCardSurface, bk as Duration, bl as Easing, bT as ElevationShadow, V as EmptyStateIconSize, bU as FocusRing, cm as FontFamily, cn as FontSize, co as FontWeight, bV as GlowEffect, c6 as GridSpacing, I as ICON_TOKENS, W as IconColor, X as IconSize, Y as IconStroke, Z as InputFontSize, _ as InputHeight, $ as InputPaddingHorizontal, a0 as InputPaddingVertical, a1 as InputRadius, bm as Keyframe, cp as LetterSpacing, cq as LineHeight, M as MENU_TOKENS, d as MOTION_TOKENS, a3 as MenuContentMinWidth, a4 as MenuContentPadding, a5 as MenuContentRadius, a6 as MenuContentShadow, a7 as MenuIndicatorOffset, a8 as MenuIndicatorSize, a9 as MenuItemGap, aa as MenuItemHeight, ab as MenuItemPadding, ac as MenuItemRadius, ad as MenuLabelPadding, ae as MenuSeparatorMargin, af as MotionAnimation, ag as MotionDuration, ah as MotionEasing, ai as MotionTransition, aj as MotionTransitionPreset, by as MotionV2CombinedType, bz as MotionV2Duration, bA as MotionV2Easing, bB as MotionV2SlideDirection, bC as MotionV2Transition, N as NAVIGATION_TOKENS, e as NOTIFICATION_TOKENS, ak as NavigationItemPadding, al as NavigationListGap, am as NavigationRadius, an as NavigationShadow, ao as NavigationSize, ap as NavigationState, aq as NotificationPanelWidth, ar as NotificationTokenVariant, O as OVERLAY_TOKENS, as as OverlayBackdropVariant, at as OverlayModalSize, P as POPOVER_TOKENS, au as PopoverArrowOffset, av as PopoverArrowSize, aw as PopoverContentPadding, ax as PopoverContentRadius, ay as PopoverContentShadow, az as PopoverContentWidth, R as RADIO_TOKENS, aA as RadioSize, aB as RadioState, aC as RadioVariant, S as SECTION_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, aD as SectionGap, aE as SectionPadding, c7 as SectionSpacing, c8 as SemanticSpacing, aV as SkeletonAnimation, aW as SkeletonBackground, aX as SkeletonVariant, c9 as Spacing, bn as Spring, ca as StackSpacing, aY as SurfacePadding, aZ as SurfaceRadius, a_ as SurfaceShadow, a$ as SurfaceVariant, b0 as SwitchSize, b1 as SwitchState, b2 as SwitchVariant, T as TEXT_TOKENS, i as TOAST_TOKENS, j as TOOLTIP_TOKENS, b3 as TableCellPadding, b4 as TableGap, b5 as TableHeaderPadding, b6 as TableRowHeight, b7 as TableShadow, b8 as TextFontSize, b9 as TextFontWeight, ba as TextLetterSpacing, bb as TextLineHeight, cr as TextStyle, bc as ToastVariant, bd as TooltipContentRadius, be as TooltipContentShadow, bo as Transition, cg as UI_COLORS, bW as accentColoredShadows, bf as allCSSVariables, bg as allCSSVariablesCSS, bp as animations, bO as borderRadius, bP as componentRadius, bX as componentShadowMapping, bq as durations, br as easings, bY as elevationShadows, bZ as focusRings, cs as fontFamily, ct as fontSize, cu as fontSizeWithMd, cv as fontWeight, bh as generateCSSVariablesCSS, b_ as glowEffects, bs as keyframes, cb as layoutSpacing, cw as letterSpacing, cx as lineHeight, bt as motionCSSVariables, bD as motionV2CSSVariables, bE as motionV2Combined, bF as motionV2Durations, bG as motionV2Easings, bH as motionV2Fade, bI as motionV2Scale, bJ as motionV2Slide, bK as motionV2TailwindConfig, bL as motionV2Transitions, b$ as primaryColoredShadows, bQ as radiusCSSVariables, bu as reducedMotion, cc as semanticSpacing, c0 as shadowBase, c1 as shadowCSSVariables, c2 as shadowOpacity, cd as spacing, ce as spacingCSSVariables, bv as springs, bw as tailwindMotionConfig, bR as tailwindRadiusConfig, c3 as tailwindShadowConfig, cf as tailwindSpacingConfig, cy as tailwindTypographyConfig, cz as textStyles, bi as tokenSystemSummary, bx as transitions, cA as typographyCSSVariables } from './index-Cj8oRSOc.js';
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.js';
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.js';
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-.js';
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 };