@nuee/ui 0.4.0 → 0.5.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/Icon.js +2 -0
- package/dist/Icon.js.map +2 -2
- package/dist/accordion.d.ts +4 -4
- package/dist/accordion.js +105 -207
- package/dist/accordion.js.map +4 -4
- package/dist/alert-dialog.d.ts +6 -6
- package/dist/alert-dialog.js +83 -352
- package/dist/alert-dialog.js.map +4 -4
- package/dist/aspect-ratio.d.ts +1 -1
- package/dist/aspect-ratio.js +6 -42
- package/dist/aspect-ratio.js.map +2 -2
- package/dist/attachment.d.ts +8 -8
- package/dist/attachment.js +82 -314
- package/dist/attachment.js.map +4 -4
- package/dist/avatar.d.ts +7 -9
- package/dist/avatar.js +29 -71
- package/dist/avatar.js.map +2 -2
- package/dist/badge.d.ts +2 -4
- package/dist/badge.js +7 -44
- package/dist/badge.js.map +2 -2
- package/dist/banner.d.ts +4 -7
- package/dist/banner.js +35 -273
- package/dist/banner.js.map +2 -2
- package/dist/breadcrumb.d.ts +7 -7
- package/dist/breadcrumb.js +12 -92
- package/dist/breadcrumb.js.map +4 -4
- package/dist/bubble.d.ts +6 -4
- package/dist/bubble.js +17 -55
- package/dist/bubble.js.map +2 -2
- package/dist/button-group.d.ts +5 -5
- package/dist/button-group.js +113 -159
- package/dist/button-group.js.map +4 -4
- package/dist/button.d.ts +7 -5
- package/dist/button.js +141 -44
- package/dist/button.js.map +2 -2
- package/dist/calendar.d.ts +9 -0
- package/dist/calendar.js +234 -0
- package/dist/calendar.js.map +7 -0
- package/dist/card.d.ts +3 -3
- package/dist/card.js +31 -216
- package/dist/card.js.map +2 -2
- package/dist/carousel.d.ts +28 -0
- package/dist/carousel.js +427 -0
- package/dist/carousel.js.map +7 -0
- package/dist/checkbox.d.ts +3 -3
- package/dist/checkbox.js +45 -115
- package/dist/checkbox.js.map +4 -4
- package/dist/collapsible.d.ts +3 -3
- package/dist/collapsible.js +96 -184
- package/dist/collapsible.js.map +4 -4
- package/dist/combobox.d.ts +6 -6
- package/dist/combobox.js +182 -268
- package/dist/combobox.js.map +4 -4
- package/dist/content-row.d.ts +7 -7
- package/dist/content-row.js +97 -241
- package/dist/content-row.js.map +3 -3
- package/dist/context-menu.js +15 -738
- package/dist/context-menu.js.map +4 -4
- package/dist/control-layout.d.ts +9 -0
- package/dist/date-picker.d.ts +11 -0
- package/dist/date-picker.js +140 -0
- package/dist/date-picker.js.map +7 -0
- package/dist/dialog.d.ts +5 -5
- package/dist/dialog.js +44 -161
- package/dist/dialog.js.map +4 -4
- package/dist/drawer.d.ts +8 -8
- package/dist/drawer.js +80 -119
- package/dist/drawer.js.map +2 -2
- package/dist/dropdown-menu.d.ts +8 -8
- package/dist/dropdown-menu.js +244 -416
- package/dist/dropdown-menu.js.map +4 -4
- package/dist/empty.d.ts +6 -6
- package/dist/empty.js +31 -210
- package/dist/empty.js.map +2 -2
- package/dist/field.d.ts +9 -9
- package/dist/field.js +81 -31
- package/dist/field.js.map +3 -3
- package/dist/global.css +5 -0
- package/dist/heading.d.ts +6 -0
- package/dist/heading.js +92 -0
- package/dist/heading.js.map +7 -0
- package/dist/hover-card.d.ts +7 -4
- package/dist/hover-card.js +51 -3
- package/dist/hover-card.js.map +2 -2
- package/dist/index.d.ts +14 -8
- package/dist/index.js +295 -12210
- package/dist/index.js.map +4 -4
- package/dist/input-group.d.ts +5 -5
- package/dist/input-group.js +95 -485
- package/dist/input-group.js.map +4 -4
- package/dist/input-otp.d.ts +6 -6
- package/dist/input-otp.js +18 -43
- package/dist/input-otp.js.map +2 -2
- package/dist/input.d.ts +3 -3
- package/dist/input.js +7 -4
- package/dist/input.js.map +2 -2
- package/dist/kbd.d.ts +2 -7
- package/dist/kbd.js +4 -99
- package/dist/kbd.js.map +3 -3
- package/dist/label.d.ts +2 -5
- package/dist/label.js +64 -39
- package/dist/label.js.map +3 -3
- package/dist/link.d.ts +3 -5
- package/dist/link.js +22 -107
- package/dist/link.js.map +4 -4
- package/dist/marker.d.ts +3 -3
- package/dist/marker.js +17 -104
- package/dist/marker.js.map +2 -2
- package/dist/menubar.d.ts +2 -2
- package/dist/menubar.js +36 -772
- package/dist/menubar.js.map +4 -4
- package/dist/message.d.ts +9 -6
- package/dist/message.js +35 -155
- package/dist/message.js.map +2 -2
- package/dist/native-select.d.ts +5 -5
- package/dist/native-select.js +24 -102
- package/dist/native-select.js.map +4 -4
- package/dist/navigation-menu.d.ts +7 -7
- package/dist/navigation-menu.js +183 -307
- package/dist/navigation-menu.js.map +4 -4
- package/dist/pagination.d.ts +5 -5
- package/dist/pagination.js +13 -92
- package/dist/pagination.js.map +4 -4
- package/dist/popover.d.ts +4 -4
- package/dist/popover.js +44 -36
- package/dist/popover.js.map +3 -3
- package/dist/primitives.js +2 -0
- package/dist/primitives.js.map +2 -2
- package/dist/progress.d.ts +3 -3
- package/dist/progress.js +16 -30
- package/dist/progress.js.map +2 -2
- package/dist/radio-group.d.ts +5 -5
- package/dist/radio-group.js +43 -49
- package/dist/radio-group.js.map +3 -3
- package/dist/reset.css +0 -1
- package/dist/scroll-area.d.ts +2 -2
- package/dist/scroll-area.js +56 -80
- package/dist/scroll-area.js.map +2 -2
- package/dist/select.d.ts +5 -5
- package/dist/select.js +169 -255
- package/dist/select.js.map +4 -4
- package/dist/separator.d.ts +1 -1
- package/dist/separator.js +11 -10
- package/dist/separator.js.map +2 -2
- package/dist/skeleton.d.ts +1 -1
- package/dist/skeleton.js +6 -37
- package/dist/skeleton.js.map +2 -2
- package/dist/slider.d.ts +3 -3
- package/dist/slider.js +37 -46
- package/dist/slider.js.map +2 -2
- package/dist/spinner.d.ts +2 -4
- package/dist/spinner.js +5 -61
- package/dist/spinner.js.map +3 -3
- package/dist/stylex.css +463 -307
- package/dist/switch.d.ts +3 -3
- package/dist/switch.js +49 -35
- package/dist/switch.js.map +3 -3
- package/dist/table.d.ts +9 -10
- package/dist/table.js +33 -274
- package/dist/table.js.map +2 -2
- package/dist/tabs.d.ts +4 -4
- package/dist/tabs.js +84 -135
- package/dist/tabs.js.map +3 -3
- package/dist/textarea.d.ts +3 -3
- package/dist/textarea.js +11 -43
- package/dist/textarea.js.map +2 -2
- package/dist/timeline.d.ts +19 -0
- package/dist/timeline.js +104 -0
- package/dist/timeline.js.map +7 -0
- package/dist/toast.d.ts +4 -2
- package/dist/toast.js +261 -485
- package/dist/toast.js.map +4 -4
- package/dist/toast.stylex.d.ts +4 -2
- package/dist/toggle-group.d.ts +5 -5
- package/dist/toggle-group.js +52 -60
- package/dist/toggle-group.js.map +3 -3
- package/dist/toggle.d.ts +3 -3
- package/dist/toggle.js +28 -20
- package/dist/toggle.js.map +3 -3
- package/dist/tooltip.d.ts +1 -1
- package/dist/tooltip.js +52 -44
- package/dist/tooltip.js.map +3 -3
- package/dist/typography.d.ts +50 -294
- package/package.json +15 -7
- package/dist/message-scroller.d.ts +0 -10
- package/dist/message-scroller.js +0 -464
- package/dist/message-scroller.js.map +0 -7
- package/dist/typography.js +0 -85
- package/dist/typography.js.map +0 -7
package/dist/tabs.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
1
3
|
// src/tabs.tsx
|
|
2
4
|
import { c as _c } from "react/compiler-runtime";
|
|
3
5
|
import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
|
|
@@ -25,7 +27,7 @@ var styles = {
|
|
|
25
27
|
ksu8eU: "x1y0btm7",
|
|
26
28
|
kMzoRj: "xzgztj1",
|
|
27
29
|
kAzted: "x1ek7y2g",
|
|
28
|
-
kmVPX3: "
|
|
30
|
+
kmVPX3: "x1td52mm",
|
|
29
31
|
$$css: true
|
|
30
32
|
},
|
|
31
33
|
underlineList: {
|
|
@@ -46,7 +48,7 @@ var styles = {
|
|
|
46
48
|
kkrTdU: "x1ypdohk",
|
|
47
49
|
k1xSpc: "x3nfvp2",
|
|
48
50
|
kmuXW: "x2lah0s",
|
|
49
|
-
kMv6JI: "
|
|
51
|
+
kMv6JI: "x1fe00qh",
|
|
50
52
|
kGuDYH: "x99mhxu",
|
|
51
53
|
k63SB2: "x1v899x5",
|
|
52
54
|
kjj79g: "xl56j7k",
|
|
@@ -99,11 +101,11 @@ var styles = {
|
|
|
99
101
|
kAMwcw: "xctuv9u",
|
|
100
102
|
kzqmXN: "xoffw1",
|
|
101
103
|
kY2c9j: "x1ja2u2z",
|
|
102
|
-
k6CgDc: "
|
|
104
|
+
k6CgDc: "x1ho1d5x",
|
|
103
105
|
$$css: true
|
|
104
106
|
},
|
|
105
107
|
segmentedIndicator: {
|
|
106
|
-
kWkggS: "
|
|
108
|
+
kWkggS: "x1q0pwuq",
|
|
107
109
|
kaIpWk: "x7c24we",
|
|
108
110
|
kGVxlE: "xpelvbv",
|
|
109
111
|
kZKoxP: "x1gezbiy",
|
|
@@ -123,28 +125,17 @@ var styles = {
|
|
|
123
125
|
keoZOQ: "xg89s7",
|
|
124
126
|
k7Eaqz: "xeuugli",
|
|
125
127
|
kI3sdo: "x1a2a7pz",
|
|
126
|
-
k3aq6I: "xnn1q72",
|
|
127
|
-
kIyJzY: "x1ial40k",
|
|
128
|
-
k1ekBW: "x6o7n8i",
|
|
129
|
-
kAMwcw: "xctuv9u",
|
|
130
128
|
kzqmXN: "xh8yej3",
|
|
131
129
|
kZs9gx: "x7yqiub",
|
|
132
130
|
kiEn40: "xzvmsi2",
|
|
133
131
|
k7shQP: "x9v5kkp",
|
|
134
132
|
kPJHz1: "x11ci167",
|
|
135
|
-
kdUZ5K: "xuupxpy",
|
|
136
|
-
k6CgDc: "xsagj69",
|
|
137
|
-
$$css: true
|
|
138
|
-
},
|
|
139
|
-
panelTransitioning: {
|
|
140
|
-
kSiTet: "xg01cxk",
|
|
141
|
-
k3aq6I: "x11n2la0",
|
|
142
133
|
$$css: true
|
|
143
134
|
}
|
|
144
135
|
};
|
|
145
136
|
var TabsVariantContext = createContext("segmented");
|
|
146
137
|
function Tabs(t0) {
|
|
147
|
-
const $ = _c(
|
|
138
|
+
const $ = _c(9);
|
|
148
139
|
let props2;
|
|
149
140
|
let t1;
|
|
150
141
|
if ($[0] !== t0) {
|
|
@@ -171,37 +162,26 @@ function Tabs(t0) {
|
|
|
171
162
|
}
|
|
172
163
|
const stylexProps = t2;
|
|
173
164
|
let t3;
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
$[4] = t3;
|
|
179
|
-
$[5] = t4;
|
|
165
|
+
if ($[4] !== props2) {
|
|
166
|
+
t3 = /* @__PURE__ */ jsx(TabsPrimitive.Root, { ...props2, className: stylexProps.className, style: stylexProps.style });
|
|
167
|
+
$[4] = props2;
|
|
168
|
+
$[5] = t3;
|
|
180
169
|
} else {
|
|
181
|
-
t3 = $[
|
|
182
|
-
t4 = $[5];
|
|
170
|
+
t3 = $[5];
|
|
183
171
|
}
|
|
184
|
-
let
|
|
185
|
-
if ($[6] !==
|
|
186
|
-
|
|
187
|
-
$[6] =
|
|
188
|
-
$[7] =
|
|
189
|
-
|
|
190
|
-
t5 = $[7];
|
|
191
|
-
}
|
|
192
|
-
let t6;
|
|
193
|
-
if ($[8] !== t5 || $[9] !== variant) {
|
|
194
|
-
t6 = /* @__PURE__ */ jsx(TabsVariantContext.Provider, { value: variant, children: t5 });
|
|
195
|
-
$[8] = t5;
|
|
196
|
-
$[9] = variant;
|
|
197
|
-
$[10] = t6;
|
|
172
|
+
let t4;
|
|
173
|
+
if ($[6] !== t3 || $[7] !== variant) {
|
|
174
|
+
t4 = /* @__PURE__ */ jsx(TabsVariantContext.Provider, { value: variant, children: t3 });
|
|
175
|
+
$[6] = t3;
|
|
176
|
+
$[7] = variant;
|
|
177
|
+
$[8] = t4;
|
|
198
178
|
} else {
|
|
199
|
-
|
|
179
|
+
t4 = $[8];
|
|
200
180
|
}
|
|
201
|
-
return
|
|
181
|
+
return t4;
|
|
202
182
|
}
|
|
203
183
|
function TabsList(t0) {
|
|
204
|
-
const $ = _c(
|
|
184
|
+
const $ = _c(14);
|
|
205
185
|
let children;
|
|
206
186
|
let props2;
|
|
207
187
|
if ($[0] !== t0) {
|
|
@@ -218,58 +198,47 @@ function TabsList(t0) {
|
|
|
218
198
|
}
|
|
219
199
|
const variant = useContext(TabsVariantContext);
|
|
220
200
|
let t1;
|
|
221
|
-
let t2;
|
|
222
201
|
if ($[3] !== variant) {
|
|
223
|
-
t1 = (
|
|
224
|
-
const sx = stylex.props(styles.list, styles[`${variant}List`]);
|
|
225
|
-
return sx.className;
|
|
226
|
-
};
|
|
227
|
-
t2 = () => {
|
|
228
|
-
const sx_0 = stylex.props(styles.list, styles[`${variant}List`]);
|
|
229
|
-
return sx_0.style;
|
|
230
|
-
};
|
|
202
|
+
t1 = stylex.props(styles.list, styles[`${variant}List`]);
|
|
231
203
|
$[3] = variant;
|
|
232
204
|
$[4] = t1;
|
|
233
|
-
$[5] = t2;
|
|
234
205
|
} else {
|
|
235
206
|
t1 = $[4];
|
|
236
|
-
t2 = $[5];
|
|
237
207
|
}
|
|
238
|
-
let
|
|
239
|
-
if ($[
|
|
240
|
-
|
|
241
|
-
$[
|
|
242
|
-
$[
|
|
208
|
+
let t2;
|
|
209
|
+
if ($[5] !== variant) {
|
|
210
|
+
t2 = stylex.props(styles.indicator, styles[`${variant}Indicator`]);
|
|
211
|
+
$[5] = variant;
|
|
212
|
+
$[6] = t2;
|
|
243
213
|
} else {
|
|
244
|
-
|
|
214
|
+
t2 = $[6];
|
|
245
215
|
}
|
|
246
|
-
let
|
|
247
|
-
if ($[
|
|
248
|
-
|
|
216
|
+
let t3;
|
|
217
|
+
if ($[7] !== t2) {
|
|
218
|
+
t3 = /* @__PURE__ */ jsx(TabsPrimitive.Indicator, { ...t2 });
|
|
219
|
+
$[7] = t2;
|
|
249
220
|
$[8] = t3;
|
|
250
|
-
$[9] = t4;
|
|
251
221
|
} else {
|
|
252
|
-
|
|
222
|
+
t3 = $[8];
|
|
253
223
|
}
|
|
254
|
-
let
|
|
255
|
-
if ($[
|
|
256
|
-
|
|
224
|
+
let t4;
|
|
225
|
+
if ($[9] !== children || $[10] !== props2 || $[11] !== t1 || $[12] !== t3) {
|
|
226
|
+
t4 = /* @__PURE__ */ jsxs(TabsPrimitive.List, { ...props2, ...t1, children: [
|
|
257
227
|
children,
|
|
258
|
-
|
|
228
|
+
t3
|
|
259
229
|
] });
|
|
260
|
-
$[
|
|
261
|
-
$[
|
|
262
|
-
$[
|
|
263
|
-
$[
|
|
264
|
-
$[
|
|
265
|
-
$[15] = t5;
|
|
230
|
+
$[9] = children;
|
|
231
|
+
$[10] = props2;
|
|
232
|
+
$[11] = t1;
|
|
233
|
+
$[12] = t3;
|
|
234
|
+
$[13] = t4;
|
|
266
235
|
} else {
|
|
267
|
-
|
|
236
|
+
t4 = $[13];
|
|
268
237
|
}
|
|
269
|
-
return
|
|
238
|
+
return t4;
|
|
270
239
|
}
|
|
271
240
|
function TabsTrigger(t0) {
|
|
272
|
-
const $ = _c(
|
|
241
|
+
const $ = _c(11);
|
|
273
242
|
let props2;
|
|
274
243
|
if ($[0] !== t0) {
|
|
275
244
|
({
|
|
@@ -282,37 +251,42 @@ function TabsTrigger(t0) {
|
|
|
282
251
|
}
|
|
283
252
|
const variant = useContext(TabsVariantContext);
|
|
284
253
|
let t1;
|
|
285
|
-
let t2;
|
|
286
254
|
if ($[2] !== variant) {
|
|
287
|
-
t1 = (state)
|
|
288
|
-
|
|
289
|
-
return sx.className;
|
|
290
|
-
};
|
|
291
|
-
t2 = (state_0) => {
|
|
292
|
-
const sx_0 = stylex.props(styles.trigger, styles[`${variant}Trigger`], state_0.active && styles.triggerActive, state_0.disabled && styles.triggerDisabled);
|
|
293
|
-
return sx_0.style;
|
|
255
|
+
t1 = function getTabStyles2(state) {
|
|
256
|
+
return stylex.props(styles.trigger, styles[`${variant}Trigger`], state.active && styles.triggerActive, state.disabled && styles.triggerDisabled);
|
|
294
257
|
};
|
|
295
258
|
$[2] = variant;
|
|
296
259
|
$[3] = t1;
|
|
297
|
-
$[4] = t2;
|
|
298
260
|
} else {
|
|
299
261
|
t1 = $[3];
|
|
300
|
-
t2 = $[4];
|
|
301
262
|
}
|
|
263
|
+
const getTabStyles = t1;
|
|
264
|
+
let t2;
|
|
302
265
|
let t3;
|
|
303
|
-
if ($[
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
$[
|
|
307
|
-
$[
|
|
308
|
-
$[
|
|
266
|
+
if ($[4] !== getTabStyles) {
|
|
267
|
+
t2 = (state_0) => getTabStyles(state_0).className;
|
|
268
|
+
t3 = (state_1) => getTabStyles(state_1).style;
|
|
269
|
+
$[4] = getTabStyles;
|
|
270
|
+
$[5] = t2;
|
|
271
|
+
$[6] = t3;
|
|
309
272
|
} else {
|
|
310
|
-
|
|
273
|
+
t2 = $[5];
|
|
274
|
+
t3 = $[6];
|
|
275
|
+
}
|
|
276
|
+
let t4;
|
|
277
|
+
if ($[7] !== props2 || $[8] !== t2 || $[9] !== t3) {
|
|
278
|
+
t4 = /* @__PURE__ */ jsx(TabsPrimitive.Tab, { ...props2, className: t2, style: t3 });
|
|
279
|
+
$[7] = props2;
|
|
280
|
+
$[8] = t2;
|
|
281
|
+
$[9] = t3;
|
|
282
|
+
$[10] = t4;
|
|
283
|
+
} else {
|
|
284
|
+
t4 = $[10];
|
|
311
285
|
}
|
|
312
|
-
return
|
|
286
|
+
return t4;
|
|
313
287
|
}
|
|
314
288
|
function TabsContent(t0) {
|
|
315
|
-
const $ = _c(
|
|
289
|
+
const $ = _c(5);
|
|
316
290
|
let props2;
|
|
317
291
|
if ($[0] !== t0) {
|
|
318
292
|
({
|
|
@@ -324,48 +298,23 @@ function TabsContent(t0) {
|
|
|
324
298
|
props2 = $[1];
|
|
325
299
|
}
|
|
326
300
|
let t1;
|
|
327
|
-
if ($[2]
|
|
328
|
-
t1 =
|
|
329
|
-
|
|
330
|
-
|
|
301
|
+
if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
302
|
+
t1 = {
|
|
303
|
+
className: "x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167"
|
|
304
|
+
};
|
|
305
|
+
$[2] = t1;
|
|
331
306
|
} else {
|
|
332
|
-
t1 = $[
|
|
307
|
+
t1 = $[2];
|
|
333
308
|
}
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
},
|
|
344
|
-
1: {
|
|
345
|
-
className: "x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz x1ial40k x6o7n8i xctuv9u xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167 xuupxpy xsagj69 xg01cxk x11n2la0"
|
|
346
|
-
},
|
|
347
|
-
3: {
|
|
348
|
-
className: "x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz x1ial40k x6o7n8i xctuv9u xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167 xuupxpy xsagj69 xg01cxk x11n2la0"
|
|
349
|
-
}
|
|
350
|
-
}[!!(state_0.transitionStatus === "starting") << 1 | !!(state_0.transitionStatus === "ending") << 0];
|
|
351
|
-
return sx_0.style;
|
|
352
|
-
}
|
|
353
|
-
function _temp(state) {
|
|
354
|
-
const sx = {
|
|
355
|
-
0: {
|
|
356
|
-
className: "x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz xnn1q72 x1ial40k x6o7n8i xctuv9u xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167 xuupxpy xsagj69"
|
|
357
|
-
},
|
|
358
|
-
2: {
|
|
359
|
-
className: "x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz x1ial40k x6o7n8i xctuv9u xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167 xuupxpy xsagj69 xg01cxk x11n2la0"
|
|
360
|
-
},
|
|
361
|
-
1: {
|
|
362
|
-
className: "x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz x1ial40k x6o7n8i xctuv9u xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167 xuupxpy xsagj69 xg01cxk x11n2la0"
|
|
363
|
-
},
|
|
364
|
-
3: {
|
|
365
|
-
className: "x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz x1ial40k x6o7n8i xctuv9u xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167 xuupxpy xsagj69 xg01cxk x11n2la0"
|
|
366
|
-
}
|
|
367
|
-
}[!!(state.transitionStatus === "starting") << 1 | !!(state.transitionStatus === "ending") << 0];
|
|
368
|
-
return sx.className;
|
|
309
|
+
let t2;
|
|
310
|
+
if ($[3] !== props2) {
|
|
311
|
+
t2 = /* @__PURE__ */ jsx(TabsPrimitive.Panel, { ...props2, ...t1 });
|
|
312
|
+
$[3] = props2;
|
|
313
|
+
$[4] = t2;
|
|
314
|
+
} else {
|
|
315
|
+
t2 = $[4];
|
|
316
|
+
}
|
|
317
|
+
return t2;
|
|
369
318
|
}
|
|
370
319
|
export {
|
|
371
320
|
Tabs,
|
package/dist/tabs.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/tabs.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["props"]
|
|
4
|
+
"sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { colorVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, type ComponentProps, useContext } from \"react\";\nconst styles = {\n root: {\n k7Eaqz: \"xeuugli\",\n kzqmXN: \"xh8yej3\",\n $$css: true\n },\n list: {\n kGNEyG: \"x1qjc9v5\",\n k1xSpc: \"x3nfvp2\",\n ks0D6T: \"x193iq5w\",\n kXHlph: \"xw2csxc\",\n kVAEAm: \"x1n2onr6\",\n $$css: true\n },\n segmentedList: {\n kWkggS: \"x13hkpcx\",\n kVAM5u: \"x13xm7is\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kAzted: \"x1ek7y2g\",\n kmVPX3: \"x1td52mm\",\n $$css: true\n },\n underlineList: {\n kL6WhQ: \"xuzwz2k\",\n kfdmCh: \"x1q0q8m5\",\n kt9PQ7: \"xbyw4nl\",\n kOIVth: \"x1uj7ll3\",\n kAzted: \"x1ek7y2g\",\n $$css: true\n },\n trigger: {\n kGNEyG: \"x6s0dn4\",\n kysU6D: \"xjyslct\",\n kWkggS: \"xjbqb8w\",\n ksu8eU: \"xng3xce\",\n kMzoRj: \"xc342km\",\n kMwMTN: \"x1ry1pnm\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kmuXW: \"x2lah0s\",\n kMv6JI: \"x1fe00qh\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kjj79g: \"xl56j7k\",\n kI3sdo: \"x1a2a7pz\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"xs2xxs2\",\n kAMwcw: \"xscx6xn\",\n khDVqt: \"xuxw1ft\",\n kY2c9j: \"x1vjfegm\",\n kDPRdz: \"x3s8dm3\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xls3ic\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n $$css: true\n },\n segmentedTrigger: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x5vhmdc\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n underlineTrigger: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x1f831s2\",\n kg3NbH: \"x1cot6zx\",\n kGzVvX: \"x1o026c7\",\n kDPRdz: \"x3s8dm3\",\n $$css: true\n },\n triggerActive: {\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n triggerDisabled: {\n kWkggS: \"xjbqb8w\",\n kMwMTN: \"x2rig74\",\n kkrTdU: \"x1h6gzvc\",\n kGzVvX: \"x1n5bzlp\",\n kDPRdz: \"x1tx02ow\",\n $$css: true\n },\n indicator: {\n kbCHJM: \"xu96u03\",\n kVAEAm: \"x10l6tqk\",\n k3aq6I: \"x1etwjf9\",\n kIyJzY: \"x1ial40k\",\n k1ekBW: \"xh3q6i0\",\n kAMwcw: \"xctuv9u\",\n kzqmXN: \"xoffw1\",\n kY2c9j: \"x1ja2u2z\",\n k6CgDc: \"x1ho1d5x\",\n $$css: true\n },\n segmentedIndicator: {\n kWkggS: \"x1q0pwuq\",\n kaIpWk: \"x7c24we\",\n kGVxlE: \"xpelvbv\",\n kZKoxP: \"x1gezbiy\",\n k87sOh: \"x10uur0e\",\n $$css: true\n },\n underlineIndicator: {\n kWkggS: \"x1kvu398\",\n krVfgx: \"x1ey2m1c\",\n kZKoxP: \"x1dqxz5f\",\n $$css: true\n },\n panel: {\n kMwMTN: \"x1alews2\",\n kGuDYH: \"x99mhxu\",\n kLWn49: \"xi1fz51\",\n keoZOQ: \"xg89s7\",\n k7Eaqz: \"xeuugli\",\n kI3sdo: \"x1a2a7pz\",\n kzqmXN: \"xh8yej3\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n $$css: true\n }\n};\nexport type TabsVariant = \"segmented\" | \"underline\";\nexport type TabsProps = Omit<ComponentProps<typeof TabsPrimitive.Root>, \"className\" | \"style\"> & {\n variant?: TabsVariant;\n};\nconst TabsVariantContext = createContext<TabsVariant>(\"segmented\");\nexport function Tabs(t0) {\n const $ = _c(9);\n let props;\n let t1;\n if ($[0] !== t0) {\n ({\n variant: t1,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n $[2] = t1;\n } else {\n props = $[1];\n t1 = $[2];\n }\n const variant = t1 === undefined ? \"segmented\" : t1;\n let t2;\n if ($[3] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t2 = {\n className: \"xeuugli xh8yej3\"\n };\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n const stylexProps = t2;\n let t3;\n if ($[4] !== props) {\n t3 = <TabsPrimitive.Root {...props} className={stylexProps.className} style={stylexProps.style} />;\n $[4] = props;\n $[5] = t3;\n } else {\n t3 = $[5];\n }\n let t4;\n if ($[6] !== t3 || $[7] !== variant) {\n t4 = <TabsVariantContext.Provider value={variant}>{t3}</TabsVariantContext.Provider>;\n $[6] = t3;\n $[7] = variant;\n $[8] = t4;\n } else {\n t4 = $[8];\n }\n return t4;\n}\nexport function TabsList(t0) {\n const $ = _c(14);\n let children;\n let props;\n if ($[0] !== t0) {\n ({\n children,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = props;\n } else {\n children = $[1];\n props = $[2];\n }\n const variant = useContext(TabsVariantContext);\n let t1;\n if ($[3] !== variant) {\n t1 = stylex.props(styles.list, styles[`${variant}List`]);\n $[3] = variant;\n $[4] = t1;\n } else {\n t1 = $[4];\n }\n let t2;\n if ($[5] !== variant) {\n t2 = stylex.props(styles.indicator, styles[`${variant}Indicator`]);\n $[5] = variant;\n $[6] = t2;\n } else {\n t2 = $[6];\n }\n let t3;\n if ($[7] !== t2) {\n t3 = <TabsPrimitive.Indicator {...t2} />;\n $[7] = t2;\n $[8] = t3;\n } else {\n t3 = $[8];\n }\n let t4;\n if ($[9] !== children || $[10] !== props || $[11] !== t1 || $[12] !== t3) {\n t4 = <TabsPrimitive.List {...props} {...t1}>{children}{t3}</TabsPrimitive.List>;\n $[9] = children;\n $[10] = props;\n $[11] = t1;\n $[12] = t3;\n $[13] = t4;\n } else {\n t4 = $[13];\n }\n return t4;\n}\nexport function TabsTrigger(t0) {\n const $ = _c(11);\n let props;\n if ($[0] !== t0) {\n ({\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n } else {\n props = $[1];\n }\n const variant = useContext(TabsVariantContext);\n let t1;\n if ($[2] !== variant) {\n t1 = function getTabStyles(state) {\n return stylex.props(styles.trigger, styles[`${variant}Trigger`], state.active && styles.triggerActive, state.disabled && styles.triggerDisabled);\n };\n $[2] = variant;\n $[3] = t1;\n } else {\n t1 = $[3];\n }\n const getTabStyles = t1;\n let t2;\n let t3;\n if ($[4] !== getTabStyles) {\n t2 = state_0 => getTabStyles(state_0).className;\n t3 = state_1 => getTabStyles(state_1).style;\n $[4] = getTabStyles;\n $[5] = t2;\n $[6] = t3;\n } else {\n t2 = $[5];\n t3 = $[6];\n }\n let t4;\n if ($[7] !== props || $[8] !== t2 || $[9] !== t3) {\n t4 = <TabsPrimitive.Tab {...props} className={t2} style={t3} />;\n $[7] = props;\n $[8] = t2;\n $[9] = t3;\n $[10] = t4;\n } else {\n t4 = $[10];\n }\n return t4;\n}\nexport function TabsContent(t0) {\n const $ = _c(5);\n let props;\n if ($[0] !== t0) {\n ({\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n } else {\n props = $[1];\n }\n let t1;\n if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t1 = {\n className: \"x1alews2 x99mhxu xi1fz51 xg89s7 xeuugli x1a2a7pz xh8yej3 x7yqiub xzvmsi2 x9v5kkp x11ci167\"\n };\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n let t2;\n if ($[3] !== props) {\n t2 = <TabsPrimitive.Panel {...props} {...t1} />;\n $[3] = props;\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n return t2;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["props", "getTabStyles"]
|
|
7
7
|
}
|
package/dist/textarea.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as stylex from "@stylexjs/stylex";
|
|
2
1
|
import type { ComponentProps } from "react";
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import type { ControlFieldStyles } from "./control-layout";
|
|
3
|
+
export type TextareaProps = Omit<ComponentProps<"textarea">, "className" | "style"> & {
|
|
4
|
+
xstyle?: ControlFieldStyles;
|
|
5
5
|
};
|
|
6
6
|
export declare function Textarea({ "aria-invalid": ariaInvalid, xstyle, ...props }: TextareaProps): import("react").JSX.Element;
|
package/dist/textarea.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
// src/textarea.tsx
|
|
2
|
-
import { c as _c } from "react/compiler-runtime";
|
|
3
2
|
import * as stylex from "@stylexjs/stylex";
|
|
4
3
|
import { jsx } from "react/jsx-runtime";
|
|
5
4
|
var styles = {
|
|
@@ -10,7 +9,7 @@ var styles = {
|
|
|
10
9
|
ksu8eU: "x1y0btm7",
|
|
11
10
|
kMzoRj: "xzgztj1",
|
|
12
11
|
kMwMTN: "x1alews2",
|
|
13
|
-
kMv6JI: "
|
|
12
|
+
kMv6JI: "x1fe00qh",
|
|
14
13
|
kGuDYH: "x99mhxu",
|
|
15
14
|
kLWn49: "xi1fz51",
|
|
16
15
|
kAzted: "x1meygxz",
|
|
@@ -34,55 +33,24 @@ var styles = {
|
|
|
34
33
|
kYPGJ8: "x1s07b3s",
|
|
35
34
|
kqcrZL: "xakpnpt",
|
|
36
35
|
kHRqo9: "x1gb4maz",
|
|
36
|
+
kbkt0F: "xuwkz20",
|
|
37
|
+
kO0ooq: "x3l8br0",
|
|
37
38
|
$$css: true
|
|
38
39
|
},
|
|
39
40
|
invalid: {
|
|
40
41
|
kVAM5u: "xrv7ry5",
|
|
42
|
+
kOJeXU: "xr5nghg",
|
|
43
|
+
kZs9gx: "x1ooysrn",
|
|
41
44
|
$$css: true
|
|
42
45
|
}
|
|
43
46
|
};
|
|
44
|
-
function Textarea(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
if ($[0] !== t0) {
|
|
50
|
-
({
|
|
51
|
-
"aria-invalid": ariaInvalid,
|
|
52
|
-
xstyle,
|
|
53
|
-
...props2
|
|
54
|
-
} = t0);
|
|
55
|
-
$[0] = t0;
|
|
56
|
-
$[1] = ariaInvalid;
|
|
57
|
-
$[2] = props2;
|
|
58
|
-
$[3] = xstyle;
|
|
59
|
-
} else {
|
|
60
|
-
ariaInvalid = $[1];
|
|
61
|
-
props2 = $[2];
|
|
62
|
-
xstyle = $[3];
|
|
63
|
-
}
|
|
47
|
+
function Textarea({
|
|
48
|
+
"aria-invalid": ariaInvalid,
|
|
49
|
+
xstyle,
|
|
50
|
+
...props2
|
|
51
|
+
}) {
|
|
64
52
|
const isInvalid = ariaInvalid === true || ariaInvalid === "true";
|
|
65
|
-
|
|
66
|
-
if ($[4] !== isInvalid || $[5] !== xstyle) {
|
|
67
|
-
t1 = stylex.props(styles.root, isInvalid && styles.invalid, xstyle);
|
|
68
|
-
$[4] = isInvalid;
|
|
69
|
-
$[5] = xstyle;
|
|
70
|
-
$[6] = t1;
|
|
71
|
-
} else {
|
|
72
|
-
t1 = $[6];
|
|
73
|
-
}
|
|
74
|
-
const stylexProps = t1;
|
|
75
|
-
let t2;
|
|
76
|
-
if ($[7] !== ariaInvalid || $[8] !== props2 || $[9] !== stylexProps) {
|
|
77
|
-
t2 = /* @__PURE__ */ jsx("textarea", { ...props2, "aria-invalid": ariaInvalid, ...stylexProps });
|
|
78
|
-
$[7] = ariaInvalid;
|
|
79
|
-
$[8] = props2;
|
|
80
|
-
$[9] = stylexProps;
|
|
81
|
-
$[10] = t2;
|
|
82
|
-
} else {
|
|
83
|
-
t2 = $[10];
|
|
84
|
-
}
|
|
85
|
-
return t2;
|
|
53
|
+
return /* @__PURE__ */ jsx("textarea", { ...props2, "aria-invalid": ariaInvalid, ...stylex.props(styles.root, isInvalid && styles.invalid, xstyle) });
|
|
86
54
|
}
|
|
87
55
|
export {
|
|
88
56
|
Textarea
|
package/dist/textarea.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/textarea.tsx"],
|
|
4
|
-
"sourcesContent": ["import {
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["import { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlFieldStyles } from \"./control-layout\";\nconst styles = {\n root: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kMwMTN: \"x1alews2\",\n kMv6JI: \"x1fe00qh\",\n kGuDYH: \"x99mhxu\",\n kLWn49: \"xi1fz51\",\n kAzted: \"x1meygxz\",\n kI3sdo: \"x1a2a7pz\",\n kmVPX3: \"x1brvpr3\",\n kHenm0: \"x288g5\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x13wuo2s\",\n kAMwcw: \"xscx6xn\",\n kzqmXN: \"xh8yej3\",\n k8Qsv1: \"xr4g7lh\",\n kaVNsj: \"x17tsfxz\",\n kOJeXU: \"xlysfis\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"x1q375v2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kD2jPA: \"x1ukozmc\",\n kdODIN: \"x1myz13v\",\n kWC4TW: \"xgokf5d\",\n kYPGJ8: \"x1s07b3s\",\n kqcrZL: \"xakpnpt\",\n kHRqo9: \"x1gb4maz\",\n kbkt0F: \"xuwkz20\",\n kO0ooq: \"x3l8br0\",\n $$css: true\n },\n invalid: {\n kVAM5u: \"xrv7ry5\",\n kOJeXU: \"xr5nghg\",\n kZs9gx: \"x1ooysrn\",\n $$css: true\n }\n};\nexport type TextareaProps = Omit<ComponentProps<\"textarea\">, \"className\" | \"style\"> & {\n xstyle?: ControlFieldStyles;\n};\nexport function Textarea({\n \"aria-invalid\": ariaInvalid,\n xstyle,\n ...props\n}: TextareaProps) {\n const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n return <textarea {...props} aria-invalid={ariaInvalid} {...stylex.props(styles.root, isInvalid && styles.invalid, xstyle)} />;\n}"],
|
|
5
|
+
"mappings": ";AACA,YAAY,YAAY;AAuDf;AApDT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,SAAS;AAAA,EACvB,gBAAgB;AAAA,EAChB;AAAA,EACA,GAAGA;AACL,GAAkB;AAChB,QAAM,YAAY,gBAAgB,QAAQ,gBAAgB;AAC1D,SAAO,oBAAC,cAAU,GAAGA,QAAO,gBAAc,aAAc,GAAU,aAAM,OAAO,MAAM,aAAa,OAAO,SAAS,MAAM,GAAG;AAC7H;",
|
|
6
6
|
"names": ["props"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as stylex from "@stylexjs/stylex";
|
|
2
|
+
import type { ComponentProps } from "react";
|
|
3
|
+
export type TimelineIndicatorVariant = "active" | "complete" | "default" | "error";
|
|
4
|
+
export type TimelineProps = Omit<ComponentProps<"ol">, "className" | "style"> & {
|
|
5
|
+
xstyle?: stylex.StyleXStyles;
|
|
6
|
+
};
|
|
7
|
+
export declare function Timeline({ xstyle, ...props }: TimelineProps): import("react").JSX.Element;
|
|
8
|
+
export type TimelineItemProps = Omit<ComponentProps<"li">, "className" | "style"> & {
|
|
9
|
+
xstyle?: stylex.StyleXStyles;
|
|
10
|
+
};
|
|
11
|
+
export declare function TimelineItem({ xstyle, ...props }: TimelineItemProps): import("react").JSX.Element;
|
|
12
|
+
export type TimelineIndicatorProps = Omit<ComponentProps<"span">, "className" | "style"> & {
|
|
13
|
+
variant?: TimelineIndicatorVariant;
|
|
14
|
+
};
|
|
15
|
+
export declare function TimelineIndicator({ variant, ...props }: TimelineIndicatorProps): import("react").JSX.Element;
|
|
16
|
+
export declare function TimelineContent({ ...props }: Omit<ComponentProps<"div">, "className" | "style">): import("react").JSX.Element;
|
|
17
|
+
export declare function TimelineTitle({ ...props }: Omit<ComponentProps<"div">, "className" | "style">): import("react").JSX.Element;
|
|
18
|
+
export declare function TimelineDescription({ ...props }: Omit<ComponentProps<"p">, "className" | "style">): import("react").JSX.Element;
|
|
19
|
+
export declare function TimelineTime({ ...props }: Omit<ComponentProps<"time">, "className" | "style">): import("react").JSX.Element;
|