@tenerife.music/ui 1.1.0 → 1.2.0

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.cts CHANGED
@@ -1,137 +1,38 @@
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.cjs';
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.cjs';
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-DXmHg8ji.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-DXmHg8ji.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
- import * as class_variance_authority_types from 'class-variance-authority/types';
5
4
  import * as React$1 from 'react';
6
5
  import React__default, { ReactNode } from 'react';
7
- import { VariantProps as VariantProps$1 } from 'class-variance-authority';
6
+ import * as class_variance_authority_types from 'class-variance-authority/types';
7
+ import { VariantProps } 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';
16
16
 
17
17
  /**
18
- * Token CVA Utility
19
- *
20
- * A type-safe wrapper around class-variance-authority (CVA) that enforces
21
- * token-based styling and provides validation in development mode.
18
+ * Button Variant Type
22
19
  *
23
- * @enforcement TUNG: tokenCVA introduction
24
- * @rule ALL visual properties MUST use token-based utilities
25
- * @rule NO raw Tailwind color/spacing/shadow classes allowed
26
- * @rule CVA variants MUST reference component tokens
20
+ * Type-level enforcement: Only these variant values are allowed.
21
+ * TypeScript will error if any other string is passed.
27
22
  *
28
- * @example
29
- * ```typescript
30
- * import { tokenCVA } from "@/FOUNDATION/lib/token-cva";
31
- * import { BUTTON_TOKENS } from "@/FOUNDATION/tokens/components/button";
32
- *
33
- * const buttonVariants = tokenCVA({
34
- * base: `${BUTTON_TOKENS.gap} ${BUTTON_TOKENS.radius}`,
35
- * variants: {
36
- * variant: {
37
- * primary: `${BUTTON_TOKENS.variant.primary.background} ${BUTTON_TOKENS.variant.primary.text}`,
38
- * secondary: `${BUTTON_TOKENS.variant.secondary.background} ${BUTTON_TOKENS.variant.secondary.text}`,
39
- * },
40
- * },
41
- * defaultVariants: {
42
- * variant: "primary",
43
- * },
44
- * });
45
- * ```
46
- */
47
-
48
- /**
49
- * Re-export VariantProps for convenience
50
- * This allows components to use VariantProps from tokenCVA instead of CVA directly
23
+ * @enforcement TUNG_BUTTON_CVA_ENFORCEMENT
24
+ * @rule All variants use token-based colors from BUTTON_TOKENS
51
25
  */
52
- type VariantProps<T extends (...args: any) => any> = VariantProps$1<T>;
53
-
26
+ type ButtonVariant = "primary" | "secondary" | "accent" | "outline" | "ghost" | "destructive";
54
27
  /**
55
- * Button CVA Variants
28
+ * Button Size Type
29
+ *
30
+ * Type-level enforcement: Only these size values are allowed.
31
+ * TypeScript will error if any other string is passed.
56
32
  *
57
- * @enforcement C0_BUTTON_CVA_ENFORCEMENT
58
33
  * @enforcement TUNG_BUTTON_CVA_ENFORCEMENT
59
- * @enforcement TUNG: tokenCVA introduction
60
- * @enforcement TUNG_BUTTON_INTERACTION_FIX
61
- *
62
- * CVA Enforcement Rules (C0_BUTTON_CVA_ENFORCEMENT):
63
- * - CVA may ONLY reference token-derived classes
64
- * - NO raw Tailwind color utilities (bg-red-*, text-blue-*, etc.)
65
- * - NO direct hover/active utilities outside State Matrix
66
- * - NO inline conditional class concatenation
67
- * - NO per-variant Tailwind overrides
68
- * - Structural utilities (inline-flex, items-center, etc.) are ALLOWED
69
- *
70
- * Color Authority Rules:
71
- * - ALL color-related classes MUST be token-based utilities only
72
- * - NO raw Tailwind color classes (bg-red-*, text-blue-*, etc.) allowed
73
- * - ALL color logic MUST be centralized in BUTTON_TOKENS
74
- * - Button is NOT a source of color - all colors come from Color Authority (tokens/colors.ts)
75
- * - Button MUST react to token changes - changing tokens/colors.ts MUST change Button appearance
76
- *
77
- * State Matrix Authority Rules:
78
- * - ALL state classes (hover, active, disabled) MUST use State Matrix CSS variables
79
- * - NO raw Tailwind state utilities (hover:bg-primary/80, active:opacity-50)
80
- * - States react to Color Authority changes automatically through State Matrix
81
- *
82
- * Interaction Authority Contract (TUNG_INTERACTION_AUTHORITY_FOUNDATION):
83
- * - State Priority: disabled > loading > active > hover > focus-visible > base
84
- * - CSS variables (--button-*-hover-bg, etc.) are ONLY for visual appearance
85
- * - pointer-events is NOT a visual token - it controls interaction behavior
86
- * - Base state MUST have pointer-events: auto (default) - NO pointer-events-none in base
87
- * - pointer-events-none is ONLY allowed in disabled state (via disabled: prefix)
88
- * - DevTools Force :hover is NOT proof of functionality - real mouse hover must work
89
- * - Interaction state (pointer-events, cursor) is SEPARATE from visual state (colors, opacity)
90
- * - Base state CANNOT block pointer events - only disabled/loading states can
91
- * - Hover is FORBIDDEN when disabled={true} or loading={true}
92
- * - Active is FORBIDDEN when disabled={true} or loading={true}
93
- * - Focus is FORBIDDEN when disabled={true} (for interactions)
94
- * - All states MUST be browser-native (CSS pseudo-classes), NOT JavaScript-managed
95
- *
96
- * @see docs/architecture/BUTTON_CVA_ENFORCEMENT.md
97
- * @see docs/architecture/INTERACTION_AUTHORITY_CONTRACT.md
98
- * @see docs/architecture/STATE_AUTHORITY_CONTRACT.md
99
- * @see docs/architecture/MOTION_AUTHORITY_CONTRACT.md
100
- * @see docs/architecture/RADIUS_AUTHORITY_CONTRACT.md
101
- * @see docs/architecture/TYPOGRAPHY_AUTHORITY_CONTRACT.md
102
- * @see docs/architecture/SPACING_AUTHORITY_CONTRACT.md
103
- *
104
- * Authority Compliance:
105
- * - Motion Authority: Button uses MOTION_TOKENS.transitionPreset.colors for transitions
106
- * - Radius Authority: Button references componentRadius.button.md for border radius
107
- * - Typography Authority: Button references fontSize tokens for text sizing
108
- * - Spacing Authority: Button references semanticSpacing tokens for padding/gap
109
- * - State Authority: Button uses State Matrix CSS variables for all states
110
- * - Interaction Authority: Button follows Interaction Authority Contract for state priority
111
- *
112
- * Color tokens used (all from BUTTON_TOKENS, which reference tokens/colors.ts):
113
- * - bg-primary, bg-secondary, bg-accent, bg-destructive, bg-background, bg-muted
114
- * - text-primary-foreground, text-secondary-foreground, text-accent-foreground, text-destructive-foreground, text-foreground
115
- * - border-input, border-accent
116
- * - ring-ring (token-based focus ring)
117
- * - All hover/active/disabled states use State Matrix CSS variables (--button-*-hover-bg, etc.)
118
- *
119
- * Type-level enforcement:
120
- * - Variant values are restricted to: "primary" | "secondary" | "accent" | "outline" | "ghost" | "destructive"
121
- * - Size values are restricted to: "sm" | "md" | "lg" | "icon"
122
- * - TypeScript will error if invalid variant/size values are passed
123
- * - tokenCVA validates token usage in development mode (warns on forbidden patterns)
124
- * - No arbitrary color classes can be passed via className prop (enforced by tokenCVA validation)
125
- *
126
- * Reference Implementation:
127
- * - Button is the canonical reference for token-driven CVA patterns
128
- * - Future components should follow Button's CVA enforcement patterns
129
- * - Button CVA is immutable - changes require explicit unlock task
130
- */
131
- declare const buttonVariants: (props?: ({
132
- variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | null | undefined;
133
- size?: "sm" | "md" | "lg" | "icon" | null | undefined;
134
- } & class_variance_authority_types.ClassProp) | undefined) => string;
34
+ */
35
+ type ButtonSize = "sm" | "md" | "lg" | "icon";
135
36
  /**
136
37
  * Button Component Props
137
38
  *
@@ -141,7 +42,9 @@ declare const buttonVariants: (props?: ({
141
42
  * @rule className prop cannot override color classes (tokenCVA validation in dev mode)
142
43
  * @rule Button is fully token-based - no raw Tailwind colors allowed
143
44
  */
144
- interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
45
+ interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style"> {
46
+ variant?: ButtonVariant;
47
+ size?: ButtonSize;
145
48
  asChild?: boolean;
146
49
  leftIcon?: React$1.ReactNode;
147
50
  rightIcon?: React$1.ReactNode;
@@ -177,29 +80,109 @@ declare const textVariants: (props?: ({
177
80
  muted?: boolean | null | undefined;
178
81
  variant?: "primary" | "secondary" | "muted" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
179
82
  } & class_variance_authority_types.ClassProp) | undefined) => string;
180
- interface TextProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps$1<typeof textVariants> {
83
+ interface TextProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "className" | "style">, VariantProps<typeof textVariants> {
181
84
  /**
182
85
  * @deprecated Use muted prop or semantic text colors instead
183
86
  */
184
87
  variant?: "primary" | "secondary" | "accent" | "outline" | "ghost" | "link" | "destructive" | "muted";
185
88
  }
186
89
  declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLSpanElement>>;
187
- type TextSize = VariantProps$1<typeof textVariants>["size"];
188
- type TextWeight = VariantProps$1<typeof textVariants>["weight"];
90
+ type TextSize = VariantProps<typeof textVariants>["size"];
91
+ type TextWeight = VariantProps<typeof textVariants>["weight"];
189
92
 
190
93
  declare const alertVariants: (props?: ({
191
94
  variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "success" | "warning" | "danger" | "info" | null | undefined;
192
95
  } & class_variance_authority_types.ClassProp) | undefined) => string;
193
- interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof alertVariants> {
96
+ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
194
97
  }
195
98
  declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
196
99
 
100
+ /**
101
+ * Link variant values (internal - used for type derivation only)
102
+ *
103
+ * @internal
104
+ */
105
+ declare const _LINK_VARIANTS: readonly ["primary", "secondary", "accent", "outline", "ghost", "link", "destructive"];
106
+ /**
107
+ * Link variant type
108
+ *
109
+ * @public
110
+ */
111
+ type LinkVariant = (typeof _LINK_VARIANTS)[number];
112
+ /**
113
+ * Link size values (internal - used for type derivation only)
114
+ *
115
+ * @internal
116
+ */
117
+ declare const _LINK_SIZES: readonly ["sm", "md", "lg"];
118
+ /**
119
+ * Link size type
120
+ *
121
+ * @public
122
+ */
123
+ type LinkSize = (typeof _LINK_SIZES)[number];
124
+ declare const linkVariants: (props?: ({
125
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
126
+ size?: "sm" | "md" | "lg" | null | undefined;
127
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
128
+ interface LinkProps extends Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "style"> {
129
+ /**
130
+ * Link variant style
131
+ * @default "link"
132
+ */
133
+ variant?: LinkVariant;
134
+ /**
135
+ * Link size
136
+ * @default "md"
137
+ */
138
+ size?: LinkSize;
139
+ /**
140
+ * Icon to display on the left side
141
+ */
142
+ leftIcon?: React$1.ReactNode;
143
+ /**
144
+ * Icon to display on the right side
145
+ */
146
+ rightIcon?: React$1.ReactNode;
147
+ /**
148
+ * Whether the link is disabled
149
+ * When disabled, the link will not be navigable and will be removed from the tab order
150
+ * @default false
151
+ */
152
+ disabled?: boolean;
153
+ }
154
+ declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
155
+
156
+ /**
157
+ * Badge variant values
158
+ *
159
+ * @public
160
+ */
161
+ declare const BADGE_VARIANTS: readonly ["primary", "secondary", "accent", "outline", "ghost", "link", "destructive"];
162
+ /**
163
+ * Badge variant type
164
+ *
165
+ * @public
166
+ */
167
+ type BadgeVariant = (typeof BADGE_VARIANTS)[number];
168
+ declare const badgeVariants: (props?: ({
169
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
170
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
171
+ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
172
+ /**
173
+ * Badge variant style
174
+ * @default "primary"
175
+ */
176
+ variant?: BadgeVariant;
177
+ }
178
+ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
179
+
197
180
  declare const headingVariants: (props?: ({
198
181
  level?: 1 | 2 | 4 | 6 | 3 | 5 | null | undefined;
199
182
  weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
200
183
  muted?: boolean | null | undefined;
201
184
  } & class_variance_authority_types.ClassProp) | undefined) => string;
202
- interface HeadingProps extends React$1.HTMLAttributes<HTMLHeadingElement>, VariantProps$1<typeof headingVariants> {
185
+ interface HeadingProps extends Omit<React$1.HTMLAttributes<HTMLHeadingElement>, "className" | "style">, VariantProps<typeof headingVariants> {
203
186
  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
204
187
  }
205
188
  declare const Heading: React$1.ForwardRefExoticComponent<HeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
@@ -532,7 +515,7 @@ declare const checkboxVariants: (props?: ({
532
515
  * Extends native button HTML attributes with variant props, checked state, and accessibility props.
533
516
  * Uses button role="checkbox" pattern for full keyboard accessibility.
534
517
  */
535
- interface CheckboxProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange">, VariantProps$1<typeof checkboxVariants> {
518
+ interface CheckboxProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange" | "className" | "style">, VariantProps<typeof checkboxVariants> {
536
519
  /**
537
520
  * Checkbox variant style
538
521
  * @default "outline"
@@ -613,7 +596,7 @@ interface CheckboxProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElem
613
596
  declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
614
597
 
615
598
  declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
616
- interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps$1<typeof labelVariants> {
599
+ interface LabelProps extends Omit<React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, "className" | "style">, VariantProps<typeof labelVariants> {
617
600
  /**
618
601
  * Whether the field is required (shows asterisk)
619
602
  */
@@ -695,7 +678,7 @@ type InputVariant = keyof typeof INPUT_TOKENS.variant;
695
678
  *
696
679
  * Extends native input HTML attributes with variant props, icon slots, and accessibility props.
697
680
  */
698
- interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size">, Omit<VariantProps$1<typeof inputVariants>, "variant" | "size"> {
681
+ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "className" | "style">, Omit<VariantProps<typeof inputVariants>, "variant" | "size"> {
699
682
  /**
700
683
  * Input variant style
701
684
  *
@@ -792,7 +775,7 @@ declare const radioVariants: (props?: ({
792
775
  * Extends native button HTML attributes with variant props, checked state, and accessibility props.
793
776
  * Uses button role="radio" pattern for full keyboard accessibility.
794
777
  */
795
- interface RadioProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange">, VariantProps$1<typeof radioVariants> {
778
+ interface RadioProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange" | "className" | "style">, VariantProps<typeof radioVariants> {
796
779
  /**
797
780
  * Radio variant style
798
781
  * @default "outline"
@@ -936,7 +919,7 @@ declare const textareaVariants: (props?: ({
936
919
  *
937
920
  * Extends native textarea HTML attributes with variant props, character counter, and accessibility props.
938
921
  */
939
- interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps$1<typeof textareaVariants> {
922
+ interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "style">, VariantProps<typeof textareaVariants> {
940
923
  /**
941
924
  * Textarea variant style
942
925
  * @default "outline"
@@ -988,17 +971,10 @@ interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
988
971
  */
989
972
  declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
990
973
 
991
- interface ProgressProps {
992
- value: number;
993
- max?: number;
994
- className?: string;
995
- }
996
- declare const Progress: React__default.FC<ProgressProps>;
997
-
998
974
  declare const skeletonVariants: (props?: ({
999
- variant?: "block" | "card" | "text" | "circle" | "inline" | null | undefined;
975
+ variant?: "block" | "card" | "text" | "inline" | "circle" | null | undefined;
1000
976
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1001
- interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof skeletonVariants> {
977
+ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
1002
978
  /**
1003
979
  * Whether to hide from screen readers
1004
980
  * @default true
@@ -1478,7 +1454,7 @@ declare const Row: React$1.ForwardRefExoticComponent<RowProps & React$1.RefAttri
1478
1454
  declare const surfaceVariants: (props?: ({
1479
1455
  variant?: "flat" | "raised" | "sunken" | "outline" | "subtle" | null | undefined;
1480
1456
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1481
- interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow" | "radius" | "p">, VariantProps$1<typeof surfaceVariants> {
1457
+ interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow" | "radius" | "p">, VariantProps<typeof surfaceVariants> {
1482
1458
  /**
1483
1459
  * Surface variant
1484
1460
  */
@@ -1639,7 +1615,7 @@ declare const Portal: React$1.ForwardRefExoticComponent<PortalProps & React$1.Re
1639
1615
  declare const backdropVariants: (props?: ({
1640
1616
  variant?: "default" | "transparent" | "blurred" | null | undefined;
1641
1617
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1642
- interface BackdropProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof backdropVariants> {
1618
+ interface BackdropProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof backdropVariants> {
1643
1619
  /**
1644
1620
  * Backdrop variant
1645
1621
  */
@@ -1746,7 +1722,7 @@ interface ToastData {
1746
1722
  */
1747
1723
  duration?: ResponsiveDelay;
1748
1724
  }
1749
- interface ToastRootProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ToastPrimitives.Root>, "duration">, VariantProps$1<typeof toastVariants> {
1725
+ interface ToastRootProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ToastPrimitives.Root>, "duration">, VariantProps<typeof toastVariants> {
1750
1726
  /**
1751
1727
  * Toast data
1752
1728
  */
@@ -2150,7 +2126,7 @@ declare const ContextMenu: {
2150
2126
  * Located in Panel header.
2151
2127
  */
2152
2128
 
2153
- interface NotificationCenterDismissAllProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
2129
+ interface NotificationCenterDismissAllProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style"> {
2154
2130
  /**
2155
2131
  * Show confirmation before clearing
2156
2132
  */
@@ -2337,7 +2313,7 @@ interface NotificationCenterListProps extends React$1.HTMLAttributes<HTMLUListEl
2337
2313
  */
2338
2314
  declare const NotificationCenterList: React$1.ForwardRefExoticComponent<NotificationCenterListProps & React$1.RefAttributes<HTMLUListElement>>;
2339
2315
 
2340
- interface NotificationCenterTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
2316
+ interface NotificationCenterTriggerProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style"> {
2341
2317
  /**
2342
2318
  * Callback when trigger is clicked
2343
2319
  */
@@ -2466,7 +2442,7 @@ declare const NotificationCenter: {
2466
2442
  DismissAll: React$1.ForwardRefExoticComponent<NotificationCenterDismissAllProps & React$1.RefAttributes<HTMLButtonElement>>;
2467
2443
  };
2468
2444
 
2469
- declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "sideOffset" | "alignOffset"> & VariantProps$1<(props?: ({
2445
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "sideOffset" | "alignOffset"> & VariantProps<(props?: ({
2470
2446
  variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
2471
2447
  size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
2472
2448
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
@@ -2645,7 +2621,7 @@ declare const segmentedControlItemVariants: (props?: ({
2645
2621
  size?: "sm" | "md" | "lg" | null | undefined;
2646
2622
  state?: "default" | "selected" | null | undefined;
2647
2623
  } & class_variance_authority_types.ClassProp) | undefined) => string;
2648
- interface SegmentedControlRootProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "role">, VariantProps$1<typeof segmentedControlRootVariants> {
2624
+ interface SegmentedControlRootProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "role">, VariantProps<typeof segmentedControlRootVariants> {
2649
2625
  /**
2650
2626
  * Controlled value
2651
2627
  */
@@ -2663,7 +2639,7 @@ interface SegmentedControlRootProps extends Omit<React$1.HTMLAttributes<HTMLDivE
2663
2639
  */
2664
2640
  name?: string;
2665
2641
  }
2666
- interface SegmentedControlItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "role">, VariantProps$1<typeof segmentedControlItemVariants> {
2642
+ interface SegmentedControlItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "role">, VariantProps<typeof segmentedControlItemVariants> {
2667
2643
  /**
2668
2644
  * Value of this item
2669
2645
  */
@@ -3613,7 +3589,7 @@ declare const iconVariants: (props?: ({
3613
3589
  color?: "muted" | "default" | "success" | "warning" | "danger" | "info" | null | undefined;
3614
3590
  stroke?: "normal" | "bold" | "thin" | null | undefined;
3615
3591
  } & class_variance_authority_types.ClassProp) | undefined) => string;
3616
- interface IconProps extends Omit<React$1.SVGProps<SVGSVGElement>, "color" | "stroke">, VariantProps$1<typeof iconVariants> {
3592
+ interface IconProps extends Omit<React$1.SVGProps<SVGSVGElement>, "color" | "stroke">, VariantProps<typeof iconVariants> {
3617
3593
  /**
3618
3594
  * Icon name from registry
3619
3595
  */
@@ -3637,383 +3613,4 @@ interface IconProps extends Omit<React$1.SVGProps<SVGSVGElement>, "color" | "str
3637
3613
  */
3638
3614
  declare const Icon: React$1.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
3639
3615
 
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 };
3616
+ 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, 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, checkboxVariants, surfaceVariants as containerSurfaceVariants, headingVariants, iconVariants, inputVariants, labelVariants, linkVariants, radioVariants, segmentedControlItemVariants, segmentedControlRootVariants, skeletonVariants, surfaceVariants, textVariants, textareaVariants, useNotificationCenter, useNotificationCenterContext, useTableContext, useToast };