@nuee/ui 0.3.2 → 0.4.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/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/toggle-group.d.ts
CHANGED
|
@@ -9,10 +9,10 @@ export type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive> & {
|
|
|
9
9
|
variant?: ToggleVariant;
|
|
10
10
|
xstyle?: stylex.StyleXStyles;
|
|
11
11
|
};
|
|
12
|
-
export declare function ToggleGroup({ children,
|
|
12
|
+
export declare function ToggleGroup({ children, size, variant, xstyle, ...props }: ToggleGroupProps): import("react").JSX.Element;
|
|
13
13
|
export type ToggleGroupItemProps = ComponentProps<typeof TogglePrimitive> & {
|
|
14
14
|
size?: ToggleSize;
|
|
15
15
|
variant?: ToggleVariant;
|
|
16
16
|
xstyle?: stylex.StyleXStyles;
|
|
17
17
|
};
|
|
18
|
-
export declare function ToggleGroupItem({
|
|
18
|
+
export declare function ToggleGroupItem({ size, variant, xstyle, ...props }: ToggleGroupItemProps): import("react").JSX.Element;
|
package/dist/toggle-group.js
CHANGED
|
@@ -111,187 +111,151 @@ var ToggleGroupContext = createContext({
|
|
|
111
111
|
variant: "default"
|
|
112
112
|
});
|
|
113
113
|
function ToggleGroup(t0) {
|
|
114
|
-
const $ = _c(
|
|
114
|
+
const $ = _c(24);
|
|
115
115
|
let children;
|
|
116
|
-
let className;
|
|
117
116
|
let props2;
|
|
118
|
-
let style;
|
|
119
117
|
let t1;
|
|
120
118
|
let t2;
|
|
121
119
|
let xstyle;
|
|
122
120
|
if ($[0] !== t0) {
|
|
123
121
|
({
|
|
124
122
|
children,
|
|
125
|
-
className,
|
|
126
123
|
size: t1,
|
|
127
|
-
style,
|
|
128
124
|
variant: t2,
|
|
129
125
|
xstyle,
|
|
130
126
|
...props2
|
|
131
127
|
} = t0);
|
|
132
128
|
$[0] = t0;
|
|
133
129
|
$[1] = children;
|
|
134
|
-
$[2] =
|
|
135
|
-
$[3] =
|
|
136
|
-
$[4] =
|
|
137
|
-
$[5] =
|
|
138
|
-
$[6] = t2;
|
|
139
|
-
$[7] = xstyle;
|
|
130
|
+
$[2] = props2;
|
|
131
|
+
$[3] = t1;
|
|
132
|
+
$[4] = t2;
|
|
133
|
+
$[5] = xstyle;
|
|
140
134
|
} else {
|
|
141
135
|
children = $[1];
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
t2 = $[6];
|
|
147
|
-
xstyle = $[7];
|
|
136
|
+
props2 = $[2];
|
|
137
|
+
t1 = $[3];
|
|
138
|
+
t2 = $[4];
|
|
139
|
+
xstyle = $[5];
|
|
148
140
|
}
|
|
149
141
|
const size = t1 === void 0 ? "md" : t1;
|
|
150
142
|
const variant = t2 === void 0 ? "default" : t2;
|
|
151
143
|
let t3;
|
|
152
|
-
if ($[
|
|
144
|
+
if ($[6] !== variant || $[7] !== xstyle) {
|
|
153
145
|
t3 = stylex.props(styles.root, styles[variant], xstyle);
|
|
154
|
-
$[
|
|
155
|
-
$[
|
|
156
|
-
$[
|
|
146
|
+
$[6] = variant;
|
|
147
|
+
$[7] = xstyle;
|
|
148
|
+
$[8] = t3;
|
|
157
149
|
} else {
|
|
158
|
-
t3 = $[
|
|
150
|
+
t3 = $[8];
|
|
159
151
|
}
|
|
160
152
|
const stylexProps = t3;
|
|
161
153
|
let t4;
|
|
162
|
-
if ($[
|
|
163
|
-
t4 = (
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
};
|
|
167
|
-
$[11] = className;
|
|
168
|
-
$[12] = stylexProps.className;
|
|
169
|
-
$[13] = t4;
|
|
154
|
+
if ($[9] !== stylexProps.className) {
|
|
155
|
+
t4 = () => stylexProps.className;
|
|
156
|
+
$[9] = stylexProps.className;
|
|
157
|
+
$[10] = t4;
|
|
170
158
|
} else {
|
|
171
|
-
t4 = $[
|
|
159
|
+
t4 = $[10];
|
|
172
160
|
}
|
|
173
161
|
let t5;
|
|
174
|
-
if ($[
|
|
175
|
-
t5 = (
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
});
|
|
179
|
-
$[14] = style;
|
|
180
|
-
$[15] = stylexProps.style;
|
|
181
|
-
$[16] = t5;
|
|
162
|
+
if ($[11] !== stylexProps.style) {
|
|
163
|
+
t5 = () => stylexProps.style;
|
|
164
|
+
$[11] = stylexProps.style;
|
|
165
|
+
$[12] = t5;
|
|
182
166
|
} else {
|
|
183
|
-
t5 = $[
|
|
167
|
+
t5 = $[12];
|
|
184
168
|
}
|
|
185
169
|
let t6;
|
|
186
|
-
if ($[
|
|
170
|
+
if ($[13] !== size || $[14] !== variant) {
|
|
187
171
|
t6 = {
|
|
188
172
|
size,
|
|
189
173
|
variant
|
|
190
174
|
};
|
|
191
|
-
$[
|
|
192
|
-
$[
|
|
193
|
-
$[
|
|
175
|
+
$[13] = size;
|
|
176
|
+
$[14] = variant;
|
|
177
|
+
$[15] = t6;
|
|
194
178
|
} else {
|
|
195
|
-
t6 = $[
|
|
179
|
+
t6 = $[15];
|
|
196
180
|
}
|
|
197
181
|
let t7;
|
|
198
|
-
if ($[
|
|
182
|
+
if ($[16] !== children || $[17] !== t6) {
|
|
199
183
|
t7 = /* @__PURE__ */ jsx(ToggleGroupContext, { value: t6, children });
|
|
200
|
-
$[
|
|
201
|
-
$[
|
|
202
|
-
$[
|
|
184
|
+
$[16] = children;
|
|
185
|
+
$[17] = t6;
|
|
186
|
+
$[18] = t7;
|
|
203
187
|
} else {
|
|
204
|
-
t7 = $[
|
|
188
|
+
t7 = $[18];
|
|
205
189
|
}
|
|
206
190
|
let t8;
|
|
207
|
-
if ($[
|
|
191
|
+
if ($[19] !== props2 || $[20] !== t4 || $[21] !== t5 || $[22] !== t7) {
|
|
208
192
|
t8 = /* @__PURE__ */ jsx(ToggleGroupPrimitive, { ...props2, className: t4, style: t5, children: t7 });
|
|
209
|
-
$[
|
|
210
|
-
$[
|
|
211
|
-
$[
|
|
212
|
-
$[
|
|
213
|
-
$[
|
|
193
|
+
$[19] = props2;
|
|
194
|
+
$[20] = t4;
|
|
195
|
+
$[21] = t5;
|
|
196
|
+
$[22] = t7;
|
|
197
|
+
$[23] = t8;
|
|
214
198
|
} else {
|
|
215
|
-
t8 = $[
|
|
199
|
+
t8 = $[23];
|
|
216
200
|
}
|
|
217
201
|
return t8;
|
|
218
202
|
}
|
|
219
203
|
function ToggleGroupItem(t0) {
|
|
220
|
-
const $ = _c(
|
|
221
|
-
let className;
|
|
204
|
+
const $ = _c(14);
|
|
222
205
|
let props2;
|
|
223
206
|
let size;
|
|
224
|
-
let style;
|
|
225
207
|
let variant;
|
|
226
208
|
let xstyle;
|
|
227
209
|
if ($[0] !== t0) {
|
|
228
210
|
({
|
|
229
|
-
className,
|
|
230
211
|
size,
|
|
231
|
-
style,
|
|
232
212
|
variant,
|
|
233
213
|
xstyle,
|
|
234
214
|
...props2
|
|
235
215
|
} = t0);
|
|
236
216
|
$[0] = t0;
|
|
237
|
-
$[1] =
|
|
238
|
-
$[2] =
|
|
239
|
-
$[3] =
|
|
240
|
-
$[4] =
|
|
241
|
-
$[5] = variant;
|
|
242
|
-
$[6] = xstyle;
|
|
217
|
+
$[1] = props2;
|
|
218
|
+
$[2] = size;
|
|
219
|
+
$[3] = variant;
|
|
220
|
+
$[4] = xstyle;
|
|
243
221
|
} else {
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
variant = $[5];
|
|
249
|
-
xstyle = $[6];
|
|
222
|
+
props2 = $[1];
|
|
223
|
+
size = $[2];
|
|
224
|
+
variant = $[3];
|
|
225
|
+
xstyle = $[4];
|
|
250
226
|
}
|
|
251
227
|
const context = useContext(ToggleGroupContext);
|
|
252
228
|
const finalSize = size ?? context.size;
|
|
253
229
|
const finalVariant = variant ?? context.variant;
|
|
254
230
|
let t1;
|
|
255
|
-
|
|
231
|
+
let t2;
|
|
232
|
+
if ($[5] !== finalSize || $[6] !== finalVariant || $[7] !== xstyle) {
|
|
256
233
|
t1 = (state) => {
|
|
257
234
|
const stylexProps = stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], state.pressed && styles.itemPressed, state.disabled && styles.itemDisabled, finalVariant === "outline" && styles.outlineItem, xstyle);
|
|
258
|
-
|
|
259
|
-
return [stylexProps.className, customClassName].filter(Boolean).join(" ");
|
|
235
|
+
return stylexProps.className;
|
|
260
236
|
};
|
|
261
|
-
$[7] = className;
|
|
262
|
-
$[8] = finalSize;
|
|
263
|
-
$[9] = finalVariant;
|
|
264
|
-
$[10] = xstyle;
|
|
265
|
-
$[11] = t1;
|
|
266
|
-
} else {
|
|
267
|
-
t1 = $[11];
|
|
268
|
-
}
|
|
269
|
-
let t2;
|
|
270
|
-
if ($[12] !== finalSize || $[13] !== finalVariant || $[14] !== style || $[15] !== xstyle) {
|
|
271
237
|
t2 = (state_0) => {
|
|
272
238
|
const stylexProps_0 = stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], state_0.pressed && styles.itemPressed, state_0.disabled && styles.itemDisabled, xstyle);
|
|
273
|
-
return
|
|
274
|
-
...stylexProps_0.style,
|
|
275
|
-
...typeof style === "function" ? style(state_0) : style
|
|
276
|
-
};
|
|
239
|
+
return stylexProps_0.style;
|
|
277
240
|
};
|
|
278
|
-
$[
|
|
279
|
-
$[
|
|
280
|
-
$[
|
|
281
|
-
$[
|
|
282
|
-
$[
|
|
241
|
+
$[5] = finalSize;
|
|
242
|
+
$[6] = finalVariant;
|
|
243
|
+
$[7] = xstyle;
|
|
244
|
+
$[8] = t1;
|
|
245
|
+
$[9] = t2;
|
|
283
246
|
} else {
|
|
284
|
-
|
|
247
|
+
t1 = $[8];
|
|
248
|
+
t2 = $[9];
|
|
285
249
|
}
|
|
286
250
|
let t3;
|
|
287
|
-
if ($[
|
|
251
|
+
if ($[10] !== props2 || $[11] !== t1 || $[12] !== t2) {
|
|
288
252
|
t3 = /* @__PURE__ */ jsx(TogglePrimitive, { ...props2, className: t1, style: t2 });
|
|
289
|
-
$[
|
|
290
|
-
$[
|
|
291
|
-
$[
|
|
292
|
-
$[
|
|
253
|
+
$[10] = props2;
|
|
254
|
+
$[11] = t1;
|
|
255
|
+
$[12] = t2;
|
|
256
|
+
$[13] = t3;
|
|
293
257
|
} else {
|
|
294
|
-
t3 = $[
|
|
258
|
+
t3 = $[13];
|
|
295
259
|
}
|
|
296
260
|
return t3;
|
|
297
261
|
}
|
package/dist/toggle-group.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/toggle-group.tsx"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, useContext, type ComponentProps, type ReactNode } from \"react\";\nimport type { ToggleSize, ToggleVariant } from \"./toggle\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kzqmXN: \"xeq5yr9\",\n $$css: true\n },\n default: {\n kOIVth: \"x1kr9b5u\",\n $$css: true\n },\n outline: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kOIVth: \"xxhr3t\",\n kVQacm: \"xb3r6kr\",\n $$css: true\n },\n outlineItem: {\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x2u8bby\",\n keTefX: \"x1hb08if\",\n $$css: true\n },\n item: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kMwMTN: \"x1alews2\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1kr9b5u\",\n kjj79g: \"xl56j7k\",\n kI3sdo: \"x1a2a7pz\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kGzVvX: \"x1o026c7\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n itemSm: {\n kZKoxP: \"x5vhmdc\",\n k7Eaqz: \"xneaidr\",\n kg3NbH: \"x1cot6zx\",\n $$css: true\n },\n itemMd: {\n kZKoxP: \"x1f831s2\",\n k7Eaqz: \"xa6djr8\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n itemLg: {\n kZKoxP: \"xbdy5jr\",\n k7Eaqz: \"xe0uolg\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n itemDefault: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n itemOutline: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n $$css: true\n },\n itemPressed: {\n kWkggS: \"x10no5i8\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n itemDisabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n kkrTdU: \"x1h6gzvc\",\n kGzVvX: \"x1ty4m2n\",\n $$css: true\n }\n};\nconst itemSizeStyles = {\n lg: styles.itemLg,\n md: styles.itemMd,\n sm: styles.itemSm\n};\nconst itemVariantStyles = {\n default: styles.itemDefault,\n outline: styles.itemOutline\n};\ntype ToggleGroupContextValue = {\n size: ToggleSize;\n variant: ToggleVariant;\n};\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n size: \"md\",\n variant: \"default\"\n});\nexport type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive> & {\n children: ReactNode;\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function ToggleGroup(t0) {\n const $ = _c(
|
|
5
|
-
"mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,eAAe,4BAA4B;AACpD,YAAY,YAAY;AACxB,SAAS,eAAe,kBAAuD;
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, useContext, type ComponentProps, type ReactNode } from \"react\";\nimport type { ToggleSize, ToggleVariant } from \"./toggle\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kzqmXN: \"xeq5yr9\",\n $$css: true\n },\n default: {\n kOIVth: \"x1kr9b5u\",\n $$css: true\n },\n outline: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kOIVth: \"xxhr3t\",\n kVQacm: \"xb3r6kr\",\n $$css: true\n },\n outlineItem: {\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x2u8bby\",\n keTefX: \"x1hb08if\",\n $$css: true\n },\n item: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kMwMTN: \"x1alews2\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1kr9b5u\",\n kjj79g: \"xl56j7k\",\n kI3sdo: \"x1a2a7pz\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kGzVvX: \"x1o026c7\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n itemSm: {\n kZKoxP: \"x5vhmdc\",\n k7Eaqz: \"xneaidr\",\n kg3NbH: \"x1cot6zx\",\n $$css: true\n },\n itemMd: {\n kZKoxP: \"x1f831s2\",\n k7Eaqz: \"xa6djr8\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n itemLg: {\n kZKoxP: \"xbdy5jr\",\n k7Eaqz: \"xe0uolg\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n itemDefault: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n itemOutline: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n $$css: true\n },\n itemPressed: {\n kWkggS: \"x10no5i8\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n itemDisabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n kkrTdU: \"x1h6gzvc\",\n kGzVvX: \"x1ty4m2n\",\n $$css: true\n }\n};\nconst itemSizeStyles = {\n lg: styles.itemLg,\n md: styles.itemMd,\n sm: styles.itemSm\n};\nconst itemVariantStyles = {\n default: styles.itemDefault,\n outline: styles.itemOutline\n};\ntype ToggleGroupContextValue = {\n size: ToggleSize;\n variant: ToggleVariant;\n};\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n size: \"md\",\n variant: \"default\"\n});\nexport type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive> & {\n children: ReactNode;\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function ToggleGroup(t0) {\n const $ = _c(24);\n let children;\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = props;\n $[3] = t1;\n $[4] = t2;\n $[5] = xstyle;\n } else {\n children = $[1];\n props = $[2];\n t1 = $[3];\n t2 = $[4];\n xstyle = $[5];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"default\" : t2;\n let t3;\n if ($[6] !== variant || $[7] !== xstyle) {\n t3 = stylex.props(styles.root, styles[variant], xstyle);\n $[6] = variant;\n $[7] = xstyle;\n $[8] = t3;\n } else {\n t3 = $[8];\n }\n const stylexProps = t3;\n let t4;\n if ($[9] !== stylexProps.className) {\n t4 = () => stylexProps.className;\n $[9] = stylexProps.className;\n $[10] = t4;\n } else {\n t4 = $[10];\n }\n let t5;\n if ($[11] !== stylexProps.style) {\n t5 = () => stylexProps.style;\n $[11] = stylexProps.style;\n $[12] = t5;\n } else {\n t5 = $[12];\n }\n let t6;\n if ($[13] !== size || $[14] !== variant) {\n t6 = {\n size,\n variant\n };\n $[13] = size;\n $[14] = variant;\n $[15] = t6;\n } else {\n t6 = $[15];\n }\n let t7;\n if ($[16] !== children || $[17] !== t6) {\n t7 = <ToggleGroupContext value={t6}>{children}</ToggleGroupContext>;\n $[16] = children;\n $[17] = t6;\n $[18] = t7;\n } else {\n t7 = $[18];\n }\n let t8;\n if ($[19] !== props || $[20] !== t4 || $[21] !== t5 || $[22] !== t7) {\n t8 = <ToggleGroupPrimitive {...props} className={t4} style={t5}>{t7}</ToggleGroupPrimitive>;\n $[19] = props;\n $[20] = t4;\n $[21] = t5;\n $[22] = t7;\n $[23] = t8;\n } else {\n t8 = $[23];\n }\n return t8;\n}\nexport type ToggleGroupItemProps = ComponentProps<typeof TogglePrimitive> & {\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function ToggleGroupItem(t0) {\n const $ = _c(14);\n let props;\n let size;\n let variant;\n let xstyle;\n if ($[0] !== t0) {\n ({\n size,\n variant,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n $[2] = size;\n $[3] = variant;\n $[4] = xstyle;\n } else {\n props = $[1];\n size = $[2];\n variant = $[3];\n xstyle = $[4];\n }\n const context = useContext(ToggleGroupContext);\n const finalSize = size ?? context.size;\n const finalVariant = variant ?? context.variant;\n let t1;\n let t2;\n if ($[5] !== finalSize || $[6] !== finalVariant || $[7] !== xstyle) {\n t1 = state => {\n const stylexProps = stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], state.pressed && styles.itemPressed, state.disabled && styles.itemDisabled, finalVariant === \"outline\" && styles.outlineItem, xstyle);\n return stylexProps.className;\n };\n t2 = state_0 => {\n const stylexProps_0 = stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], state_0.pressed && styles.itemPressed, state_0.disabled && styles.itemDisabled, xstyle);\n return stylexProps_0.style;\n };\n $[5] = finalSize;\n $[6] = finalVariant;\n $[7] = xstyle;\n $[8] = t1;\n $[9] = t2;\n } else {\n t1 = $[8];\n t2 = $[9];\n }\n let t3;\n if ($[10] !== props || $[11] !== t1 || $[12] !== t2) {\n t3 = <TogglePrimitive {...props} className={t1} style={t2} />;\n $[10] = props;\n $[11] = t1;\n $[12] = t2;\n $[13] = t3;\n } else {\n t3 = $[13];\n }\n return t3;\n}"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,eAAe,4BAA4B;AACpD,YAAY,YAAY;AACxB,SAAS,eAAe,kBAAuD;AA4LtE;AAzLT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,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,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,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,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AACA,IAAM,iBAAiB;AAAA,EACrB,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACb;AACA,IAAM,oBAAoB;AAAA,EACxB,SAAS,OAAO;AAAA,EAChB,SAAS,OAAO;AAClB;AAKA,IAAM,qBAAqB,cAAuC;AAAA,EAChE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAOM,SAAS,YAAY,IAAI;AAC9B,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,eAAW,EAAE,CAAC;AACd,IAAAA,SAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,OAAO,OAAO,SAAY,OAAO;AACvC,QAAM,UAAU,OAAO,SAAY,YAAY;AAC/C,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,WAAW,EAAE,CAAC,MAAM,QAAQ;AACvC,SAAY,aAAM,OAAO,MAAM,OAAO,OAAO,GAAG,MAAM;AACtD,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,YAAY,WAAW;AAClC,SAAK,MAAM,YAAY;AACvB,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,YAAY,OAAO;AAC/B,SAAK,MAAM,YAAY;AACvB,MAAE,EAAE,IAAI,YAAY;AACpB,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,QAAQ,EAAE,EAAE,MAAM,SAAS;AACvC,SAAK;AAAA,MACH;AAAA,MACA;AAAA,IACF;AACA,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,YAAY,EAAE,EAAE,MAAM,IAAI;AACtC,SAAK,oBAAC,sBAAmB,OAAO,IAAK,UAAS;AAC9C,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnE,SAAK,oBAAC,wBAAsB,GAAGA,QAAO,WAAW,IAAI,OAAO,IAAK,cAAG;AACpE,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;AAMO,SAAS,gBAAgB,IAAI;AAClC,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,WAAO,EAAE,CAAC;AACV,cAAU,EAAE,CAAC;AACb,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,UAAU,WAAW,kBAAkB;AAC7C,QAAM,YAAY,QAAQ,QAAQ;AAClC,QAAM,eAAe,WAAW,QAAQ;AACxC,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,gBAAgB,EAAE,CAAC,MAAM,QAAQ;AAClE,SAAK,WAAS;AACZ,YAAM,cAAqB,aAAM,OAAO,MAAM,eAAe,SAAS,GAAG,kBAAkB,YAAY,GAAG,MAAM,WAAW,OAAO,aAAa,MAAM,YAAY,OAAO,cAAc,iBAAiB,aAAa,OAAO,aAAa,MAAM;AAC9O,aAAO,YAAY;AAAA,IACrB;AACA,SAAK,aAAW;AACd,YAAM,gBAAuB,aAAM,OAAO,MAAM,eAAe,SAAS,GAAG,kBAAkB,YAAY,GAAG,QAAQ,WAAW,OAAO,aAAa,QAAQ,YAAY,OAAO,cAAc,MAAM;AAClM,aAAO,cAAc;AAAA,IACvB;AACA,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnD,SAAK,oBAAC,mBAAiB,GAAGA,QAAO,WAAW,IAAI,OAAO,IAAI;AAC3D,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;",
|
|
6
6
|
"names": ["props"]
|
|
7
7
|
}
|
package/dist/toggle.d.ts
CHANGED
|
@@ -8,4 +8,4 @@ export type ToggleProps = ComponentProps<typeof TogglePrimitive> & {
|
|
|
8
8
|
variant?: ToggleVariant;
|
|
9
9
|
xstyle?: stylex.StyleXStyles;
|
|
10
10
|
};
|
|
11
|
-
export declare function Toggle({
|
|
11
|
+
export declare function Toggle({ size, variant, xstyle, ...props }: ToggleProps): import("react").JSX.Element;
|
package/dist/toggle.js
CHANGED
|
@@ -70,80 +70,60 @@ var styles = {
|
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
72
|
function Toggle(t0) {
|
|
73
|
-
const $ = _c(
|
|
74
|
-
let className;
|
|
73
|
+
const $ = _c(14);
|
|
75
74
|
let props2;
|
|
76
|
-
let style;
|
|
77
75
|
let t1;
|
|
78
76
|
let t2;
|
|
79
77
|
let xstyle;
|
|
80
78
|
if ($[0] !== t0) {
|
|
81
79
|
({
|
|
82
|
-
className,
|
|
83
80
|
size: t1,
|
|
84
|
-
style,
|
|
85
81
|
variant: t2,
|
|
86
82
|
xstyle,
|
|
87
83
|
...props2
|
|
88
84
|
} = t0);
|
|
89
85
|
$[0] = t0;
|
|
90
|
-
$[1] =
|
|
91
|
-
$[2] =
|
|
92
|
-
$[3] =
|
|
93
|
-
$[4] =
|
|
94
|
-
$[5] = t2;
|
|
95
|
-
$[6] = xstyle;
|
|
86
|
+
$[1] = props2;
|
|
87
|
+
$[2] = t1;
|
|
88
|
+
$[3] = t2;
|
|
89
|
+
$[4] = xstyle;
|
|
96
90
|
} else {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
t2 = $[5];
|
|
102
|
-
xstyle = $[6];
|
|
91
|
+
props2 = $[1];
|
|
92
|
+
t1 = $[2];
|
|
93
|
+
t2 = $[3];
|
|
94
|
+
xstyle = $[4];
|
|
103
95
|
}
|
|
104
96
|
const size = t1 === void 0 ? "md" : t1;
|
|
105
97
|
const variant = t2 === void 0 ? "default" : t2;
|
|
106
98
|
let t3;
|
|
107
|
-
|
|
99
|
+
let t4;
|
|
100
|
+
if ($[5] !== size || $[6] !== variant || $[7] !== xstyle) {
|
|
108
101
|
t3 = (state) => {
|
|
109
102
|
const stylexProps = stylex.props(styles.root, styles[size], styles[variant], state.pressed && styles.pressed, state.disabled && styles.disabled, xstyle);
|
|
110
|
-
|
|
111
|
-
return [stylexProps.className, customClassName].filter(Boolean).join(" ");
|
|
103
|
+
return stylexProps.className;
|
|
112
104
|
};
|
|
113
|
-
$[7] = className;
|
|
114
|
-
$[8] = size;
|
|
115
|
-
$[9] = variant;
|
|
116
|
-
$[10] = xstyle;
|
|
117
|
-
$[11] = t3;
|
|
118
|
-
} else {
|
|
119
|
-
t3 = $[11];
|
|
120
|
-
}
|
|
121
|
-
let t4;
|
|
122
|
-
if ($[12] !== size || $[13] !== style || $[14] !== variant || $[15] !== xstyle) {
|
|
123
105
|
t4 = (state_0) => {
|
|
124
106
|
const stylexProps_0 = stylex.props(styles.root, styles[size], styles[variant], state_0.pressed && styles.pressed, state_0.disabled && styles.disabled, xstyle);
|
|
125
|
-
return
|
|
126
|
-
...stylexProps_0.style,
|
|
127
|
-
...typeof style === "function" ? style(state_0) : style
|
|
128
|
-
};
|
|
107
|
+
return stylexProps_0.style;
|
|
129
108
|
};
|
|
130
|
-
$[
|
|
131
|
-
$[
|
|
132
|
-
$[
|
|
133
|
-
$[
|
|
134
|
-
$[
|
|
109
|
+
$[5] = size;
|
|
110
|
+
$[6] = variant;
|
|
111
|
+
$[7] = xstyle;
|
|
112
|
+
$[8] = t3;
|
|
113
|
+
$[9] = t4;
|
|
135
114
|
} else {
|
|
136
|
-
|
|
115
|
+
t3 = $[8];
|
|
116
|
+
t4 = $[9];
|
|
137
117
|
}
|
|
138
118
|
let t5;
|
|
139
|
-
if ($[
|
|
119
|
+
if ($[10] !== props2 || $[11] !== t3 || $[12] !== t4) {
|
|
140
120
|
t5 = /* @__PURE__ */ jsx(TogglePrimitive, { ...props2, className: t3, style: t4 });
|
|
141
|
-
$[
|
|
142
|
-
$[
|
|
143
|
-
$[
|
|
144
|
-
$[
|
|
121
|
+
$[10] = props2;
|
|
122
|
+
$[11] = t3;
|
|
123
|
+
$[12] = t4;
|
|
124
|
+
$[13] = t5;
|
|
145
125
|
} else {
|
|
146
|
-
t5 = $[
|
|
126
|
+
t5 = $[13];
|
|
147
127
|
}
|
|
148
128
|
return t5;
|
|
149
129
|
}
|
package/dist/toggle.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/toggle.tsx"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kMwMTN: \"x1alews2\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1kr9b5u\",\n kjj79g: \"xl56j7k\",\n kI3sdo: \"x1a2a7pz\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kGzVvX: \"x1o026c7\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n sm: {\n kZKoxP: \"x5vhmdc\",\n k7Eaqz: \"xneaidr\",\n kg3NbH: \"x1cot6zx\",\n $$css: true\n },\n md: {\n kZKoxP: \"x1f831s2\",\n k7Eaqz: \"xa6djr8\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n lg: {\n kZKoxP: \"xbdy5jr\",\n k7Eaqz: \"xe0uolg\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n default: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n outline: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n $$css: true\n },\n pressed: {\n kWkggS: \"x10no5i8\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n disabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n kkrTdU: \"x1h6gzvc\",\n kGzVvX: \"x1ty4m2n\",\n $$css: true\n }\n};\nexport type ToggleSize = \"lg\" | \"md\" | \"sm\";\nexport type ToggleVariant = \"default\" | \"outline\";\nexport type ToggleProps = ComponentProps<typeof TogglePrimitive> & {\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Toggle(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 { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x7c24we\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kMwMTN: \"x1alews2\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1kr9b5u\",\n kjj79g: \"xl56j7k\",\n kI3sdo: \"x1a2a7pz\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kGzVvX: \"x1o026c7\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n sm: {\n kZKoxP: \"x5vhmdc\",\n k7Eaqz: \"xneaidr\",\n kg3NbH: \"x1cot6zx\",\n $$css: true\n },\n md: {\n kZKoxP: \"x1f831s2\",\n k7Eaqz: \"xa6djr8\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n lg: {\n kZKoxP: \"xbdy5jr\",\n k7Eaqz: \"xe0uolg\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n default: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n outline: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n $$css: true\n },\n pressed: {\n kWkggS: \"x10no5i8\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n disabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n kkrTdU: \"x1h6gzvc\",\n kGzVvX: \"x1ty4m2n\",\n $$css: true\n }\n};\nexport type ToggleSize = \"lg\" | \"md\" | \"sm\";\nexport type ToggleVariant = \"default\" | \"outline\";\nexport type ToggleProps = ComponentProps<typeof TogglePrimitive> & {\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Toggle(t0) {\n const $ = _c(14);\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n size: t1,\n variant: 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 size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"default\" : t2;\n let t3;\n let t4;\n if ($[5] !== size || $[6] !== variant || $[7] !== xstyle) {\n t3 = state => {\n const stylexProps = stylex.props(styles.root, styles[size], styles[variant], state.pressed && styles.pressed, state.disabled && styles.disabled, xstyle);\n return stylexProps.className;\n };\n t4 = state_0 => {\n const stylexProps_0 = stylex.props(styles.root, styles[size], styles[variant], state_0.pressed && styles.pressed, state_0.disabled && styles.disabled, xstyle);\n return stylexProps_0.style;\n };\n $[5] = size;\n $[6] = variant;\n $[7] = xstyle;\n $[8] = t3;\n $[9] = t4;\n } else {\n t3 = $[8];\n t4 = $[9];\n }\n let t5;\n if ($[10] !== props || $[11] !== t3 || $[12] !== t4) {\n t5 = <TogglePrimitive {...props} className={t3} style={t4} />;\n $[10] = props;\n $[11] = t3;\n $[12] = t4;\n $[13] = t5;\n } else {\n t5 = $[13];\n }\n return t5;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["props"]
|
|
7
7
|
}
|
package/dist/tooltip.d.ts
CHANGED
|
@@ -7,5 +7,5 @@ export declare const TooltipTrigger: TooltipPrimitive.Trigger;
|
|
|
7
7
|
type TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Popup> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, "align" | "side" | "sideOffset"> & {
|
|
8
8
|
xstyle?: stylex.StyleXStyles;
|
|
9
9
|
};
|
|
10
|
-
export declare function TooltipContent({ align,
|
|
10
|
+
export declare function TooltipContent({ align, side, sideOffset, xstyle, ...props }: TooltipContentProps): import("react").JSX.Element;
|
|
11
11
|
export {};
|
package/dist/tooltip.js
CHANGED
|
@@ -38,10 +38,8 @@ var Tooltip = TooltipPrimitive.Root;
|
|
|
38
38
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
39
39
|
var TooltipTrigger = TooltipPrimitive.Trigger;
|
|
40
40
|
function TooltipContent(t0) {
|
|
41
|
-
const $ = _c(
|
|
42
|
-
let className;
|
|
41
|
+
const $ = _c(20);
|
|
43
42
|
let props2;
|
|
44
|
-
let style;
|
|
45
43
|
let t1;
|
|
46
44
|
let t2;
|
|
47
45
|
let t3;
|
|
@@ -49,99 +47,84 @@ function TooltipContent(t0) {
|
|
|
49
47
|
if ($[0] !== t0) {
|
|
50
48
|
({
|
|
51
49
|
align: t1,
|
|
52
|
-
className,
|
|
53
50
|
side: t2,
|
|
54
51
|
sideOffset: t3,
|
|
55
|
-
style,
|
|
56
52
|
xstyle,
|
|
57
53
|
...props2
|
|
58
54
|
} = t0);
|
|
59
55
|
$[0] = t0;
|
|
60
|
-
$[1] =
|
|
61
|
-
$[2] =
|
|
62
|
-
$[3] =
|
|
63
|
-
$[4] =
|
|
64
|
-
$[5] =
|
|
65
|
-
$[6] = t3;
|
|
66
|
-
$[7] = xstyle;
|
|
56
|
+
$[1] = props2;
|
|
57
|
+
$[2] = t1;
|
|
58
|
+
$[3] = t2;
|
|
59
|
+
$[4] = t3;
|
|
60
|
+
$[5] = xstyle;
|
|
67
61
|
} else {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
t3 = $[6];
|
|
74
|
-
xstyle = $[7];
|
|
62
|
+
props2 = $[1];
|
|
63
|
+
t1 = $[2];
|
|
64
|
+
t2 = $[3];
|
|
65
|
+
t3 = $[4];
|
|
66
|
+
xstyle = $[5];
|
|
75
67
|
}
|
|
76
68
|
const align = t1 === void 0 ? "center" : t1;
|
|
77
69
|
const side = t2 === void 0 ? "top" : t2;
|
|
78
70
|
const sideOffset = t3 === void 0 ? 6 : t3;
|
|
79
71
|
let t4;
|
|
80
|
-
if ($[
|
|
72
|
+
if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
81
73
|
t4 = {
|
|
82
74
|
className: "x6y048q"
|
|
83
75
|
};
|
|
84
|
-
$[
|
|
76
|
+
$[6] = t4;
|
|
85
77
|
} else {
|
|
86
|
-
t4 = $[
|
|
78
|
+
t4 = $[6];
|
|
87
79
|
}
|
|
88
80
|
let t5;
|
|
89
|
-
|
|
81
|
+
let t6;
|
|
82
|
+
if ($[7] !== xstyle) {
|
|
90
83
|
t5 = (state) => {
|
|
91
84
|
const stylexProps = stylex.props(styles.popup, state.transitionStatus === "starting" && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupEnding, xstyle);
|
|
92
|
-
return
|
|
85
|
+
return stylexProps.className;
|
|
93
86
|
};
|
|
94
|
-
$[9] = className;
|
|
95
|
-
$[10] = xstyle;
|
|
96
|
-
$[11] = t5;
|
|
97
|
-
} else {
|
|
98
|
-
t5 = $[11];
|
|
99
|
-
}
|
|
100
|
-
let t6;
|
|
101
|
-
if ($[12] !== style || $[13] !== xstyle) {
|
|
102
87
|
t6 = (state_0) => {
|
|
103
88
|
const stylexProps_0 = stylex.props(styles.popup, state_0.transitionStatus === "starting" && styles.popupTransitioning, state_0.transitionStatus === "ending" && styles.popupTransitioning, state_0.transitionStatus === "ending" && styles.popupEnding, xstyle);
|
|
104
|
-
return
|
|
105
|
-
...stylexProps_0.style,
|
|
106
|
-
...typeof style === "function" ? style(state_0) : style
|
|
107
|
-
};
|
|
89
|
+
return stylexProps_0.style;
|
|
108
90
|
};
|
|
109
|
-
$[
|
|
110
|
-
$[
|
|
111
|
-
$[
|
|
91
|
+
$[7] = xstyle;
|
|
92
|
+
$[8] = t5;
|
|
93
|
+
$[9] = t6;
|
|
112
94
|
} else {
|
|
113
|
-
|
|
95
|
+
t5 = $[8];
|
|
96
|
+
t6 = $[9];
|
|
114
97
|
}
|
|
115
98
|
let t7;
|
|
116
|
-
if ($[
|
|
99
|
+
if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
117
100
|
t7 = /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "x1ulh7el xmt9z9w x17f91yp" });
|
|
118
|
-
$[
|
|
101
|
+
$[10] = t7;
|
|
119
102
|
} else {
|
|
120
|
-
t7 = $[
|
|
103
|
+
t7 = $[10];
|
|
121
104
|
}
|
|
122
105
|
let t8;
|
|
123
|
-
if ($[
|
|
106
|
+
if ($[11] !== props2 || $[12] !== t5 || $[13] !== t6) {
|
|
124
107
|
t8 = /* @__PURE__ */ jsxs(TooltipPrimitive.Popup, { ...props2, className: t5, style: t6, children: [
|
|
125
108
|
props2.children,
|
|
126
109
|
t7
|
|
127
110
|
] });
|
|
128
|
-
$[
|
|
129
|
-
$[
|
|
130
|
-
$[
|
|
131
|
-
$[
|
|
111
|
+
$[11] = props2;
|
|
112
|
+
$[12] = t5;
|
|
113
|
+
$[13] = t6;
|
|
114
|
+
$[14] = t8;
|
|
132
115
|
} else {
|
|
133
|
-
t8 = $[
|
|
116
|
+
t8 = $[14];
|
|
134
117
|
}
|
|
135
118
|
let t9;
|
|
136
|
-
if ($[
|
|
119
|
+
if ($[15] !== align || $[16] !== side || $[17] !== sideOffset || $[18] !== t8) {
|
|
137
120
|
t9 = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { align, side, sideOffset, ...t4, children: t8 }) });
|
|
138
|
-
$[
|
|
139
|
-
$[
|
|
140
|
-
$[
|
|
141
|
-
$[
|
|
142
|
-
$[
|
|
121
|
+
$[15] = align;
|
|
122
|
+
$[16] = side;
|
|
123
|
+
$[17] = sideOffset;
|
|
124
|
+
$[18] = t8;
|
|
125
|
+
$[19] = t9;
|
|
143
126
|
} else {
|
|
144
|
-
t9 = $[
|
|
127
|
+
t9 = $[19];
|
|
145
128
|
}
|
|
146
129
|
return t9;
|
|
147
130
|
}
|