@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/README.md +2 -1
- package/dist/{index-Cj8oRSOc.d.cts → index-DXmHg8ji.d.cts} +6 -489
- package/dist/{index-Cj8oRSOc.d.ts → index-DXmHg8ji.d.ts} +6 -489
- package/dist/index.cjs +855 -2844
- package/dist/index.d.cts +122 -525
- package/dist/index.d.ts +122 -525
- package/dist/index.mjs +840 -2826
- package/dist/styles.css +22 -93
- package/dist/theme/index.cjs +87 -16
- package/dist/theme/index.mjs +87 -16
- package/dist/tokens/index.cjs +5 -4
- package/dist/tokens/index.d.cts +486 -2
- package/dist/tokens/index.d.ts +486 -2
- package/dist/tokens/index.mjs +5 -4
- package/package.json +39 -38
package/dist/index.d.cts
CHANGED
|
@@ -1,137 +1,38 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as ALERT_TOKENS,
|
|
1
|
+
import { cW as ResponsiveSelectSize, d5 as SelectVariantToken, cX as ResponsiveSelectWidth, cZ as ResponsiveSideOffset, cJ as ResponsiveAlignOffset, d3 as SelectSizeToken, d4 as SelectStateToken, d6 as SelectWidthToken, cS as ResponsiveModalSize, cT as ResponsiveModalWidth, cR as ResponsiveModalHeight, c_ as ResponsiveSpace, cI as RadiusToken, db as SurfaceToken, cA as ModalFooterAlignToken, dg as Responsive, b as INPUT_TOKENS, U as InputSize, cV as ResponsiveRadius$1, d7 as ShadowToken, cM as ResponsiveColor$1, cN as ResponsiveContainerMaxWidth, cQ as ResponsiveFlexBasis, cP as ResponsiveDelay, dh as ResponsiveContextMenuSize, di as ResponsiveContextMenuWidth, dj as ContextMenuItemToneToken, dk as ResponsiveTabsSize, dl as TabsVariantToken, dm as TabsToneToken } from './index-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
|
|
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
|
-
*
|
|
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
|
-
*
|
|
24
|
-
*
|
|
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
|
-
* @
|
|
29
|
-
*
|
|
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
|
|
53
|
-
|
|
26
|
+
type ButtonVariant = "primary" | "secondary" | "accent" | "outline" | "ghost" | "destructive";
|
|
54
27
|
/**
|
|
55
|
-
* Button
|
|
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
|
-
|
|
60
|
-
|
|
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>,
|
|
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
|
|
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
|
|
188
|
-
type TextWeight = VariantProps
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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" | "
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 };
|