@nuee/ui 0.3.2 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +4 -4
- package/dist/accordion.js +129 -219
- package/dist/accordion.js.map +2 -2
- package/dist/alert-dialog.d.ts +5 -5
- package/dist/alert-dialog.js +138 -249
- package/dist/alert-dialog.js.map +3 -3
- package/dist/aspect-ratio.d.ts +1 -1
- package/dist/aspect-ratio.js +19 -50
- package/dist/aspect-ratio.js.map +2 -2
- package/dist/attachment.d.ts +8 -8
- package/dist/attachment.js +158 -286
- package/dist/attachment.js.map +3 -3
- package/dist/avatar.d.ts +6 -6
- package/dist/avatar.js +98 -212
- package/dist/avatar.js.map +3 -3
- package/dist/badge.d.ts +1 -1
- package/dist/badge.js +19 -50
- package/dist/badge.js.map +2 -2
- package/dist/banner.d.ts +3 -3
- package/dist/banner.js +111 -204
- package/dist/banner.js.map +2 -2
- package/dist/breadcrumb.d.ts +7 -7
- package/dist/breadcrumb.js +90 -178
- package/dist/breadcrumb.js.map +3 -3
- package/dist/bubble.d.ts +1 -1
- package/dist/bubble.js +23 -54
- package/dist/bubble.js.map +2 -2
- package/dist/button-group.d.ts +2 -2
- package/dist/button-group.js +69 -162
- package/dist/button-group.js.map +2 -2
- package/dist/button.d.ts +1 -1
- package/dist/button.js +42 -73
- package/dist/button.js.map +2 -2
- package/dist/card.d.ts +6 -6
- package/dist/card.js +97 -283
- package/dist/card.js.map +2 -2
- package/dist/checkbox.d.ts +1 -1
- package/dist/checkbox.js +23 -42
- package/dist/checkbox.js.map +2 -2
- package/dist/collapsible.d.ts +3 -3
- package/dist/collapsible.js +108 -180
- package/dist/collapsible.js.map +2 -2
- package/dist/combobox.d.ts +3 -3
- package/dist/combobox.js +194 -275
- package/dist/combobox.js.map +2 -2
- package/dist/content-row.d.ts +7 -7
- package/dist/content-row.js +96 -184
- package/dist/content-row.js.map +3 -3
- package/dist/context-menu.js +257 -386
- package/dist/context-menu.js.map +2 -2
- package/dist/dialog.d.ts +5 -5
- package/dist/dialog.js +106 -189
- package/dist/dialog.js.map +3 -3
- package/dist/drawer.d.ts +7 -7
- package/dist/drawer.js +152 -266
- package/dist/drawer.js.map +3 -3
- package/dist/dropdown-menu.d.ts +6 -6
- package/dist/dropdown-menu.js +257 -386
- package/dist/dropdown-menu.js.map +2 -2
- package/dist/empty.d.ts +6 -6
- package/dist/empty.js +91 -164
- package/dist/empty.js.map +3 -3
- package/dist/field.d.ts +9 -9
- package/dist/field.js +154 -367
- package/dist/field.js.map +3 -3
- package/dist/hover-card.d.ts +1 -1
- package/dist/hover-card.js +40 -91
- package/dist/hover-card.js.map +2 -2
- package/dist/index.js +3838 -6825
- package/dist/index.js.map +4 -4
- package/dist/input-group.d.ts +3 -3
- package/dist/input-group.js +139 -325
- package/dist/input-group.js.map +2 -2
- package/dist/input-otp.d.ts +4 -4
- package/dist/input-otp.js +67 -133
- package/dist/input-otp.js.map +3 -3
- package/dist/input.d.ts +1 -1
- package/dist/input.js +18 -49
- package/dist/input.js.map +2 -2
- package/dist/kbd.d.ts +2 -2
- package/dist/kbd.js +32 -94
- package/dist/kbd.js.map +2 -2
- package/dist/label.d.ts +1 -1
- package/dist/label.js +16 -47
- package/dist/label.js.map +2 -2
- package/dist/link.js +31 -63
- package/dist/link.js.map +2 -2
- package/dist/marker.d.ts +3 -3
- package/dist/marker.js +42 -87
- package/dist/marker.js.map +3 -3
- package/dist/menubar.d.ts +1 -1
- package/dist/menubar.js +300 -456
- package/dist/menubar.js.map +3 -3
- package/dist/message-scroller.d.ts +1 -1
- package/dist/message-scroller.js +99 -161
- package/dist/message-scroller.js.map +2 -2
- package/dist/message.d.ts +4 -4
- package/dist/message.js +55 -111
- package/dist/message.js.map +3 -3
- package/dist/native-select.d.ts +1 -1
- package/dist/native-select.js +36 -67
- package/dist/native-select.js.map +2 -2
- package/dist/navigation-menu.d.ts +4 -4
- package/dist/navigation-menu.js +234 -333
- package/dist/navigation-menu.js.map +2 -2
- package/dist/pagination.d.ts +5 -5
- package/dist/pagination.js +68 -133
- package/dist/pagination.js.map +3 -3
- package/dist/popover.d.ts +4 -4
- package/dist/popover.js +73 -136
- package/dist/popover.js.map +3 -3
- package/dist/progress.d.ts +1 -1
- package/dist/progress.js +28 -41
- package/dist/progress.js.map +2 -2
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio-group.js +48 -82
- package/dist/radio-group.js.map +2 -2
- package/dist/scroll-area.d.ts +2 -2
- package/dist/scroll-area.js +80 -106
- package/dist/scroll-area.js.map +2 -2
- package/dist/select.d.ts +3 -3
- package/dist/select.js +190 -271
- package/dist/select.js.map +2 -2
- package/dist/separator.d.ts +1 -1
- package/dist/separator.js +24 -55
- package/dist/separator.js.map +2 -2
- package/dist/skeleton.d.ts +1 -1
- package/dist/skeleton.js +16 -47
- package/dist/skeleton.js.map +2 -2
- package/dist/slider.d.ts +1 -1
- package/dist/slider.js +52 -65
- package/dist/slider.js.map +2 -2
- package/dist/spinner.d.ts +1 -1
- package/dist/spinner.js +19 -50
- package/dist/spinner.js.map +2 -2
- package/dist/switch.d.ts +1 -1
- package/dist/switch.js +28 -48
- package/dist/switch.js.map +2 -2
- package/dist/table.d.ts +8 -8
- package/dist/table.js +112 -212
- package/dist/table.js.map +3 -3
- package/dist/tabs.d.ts +4 -4
- package/dist/tabs.js +115 -194
- package/dist/tabs.js.map +2 -2
- package/dist/textarea.d.ts +1 -1
- package/dist/textarea.js +18 -49
- package/dist/textarea.js.map +2 -2
- package/dist/toggle-group.d.ts +2 -2
- package/dist/toggle-group.js +67 -103
- package/dist/toggle-group.js.map +2 -2
- package/dist/toggle.d.ts +1 -1
- package/dist/toggle.js +26 -46
- package/dist/toggle.js.map +2 -2
- package/dist/tooltip.d.ts +1 -1
- package/dist/tooltip.js +39 -56
- package/dist/tooltip.js.map +2 -2
- package/dist/typography.d.ts +7 -4
- package/dist/typography.js +1 -8
- package/dist/typography.js.map +2 -2
- package/package.json +3 -3
- package/dist/stylex-props.d.ts +0 -3
package/dist/button-group.js
CHANGED
|
@@ -27,87 +27,56 @@ var styles = {
|
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
function Separator(t0) {
|
|
30
|
-
const $ = _c(
|
|
31
|
-
let className;
|
|
30
|
+
const $ = _c(14);
|
|
32
31
|
let props3;
|
|
33
|
-
let style;
|
|
34
32
|
let t1;
|
|
35
33
|
let t2;
|
|
36
34
|
let xstyle;
|
|
37
35
|
if ($[0] !== t0) {
|
|
38
36
|
({
|
|
39
|
-
className,
|
|
40
37
|
decorative: t1,
|
|
41
38
|
orientation: t2,
|
|
42
|
-
style,
|
|
43
39
|
xstyle,
|
|
44
40
|
...props3
|
|
45
41
|
} = t0);
|
|
46
42
|
$[0] = t0;
|
|
47
|
-
$[1] =
|
|
48
|
-
$[2] =
|
|
49
|
-
$[3] =
|
|
50
|
-
$[4] =
|
|
51
|
-
$[5] = t2;
|
|
52
|
-
$[6] = xstyle;
|
|
43
|
+
$[1] = props3;
|
|
44
|
+
$[2] = t1;
|
|
45
|
+
$[3] = t2;
|
|
46
|
+
$[4] = xstyle;
|
|
53
47
|
} else {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
t2 = $[5];
|
|
59
|
-
xstyle = $[6];
|
|
48
|
+
props3 = $[1];
|
|
49
|
+
t1 = $[2];
|
|
50
|
+
t2 = $[3];
|
|
51
|
+
xstyle = $[4];
|
|
60
52
|
}
|
|
61
53
|
const decorative = t1 === void 0 ? true : t1;
|
|
62
54
|
const orientation = t2 === void 0 ? "horizontal" : t2;
|
|
63
55
|
let t3;
|
|
64
|
-
if ($[
|
|
56
|
+
if ($[5] !== orientation || $[6] !== xstyle) {
|
|
65
57
|
t3 = stylex.props(styles.root, styles[orientation], xstyle);
|
|
66
|
-
$[
|
|
67
|
-
$[
|
|
68
|
-
$[
|
|
58
|
+
$[5] = orientation;
|
|
59
|
+
$[6] = xstyle;
|
|
60
|
+
$[7] = t3;
|
|
69
61
|
} else {
|
|
70
|
-
t3 = $[
|
|
62
|
+
t3 = $[7];
|
|
71
63
|
}
|
|
72
64
|
const stylexProps = t3;
|
|
73
65
|
const t4 = decorative || void 0;
|
|
74
66
|
const t5 = decorative ? "presentation" : void 0;
|
|
75
67
|
let t6;
|
|
76
|
-
if ($[10] !==
|
|
77
|
-
t6 =
|
|
78
|
-
$[
|
|
79
|
-
$[
|
|
80
|
-
$[
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
const t7 = t6.join(" ");
|
|
85
|
-
let t8;
|
|
86
|
-
if ($[13] !== style || $[14] !== stylexProps.style) {
|
|
87
|
-
t8 = {
|
|
88
|
-
...stylexProps.style,
|
|
89
|
-
...style
|
|
90
|
-
};
|
|
91
|
-
$[13] = style;
|
|
92
|
-
$[14] = stylexProps.style;
|
|
93
|
-
$[15] = t8;
|
|
94
|
-
} else {
|
|
95
|
-
t8 = $[15];
|
|
96
|
-
}
|
|
97
|
-
let t9;
|
|
98
|
-
if ($[16] !== orientation || $[17] !== props3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t7 || $[21] !== t8) {
|
|
99
|
-
t9 = /* @__PURE__ */ jsx(SeparatorPrimitive, { ...props3, "aria-hidden": t4, orientation, role: t5, className: t7, style: t8 });
|
|
100
|
-
$[16] = orientation;
|
|
101
|
-
$[17] = props3;
|
|
102
|
-
$[18] = t4;
|
|
103
|
-
$[19] = t5;
|
|
104
|
-
$[20] = t7;
|
|
105
|
-
$[21] = t8;
|
|
106
|
-
$[22] = t9;
|
|
68
|
+
if ($[8] !== orientation || $[9] !== props3 || $[10] !== stylexProps || $[11] !== t4 || $[12] !== t5) {
|
|
69
|
+
t6 = /* @__PURE__ */ jsx(SeparatorPrimitive, { ...props3, "aria-hidden": t4, orientation, role: t5, ...stylexProps });
|
|
70
|
+
$[8] = orientation;
|
|
71
|
+
$[9] = props3;
|
|
72
|
+
$[10] = stylexProps;
|
|
73
|
+
$[11] = t4;
|
|
74
|
+
$[12] = t5;
|
|
75
|
+
$[13] = t6;
|
|
107
76
|
} else {
|
|
108
|
-
|
|
77
|
+
t6 = $[13];
|
|
109
78
|
}
|
|
110
|
-
return
|
|
79
|
+
return t6;
|
|
111
80
|
}
|
|
112
81
|
|
|
113
82
|
// src/button-group.tsx
|
|
@@ -202,54 +171,46 @@ function getItemBorderRadius(orientation, position, length) {
|
|
|
202
171
|
};
|
|
203
172
|
}
|
|
204
173
|
function ButtonGroup(t0) {
|
|
205
|
-
const $ = _c2(
|
|
174
|
+
const $ = _c2(18);
|
|
206
175
|
let children;
|
|
207
|
-
let className;
|
|
208
176
|
let props3;
|
|
209
177
|
let role;
|
|
210
|
-
let style;
|
|
211
178
|
let t1;
|
|
212
179
|
let xstyle;
|
|
213
180
|
if ($[0] !== t0) {
|
|
214
181
|
({
|
|
215
|
-
className,
|
|
216
182
|
children,
|
|
217
183
|
orientation: t1,
|
|
218
184
|
role,
|
|
219
|
-
style,
|
|
220
185
|
xstyle,
|
|
221
186
|
...props3
|
|
222
187
|
} = t0);
|
|
223
188
|
$[0] = t0;
|
|
224
189
|
$[1] = children;
|
|
225
|
-
$[2] =
|
|
226
|
-
$[3] =
|
|
227
|
-
$[4] =
|
|
228
|
-
$[5] =
|
|
229
|
-
$[6] = t1;
|
|
230
|
-
$[7] = xstyle;
|
|
190
|
+
$[2] = props3;
|
|
191
|
+
$[3] = role;
|
|
192
|
+
$[4] = t1;
|
|
193
|
+
$[5] = xstyle;
|
|
231
194
|
} else {
|
|
232
195
|
children = $[1];
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
t1 = $[6];
|
|
238
|
-
xstyle = $[7];
|
|
196
|
+
props3 = $[2];
|
|
197
|
+
role = $[3];
|
|
198
|
+
t1 = $[4];
|
|
199
|
+
xstyle = $[5];
|
|
239
200
|
}
|
|
240
201
|
const orientation = t1 === void 0 ? "horizontal" : t1;
|
|
241
202
|
let t2;
|
|
242
|
-
if ($[
|
|
203
|
+
if ($[6] !== orientation || $[7] !== xstyle) {
|
|
243
204
|
t2 = stylex2.props(styles2.root, styles2[orientation], xstyle);
|
|
244
|
-
$[
|
|
245
|
-
$[
|
|
246
|
-
$[
|
|
205
|
+
$[6] = orientation;
|
|
206
|
+
$[7] = xstyle;
|
|
207
|
+
$[8] = t2;
|
|
247
208
|
} else {
|
|
248
|
-
t2 = $[
|
|
209
|
+
t2 = $[8];
|
|
249
210
|
}
|
|
250
211
|
const stylexProps = t2;
|
|
251
212
|
let t3;
|
|
252
|
-
if ($[
|
|
213
|
+
if ($[9] !== children || $[10] !== orientation) {
|
|
253
214
|
const childItems = Children.toArray(children);
|
|
254
215
|
const groupItems = childItems.filter(isGroupItem);
|
|
255
216
|
t3 = childItems.map((child, childIndex) => {
|
|
@@ -267,117 +228,63 @@ function ButtonGroup(t0) {
|
|
|
267
228
|
xstyle: [...itemStyles, groupItem.props.xstyle]
|
|
268
229
|
});
|
|
269
230
|
});
|
|
270
|
-
$[
|
|
271
|
-
$[
|
|
272
|
-
$[
|
|
231
|
+
$[9] = children;
|
|
232
|
+
$[10] = orientation;
|
|
233
|
+
$[11] = t3;
|
|
273
234
|
} else {
|
|
274
|
-
t3 = $[
|
|
235
|
+
t3 = $[11];
|
|
275
236
|
}
|
|
276
237
|
const content = t3;
|
|
277
238
|
const t4 = role ?? "group";
|
|
278
239
|
let t5;
|
|
279
|
-
if ($[14] !==
|
|
280
|
-
t5 =
|
|
281
|
-
$[
|
|
282
|
-
$[
|
|
283
|
-
$[
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
const t6 = t5.join(" ");
|
|
288
|
-
let t7;
|
|
289
|
-
if ($[17] !== style || $[18] !== stylexProps.style) {
|
|
290
|
-
t7 = {
|
|
291
|
-
...stylexProps.style,
|
|
292
|
-
...style
|
|
293
|
-
};
|
|
294
|
-
$[17] = style;
|
|
295
|
-
$[18] = stylexProps.style;
|
|
296
|
-
$[19] = t7;
|
|
240
|
+
if ($[12] !== content || $[13] !== orientation || $[14] !== props3 || $[15] !== stylexProps || $[16] !== t4) {
|
|
241
|
+
t5 = /* @__PURE__ */ jsx2("div", { ...props3, "data-orientation": orientation, role: t4, ...stylexProps, children: content });
|
|
242
|
+
$[12] = content;
|
|
243
|
+
$[13] = orientation;
|
|
244
|
+
$[14] = props3;
|
|
245
|
+
$[15] = stylexProps;
|
|
246
|
+
$[16] = t4;
|
|
247
|
+
$[17] = t5;
|
|
297
248
|
} else {
|
|
298
|
-
|
|
249
|
+
t5 = $[17];
|
|
299
250
|
}
|
|
300
|
-
|
|
301
|
-
if ($[20] !== content || $[21] !== orientation || $[22] !== props3 || $[23] !== t4 || $[24] !== t6 || $[25] !== t7) {
|
|
302
|
-
t8 = /* @__PURE__ */ jsx2("div", { ...props3, "data-orientation": orientation, role: t4, className: t6, style: t7, children: content });
|
|
303
|
-
$[20] = content;
|
|
304
|
-
$[21] = orientation;
|
|
305
|
-
$[22] = props3;
|
|
306
|
-
$[23] = t4;
|
|
307
|
-
$[24] = t6;
|
|
308
|
-
$[25] = t7;
|
|
309
|
-
$[26] = t8;
|
|
310
|
-
} else {
|
|
311
|
-
t8 = $[26];
|
|
312
|
-
}
|
|
313
|
-
return t8;
|
|
251
|
+
return t5;
|
|
314
252
|
}
|
|
315
253
|
function ButtonGroupText(t0) {
|
|
316
|
-
const $ = _c2(
|
|
317
|
-
let className;
|
|
254
|
+
const $ = _c2(8);
|
|
318
255
|
let props3;
|
|
319
|
-
let style;
|
|
320
256
|
let xstyle;
|
|
321
257
|
if ($[0] !== t0) {
|
|
322
258
|
({
|
|
323
|
-
className,
|
|
324
|
-
style,
|
|
325
259
|
xstyle,
|
|
326
260
|
...props3
|
|
327
261
|
} = t0);
|
|
328
262
|
$[0] = t0;
|
|
329
|
-
$[1] =
|
|
330
|
-
$[2] =
|
|
331
|
-
$[3] = style;
|
|
332
|
-
$[4] = xstyle;
|
|
263
|
+
$[1] = props3;
|
|
264
|
+
$[2] = xstyle;
|
|
333
265
|
} else {
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
style = $[3];
|
|
337
|
-
xstyle = $[4];
|
|
266
|
+
props3 = $[1];
|
|
267
|
+
xstyle = $[2];
|
|
338
268
|
}
|
|
339
269
|
let t1;
|
|
340
|
-
if ($[
|
|
270
|
+
if ($[3] !== xstyle) {
|
|
341
271
|
t1 = stylex2.props(styles2.text, xstyle);
|
|
342
|
-
$[
|
|
343
|
-
$[
|
|
272
|
+
$[3] = xstyle;
|
|
273
|
+
$[4] = t1;
|
|
344
274
|
} else {
|
|
345
|
-
t1 = $[
|
|
275
|
+
t1 = $[4];
|
|
346
276
|
}
|
|
347
277
|
const stylexProps = t1;
|
|
348
278
|
let t2;
|
|
349
|
-
if ($[
|
|
350
|
-
t2 =
|
|
351
|
-
$[
|
|
352
|
-
$[
|
|
353
|
-
$[
|
|
279
|
+
if ($[5] !== props3 || $[6] !== stylexProps) {
|
|
280
|
+
t2 = /* @__PURE__ */ jsx2("span", { ...props3, ...stylexProps });
|
|
281
|
+
$[5] = props3;
|
|
282
|
+
$[6] = stylexProps;
|
|
283
|
+
$[7] = t2;
|
|
354
284
|
} else {
|
|
355
|
-
t2 = $[
|
|
285
|
+
t2 = $[7];
|
|
356
286
|
}
|
|
357
|
-
|
|
358
|
-
let t4;
|
|
359
|
-
if ($[10] !== style || $[11] !== stylexProps.style) {
|
|
360
|
-
t4 = {
|
|
361
|
-
...stylexProps.style,
|
|
362
|
-
...style
|
|
363
|
-
};
|
|
364
|
-
$[10] = style;
|
|
365
|
-
$[11] = stylexProps.style;
|
|
366
|
-
$[12] = t4;
|
|
367
|
-
} else {
|
|
368
|
-
t4 = $[12];
|
|
369
|
-
}
|
|
370
|
-
let t5;
|
|
371
|
-
if ($[13] !== props3 || $[14] !== t3 || $[15] !== t4) {
|
|
372
|
-
t5 = /* @__PURE__ */ jsx2("span", { ...props3, className: t3, style: t4 });
|
|
373
|
-
$[13] = props3;
|
|
374
|
-
$[14] = t3;
|
|
375
|
-
$[15] = t4;
|
|
376
|
-
$[16] = t5;
|
|
377
|
-
} else {
|
|
378
|
-
t5 = $[16];
|
|
379
|
-
}
|
|
380
|
-
return t5;
|
|
287
|
+
return t2;
|
|
381
288
|
}
|
|
382
289
|
function ButtonGroupSeparator(t0) {
|
|
383
290
|
const $ = _c2(10);
|
package/dist/button-group.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/button-group.tsx", "../src/separator.tsx"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Children, cloneElement, isValidElement, type ComponentProps, type CSSProperties, type ReactElement, type ReactNode } from \"react\";\nimport { Separator } from \"./separator\";\nimport { radiusVars } from \"@nuee/tokens/semantic.stylex\";\nimport { colorVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x1qjc9v5\",\n k1xSpc: \"x3nfvp2\",\n kOIVth: \"xxhr3t\",\n kzqmXN: \"xeq5yr9\",\n $$css: true\n },\n horizontal: {\n kXwgrk: \"x1q0g3np\",\n $$css: true\n },\n vertical: {\n kXwgrk: \"xdt5ytf\",\n $$css: true\n },\n item: {\n k7Eaqz: \"xeuugli\",\n kVAEAm: \"x1n2onr6\",\n k9RWNo: \"x135w3n3\",\n $$css: true\n },\n horizontalItem: {\n keTefX: \"x1hb08if\",\n $$css: true\n },\n horizontalFirstItem: {\n keTefX: \"x1lziwak\",\n $$css: true\n },\n horizontalLastItem: {\n $$css: true\n },\n verticalItem: {\n keoZOQ: \"x1y332i5\",\n $$css: true\n },\n verticalFirstItem: {\n keoZOQ: \"xdj266r\",\n $$css: true\n },\n verticalLastItem: {\n $$css: true\n },\n text: {\n kGNEyG: \"x6s0dn4\",\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kMwMTN: \"x1ry1pnm\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kjj79g: \"xl56j7k\",\n kAzted: \"x1ek7y2g\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n separator: {\n kSGwAc: \"xkh2ocl\",\n kZKoxP: \"xt7dq6l\",\n kUOVxO: \"xz95peq\",\n kAzted: \"x65nank\",\n $$css: true\n }\n};\ntype StyleProps = {\n style?: CSSProperties;\n xstyle?: stylex.StyleXStyles;\n};\ntype GroupItem = ReactElement<StyleProps>;\nfunction isGroupItem(child: ReactNode): child is GroupItem {\n return isValidElement(child) && child.type !== ButtonGroupSeparator;\n}\nfunction getItemBorderRadius(orientation: \"horizontal\" | \"vertical\", position: number, length: number): CSSProperties {\n const isFirst = position === 0;\n const isLast = position === length - 1;\n if (orientation === \"horizontal\") {\n return {\n borderBottomLeftRadius: isFirst ? radiusVars.sm : 0,\n borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n borderTopRightRadius: isLast ? radiusVars.sm : 0\n };\n }\n return {\n borderBottomLeftRadius: isLast ? radiusVars.sm : 0,\n borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n borderTopRightRadius: isFirst ? radiusVars.sm : 0\n };\n}\nexport type ButtonGroupProps = ComponentProps<\"div\"> & StyleProps & {\n orientation?: \"horizontal\" | \"vertical\";\n};\nexport function ButtonGroup(t0) {\n const $ = _c(27);\n let children;\n let className;\n let props;\n let role;\n let style;\n let t1;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n children,\n orientation: t1,\n role,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = className;\n $[3] = props;\n $[4] = role;\n $[5] = style;\n $[6] = t1;\n $[7] = xstyle;\n } else {\n children = $[1];\n className = $[2];\n props = $[3];\n role = $[4];\n style = $[5];\n t1 = $[6];\n xstyle = $[7];\n }\n const orientation = t1 === undefined ? \"horizontal\" : t1;\n let t2;\n if ($[8] !== orientation || $[9] !== xstyle) {\n t2 = stylex.props(styles.root, styles[orientation], xstyle);\n $[8] = orientation;\n $[9] = xstyle;\n $[10] = t2;\n } else {\n t2 = $[10];\n }\n const stylexProps = t2;\n let t3;\n if ($[11] !== children || $[12] !== orientation) {\n const childItems = Children.toArray(children);\n const groupItems = childItems.filter(isGroupItem);\n t3 = childItems.map((child, childIndex) => {\n if (!isGroupItem(child)) {\n return child;\n }\n const position = childItems.slice(0, childIndex).filter(isGroupItem).length;\n const groupItem = child;\n const itemStyles = [styles.item, styles[`${orientation}Item`], position === 0 && styles[`${orientation}FirstItem`], position === groupItems.length - 1 && styles[`${orientation}LastItem`]];\n return cloneElement(groupItem, {\n style: {\n ...groupItem.props.style,\n ...getItemBorderRadius(orientation, position, groupItems.length)\n },\n xstyle: [...itemStyles, groupItem.props.xstyle]\n });\n });\n $[11] = children;\n $[12] = orientation;\n $[13] = t3;\n } else {\n t3 = $[13];\n }\n const content = t3;\n const t4 = role ?? \"group\";\n let t5;\n if ($[14] !== className || $[15] !== stylexProps.className) {\n t5 = [stylexProps.className, className].filter(Boolean);\n $[14] = className;\n $[15] = stylexProps.className;\n $[16] = t5;\n } else {\n t5 = $[16];\n }\n const t6 = t5.join(\" \");\n let t7;\n if ($[17] !== style || $[18] !== stylexProps.style) {\n t7 = {\n ...stylexProps.style,\n ...style\n };\n $[17] = style;\n $[18] = stylexProps.style;\n $[19] = t7;\n } else {\n t7 = $[19];\n }\n let t8;\n if ($[20] !== content || $[21] !== orientation || $[22] !== props || $[23] !== t4 || $[24] !== t6 || $[25] !== t7) {\n t8 = <div {...props} data-orientation={orientation} role={t4} className={t6} style={t7}>{content}</div>;\n $[20] = content;\n $[21] = orientation;\n $[22] = props;\n $[23] = t4;\n $[24] = t6;\n $[25] = t7;\n $[26] = t8;\n } else {\n t8 = $[26];\n }\n return t8;\n}\nexport function ButtonGroupText(t0) {\n const $ = _c(17);\n let className;\n let props;\n let style;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n xstyle = $[4];\n }\n let t1;\n if ($[5] !== xstyle) {\n t1 = stylex.props(styles.text, xstyle);\n $[5] = xstyle;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n const stylexProps = t1;\n let t2;\n if ($[7] !== className || $[8] !== stylexProps.className) {\n t2 = [stylexProps.className, className].filter(Boolean);\n $[7] = className;\n $[8] = stylexProps.className;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n const t3 = t2.join(\" \");\n let t4;\n if ($[10] !== style || $[11] !== stylexProps.style) {\n t4 = {\n ...stylexProps.style,\n ...style\n };\n $[10] = style;\n $[11] = stylexProps.style;\n $[12] = t4;\n } else {\n t4 = $[12];\n }\n let t5;\n if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n t5 = <span {...props} className={t3} style={t4} />;\n $[13] = props;\n $[14] = t3;\n $[15] = t4;\n $[16] = t5;\n } else {\n t5 = $[16];\n }\n return t5;\n}\nexport function ButtonGroupSeparator(t0) {\n const $ = _c(10);\n let props;\n let t1;\n let xstyle;\n if ($[0] !== t0) {\n ({\n orientation: t1,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n $[2] = t1;\n $[3] = xstyle;\n } else {\n props = $[1];\n t1 = $[2];\n xstyle = $[3];\n }\n const orientation = t1 === undefined ? \"vertical\" : t1;\n let t2;\n if ($[4] !== xstyle) {\n t2 = [styles.separator, xstyle];\n $[4] = xstyle;\n $[5] = t2;\n } else {\n t2 = $[5];\n }\n let t3;\n if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {\n t3 = <Separator {...props} orientation={orientation} xstyle={t2} />;\n $[6] = orientation;\n $[7] = props;\n $[8] = t2;\n $[9] = t3;\n } else {\n t3 = $[9];\n }\n return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kWkggS: \"xoec9bc\",\n kmuXW: \"x2lah0s\",\n $$css: true\n },\n horizontal: {\n kZKoxP: \"x1c2adg6\",\n kzqmXN: \"xh8yej3\",\n $$css: true\n },\n vertical: {\n kSGwAc: \"xkh2ocl\",\n kAzted: \"x43ag4r\",\n kzqmXN: \"x1l4o4rh\",\n $$css: true\n }\n};\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {\n decorative?: boolean;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n const $ = _c(23);\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n decorative: t1,\n orientation: t2,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = t1;\n $[5] = t2;\n $[6] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n t1 = $[4];\n t2 = $[5];\n xstyle = $[6];\n }\n const decorative = t1 === undefined ? true : t1;\n const orientation = t2 === undefined ? \"horizontal\" : t2;\n let t3;\n if ($[7] !== orientation || $[8] !== xstyle) {\n t3 = stylex.props(styles.root, styles[orientation], xstyle);\n $[7] = orientation;\n $[8] = xstyle;\n $[9] = t3;\n } else {\n t3 = $[9];\n }\n const stylexProps = t3;\n const t4 = decorative || undefined;\n const t5 = decorative ? \"presentation\" : undefined;\n let t6;\n if ($[10] !== className || $[11] !== stylexProps.className) {\n t6 = [stylexProps.className, className].filter(Boolean);\n $[10] = className;\n $[11] = stylexProps.className;\n $[12] = t6;\n } else {\n t6 = $[12];\n }\n const t7 = t6.join(\" \");\n let t8;\n if ($[13] !== style || $[14] !== stylexProps.style) {\n t8 = {\n ...stylexProps.style,\n ...style\n };\n $[13] = style;\n $[14] = stylexProps.style;\n $[15] = t8;\n } else {\n t8 = $[15];\n }\n let t9;\n if ($[16] !== orientation || $[17] !== props || $[18] !== t4 || $[19] !== t5 || $[20] !== t7 || $[21] !== t8) {\n t9 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} className={t7} style={t8} />;\n $[16] = orientation;\n $[17] = props;\n $[18] = t4;\n $[19] = t5;\n $[20] = t7;\n $[21] = t8;\n $[22] = t9;\n } else {\n t9 = $[22];\n }\n return t9;\n}"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,KAAKA,WAAU;AACxB,YAAYC,aAAY;AACxB,SAAS,UAAU,cAAc,sBAAkG;;;ACFnI,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa,0BAA0B;AAChD,YAAY,YAAY;
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Children, cloneElement, isValidElement, type ComponentProps, type CSSProperties, type ReactElement, type ReactNode } from \"react\";\nimport { Separator } from \"./separator\";\nimport { radiusVars } from \"@nuee/tokens/semantic.stylex\";\nimport { colorVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x1qjc9v5\",\n k1xSpc: \"x3nfvp2\",\n kOIVth: \"xxhr3t\",\n kzqmXN: \"xeq5yr9\",\n $$css: true\n },\n horizontal: {\n kXwgrk: \"x1q0g3np\",\n $$css: true\n },\n vertical: {\n kXwgrk: \"xdt5ytf\",\n $$css: true\n },\n item: {\n k7Eaqz: \"xeuugli\",\n kVAEAm: \"x1n2onr6\",\n k9RWNo: \"x135w3n3\",\n $$css: true\n },\n horizontalItem: {\n keTefX: \"x1hb08if\",\n $$css: true\n },\n horizontalFirstItem: {\n keTefX: \"x1lziwak\",\n $$css: true\n },\n horizontalLastItem: {\n $$css: true\n },\n verticalItem: {\n keoZOQ: \"x1y332i5\",\n $$css: true\n },\n verticalFirstItem: {\n keoZOQ: \"xdj266r\",\n $$css: true\n },\n verticalLastItem: {\n $$css: true\n },\n text: {\n kGNEyG: \"x6s0dn4\",\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kMwMTN: \"x1ry1pnm\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kjj79g: \"xl56j7k\",\n kAzted: \"x1ek7y2g\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n separator: {\n kSGwAc: \"xkh2ocl\",\n kZKoxP: \"xt7dq6l\",\n kUOVxO: \"xz95peq\",\n kAzted: \"x65nank\",\n $$css: true\n }\n};\ntype StyleProps = {\n style?: CSSProperties;\n xstyle?: stylex.StyleXStyles;\n};\ntype GroupItem = ReactElement<StyleProps>;\nfunction isGroupItem(child: ReactNode): child is GroupItem {\n return isValidElement(child) && child.type !== ButtonGroupSeparator;\n}\nfunction getItemBorderRadius(orientation: \"horizontal\" | \"vertical\", position: number, length: number): CSSProperties {\n const isFirst = position === 0;\n const isLast = position === length - 1;\n if (orientation === \"horizontal\") {\n return {\n borderBottomLeftRadius: isFirst ? radiusVars.sm : 0,\n borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n borderTopRightRadius: isLast ? radiusVars.sm : 0\n };\n }\n return {\n borderBottomLeftRadius: isLast ? radiusVars.sm : 0,\n borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n borderTopRightRadius: isFirst ? radiusVars.sm : 0\n };\n}\nexport type ButtonGroupProps = ComponentProps<\"div\"> & StyleProps & {\n orientation?: \"horizontal\" | \"vertical\";\n};\nexport function ButtonGroup(t0) {\n const $ = _c(18);\n let children;\n let props;\n let role;\n let t1;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n orientation: t1,\n role,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = props;\n $[3] = role;\n $[4] = t1;\n $[5] = xstyle;\n } else {\n children = $[1];\n props = $[2];\n role = $[3];\n t1 = $[4];\n xstyle = $[5];\n }\n const orientation = t1 === undefined ? \"horizontal\" : t1;\n let t2;\n if ($[6] !== orientation || $[7] !== xstyle) {\n t2 = stylex.props(styles.root, styles[orientation], xstyle);\n $[6] = orientation;\n $[7] = xstyle;\n $[8] = t2;\n } else {\n t2 = $[8];\n }\n const stylexProps = t2;\n let t3;\n if ($[9] !== children || $[10] !== orientation) {\n const childItems = Children.toArray(children);\n const groupItems = childItems.filter(isGroupItem);\n t3 = childItems.map((child, childIndex) => {\n if (!isGroupItem(child)) {\n return child;\n }\n const position = childItems.slice(0, childIndex).filter(isGroupItem).length;\n const groupItem = child;\n const itemStyles = [styles.item, styles[`${orientation}Item`], position === 0 && styles[`${orientation}FirstItem`], position === groupItems.length - 1 && styles[`${orientation}LastItem`]];\n return cloneElement(groupItem, {\n style: {\n ...groupItem.props.style,\n ...getItemBorderRadius(orientation, position, groupItems.length)\n },\n xstyle: [...itemStyles, groupItem.props.xstyle]\n });\n });\n $[9] = children;\n $[10] = orientation;\n $[11] = t3;\n } else {\n t3 = $[11];\n }\n const content = t3;\n const t4 = role ?? \"group\";\n let t5;\n if ($[12] !== content || $[13] !== orientation || $[14] !== props || $[15] !== stylexProps || $[16] !== t4) {\n t5 = <div {...props} data-orientation={orientation} role={t4} {...stylexProps}>{content}</div>;\n $[12] = content;\n $[13] = orientation;\n $[14] = props;\n $[15] = stylexProps;\n $[16] = t4;\n $[17] = t5;\n } else {\n t5 = $[17];\n }\n return t5;\n}\nexport function ButtonGroupText(t0) {\n const $ = _c(8);\n let props;\n let xstyle;\n if ($[0] !== t0) {\n ({\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n $[2] = xstyle;\n } else {\n props = $[1];\n xstyle = $[2];\n }\n let t1;\n if ($[3] !== xstyle) {\n t1 = stylex.props(styles.text, xstyle);\n $[3] = xstyle;\n $[4] = t1;\n } else {\n t1 = $[4];\n }\n const stylexProps = t1;\n let t2;\n if ($[5] !== props || $[6] !== stylexProps) {\n t2 = <span {...props} {...stylexProps} />;\n $[5] = props;\n $[6] = stylexProps;\n $[7] = t2;\n } else {\n t2 = $[7];\n }\n return t2;\n}\nexport function ButtonGroupSeparator(t0) {\n const $ = _c(10);\n let props;\n let t1;\n let xstyle;\n if ($[0] !== t0) {\n ({\n orientation: t1,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n $[2] = t1;\n $[3] = xstyle;\n } else {\n props = $[1];\n t1 = $[2];\n xstyle = $[3];\n }\n const orientation = t1 === undefined ? \"vertical\" : t1;\n let t2;\n if ($[4] !== xstyle) {\n t2 = [styles.separator, xstyle];\n $[4] = xstyle;\n $[5] = t2;\n } else {\n t2 = $[5];\n }\n let t3;\n if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {\n t3 = <Separator {...props} orientation={orientation} xstyle={t2} />;\n $[6] = orientation;\n $[7] = props;\n $[8] = t2;\n $[9] = t3;\n } else {\n t3 = $[9];\n }\n return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kWkggS: \"xoec9bc\",\n kmuXW: \"x2lah0s\",\n $$css: true\n },\n horizontal: {\n kZKoxP: \"x1c2adg6\",\n kzqmXN: \"xh8yej3\",\n $$css: true\n },\n vertical: {\n kSGwAc: \"xkh2ocl\",\n kAzted: \"x43ag4r\",\n kzqmXN: \"x1l4o4rh\",\n $$css: true\n }\n};\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {\n decorative?: boolean;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n const $ = _c(14);\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n decorative: t1,\n orientation: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n $[2] = t1;\n $[3] = t2;\n $[4] = xstyle;\n } else {\n props = $[1];\n t1 = $[2];\n t2 = $[3];\n xstyle = $[4];\n }\n const decorative = t1 === undefined ? true : t1;\n const orientation = t2 === undefined ? \"horizontal\" : t2;\n let t3;\n if ($[5] !== orientation || $[6] !== xstyle) {\n t3 = stylex.props(styles.root, styles[orientation], xstyle);\n $[5] = orientation;\n $[6] = xstyle;\n $[7] = t3;\n } else {\n t3 = $[7];\n }\n const stylexProps = t3;\n const t4 = decorative || undefined;\n const t5 = decorative ? \"presentation\" : undefined;\n let t6;\n if ($[8] !== orientation || $[9] !== props || $[10] !== stylexProps || $[11] !== t4 || $[12] !== t5) {\n t6 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} {...stylexProps} />;\n $[8] = orientation;\n $[9] = props;\n $[10] = stylexProps;\n $[11] = t4;\n $[12] = t5;\n $[13] = t6;\n } else {\n t6 = $[13];\n }\n return t6;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["_c", "stylex", "props", "jsx", "styles", "_c", "props"]
|
|
7
7
|
}
|
package/dist/button.d.ts
CHANGED
|
@@ -9,5 +9,5 @@ export type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {
|
|
|
9
9
|
variant?: ButtonVariant;
|
|
10
10
|
xstyle?: stylex.StyleXStyles;
|
|
11
11
|
};
|
|
12
|
-
export declare function Button({ children,
|
|
12
|
+
export declare function Button({ children, disabled, size, variant, xstyle, ...props }: ButtonProps): import("react").JSX.Element;
|
|
13
13
|
export {};
|
package/dist/button.js
CHANGED
|
@@ -125,75 +125,57 @@ var styles = {
|
|
|
125
125
|
}
|
|
126
126
|
};
|
|
127
127
|
function Button(t0) {
|
|
128
|
-
const $ = _c(
|
|
128
|
+
const $ = _c(24);
|
|
129
129
|
let children;
|
|
130
|
-
let className;
|
|
131
130
|
let disabled;
|
|
132
131
|
let props2;
|
|
133
|
-
let style;
|
|
134
132
|
let t1;
|
|
135
133
|
let t2;
|
|
136
134
|
let xstyle;
|
|
137
135
|
if ($[0] !== t0) {
|
|
138
136
|
({
|
|
139
137
|
children,
|
|
140
|
-
className,
|
|
141
138
|
disabled,
|
|
142
139
|
size: t1,
|
|
143
|
-
style,
|
|
144
140
|
variant: t2,
|
|
145
141
|
xstyle,
|
|
146
142
|
...props2
|
|
147
143
|
} = t0);
|
|
148
144
|
$[0] = t0;
|
|
149
145
|
$[1] = children;
|
|
150
|
-
$[2] =
|
|
151
|
-
$[3] =
|
|
152
|
-
$[4] =
|
|
153
|
-
$[5] =
|
|
154
|
-
$[6] =
|
|
155
|
-
$[7] = t2;
|
|
156
|
-
$[8] = xstyle;
|
|
146
|
+
$[2] = disabled;
|
|
147
|
+
$[3] = props2;
|
|
148
|
+
$[4] = t1;
|
|
149
|
+
$[5] = t2;
|
|
150
|
+
$[6] = xstyle;
|
|
157
151
|
} else {
|
|
158
152
|
children = $[1];
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
t2 = $[7];
|
|
165
|
-
xstyle = $[8];
|
|
153
|
+
disabled = $[2];
|
|
154
|
+
props2 = $[3];
|
|
155
|
+
t1 = $[4];
|
|
156
|
+
t2 = $[5];
|
|
157
|
+
xstyle = $[6];
|
|
166
158
|
}
|
|
167
159
|
const size = t1 === void 0 ? "md" : t1;
|
|
168
160
|
const variant = t2 === void 0 ? "primary" : t2;
|
|
169
161
|
const isDisabled = Boolean(disabled);
|
|
170
162
|
const hasSolidBackground = variant === "primary" || variant === "destructive";
|
|
171
163
|
let t3;
|
|
172
|
-
if ($[
|
|
164
|
+
if ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== xstyle) {
|
|
173
165
|
t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === "ghost" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);
|
|
174
|
-
$[
|
|
175
|
-
$[
|
|
176
|
-
$[
|
|
177
|
-
$[
|
|
178
|
-
$[
|
|
179
|
-
$[
|
|
166
|
+
$[7] = hasSolidBackground;
|
|
167
|
+
$[8] = isDisabled;
|
|
168
|
+
$[9] = size;
|
|
169
|
+
$[10] = variant;
|
|
170
|
+
$[11] = xstyle;
|
|
171
|
+
$[12] = t3;
|
|
180
172
|
} else {
|
|
181
|
-
t3 = $[
|
|
173
|
+
t3 = $[12];
|
|
182
174
|
}
|
|
183
175
|
const stylexProps = t3;
|
|
184
176
|
let t4;
|
|
185
|
-
if ($[
|
|
186
|
-
t4 =
|
|
187
|
-
$[15] = className;
|
|
188
|
-
$[16] = stylexProps.className;
|
|
189
|
-
$[17] = t4;
|
|
190
|
-
} else {
|
|
191
|
-
t4 = $[17];
|
|
192
|
-
}
|
|
193
|
-
const mergedClassName = t4.join(" ");
|
|
194
|
-
let t5;
|
|
195
|
-
if ($[18] !== isDisabled || $[19] !== variant) {
|
|
196
|
-
t5 = {
|
|
177
|
+
if ($[13] !== isDisabled || $[14] !== variant) {
|
|
178
|
+
t4 = {
|
|
197
179
|
0: {
|
|
198
180
|
className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm"
|
|
199
181
|
},
|
|
@@ -219,47 +201,34 @@ function Button(t0) {
|
|
|
219
201
|
className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
|
|
220
202
|
}
|
|
221
203
|
}[!!(variant === "primary") << 2 | !!(variant === "destructive") << 1 | !!isDisabled << 0];
|
|
222
|
-
$[
|
|
223
|
-
$[
|
|
224
|
-
$[
|
|
204
|
+
$[13] = isDisabled;
|
|
205
|
+
$[14] = variant;
|
|
206
|
+
$[15] = t4;
|
|
207
|
+
} else {
|
|
208
|
+
t4 = $[15];
|
|
209
|
+
}
|
|
210
|
+
const contentStylexProps = t4;
|
|
211
|
+
let t5;
|
|
212
|
+
if ($[16] !== children || $[17] !== contentStylexProps) {
|
|
213
|
+
t5 = /* @__PURE__ */ jsx("span", { ...contentStylexProps, children });
|
|
214
|
+
$[16] = children;
|
|
215
|
+
$[17] = contentStylexProps;
|
|
216
|
+
$[18] = t5;
|
|
225
217
|
} else {
|
|
226
|
-
t5 = $[
|
|
218
|
+
t5 = $[18];
|
|
227
219
|
}
|
|
228
|
-
const contentStylexProps = t5;
|
|
229
220
|
let t6;
|
|
230
|
-
if ($[21] !==
|
|
231
|
-
t6 = {
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
$[
|
|
236
|
-
$[22] = stylexProps.style;
|
|
221
|
+
if ($[19] !== disabled || $[20] !== props2 || $[21] !== stylexProps || $[22] !== t5) {
|
|
222
|
+
t6 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props2, disabled, ...stylexProps, children: t5 });
|
|
223
|
+
$[19] = disabled;
|
|
224
|
+
$[20] = props2;
|
|
225
|
+
$[21] = stylexProps;
|
|
226
|
+
$[22] = t5;
|
|
237
227
|
$[23] = t6;
|
|
238
228
|
} else {
|
|
239
229
|
t6 = $[23];
|
|
240
230
|
}
|
|
241
|
-
|
|
242
|
-
if ($[24] !== children || $[25] !== contentStylexProps) {
|
|
243
|
-
t7 = /* @__PURE__ */ jsx("span", { ...contentStylexProps, children });
|
|
244
|
-
$[24] = children;
|
|
245
|
-
$[25] = contentStylexProps;
|
|
246
|
-
$[26] = t7;
|
|
247
|
-
} else {
|
|
248
|
-
t7 = $[26];
|
|
249
|
-
}
|
|
250
|
-
let t8;
|
|
251
|
-
if ($[27] !== disabled || $[28] !== mergedClassName || $[29] !== props2 || $[30] !== t6 || $[31] !== t7) {
|
|
252
|
-
t8 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props2, className: mergedClassName, disabled, style: t6, children: t7 });
|
|
253
|
-
$[27] = disabled;
|
|
254
|
-
$[28] = mergedClassName;
|
|
255
|
-
$[29] = props2;
|
|
256
|
-
$[30] = t6;
|
|
257
|
-
$[31] = t7;
|
|
258
|
-
$[32] = t8;
|
|
259
|
-
} else {
|
|
260
|
-
t8 = $[32];
|
|
261
|
-
}
|
|
262
|
-
return t8;
|
|
231
|
+
return t6;
|
|
263
232
|
}
|
|
264
233
|
export {
|
|
265
234
|
Button
|
package/dist/button.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/button.tsx"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kysU6D: \"xjyslct\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1uj7ll3\",\n kHBbk8: \"xc8icb0\",\n kjj79g: \"xl56j7k\",\n kLWn49: \"x1hfsx4t\",\n kI3sdo: \"x1a2a7pz\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xscx6xn\",\n kfSwDN: \"x87ps6o\",\n khDVqt: \"xuxw1ft\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n kLkRvE: \"xqhzmhv\",\n kgeoSG: \"x1cpjm7i\",\n kFcpXp: \"xxx281p\",\n km8f2m: \"xkk1bqk\",\n kEoFBp: \"x1hmns74\",\n kxmVGU: \"x2hztxu\",\n $$css: true\n },\n solidInteraction: {\n kLkRvE: \"xqhzmhv x1v9rfms x1c9ljbx\",\n $$css: true\n },\n surfaceInteraction: {\n kLkRvE: \"xqhzmhv x10nvyxg x1kux2mm\",\n $$css: true\n },\n content: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kOIVth: \"x1uj7ll3\",\n kVAEAm: \"x1n2onr6\",\n kY2c9j: \"x1vjfegm\",\n $$css: true\n },\n primaryContent: {\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n destructiveContent: {\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabledContent: {\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n primary: {\n kWkggS: \"x92qhq\",\n kVAM5u: \"x1nbx55b\",\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n secondary: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n ghost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n destructive: {\n kWkggS: \"xstylu5\",\n kVAM5u: \"xg020jo\",\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n disabledGhost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n $$css: true\n },\n disabledInteraction: {\n kLkRvE: \"xqhzmhv\",\n $$css: true\n },\n sm: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x5vhmdc\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n md: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x1f831s2\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n lg: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"xbdy5jr\",\n kg3NbH: \"xo72ft4\",\n $$css: true\n }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n children: ReactNode;\n size?: ButtonSize;\n variant?: ButtonVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n const $ = _c(
|
|
5
|
-
"mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAC1C,YAAY,YAAY;
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kysU6D: \"xjyslct\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1uj7ll3\",\n kHBbk8: \"xc8icb0\",\n kjj79g: \"xl56j7k\",\n kLWn49: \"x1hfsx4t\",\n kI3sdo: \"x1a2a7pz\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xscx6xn\",\n kfSwDN: \"x87ps6o\",\n khDVqt: \"xuxw1ft\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n kLkRvE: \"xqhzmhv\",\n kgeoSG: \"x1cpjm7i\",\n kFcpXp: \"xxx281p\",\n km8f2m: \"xkk1bqk\",\n kEoFBp: \"x1hmns74\",\n kxmVGU: \"x2hztxu\",\n $$css: true\n },\n solidInteraction: {\n kLkRvE: \"xqhzmhv x1v9rfms x1c9ljbx\",\n $$css: true\n },\n surfaceInteraction: {\n kLkRvE: \"xqhzmhv x10nvyxg x1kux2mm\",\n $$css: true\n },\n content: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kOIVth: \"x1uj7ll3\",\n kVAEAm: \"x1n2onr6\",\n kY2c9j: \"x1vjfegm\",\n $$css: true\n },\n primaryContent: {\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n destructiveContent: {\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabledContent: {\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n primary: {\n kWkggS: \"x92qhq\",\n kVAM5u: \"x1nbx55b\",\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n secondary: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n ghost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n destructive: {\n kWkggS: \"xstylu5\",\n kVAM5u: \"xg020jo\",\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n disabledGhost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n $$css: true\n },\n disabledInteraction: {\n kLkRvE: \"xqhzmhv\",\n $$css: true\n },\n sm: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x5vhmdc\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n md: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x1f831s2\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n lg: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"xbdy5jr\",\n kg3NbH: \"xo72ft4\",\n $$css: true\n }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n children: ReactNode;\n size?: ButtonSize;\n variant?: ButtonVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n const $ = _c(24);\n let children;\n let disabled;\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n disabled,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = disabled;\n $[3] = props;\n $[4] = t1;\n $[5] = t2;\n $[6] = xstyle;\n } else {\n children = $[1];\n disabled = $[2];\n props = $[3];\n t1 = $[4];\n t2 = $[5];\n xstyle = $[6];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"primary\" : t2;\n const isDisabled = Boolean(disabled);\n const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n let t3;\n if ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== xstyle) {\n t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === \"ghost\" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);\n $[7] = hasSolidBackground;\n $[8] = isDisabled;\n $[9] = size;\n $[10] = variant;\n $[11] = xstyle;\n $[12] = t3;\n } else {\n t3 = $[12];\n }\n const stylexProps = t3;\n let t4;\n if ($[13] !== isDisabled || $[14] !== variant) {\n t4 = {\n 0: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm\"\n },\n 4: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l\"\n },\n 2: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 6: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 1: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 5: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 3: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 7: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n }\n }[!!(variant === \"primary\") << 2 | !!(variant === \"destructive\") << 1 | !!isDisabled << 0];\n $[13] = isDisabled;\n $[14] = variant;\n $[15] = t4;\n } else {\n t4 = $[15];\n }\n const contentStylexProps = t4;\n let t5;\n if ($[16] !== children || $[17] !== contentStylexProps) {\n t5 = <span {...contentStylexProps}>{children}</span>;\n $[16] = children;\n $[17] = contentStylexProps;\n $[18] = t5;\n } else {\n t5 = $[18];\n }\n let t6;\n if ($[19] !== disabled || $[20] !== props || $[21] !== stylexProps || $[22] !== t5) {\n t6 = <ButtonPrimitive {...props} disabled={disabled} {...stylexProps}>{t5}</ButtonPrimitive>;\n $[19] = disabled;\n $[20] = props;\n $[21] = stylexProps;\n $[22] = t5;\n $[23] = t6;\n } else {\n t6 = $[23];\n }\n return t6;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["props"]
|
|
7
7
|
}
|