@tenerife.music/ui 3.1.0 → 3.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/extensions/next/index.cjs +144 -0
- package/dist/extensions/next/index.mjs +144 -0
- package/dist/{index-DkjrN2MZ.d.cts → index-CYebFUO4.d.cts} +4 -1
- package/dist/{index-itn-Kp5m.d.ts → index-aXabVblf.d.ts} +4 -1
- package/dist/index.cjs +2564 -2059
- package/dist/index.d.cts +785 -753
- package/dist/index.d.ts +785 -753
- package/dist/index.mjs +2559 -2056
- package/dist/styles.css +19 -8
- package/dist/tokens/index.d.cts +1 -1
- package/dist/tokens/index.d.ts +1 -1
- package/package.json +3 -2
|
@@ -32,6 +32,115 @@ var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
|
|
|
32
32
|
|
|
33
33
|
// src/EXTENSIONS/next/NextLinkAdapter.tsx
|
|
34
34
|
|
|
35
|
+
// src/COMPOSITION/utils/runtime-guards.ts
|
|
36
|
+
var warnedKeys = /* @__PURE__ */ new Set();
|
|
37
|
+
function isDev() {
|
|
38
|
+
return process.env.NODE_ENV !== "production";
|
|
39
|
+
}
|
|
40
|
+
function devWarnOnce(key, message) {
|
|
41
|
+
if (!isDev()) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
if (warnedKeys.has(key)) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
warnedKeys.add(key);
|
|
48
|
+
console.warn(message);
|
|
49
|
+
}
|
|
50
|
+
function warnOnForbiddenSemanticElement(componentName, asTag, forbiddenTags, message) {
|
|
51
|
+
if (!isDev()) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
if (!asTag) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
if (!forbiddenTags.includes(asTag)) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
devWarnOnce(
|
|
61
|
+
`${componentName}:${asTag}`,
|
|
62
|
+
message ?? `[${componentName}] Raw <${asTag}> is forbidden here. Use canonical composition instead.`
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// src/DEV/classname-telemetry.ts
|
|
67
|
+
var isDev2 = () => process.env.NODE_ENV !== "production";
|
|
68
|
+
var createBuckets = () => ({
|
|
69
|
+
spacing: 0,
|
|
70
|
+
layout: 0,
|
|
71
|
+
positioning: 0,
|
|
72
|
+
typography: 0,
|
|
73
|
+
chroma: 0,
|
|
74
|
+
other: 0
|
|
75
|
+
});
|
|
76
|
+
var state = {
|
|
77
|
+
enabled: false,
|
|
78
|
+
totals: {
|
|
79
|
+
classNameCount: 0,
|
|
80
|
+
styleCount: 0
|
|
81
|
+
},
|
|
82
|
+
perZone: {
|
|
83
|
+
Foundation: { classNameCount: 0, styleCount: 0, buckets: createBuckets() },
|
|
84
|
+
Composition: { classNameCount: 0, styleCount: 0, buckets: createBuckets() },
|
|
85
|
+
Domain: { classNameCount: 0, styleCount: 0, buckets: createBuckets() }
|
|
86
|
+
},
|
|
87
|
+
perComponent: {}
|
|
88
|
+
};
|
|
89
|
+
var classifyToken = (token) => {
|
|
90
|
+
if (token.startsWith("p-") || token.startsWith("px-") || token.startsWith("py-") || token.startsWith("m-") || token.startsWith("mx-") || token.startsWith("my-") || token.startsWith("gap-") || token.startsWith("space-")) {
|
|
91
|
+
return "spacing";
|
|
92
|
+
}
|
|
93
|
+
if (token === "flex" || token === "grid" || token === "block" || token === "inline" || token === "inline-flex" || token === "inline-grid") {
|
|
94
|
+
return "layout";
|
|
95
|
+
}
|
|
96
|
+
if (token === "absolute" || token === "relative" || token === "fixed" || token === "sticky" || token.startsWith("top-") || token.startsWith("right-") || token.startsWith("bottom-") || token.startsWith("left-") || token.startsWith("inset-") || token.startsWith("z-")) {
|
|
97
|
+
return "positioning";
|
|
98
|
+
}
|
|
99
|
+
if (token.startsWith("text-") || token.startsWith("font-") || token.startsWith("leading-") || token.startsWith("tracking-")) {
|
|
100
|
+
return "typography";
|
|
101
|
+
}
|
|
102
|
+
if (token.startsWith("bg-") || token.startsWith("border-") || token.startsWith("from-") || token.startsWith("via-") || token.startsWith("to-") || token.startsWith("fill-") || token.startsWith("stroke-")) {
|
|
103
|
+
return "chroma";
|
|
104
|
+
}
|
|
105
|
+
return "other";
|
|
106
|
+
};
|
|
107
|
+
var ensureComponent = (component, zone) => {
|
|
108
|
+
if (!state.perComponent[component]) {
|
|
109
|
+
state.perComponent[component] = {
|
|
110
|
+
zone,
|
|
111
|
+
classNameCount: 0,
|
|
112
|
+
styleCount: 0,
|
|
113
|
+
buckets: createBuckets()
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
return state.perComponent[component];
|
|
117
|
+
};
|
|
118
|
+
var recordBuckets = (buckets, className) => {
|
|
119
|
+
const tokens = className.split(/\s+/).filter(Boolean);
|
|
120
|
+
for (const token of tokens) {
|
|
121
|
+
const bucket = classifyToken(token);
|
|
122
|
+
buckets[bucket] += 1;
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
var trackClassStyleUsage = (input) => {
|
|
126
|
+
if (!isDev2()) return;
|
|
127
|
+
if (typeof window === "undefined") return;
|
|
128
|
+
state.enabled = true;
|
|
129
|
+
const component = ensureComponent(input.component, input.zone);
|
|
130
|
+
if (typeof input.className === "string" && input.className.trim().length > 0) {
|
|
131
|
+
state.totals.classNameCount += 1;
|
|
132
|
+
state.perZone[input.zone].classNameCount += 1;
|
|
133
|
+
component.classNameCount += 1;
|
|
134
|
+
recordBuckets(state.perZone[input.zone].buckets, input.className);
|
|
135
|
+
recordBuckets(component.buckets, input.className);
|
|
136
|
+
}
|
|
137
|
+
if (input.style && typeof input.style === "object" && Object.keys(input.style).length > 0) {
|
|
138
|
+
state.totals.styleCount += 1;
|
|
139
|
+
state.perZone[input.zone].styleCount += 1;
|
|
140
|
+
component.styleCount += 1;
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
|
|
35
144
|
// src/FOUNDATION/lib/responsive-props.ts
|
|
36
145
|
function isResponsiveValue(value) {
|
|
37
146
|
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
@@ -154,6 +263,41 @@ var BoxComponent = React2__namespace.forwardRef(
|
|
|
154
263
|
style,
|
|
155
264
|
...props
|
|
156
265
|
}, ref) => {
|
|
266
|
+
const asTag = typeof Component === "string" ? Component : void 0;
|
|
267
|
+
const dataSemanticGuard = props["data-semantic-guard"];
|
|
268
|
+
let semanticMessage;
|
|
269
|
+
switch (asTag) {
|
|
270
|
+
case "nav":
|
|
271
|
+
semanticMessage = "Use NavRoot instead of raw <nav>.";
|
|
272
|
+
break;
|
|
273
|
+
case "header":
|
|
274
|
+
semanticMessage = "Use AppHeader instead of raw <header>.";
|
|
275
|
+
break;
|
|
276
|
+
case "footer":
|
|
277
|
+
semanticMessage = "Use Footer instead of raw <footer>.";
|
|
278
|
+
break;
|
|
279
|
+
case "main":
|
|
280
|
+
semanticMessage = "Avoid raw <main> via Box. Use composition-level layout instead.";
|
|
281
|
+
break;
|
|
282
|
+
default:
|
|
283
|
+
semanticMessage = void 0;
|
|
284
|
+
}
|
|
285
|
+
if (dataSemanticGuard !== "allow") {
|
|
286
|
+
warnOnForbiddenSemanticElement(
|
|
287
|
+
"Box",
|
|
288
|
+
asTag,
|
|
289
|
+
["nav", "header", "footer", "main"],
|
|
290
|
+
semanticMessage
|
|
291
|
+
);
|
|
292
|
+
}
|
|
293
|
+
if (process.env.NODE_ENV !== "production") {
|
|
294
|
+
trackClassStyleUsage({
|
|
295
|
+
component: "Box",
|
|
296
|
+
zone: "Composition",
|
|
297
|
+
className,
|
|
298
|
+
style
|
|
299
|
+
});
|
|
300
|
+
}
|
|
157
301
|
const pxValue = getBaseValue2(px);
|
|
158
302
|
const pyValue = getBaseValue2(py);
|
|
159
303
|
const mValue = getBaseValue2(m);
|
|
@@ -7,6 +7,115 @@ import { cva } from 'class-variance-authority';
|
|
|
7
7
|
|
|
8
8
|
// src/EXTENSIONS/next/NextLinkAdapter.tsx
|
|
9
9
|
|
|
10
|
+
// src/COMPOSITION/utils/runtime-guards.ts
|
|
11
|
+
var warnedKeys = /* @__PURE__ */ new Set();
|
|
12
|
+
function isDev() {
|
|
13
|
+
return process.env.NODE_ENV !== "production";
|
|
14
|
+
}
|
|
15
|
+
function devWarnOnce(key, message) {
|
|
16
|
+
if (!isDev()) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
if (warnedKeys.has(key)) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
warnedKeys.add(key);
|
|
23
|
+
console.warn(message);
|
|
24
|
+
}
|
|
25
|
+
function warnOnForbiddenSemanticElement(componentName, asTag, forbiddenTags, message) {
|
|
26
|
+
if (!isDev()) {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
if (!asTag) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (!forbiddenTags.includes(asTag)) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
devWarnOnce(
|
|
36
|
+
`${componentName}:${asTag}`,
|
|
37
|
+
message ?? `[${componentName}] Raw <${asTag}> is forbidden here. Use canonical composition instead.`
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
// src/DEV/classname-telemetry.ts
|
|
42
|
+
var isDev2 = () => process.env.NODE_ENV !== "production";
|
|
43
|
+
var createBuckets = () => ({
|
|
44
|
+
spacing: 0,
|
|
45
|
+
layout: 0,
|
|
46
|
+
positioning: 0,
|
|
47
|
+
typography: 0,
|
|
48
|
+
chroma: 0,
|
|
49
|
+
other: 0
|
|
50
|
+
});
|
|
51
|
+
var state = {
|
|
52
|
+
enabled: false,
|
|
53
|
+
totals: {
|
|
54
|
+
classNameCount: 0,
|
|
55
|
+
styleCount: 0
|
|
56
|
+
},
|
|
57
|
+
perZone: {
|
|
58
|
+
Foundation: { classNameCount: 0, styleCount: 0, buckets: createBuckets() },
|
|
59
|
+
Composition: { classNameCount: 0, styleCount: 0, buckets: createBuckets() },
|
|
60
|
+
Domain: { classNameCount: 0, styleCount: 0, buckets: createBuckets() }
|
|
61
|
+
},
|
|
62
|
+
perComponent: {}
|
|
63
|
+
};
|
|
64
|
+
var classifyToken = (token) => {
|
|
65
|
+
if (token.startsWith("p-") || token.startsWith("px-") || token.startsWith("py-") || token.startsWith("m-") || token.startsWith("mx-") || token.startsWith("my-") || token.startsWith("gap-") || token.startsWith("space-")) {
|
|
66
|
+
return "spacing";
|
|
67
|
+
}
|
|
68
|
+
if (token === "flex" || token === "grid" || token === "block" || token === "inline" || token === "inline-flex" || token === "inline-grid") {
|
|
69
|
+
return "layout";
|
|
70
|
+
}
|
|
71
|
+
if (token === "absolute" || token === "relative" || token === "fixed" || token === "sticky" || token.startsWith("top-") || token.startsWith("right-") || token.startsWith("bottom-") || token.startsWith("left-") || token.startsWith("inset-") || token.startsWith("z-")) {
|
|
72
|
+
return "positioning";
|
|
73
|
+
}
|
|
74
|
+
if (token.startsWith("text-") || token.startsWith("font-") || token.startsWith("leading-") || token.startsWith("tracking-")) {
|
|
75
|
+
return "typography";
|
|
76
|
+
}
|
|
77
|
+
if (token.startsWith("bg-") || token.startsWith("border-") || token.startsWith("from-") || token.startsWith("via-") || token.startsWith("to-") || token.startsWith("fill-") || token.startsWith("stroke-")) {
|
|
78
|
+
return "chroma";
|
|
79
|
+
}
|
|
80
|
+
return "other";
|
|
81
|
+
};
|
|
82
|
+
var ensureComponent = (component, zone) => {
|
|
83
|
+
if (!state.perComponent[component]) {
|
|
84
|
+
state.perComponent[component] = {
|
|
85
|
+
zone,
|
|
86
|
+
classNameCount: 0,
|
|
87
|
+
styleCount: 0,
|
|
88
|
+
buckets: createBuckets()
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
return state.perComponent[component];
|
|
92
|
+
};
|
|
93
|
+
var recordBuckets = (buckets, className) => {
|
|
94
|
+
const tokens = className.split(/\s+/).filter(Boolean);
|
|
95
|
+
for (const token of tokens) {
|
|
96
|
+
const bucket = classifyToken(token);
|
|
97
|
+
buckets[bucket] += 1;
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
var trackClassStyleUsage = (input) => {
|
|
101
|
+
if (!isDev2()) return;
|
|
102
|
+
if (typeof window === "undefined") return;
|
|
103
|
+
state.enabled = true;
|
|
104
|
+
const component = ensureComponent(input.component, input.zone);
|
|
105
|
+
if (typeof input.className === "string" && input.className.trim().length > 0) {
|
|
106
|
+
state.totals.classNameCount += 1;
|
|
107
|
+
state.perZone[input.zone].classNameCount += 1;
|
|
108
|
+
component.classNameCount += 1;
|
|
109
|
+
recordBuckets(state.perZone[input.zone].buckets, input.className);
|
|
110
|
+
recordBuckets(component.buckets, input.className);
|
|
111
|
+
}
|
|
112
|
+
if (input.style && typeof input.style === "object" && Object.keys(input.style).length > 0) {
|
|
113
|
+
state.totals.styleCount += 1;
|
|
114
|
+
state.perZone[input.zone].styleCount += 1;
|
|
115
|
+
component.styleCount += 1;
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
|
|
10
119
|
// src/FOUNDATION/lib/responsive-props.ts
|
|
11
120
|
function isResponsiveValue(value) {
|
|
12
121
|
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
@@ -129,6 +238,41 @@ var BoxComponent = React2.forwardRef(
|
|
|
129
238
|
style,
|
|
130
239
|
...props
|
|
131
240
|
}, ref) => {
|
|
241
|
+
const asTag = typeof Component === "string" ? Component : void 0;
|
|
242
|
+
const dataSemanticGuard = props["data-semantic-guard"];
|
|
243
|
+
let semanticMessage;
|
|
244
|
+
switch (asTag) {
|
|
245
|
+
case "nav":
|
|
246
|
+
semanticMessage = "Use NavRoot instead of raw <nav>.";
|
|
247
|
+
break;
|
|
248
|
+
case "header":
|
|
249
|
+
semanticMessage = "Use AppHeader instead of raw <header>.";
|
|
250
|
+
break;
|
|
251
|
+
case "footer":
|
|
252
|
+
semanticMessage = "Use Footer instead of raw <footer>.";
|
|
253
|
+
break;
|
|
254
|
+
case "main":
|
|
255
|
+
semanticMessage = "Avoid raw <main> via Box. Use composition-level layout instead.";
|
|
256
|
+
break;
|
|
257
|
+
default:
|
|
258
|
+
semanticMessage = void 0;
|
|
259
|
+
}
|
|
260
|
+
if (dataSemanticGuard !== "allow") {
|
|
261
|
+
warnOnForbiddenSemanticElement(
|
|
262
|
+
"Box",
|
|
263
|
+
asTag,
|
|
264
|
+
["nav", "header", "footer", "main"],
|
|
265
|
+
semanticMessage
|
|
266
|
+
);
|
|
267
|
+
}
|
|
268
|
+
if (process.env.NODE_ENV !== "production") {
|
|
269
|
+
trackClassStyleUsage({
|
|
270
|
+
component: "Box",
|
|
271
|
+
zone: "Composition",
|
|
272
|
+
className,
|
|
273
|
+
style
|
|
274
|
+
});
|
|
275
|
+
}
|
|
132
276
|
const pxValue = getBaseValue2(px);
|
|
133
277
|
const pyValue = getBaseValue2(py);
|
|
134
278
|
const mValue = getBaseValue2(m);
|
|
@@ -3920,6 +3920,9 @@ declare const TABS_TOKENS: {
|
|
|
3920
3920
|
* Tabs list tokens
|
|
3921
3921
|
*/
|
|
3922
3922
|
readonly list: {
|
|
3923
|
+
readonly container: {
|
|
3924
|
+
readonly layout: "relative overflow-hidden";
|
|
3925
|
+
};
|
|
3923
3926
|
readonly gap: {
|
|
3924
3927
|
readonly xs: "gap-xs";
|
|
3925
3928
|
readonly sm: "gap-sm";
|
|
@@ -6139,4 +6142,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
|
|
|
6139
6142
|
*/
|
|
6140
6143
|
type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
|
|
6141
6144
|
|
|
6142
|
-
export { type DataListRowPadding as $, ALERT_TOKENS as A, type Breakpoint as B, type ColorToken as C, type ButtonPaddingVertical as D, type EmptyStateIconSize as E, type ButtonShadow as F, CARD_TOKENS as G, type CardPadding as H, type IconColor as I, type CardRadius as J, type CardShadow as K, type CardSize as L, type ModalFooterAlignToken as M, type CardSpacingVertical as N, CHECKBOX_TOKENS as O, type PanelTone as P, type CheckboxSize as Q, type ResponsiveSpace as R, type ShadowToken as S, type TabsVariantToken as T, type CheckboxState as U, type CheckboxVariant as V, type MotionDuration as W, type MotionEasing as X, type MotionTransition as Y, DATA_TOKENS as Z, type DataListLabelWidth as _, type ResponsiveRadius as a, type SwitchState as a$, INPUT_TOKENS as a0, type InputFontSize as a1, type InputHeight as a2, type InputPaddingHorizontal as a3, type InputPaddingVertical as a4, type InputRadius as a5, type InputSize as a6, MENU_TOKENS as a7, type MenuContentMinWidth as a8, type MenuContentPadding as a9, PANEL_TOKENS as aA, type PanelPadding as aB, type PanelRadius as aC, type PanelShadow as aD, POPOVER_TOKENS as aE, type PopoverArrowOffset as aF, type PopoverArrowSize as aG, type PopoverContentPadding as aH, type PopoverContentRadius as aI, type PopoverContentShadow as aJ, type PopoverContentWidth as aK, RADIO_TOKENS as aL, type RadioSize as aM, type RadioState as aN, type RadioVariant as aO, SECTION_TOKENS as aP, type SectionGap as aQ, type SectionPadding as aR, type SkeletonAnimation as aS, type SkeletonBackground as aT, SURFACE_TOKENS as aU, type SurfacePadding as aV, type SurfaceRadius as aW, type SurfaceShadow as aX, type SurfaceVariant as aY, SWITCH_TOKENS as aZ, type SwitchSize as a_, type MenuContentRadius as aa, type MenuContentShadow as ab, type MenuIndicatorOffset as ac, type MenuIndicatorSize as ad, type MenuItemGap as ae, type MenuItemHeight as af, type MenuItemPadding as ag, type MenuItemRadius as ah, type MenuLabelPadding as ai, type MenuSeparatorMargin as aj, MOTION_TOKENS as ak, type MotionAnimation as al, type MotionTransitionPreset as am, NAVIGATION_TOKENS as an, type NavigationItemPadding as ao, type NavigationListGap as ap, type NavigationRadius as aq, type NavigationShadow as ar, type NavigationSize as as, type NavigationState as at, NOTIFICATION_TOKENS as au, type NotificationPanelWidth as av, type NotificationVariant as aw, OVERLAY_TOKENS as ax, type OverlayBackdropVariant as ay, type OverlayModalSize as az, type ResponsiveColor as b, type SelectItemPaddingHorizontal as b$, type SwitchVariant as b0, type TableCellPadding as b1, type TableGap as b2, type TableHeaderPadding as b3, type TableRowHeight as b4, type TableShadow as b5, TEXT_TOKENS as b6, type TextFontSize as b7, type TextFontWeight as b8, type TextLetterSpacing as b9, type ResponsiveAspectRatio as bA, ARTIST_TOKENS as bB, DATA_LIST_TOKENS as bC, DOMAIN_TOKENS as bD, EMPTY_STATE_TOKENS as bE, SIMPLETABLE_TOKENS as bF, TABLE_TOKENS as bG, SELECT_TOKENS as bH, type ArtistCardFooterBorder as bI, type ArtistCardImageContainer as bJ, type ArtistCardImagePlaceholder as bK, type ArtistCardImageSizing as bL, type DomainCardBadge as bM, type DomainCardImage as bN, type DomainCardLayout as bO, type DomainCardMetadata as bP, type DomainCardMotion as bQ, type DomainCardPriceCapacity as bR, type DomainCardSkeleton as bS, type DomainCardSkeletonContentWidth as bT, type DomainCardSurface as bU, type MotionDuration$1 as bV, type MotionEasing$1 as bW, type MotionTransition$1 as bX, type SelectContentPadding as bY, type SelectContentRadius as bZ, type SelectItemFontSize as b_, type TextLineHeight as ba, TOAST_TOKENS as bb, type ToastVariant as bc, TOOLTIP_TOKENS as bd, type TooltipContentRadius as be, type TooltipContentShadow as bf, ICON_TOKENS as bg, type IconSize as bh, allCSSVariables as bi, allCSSVariablesCSS as bj, generateCSSVariablesCSS as bk, tokenSystemSummary as bl, type MotionCombinedType as bm, type MotionSlideDirection as bn, motionCombined as bo, motionCSSVariables as bp, motionDurations as bq, motionEasings as br, motionFade as bs, motionReducedMotion as bt, motionScale as bu, motionSlide as bv, motionTailwindConfig as bw, motionTransitionProperty as bx, motionTransitions as by, UI_COLORS as bz, type SpacingToken as c, type SelectItemPaddingVertical as c0, type SelectItemRadius as c1, type SelectLabelFontSize as c2, type SelectLabelPaddingHorizontal as c3, type SelectLabelPaddingVertical as c4, type SelectSeparatorMarginHorizontal as c5, type SelectSeparatorMarginVertical as c6, type SelectTriggerFontSize as c7, type SelectTriggerHeight as c8, type SelectTriggerPaddingHorizontal as c9, type SelectSizeToken as cA, type SelectStateToken as cB, type SelectVariantToken as cC, type SelectWidthToken as cD, type SideOffsetToken as cE, type SpaceToken as cF, type TextLetterSpacingToken as cG, type TextLineHeightToken as cH, type TextSizeToken as cI, type TextWeightToken as cJ, type SelectTriggerPaddingVertical as ca, type SelectTriggerRadius as cb, type SkeletonVariant as cc, type AlignOffsetToken as cd, type AnimationPresetToken as ce, type AspectRatioToken as cf, type ContainerMaxWidthToken as cg, type ContainerPaddingToken as ch, type DelayToken as ci, type FlexBasisToken as cj, type LayoutSpaceToken as ck, type ModalHeightToken as cl, type ModalSizeToken as cm, type ModalWidthToken as cn, type MotionEasingToken as co, type MotionToken as cp, type MotionTransitionToken as cq, type ResponsiveContainerPadding as cr, type ResponsiveMotion as cs, type ResponsiveSelectSize as ct, type ResponsiveSelectWidth as cu, type ResponsiveShadow as cv, type ResponsiveSurface as cw, type ResponsiveTextLineHeight as cx, type ResponsiveTextSize as cy, type ResponsiveTextWeight as cz, type Responsive as d, type ResponsiveSideOffset as e, type ResponsiveAlignOffset as f, type ResponsiveModalSize as g, type ResponsiveModalWidth as h, type ResponsiveModalHeight as i, type RadiusToken as j, type SurfaceToken as k, type ResponsiveContainerMaxWidth as l, type ResponsiveFlexBasis as m, type
|
|
6145
|
+
export { type DataListRowPadding as $, ALERT_TOKENS as A, type Breakpoint as B, type ColorToken as C, type ButtonPaddingVertical as D, type EmptyStateIconSize as E, type ButtonShadow as F, CARD_TOKENS as G, type CardPadding as H, type IconColor as I, type CardRadius as J, type CardShadow as K, type CardSize as L, type ModalFooterAlignToken as M, type CardSpacingVertical as N, CHECKBOX_TOKENS as O, type PanelTone as P, type CheckboxSize as Q, type ResponsiveSpace as R, type ShadowToken as S, type TabsVariantToken as T, type CheckboxState as U, type CheckboxVariant as V, type MotionDuration as W, type MotionEasing as X, type MotionTransition as Y, DATA_TOKENS as Z, type DataListLabelWidth as _, type ResponsiveRadius as a, type SwitchState as a$, INPUT_TOKENS as a0, type InputFontSize as a1, type InputHeight as a2, type InputPaddingHorizontal as a3, type InputPaddingVertical as a4, type InputRadius as a5, type InputSize as a6, MENU_TOKENS as a7, type MenuContentMinWidth as a8, type MenuContentPadding as a9, PANEL_TOKENS as aA, type PanelPadding as aB, type PanelRadius as aC, type PanelShadow as aD, POPOVER_TOKENS as aE, type PopoverArrowOffset as aF, type PopoverArrowSize as aG, type PopoverContentPadding as aH, type PopoverContentRadius as aI, type PopoverContentShadow as aJ, type PopoverContentWidth as aK, RADIO_TOKENS as aL, type RadioSize as aM, type RadioState as aN, type RadioVariant as aO, SECTION_TOKENS as aP, type SectionGap as aQ, type SectionPadding as aR, type SkeletonAnimation as aS, type SkeletonBackground as aT, SURFACE_TOKENS as aU, type SurfacePadding as aV, type SurfaceRadius as aW, type SurfaceShadow as aX, type SurfaceVariant as aY, SWITCH_TOKENS as aZ, type SwitchSize as a_, type MenuContentRadius as aa, type MenuContentShadow as ab, type MenuIndicatorOffset as ac, type MenuIndicatorSize as ad, type MenuItemGap as ae, type MenuItemHeight as af, type MenuItemPadding as ag, type MenuItemRadius as ah, type MenuLabelPadding as ai, type MenuSeparatorMargin as aj, MOTION_TOKENS as ak, type MotionAnimation as al, type MotionTransitionPreset as am, NAVIGATION_TOKENS as an, type NavigationItemPadding as ao, type NavigationListGap as ap, type NavigationRadius as aq, type NavigationShadow as ar, type NavigationSize as as, type NavigationState as at, NOTIFICATION_TOKENS as au, type NotificationPanelWidth as av, type NotificationVariant as aw, OVERLAY_TOKENS as ax, type OverlayBackdropVariant as ay, type OverlayModalSize as az, type ResponsiveColor as b, type SelectItemPaddingHorizontal as b$, type SwitchVariant as b0, type TableCellPadding as b1, type TableGap as b2, type TableHeaderPadding as b3, type TableRowHeight as b4, type TableShadow as b5, TEXT_TOKENS as b6, type TextFontSize as b7, type TextFontWeight as b8, type TextLetterSpacing as b9, type ResponsiveAspectRatio as bA, ARTIST_TOKENS as bB, DATA_LIST_TOKENS as bC, DOMAIN_TOKENS as bD, EMPTY_STATE_TOKENS as bE, SIMPLETABLE_TOKENS as bF, TABLE_TOKENS as bG, SELECT_TOKENS as bH, type ArtistCardFooterBorder as bI, type ArtistCardImageContainer as bJ, type ArtistCardImagePlaceholder as bK, type ArtistCardImageSizing as bL, type DomainCardBadge as bM, type DomainCardImage as bN, type DomainCardLayout as bO, type DomainCardMetadata as bP, type DomainCardMotion as bQ, type DomainCardPriceCapacity as bR, type DomainCardSkeleton as bS, type DomainCardSkeletonContentWidth as bT, type DomainCardSurface as bU, type MotionDuration$1 as bV, type MotionEasing$1 as bW, type MotionTransition$1 as bX, type SelectContentPadding as bY, type SelectContentRadius as bZ, type SelectItemFontSize as b_, type TextLineHeight as ba, TOAST_TOKENS as bb, type ToastVariant as bc, TOOLTIP_TOKENS as bd, type TooltipContentRadius as be, type TooltipContentShadow as bf, ICON_TOKENS as bg, type IconSize as bh, allCSSVariables as bi, allCSSVariablesCSS as bj, generateCSSVariablesCSS as bk, tokenSystemSummary as bl, type MotionCombinedType as bm, type MotionSlideDirection as bn, motionCombined as bo, motionCSSVariables as bp, motionDurations as bq, motionEasings as br, motionFade as bs, motionReducedMotion as bt, motionScale as bu, motionSlide as bv, motionTailwindConfig as bw, motionTransitionProperty as bx, motionTransitions as by, UI_COLORS as bz, type SpacingToken as c, type SelectItemPaddingVertical as c0, type SelectItemRadius as c1, type SelectLabelFontSize as c2, type SelectLabelPaddingHorizontal as c3, type SelectLabelPaddingVertical as c4, type SelectSeparatorMarginHorizontal as c5, type SelectSeparatorMarginVertical as c6, type SelectTriggerFontSize as c7, type SelectTriggerHeight as c8, type SelectTriggerPaddingHorizontal as c9, type SelectSizeToken as cA, type SelectStateToken as cB, type SelectVariantToken as cC, type SelectWidthToken as cD, type SideOffsetToken as cE, type SpaceToken as cF, type TextLetterSpacingToken as cG, type TextLineHeightToken as cH, type TextSizeToken as cI, type TextWeightToken as cJ, type SelectTriggerPaddingVertical as ca, type SelectTriggerRadius as cb, type SkeletonVariant as cc, type AlignOffsetToken as cd, type AnimationPresetToken as ce, type AspectRatioToken as cf, type ContainerMaxWidthToken as cg, type ContainerPaddingToken as ch, type DelayToken as ci, type FlexBasisToken as cj, type LayoutSpaceToken as ck, type ModalHeightToken as cl, type ModalSizeToken as cm, type ModalWidthToken as cn, type MotionEasingToken as co, type MotionToken as cp, type MotionTransitionToken as cq, type ResponsiveContainerPadding as cr, type ResponsiveMotion as cs, type ResponsiveSelectSize as ct, type ResponsiveSelectWidth as cu, type ResponsiveShadow as cv, type ResponsiveSurface as cw, type ResponsiveTextLineHeight as cx, type ResponsiveTextSize as cy, type ResponsiveTextWeight as cz, type Responsive as d, type ResponsiveSideOffset as e, type ResponsiveAlignOffset as f, type ResponsiveModalSize as g, type ResponsiveModalWidth as h, type ResponsiveModalHeight as i, type RadiusToken as j, type SurfaceToken as k, type ResponsiveContainerMaxWidth as l, type ResponsiveFlexBasis as m, type ResponsiveContextMenuSize as n, type ResponsiveContextMenuWidth as o, type ContextMenuItemToneToken as p, type ResponsiveDelay as q, type ResponsiveTabsSize as r, type TabsToneToken as s, type IconStroke as t, type MotionDurationToken as u, type ResponsiveAnimationPreset as v, BUTTON_TOKENS as w, type ButtonFontSize as x, type ButtonHeight as y, type ButtonPaddingHorizontal as z };
|
|
@@ -3920,6 +3920,9 @@ declare const TABS_TOKENS: {
|
|
|
3920
3920
|
* Tabs list tokens
|
|
3921
3921
|
*/
|
|
3922
3922
|
readonly list: {
|
|
3923
|
+
readonly container: {
|
|
3924
|
+
readonly layout: "relative overflow-hidden";
|
|
3925
|
+
};
|
|
3923
3926
|
readonly gap: {
|
|
3924
3927
|
readonly xs: "gap-xs";
|
|
3925
3928
|
readonly sm: "gap-sm";
|
|
@@ -6139,4 +6142,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
|
|
|
6139
6142
|
*/
|
|
6140
6143
|
type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
|
|
6141
6144
|
|
|
6142
|
-
export { type DataListRowPadding as $, ALERT_TOKENS as A, type Breakpoint as B, type ColorToken as C, type ButtonPaddingVertical as D, type EmptyStateIconSize as E, type ButtonShadow as F, CARD_TOKENS as G, type CardPadding as H, type IconColor as I, type CardRadius as J, type CardShadow as K, type CardSize as L, type ModalFooterAlignToken as M, type CardSpacingVertical as N, CHECKBOX_TOKENS as O, type PanelTone as P, type CheckboxSize as Q, type ResponsiveSpace as R, type ShadowToken as S, type TabsVariantToken as T, type CheckboxState as U, type CheckboxVariant as V, type MotionDuration as W, type MotionEasing as X, type MotionTransition as Y, DATA_TOKENS as Z, type DataListLabelWidth as _, type ResponsiveRadius as a, type SwitchState as a$, INPUT_TOKENS as a0, type InputFontSize as a1, type InputHeight as a2, type InputPaddingHorizontal as a3, type InputPaddingVertical as a4, type InputRadius as a5, type InputSize as a6, MENU_TOKENS as a7, type MenuContentMinWidth as a8, type MenuContentPadding as a9, PANEL_TOKENS as aA, type PanelPadding as aB, type PanelRadius as aC, type PanelShadow as aD, POPOVER_TOKENS as aE, type PopoverArrowOffset as aF, type PopoverArrowSize as aG, type PopoverContentPadding as aH, type PopoverContentRadius as aI, type PopoverContentShadow as aJ, type PopoverContentWidth as aK, RADIO_TOKENS as aL, type RadioSize as aM, type RadioState as aN, type RadioVariant as aO, SECTION_TOKENS as aP, type SectionGap as aQ, type SectionPadding as aR, type SkeletonAnimation as aS, type SkeletonBackground as aT, SURFACE_TOKENS as aU, type SurfacePadding as aV, type SurfaceRadius as aW, type SurfaceShadow as aX, type SurfaceVariant as aY, SWITCH_TOKENS as aZ, type SwitchSize as a_, type MenuContentRadius as aa, type MenuContentShadow as ab, type MenuIndicatorOffset as ac, type MenuIndicatorSize as ad, type MenuItemGap as ae, type MenuItemHeight as af, type MenuItemPadding as ag, type MenuItemRadius as ah, type MenuLabelPadding as ai, type MenuSeparatorMargin as aj, MOTION_TOKENS as ak, type MotionAnimation as al, type MotionTransitionPreset as am, NAVIGATION_TOKENS as an, type NavigationItemPadding as ao, type NavigationListGap as ap, type NavigationRadius as aq, type NavigationShadow as ar, type NavigationSize as as, type NavigationState as at, NOTIFICATION_TOKENS as au, type NotificationPanelWidth as av, type NotificationVariant as aw, OVERLAY_TOKENS as ax, type OverlayBackdropVariant as ay, type OverlayModalSize as az, type ResponsiveColor as b, type SelectItemPaddingHorizontal as b$, type SwitchVariant as b0, type TableCellPadding as b1, type TableGap as b2, type TableHeaderPadding as b3, type TableRowHeight as b4, type TableShadow as b5, TEXT_TOKENS as b6, type TextFontSize as b7, type TextFontWeight as b8, type TextLetterSpacing as b9, type ResponsiveAspectRatio as bA, ARTIST_TOKENS as bB, DATA_LIST_TOKENS as bC, DOMAIN_TOKENS as bD, EMPTY_STATE_TOKENS as bE, SIMPLETABLE_TOKENS as bF, TABLE_TOKENS as bG, SELECT_TOKENS as bH, type ArtistCardFooterBorder as bI, type ArtistCardImageContainer as bJ, type ArtistCardImagePlaceholder as bK, type ArtistCardImageSizing as bL, type DomainCardBadge as bM, type DomainCardImage as bN, type DomainCardLayout as bO, type DomainCardMetadata as bP, type DomainCardMotion as bQ, type DomainCardPriceCapacity as bR, type DomainCardSkeleton as bS, type DomainCardSkeletonContentWidth as bT, type DomainCardSurface as bU, type MotionDuration$1 as bV, type MotionEasing$1 as bW, type MotionTransition$1 as bX, type SelectContentPadding as bY, type SelectContentRadius as bZ, type SelectItemFontSize as b_, type TextLineHeight as ba, TOAST_TOKENS as bb, type ToastVariant as bc, TOOLTIP_TOKENS as bd, type TooltipContentRadius as be, type TooltipContentShadow as bf, ICON_TOKENS as bg, type IconSize as bh, allCSSVariables as bi, allCSSVariablesCSS as bj, generateCSSVariablesCSS as bk, tokenSystemSummary as bl, type MotionCombinedType as bm, type MotionSlideDirection as bn, motionCombined as bo, motionCSSVariables as bp, motionDurations as bq, motionEasings as br, motionFade as bs, motionReducedMotion as bt, motionScale as bu, motionSlide as bv, motionTailwindConfig as bw, motionTransitionProperty as bx, motionTransitions as by, UI_COLORS as bz, type SpacingToken as c, type SelectItemPaddingVertical as c0, type SelectItemRadius as c1, type SelectLabelFontSize as c2, type SelectLabelPaddingHorizontal as c3, type SelectLabelPaddingVertical as c4, type SelectSeparatorMarginHorizontal as c5, type SelectSeparatorMarginVertical as c6, type SelectTriggerFontSize as c7, type SelectTriggerHeight as c8, type SelectTriggerPaddingHorizontal as c9, type SelectSizeToken as cA, type SelectStateToken as cB, type SelectVariantToken as cC, type SelectWidthToken as cD, type SideOffsetToken as cE, type SpaceToken as cF, type TextLetterSpacingToken as cG, type TextLineHeightToken as cH, type TextSizeToken as cI, type TextWeightToken as cJ, type SelectTriggerPaddingVertical as ca, type SelectTriggerRadius as cb, type SkeletonVariant as cc, type AlignOffsetToken as cd, type AnimationPresetToken as ce, type AspectRatioToken as cf, type ContainerMaxWidthToken as cg, type ContainerPaddingToken as ch, type DelayToken as ci, type FlexBasisToken as cj, type LayoutSpaceToken as ck, type ModalHeightToken as cl, type ModalSizeToken as cm, type ModalWidthToken as cn, type MotionEasingToken as co, type MotionToken as cp, type MotionTransitionToken as cq, type ResponsiveContainerPadding as cr, type ResponsiveMotion as cs, type ResponsiveSelectSize as ct, type ResponsiveSelectWidth as cu, type ResponsiveShadow as cv, type ResponsiveSurface as cw, type ResponsiveTextLineHeight as cx, type ResponsiveTextSize as cy, type ResponsiveTextWeight as cz, type Responsive as d, type ResponsiveSideOffset as e, type ResponsiveAlignOffset as f, type ResponsiveModalSize as g, type ResponsiveModalWidth as h, type ResponsiveModalHeight as i, type RadiusToken as j, type SurfaceToken as k, type ResponsiveContainerMaxWidth as l, type ResponsiveFlexBasis as m, type
|
|
6145
|
+
export { type DataListRowPadding as $, ALERT_TOKENS as A, type Breakpoint as B, type ColorToken as C, type ButtonPaddingVertical as D, type EmptyStateIconSize as E, type ButtonShadow as F, CARD_TOKENS as G, type CardPadding as H, type IconColor as I, type CardRadius as J, type CardShadow as K, type CardSize as L, type ModalFooterAlignToken as M, type CardSpacingVertical as N, CHECKBOX_TOKENS as O, type PanelTone as P, type CheckboxSize as Q, type ResponsiveSpace as R, type ShadowToken as S, type TabsVariantToken as T, type CheckboxState as U, type CheckboxVariant as V, type MotionDuration as W, type MotionEasing as X, type MotionTransition as Y, DATA_TOKENS as Z, type DataListLabelWidth as _, type ResponsiveRadius as a, type SwitchState as a$, INPUT_TOKENS as a0, type InputFontSize as a1, type InputHeight as a2, type InputPaddingHorizontal as a3, type InputPaddingVertical as a4, type InputRadius as a5, type InputSize as a6, MENU_TOKENS as a7, type MenuContentMinWidth as a8, type MenuContentPadding as a9, PANEL_TOKENS as aA, type PanelPadding as aB, type PanelRadius as aC, type PanelShadow as aD, POPOVER_TOKENS as aE, type PopoverArrowOffset as aF, type PopoverArrowSize as aG, type PopoverContentPadding as aH, type PopoverContentRadius as aI, type PopoverContentShadow as aJ, type PopoverContentWidth as aK, RADIO_TOKENS as aL, type RadioSize as aM, type RadioState as aN, type RadioVariant as aO, SECTION_TOKENS as aP, type SectionGap as aQ, type SectionPadding as aR, type SkeletonAnimation as aS, type SkeletonBackground as aT, SURFACE_TOKENS as aU, type SurfacePadding as aV, type SurfaceRadius as aW, type SurfaceShadow as aX, type SurfaceVariant as aY, SWITCH_TOKENS as aZ, type SwitchSize as a_, type MenuContentRadius as aa, type MenuContentShadow as ab, type MenuIndicatorOffset as ac, type MenuIndicatorSize as ad, type MenuItemGap as ae, type MenuItemHeight as af, type MenuItemPadding as ag, type MenuItemRadius as ah, type MenuLabelPadding as ai, type MenuSeparatorMargin as aj, MOTION_TOKENS as ak, type MotionAnimation as al, type MotionTransitionPreset as am, NAVIGATION_TOKENS as an, type NavigationItemPadding as ao, type NavigationListGap as ap, type NavigationRadius as aq, type NavigationShadow as ar, type NavigationSize as as, type NavigationState as at, NOTIFICATION_TOKENS as au, type NotificationPanelWidth as av, type NotificationVariant as aw, OVERLAY_TOKENS as ax, type OverlayBackdropVariant as ay, type OverlayModalSize as az, type ResponsiveColor as b, type SelectItemPaddingHorizontal as b$, type SwitchVariant as b0, type TableCellPadding as b1, type TableGap as b2, type TableHeaderPadding as b3, type TableRowHeight as b4, type TableShadow as b5, TEXT_TOKENS as b6, type TextFontSize as b7, type TextFontWeight as b8, type TextLetterSpacing as b9, type ResponsiveAspectRatio as bA, ARTIST_TOKENS as bB, DATA_LIST_TOKENS as bC, DOMAIN_TOKENS as bD, EMPTY_STATE_TOKENS as bE, SIMPLETABLE_TOKENS as bF, TABLE_TOKENS as bG, SELECT_TOKENS as bH, type ArtistCardFooterBorder as bI, type ArtistCardImageContainer as bJ, type ArtistCardImagePlaceholder as bK, type ArtistCardImageSizing as bL, type DomainCardBadge as bM, type DomainCardImage as bN, type DomainCardLayout as bO, type DomainCardMetadata as bP, type DomainCardMotion as bQ, type DomainCardPriceCapacity as bR, type DomainCardSkeleton as bS, type DomainCardSkeletonContentWidth as bT, type DomainCardSurface as bU, type MotionDuration$1 as bV, type MotionEasing$1 as bW, type MotionTransition$1 as bX, type SelectContentPadding as bY, type SelectContentRadius as bZ, type SelectItemFontSize as b_, type TextLineHeight as ba, TOAST_TOKENS as bb, type ToastVariant as bc, TOOLTIP_TOKENS as bd, type TooltipContentRadius as be, type TooltipContentShadow as bf, ICON_TOKENS as bg, type IconSize as bh, allCSSVariables as bi, allCSSVariablesCSS as bj, generateCSSVariablesCSS as bk, tokenSystemSummary as bl, type MotionCombinedType as bm, type MotionSlideDirection as bn, motionCombined as bo, motionCSSVariables as bp, motionDurations as bq, motionEasings as br, motionFade as bs, motionReducedMotion as bt, motionScale as bu, motionSlide as bv, motionTailwindConfig as bw, motionTransitionProperty as bx, motionTransitions as by, UI_COLORS as bz, type SpacingToken as c, type SelectItemPaddingVertical as c0, type SelectItemRadius as c1, type SelectLabelFontSize as c2, type SelectLabelPaddingHorizontal as c3, type SelectLabelPaddingVertical as c4, type SelectSeparatorMarginHorizontal as c5, type SelectSeparatorMarginVertical as c6, type SelectTriggerFontSize as c7, type SelectTriggerHeight as c8, type SelectTriggerPaddingHorizontal as c9, type SelectSizeToken as cA, type SelectStateToken as cB, type SelectVariantToken as cC, type SelectWidthToken as cD, type SideOffsetToken as cE, type SpaceToken as cF, type TextLetterSpacingToken as cG, type TextLineHeightToken as cH, type TextSizeToken as cI, type TextWeightToken as cJ, type SelectTriggerPaddingVertical as ca, type SelectTriggerRadius as cb, type SkeletonVariant as cc, type AlignOffsetToken as cd, type AnimationPresetToken as ce, type AspectRatioToken as cf, type ContainerMaxWidthToken as cg, type ContainerPaddingToken as ch, type DelayToken as ci, type FlexBasisToken as cj, type LayoutSpaceToken as ck, type ModalHeightToken as cl, type ModalSizeToken as cm, type ModalWidthToken as cn, type MotionEasingToken as co, type MotionToken as cp, type MotionTransitionToken as cq, type ResponsiveContainerPadding as cr, type ResponsiveMotion as cs, type ResponsiveSelectSize as ct, type ResponsiveSelectWidth as cu, type ResponsiveShadow as cv, type ResponsiveSurface as cw, type ResponsiveTextLineHeight as cx, type ResponsiveTextSize as cy, type ResponsiveTextWeight as cz, type Responsive as d, type ResponsiveSideOffset as e, type ResponsiveAlignOffset as f, type ResponsiveModalSize as g, type ResponsiveModalWidth as h, type ResponsiveModalHeight as i, type RadiusToken as j, type SurfaceToken as k, type ResponsiveContainerMaxWidth as l, type ResponsiveFlexBasis as m, type ResponsiveContextMenuSize as n, type ResponsiveContextMenuWidth as o, type ContextMenuItemToneToken as p, type ResponsiveDelay as q, type ResponsiveTabsSize as r, type TabsToneToken as s, type IconStroke as t, type MotionDurationToken as u, type ResponsiveAnimationPreset as v, BUTTON_TOKENS as w, type ButtonFontSize as x, type ButtonHeight as y, type ButtonPaddingHorizontal as z };
|