@bestow-ui/react 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/index.cjs +190 -156
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +118 -57
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +19 -1
- package/dist/index.d.ts +19 -1
- package/dist/index.js +167 -134
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -207,34 +207,66 @@ function usePortalClassName() {
|
|
|
207
207
|
}
|
|
208
208
|
|
|
209
209
|
// src/components/Button/Button.tsx
|
|
210
|
+
import { forwardRef as forwardRef3 } from "react";
|
|
211
|
+
|
|
212
|
+
// src/components/Spinner/Spinner.tsx
|
|
213
|
+
import { LoaderIcon } from "@bestow-ui/icons";
|
|
210
214
|
import { forwardRef as forwardRef2 } from "react";
|
|
211
215
|
|
|
212
|
-
// src/
|
|
216
|
+
// src/styles/visuallyHidden.css.ts
|
|
217
|
+
var visuallyHidden = "_1kdtbw10";
|
|
218
|
+
|
|
219
|
+
// src/components/Spinner/Spinner.css.ts
|
|
213
220
|
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
214
|
-
var
|
|
221
|
+
var spinner = _7a468({ defaultClassName: "_4b5tg40", variantClassNames: { color: { current: "_4b5tg41", primary: "_4b5tg42", neutral: "_4b5tg43", danger: "_4b5tg44" }, size: { sm: "_4b5tg45", md: "_4b5tg46", lg: "_4b5tg47" } }, defaultVariants: { color: "current", size: "md" }, compoundVariants: [] });
|
|
222
|
+
|
|
223
|
+
// src/components/Spinner/Spinner.tsx
|
|
224
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
225
|
+
var Spinner = forwardRef2(function Spinner2({ size, color, label: label3 = "\uB85C\uB529 \uC911", className, ...rest }, ref) {
|
|
226
|
+
const a11y = label3 ? { role: "status" } : { "aria-hidden": true };
|
|
227
|
+
return /* @__PURE__ */ jsxs("span", { ref, className: cx(spinner({ size, color }), className), ...a11y, ...rest, children: [
|
|
228
|
+
/* @__PURE__ */ jsx2(LoaderIcon, { size: "100%" }),
|
|
229
|
+
label3 && /* @__PURE__ */ jsx2("span", { className: visuallyHidden, children: label3 })
|
|
230
|
+
] });
|
|
231
|
+
});
|
|
232
|
+
|
|
233
|
+
// src/components/Button/Button.css.ts
|
|
234
|
+
import { createRuntimeFn as _7a4682 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
235
|
+
var button = _7a4682({ defaultClassName: "xcekda6", variantClassNames: { variant: { solid: "xcekda7", soft: "xcekda8", outline: "xcekda9", ghost: "xcekdaa" }, color: { primary: "xcekdab", neutral: "xcekdac", danger: "xcekdad" }, size: { sm: "xcekdae", md: "xcekdaf", lg: "xcekdag" }, fullWidth: { true: "xcekdah" } }, defaultVariants: { variant: "solid", color: "primary", size: "md" }, compoundVariants: [] });
|
|
215
236
|
var icon = "xcekdai";
|
|
216
237
|
|
|
217
238
|
// src/components/Button/Button.tsx
|
|
218
|
-
import { jsx as
|
|
219
|
-
var Button =
|
|
220
|
-
|
|
239
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
240
|
+
var Button = forwardRef3(function Button2({ variant, color, size, fullWidth, startIcon, endIcon, loading, className, type = "button", onClick, children, ...rest }, ref) {
|
|
241
|
+
const handleClick = (event) => {
|
|
242
|
+
if (loading) {
|
|
243
|
+
event.preventDefault();
|
|
244
|
+
return;
|
|
245
|
+
}
|
|
246
|
+
onClick?.(event);
|
|
247
|
+
};
|
|
248
|
+
const leading = loading ? /* @__PURE__ */ jsx3(Spinner, { size: "sm", label: "" }) : startIcon;
|
|
249
|
+
return /* @__PURE__ */ jsxs2(
|
|
221
250
|
"button",
|
|
222
251
|
{
|
|
223
252
|
ref,
|
|
224
253
|
type,
|
|
225
254
|
className: cx(button({ variant, color, size, fullWidth }), className),
|
|
255
|
+
"aria-busy": loading || void 0,
|
|
256
|
+
"aria-disabled": loading || void 0,
|
|
257
|
+
onClick: handleClick,
|
|
226
258
|
...rest,
|
|
227
259
|
children: [
|
|
228
|
-
|
|
260
|
+
leading && /* @__PURE__ */ jsx3("span", { className: icon, children: leading }),
|
|
229
261
|
children,
|
|
230
|
-
endIcon && /* @__PURE__ */
|
|
262
|
+
endIcon && /* @__PURE__ */ jsx3("span", { className: icon, children: endIcon })
|
|
231
263
|
]
|
|
232
264
|
}
|
|
233
265
|
);
|
|
234
266
|
});
|
|
235
267
|
|
|
236
268
|
// src/components/Checkbox/Checkbox.tsx
|
|
237
|
-
import { forwardRef as
|
|
269
|
+
import { forwardRef as forwardRef4, useEffect, useRef } from "react";
|
|
238
270
|
|
|
239
271
|
// src/utils/mergeRefs.ts
|
|
240
272
|
function mergeRefs(...refs) {
|
|
@@ -247,23 +279,23 @@ function mergeRefs(...refs) {
|
|
|
247
279
|
}
|
|
248
280
|
|
|
249
281
|
// src/components/Checkbox/Checkbox.css.ts
|
|
250
|
-
import { createRuntimeFn as
|
|
282
|
+
import { createRuntimeFn as _7a4683 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
251
283
|
var checkIcon = "_1y7mzsn8 _1y7mzsn7";
|
|
252
|
-
var control =
|
|
284
|
+
var control = _7a4683({ defaultClassName: "_1y7mzsn3", variantClassNames: { size: { sm: "_1y7mzsn4", md: "_1y7mzsn5" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
253
285
|
var indeterminateIcon = "_1y7mzsn9 _1y7mzsn7";
|
|
254
286
|
var input = "_1y7mzsn6";
|
|
255
|
-
var root2 =
|
|
287
|
+
var root2 = _7a4683({ defaultClassName: "_1y7mzsn0", variantClassNames: { size: { sm: "_1y7mzsn1", md: "_1y7mzsn2" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
256
288
|
|
|
257
289
|
// src/components/Checkbox/Checkbox.tsx
|
|
258
|
-
import { jsx as
|
|
259
|
-
var Checkbox =
|
|
290
|
+
import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
291
|
+
var Checkbox = forwardRef4(function Checkbox2({ label: label3, size, indeterminate = false, invalid, disabled, className, ...rest }, ref) {
|
|
260
292
|
const innerRef = useRef(null);
|
|
261
293
|
useEffect(() => {
|
|
262
294
|
if (innerRef.current) innerRef.current.indeterminate = indeterminate;
|
|
263
295
|
}, [indeterminate]);
|
|
264
|
-
return /* @__PURE__ */
|
|
265
|
-
/* @__PURE__ */
|
|
266
|
-
/* @__PURE__ */
|
|
296
|
+
return /* @__PURE__ */ jsxs3("label", { className: cx(root2({ size }), className), "data-disabled": disabled || void 0, children: [
|
|
297
|
+
/* @__PURE__ */ jsxs3("span", { className: control({ size }), children: [
|
|
298
|
+
/* @__PURE__ */ jsx4(
|
|
267
299
|
"input",
|
|
268
300
|
{
|
|
269
301
|
ref: mergeRefs(innerRef, ref),
|
|
@@ -274,39 +306,39 @@ var Checkbox = forwardRef3(function Checkbox2({ label: label3, size, indetermina
|
|
|
274
306
|
...rest
|
|
275
307
|
}
|
|
276
308
|
),
|
|
277
|
-
/* @__PURE__ */
|
|
278
|
-
/* @__PURE__ */
|
|
309
|
+
/* @__PURE__ */ jsx4("svg", { className: checkIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx4("path", { d: "M5 10.5l3.2 3L15 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
|
|
310
|
+
/* @__PURE__ */ jsx4("svg", { className: indeterminateIcon, viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx4("path", { d: "M6 10h8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
|
|
279
311
|
] }),
|
|
280
312
|
label3
|
|
281
313
|
] });
|
|
282
314
|
});
|
|
283
315
|
|
|
284
316
|
// src/components/Input/Input.tsx
|
|
285
|
-
import { forwardRef as
|
|
317
|
+
import { forwardRef as forwardRef5 } from "react";
|
|
286
318
|
|
|
287
319
|
// src/components/Input/Input.css.ts
|
|
288
|
-
import { createRuntimeFn as
|
|
320
|
+
import { createRuntimeFn as _7a4684 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
289
321
|
var adornment = "_19p5zvh6";
|
|
290
322
|
var field = "_19p5zvh7";
|
|
291
323
|
var fieldFullWidth = "_19p5zvh8";
|
|
292
|
-
var helperText =
|
|
324
|
+
var helperText = _7a4684({ defaultClassName: "_19p5zvhb", variantClassNames: { error: { true: "_19p5zvhc" } }, defaultVariants: {}, compoundVariants: [] });
|
|
293
325
|
var input2 = "_19p5zvh5";
|
|
294
326
|
var label = "_19p5zvh9";
|
|
295
327
|
var requiredMark = "_19p5zvha";
|
|
296
|
-
var root3 =
|
|
328
|
+
var root3 = _7a4684({ defaultClassName: "_19p5zvh0", variantClassNames: { size: { sm: "_19p5zvh1", md: "_19p5zvh2", lg: "_19p5zvh3" }, fullWidth: { true: "_19p5zvh4" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
297
329
|
|
|
298
330
|
// src/components/Input/Input.tsx
|
|
299
|
-
import { jsx as
|
|
300
|
-
var Input =
|
|
301
|
-
return /* @__PURE__ */
|
|
331
|
+
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
332
|
+
var Input = forwardRef5(function Input2({ size, invalid, fullWidth, startAdornment, endAdornment, rootClassName, className, disabled, ...rest }, ref) {
|
|
333
|
+
return /* @__PURE__ */ jsxs4(
|
|
302
334
|
"div",
|
|
303
335
|
{
|
|
304
336
|
className: cx(root3({ size, fullWidth }), rootClassName),
|
|
305
337
|
"data-invalid": invalid || void 0,
|
|
306
338
|
"data-disabled": disabled || void 0,
|
|
307
339
|
children: [
|
|
308
|
-
startAdornment && /* @__PURE__ */
|
|
309
|
-
/* @__PURE__ */
|
|
340
|
+
startAdornment && /* @__PURE__ */ jsx5("span", { className: adornment, children: startAdornment }),
|
|
341
|
+
/* @__PURE__ */ jsx5(
|
|
310
342
|
"input",
|
|
311
343
|
{
|
|
312
344
|
ref,
|
|
@@ -316,25 +348,25 @@ var Input = forwardRef4(function Input2({ size, invalid, fullWidth, startAdornme
|
|
|
316
348
|
...rest
|
|
317
349
|
}
|
|
318
350
|
),
|
|
319
|
-
endAdornment && /* @__PURE__ */
|
|
351
|
+
endAdornment && /* @__PURE__ */ jsx5("span", { className: adornment, children: endAdornment })
|
|
320
352
|
]
|
|
321
353
|
}
|
|
322
354
|
);
|
|
323
355
|
});
|
|
324
356
|
|
|
325
357
|
// src/components/Input/TextField.tsx
|
|
326
|
-
import { forwardRef as
|
|
327
|
-
import { jsx as
|
|
328
|
-
var TextField =
|
|
358
|
+
import { forwardRef as forwardRef6, useId } from "react";
|
|
359
|
+
import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
360
|
+
var TextField = forwardRef6(function TextField2({ label: label3, helperText: helperText2, error, required, fullWidth, id, "aria-describedby": ariaDescribedBy, ...rest }, ref) {
|
|
329
361
|
const generatedId = useId();
|
|
330
362
|
const inputId = id ?? generatedId;
|
|
331
363
|
const helperId = helperText2 ? `${inputId}-helper` : void 0;
|
|
332
|
-
return /* @__PURE__ */
|
|
333
|
-
label3 && /* @__PURE__ */
|
|
364
|
+
return /* @__PURE__ */ jsxs5("div", { className: cx(field, fullWidth && fieldFullWidth), children: [
|
|
365
|
+
label3 && /* @__PURE__ */ jsxs5("label", { htmlFor: inputId, className: label, children: [
|
|
334
366
|
label3,
|
|
335
|
-
required && /* @__PURE__ */
|
|
367
|
+
required && /* @__PURE__ */ jsx6("span", { className: requiredMark, "aria-hidden": true, children: "*" })
|
|
336
368
|
] }),
|
|
337
|
-
/* @__PURE__ */
|
|
369
|
+
/* @__PURE__ */ jsx6(
|
|
338
370
|
Input,
|
|
339
371
|
{
|
|
340
372
|
ref,
|
|
@@ -346,7 +378,7 @@ var TextField = forwardRef5(function TextField2({ label: label3, helperText: hel
|
|
|
346
378
|
...rest
|
|
347
379
|
}
|
|
348
380
|
),
|
|
349
|
-
helperText2 && /* @__PURE__ */
|
|
381
|
+
helperText2 && /* @__PURE__ */ jsx6("p", { id: helperId, className: helperText({ error }), children: helperText2 })
|
|
350
382
|
] });
|
|
351
383
|
});
|
|
352
384
|
|
|
@@ -355,10 +387,10 @@ import * as Dialog from "@radix-ui/react-dialog";
|
|
|
355
387
|
import { XIcon } from "@bestow-ui/icons";
|
|
356
388
|
|
|
357
389
|
// src/components/Modal/Modal.css.ts
|
|
358
|
-
import { createRuntimeFn as
|
|
390
|
+
import { createRuntimeFn as _7a4685 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
359
391
|
var body = "_1pdsmv0a";
|
|
360
392
|
var closeButton = "_1pdsmv09";
|
|
361
|
-
var content =
|
|
393
|
+
var content = _7a4685({ defaultClassName: "_1pdsmv01", variantClassNames: { size: { sm: "_1pdsmv02", md: "_1pdsmv03", lg: "_1pdsmv04" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
362
394
|
var description = "_1pdsmv08";
|
|
363
395
|
var footer = "_1pdsmv0b";
|
|
364
396
|
var header = "_1pdsmv05";
|
|
@@ -367,7 +399,7 @@ var overlay = "_1pdsmv00";
|
|
|
367
399
|
var title = "_1pdsmv07";
|
|
368
400
|
|
|
369
401
|
// src/components/Modal/Modal.tsx
|
|
370
|
-
import { jsx as
|
|
402
|
+
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
371
403
|
function Modal({
|
|
372
404
|
open,
|
|
373
405
|
defaultOpen,
|
|
@@ -383,11 +415,11 @@ function Modal({
|
|
|
383
415
|
className
|
|
384
416
|
}) {
|
|
385
417
|
const portal2 = usePortalProps();
|
|
386
|
-
return /* @__PURE__ */
|
|
387
|
-
trigger2 && /* @__PURE__ */
|
|
388
|
-
/* @__PURE__ */
|
|
389
|
-
/* @__PURE__ */
|
|
390
|
-
/* @__PURE__ */
|
|
418
|
+
return /* @__PURE__ */ jsxs6(Dialog.Root, { open, defaultOpen, onOpenChange, children: [
|
|
419
|
+
trigger2 && /* @__PURE__ */ jsx7(Dialog.Trigger, { asChild: true, children: trigger2 }),
|
|
420
|
+
/* @__PURE__ */ jsxs6(Dialog.Portal, { children: [
|
|
421
|
+
/* @__PURE__ */ jsx7(Dialog.Overlay, { className: cx(portal2.className, overlay), style: portal2.style }),
|
|
422
|
+
/* @__PURE__ */ jsxs6(
|
|
391
423
|
Dialog.Content,
|
|
392
424
|
{
|
|
393
425
|
className: cx(portal2.className, content({ size }), className),
|
|
@@ -395,15 +427,15 @@ function Modal({
|
|
|
395
427
|
onPointerDownOutside: closeOnOverlayClick ? void 0 : (event) => event.preventDefault(),
|
|
396
428
|
...description4 ? {} : { "aria-describedby": void 0 },
|
|
397
429
|
children: [
|
|
398
|
-
/* @__PURE__ */
|
|
399
|
-
/* @__PURE__ */
|
|
400
|
-
/* @__PURE__ */
|
|
401
|
-
description4 && /* @__PURE__ */
|
|
430
|
+
/* @__PURE__ */ jsxs6("div", { className: header, children: [
|
|
431
|
+
/* @__PURE__ */ jsxs6("div", { className: headings, children: [
|
|
432
|
+
/* @__PURE__ */ jsx7(Dialog.Title, { className: title, children: title3 }),
|
|
433
|
+
description4 && /* @__PURE__ */ jsx7(Dialog.Description, { className: description, children: description4 })
|
|
402
434
|
] }),
|
|
403
|
-
!hideCloseButton && /* @__PURE__ */
|
|
435
|
+
!hideCloseButton && /* @__PURE__ */ jsx7(Dialog.Close, { className: closeButton, "aria-label": "\uB2EB\uAE30", children: /* @__PURE__ */ jsx7(XIcon, { size: 16 }) })
|
|
404
436
|
] }),
|
|
405
|
-
children && /* @__PURE__ */
|
|
406
|
-
footer3 && /* @__PURE__ */
|
|
437
|
+
children && /* @__PURE__ */ jsx7("div", { className: body, children }),
|
|
438
|
+
footer3 && /* @__PURE__ */ jsx7("div", { className: footer, children: footer3 })
|
|
407
439
|
]
|
|
408
440
|
}
|
|
409
441
|
)
|
|
@@ -414,22 +446,22 @@ var ModalClose = Dialog.Close;
|
|
|
414
446
|
|
|
415
447
|
// src/components/RadioGroup/RadioGroup.tsx
|
|
416
448
|
import * as RadixRadioGroup from "@radix-ui/react-radio-group";
|
|
417
|
-
import { forwardRef as
|
|
449
|
+
import { forwardRef as forwardRef7, useId as useId2 } from "react";
|
|
418
450
|
|
|
419
451
|
// src/components/RadioGroup/RadioGroup.css.ts
|
|
420
|
-
import { createRuntimeFn as
|
|
452
|
+
import { createRuntimeFn as _7a4686 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
421
453
|
var description2 = "_1w9iwjmd";
|
|
422
454
|
var groupLabel = "_1w9iwjme";
|
|
423
455
|
var indicator = "_1w9iwjma";
|
|
424
|
-
var items =
|
|
456
|
+
var items = _7a4686({ defaultClassName: "_1w9iwjm0", variantClassNames: { orientation: { vertical: "_1w9iwjm1", horizontal: "_1w9iwjm2" } }, defaultVariants: { orientation: "vertical" }, compoundVariants: [] });
|
|
425
457
|
var labelText = "_1w9iwjmc";
|
|
426
|
-
var option =
|
|
427
|
-
var radio =
|
|
458
|
+
var option = _7a4686({ defaultClassName: "_1w9iwjm3", variantClassNames: { size: { sm: "_1w9iwjm4", md: "_1w9iwjm5" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
459
|
+
var radio = _7a4686({ defaultClassName: "_1w9iwjm7", variantClassNames: { size: { sm: "_1w9iwjm8", md: "_1w9iwjm9" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
428
460
|
var text = "_1w9iwjmb";
|
|
429
461
|
|
|
430
462
|
// src/components/RadioGroup/RadioGroup.tsx
|
|
431
|
-
import { jsx as
|
|
432
|
-
var RadioGroup =
|
|
463
|
+
import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
464
|
+
var RadioGroup = forwardRef7(function RadioGroup2(props, ref) {
|
|
433
465
|
const {
|
|
434
466
|
options,
|
|
435
467
|
value: value2,
|
|
@@ -452,12 +484,12 @@ var RadioGroup = forwardRef6(function RadioGroup2(props, ref) {
|
|
|
452
484
|
const baseId = id ?? generatedId;
|
|
453
485
|
const labelId = label3 ? `${baseId}-label` : void 0;
|
|
454
486
|
const helperId = helperText2 ? `${baseId}-helper` : void 0;
|
|
455
|
-
return /* @__PURE__ */
|
|
456
|
-
label3 && /* @__PURE__ */
|
|
487
|
+
return /* @__PURE__ */ jsxs7("div", { className: cx(field, className), children: [
|
|
488
|
+
label3 && /* @__PURE__ */ jsxs7("span", { id: labelId, className: cx(label, groupLabel), children: [
|
|
457
489
|
label3,
|
|
458
|
-
required && /* @__PURE__ */
|
|
490
|
+
required && /* @__PURE__ */ jsx8("span", { className: requiredMark, "aria-hidden": true, children: "*" })
|
|
459
491
|
] }),
|
|
460
|
-
/* @__PURE__ */
|
|
492
|
+
/* @__PURE__ */ jsx8(
|
|
461
493
|
RadixRadioGroup.Root,
|
|
462
494
|
{
|
|
463
495
|
ref,
|
|
@@ -478,8 +510,8 @@ var RadioGroup = forwardRef6(function RadioGroup2(props, ref) {
|
|
|
478
510
|
const itemId = `${baseId}-${option2.value}`;
|
|
479
511
|
const descriptionId = option2.description ? `${itemId}-description` : void 0;
|
|
480
512
|
const itemDisabled = disabled || option2.disabled;
|
|
481
|
-
return /* @__PURE__ */
|
|
482
|
-
/* @__PURE__ */
|
|
513
|
+
return /* @__PURE__ */ jsxs7("div", { className: option({ size }), "data-disabled": itemDisabled || void 0, children: [
|
|
514
|
+
/* @__PURE__ */ jsx8(
|
|
483
515
|
RadixRadioGroup.Item,
|
|
484
516
|
{
|
|
485
517
|
id: itemId,
|
|
@@ -487,24 +519,24 @@ var RadioGroup = forwardRef6(function RadioGroup2(props, ref) {
|
|
|
487
519
|
disabled: option2.disabled,
|
|
488
520
|
"aria-describedby": descriptionId,
|
|
489
521
|
className: radio({ size }),
|
|
490
|
-
children: /* @__PURE__ */
|
|
522
|
+
children: /* @__PURE__ */ jsx8(RadixRadioGroup.Indicator, { className: indicator })
|
|
491
523
|
}
|
|
492
524
|
),
|
|
493
|
-
/* @__PURE__ */
|
|
494
|
-
/* @__PURE__ */
|
|
495
|
-
option2.description && /* @__PURE__ */
|
|
525
|
+
/* @__PURE__ */ jsxs7("span", { className: text, children: [
|
|
526
|
+
/* @__PURE__ */ jsx8("label", { htmlFor: itemId, className: labelText, children: option2.label }),
|
|
527
|
+
option2.description && /* @__PURE__ */ jsx8("span", { id: descriptionId, className: description2, children: option2.description })
|
|
496
528
|
] })
|
|
497
529
|
] }, option2.value);
|
|
498
530
|
})
|
|
499
531
|
}
|
|
500
532
|
),
|
|
501
|
-
helperText2 && /* @__PURE__ */
|
|
533
|
+
helperText2 && /* @__PURE__ */ jsx8("p", { id: helperId, className: helperText({ error }), children: helperText2 })
|
|
502
534
|
] });
|
|
503
535
|
});
|
|
504
536
|
|
|
505
537
|
// src/components/Select/Select.tsx
|
|
506
538
|
import * as RadixSelect from "@radix-ui/react-select";
|
|
507
|
-
import { forwardRef as
|
|
539
|
+
import { forwardRef as forwardRef8, useId as useId3 } from "react";
|
|
508
540
|
import { CheckIcon, ChevronDownIcon } from "@bestow-ui/icons";
|
|
509
541
|
|
|
510
542
|
// src/components/Select/Select.css.ts
|
|
@@ -517,8 +549,8 @@ var value = "_1kx81e81";
|
|
|
517
549
|
var viewport = "_1kx81e84";
|
|
518
550
|
|
|
519
551
|
// src/components/Select/Select.tsx
|
|
520
|
-
import { jsx as
|
|
521
|
-
var Select =
|
|
552
|
+
import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
553
|
+
var Select = forwardRef8(function Select2(props, ref) {
|
|
522
554
|
const {
|
|
523
555
|
options,
|
|
524
556
|
value: value2,
|
|
@@ -542,12 +574,12 @@ var Select = forwardRef7(function Select2(props, ref) {
|
|
|
542
574
|
const triggerId = id ?? generatedId;
|
|
543
575
|
const helperId = helperText2 ? `${triggerId}-helper` : void 0;
|
|
544
576
|
const portal2 = usePortalProps();
|
|
545
|
-
return /* @__PURE__ */
|
|
546
|
-
label3 && /* @__PURE__ */
|
|
577
|
+
return /* @__PURE__ */ jsxs8("div", { className: cx(field, fullWidth && fieldFullWidth), children: [
|
|
578
|
+
label3 && /* @__PURE__ */ jsxs8("label", { htmlFor: triggerId, className: label, children: [
|
|
547
579
|
label3,
|
|
548
|
-
required && /* @__PURE__ */
|
|
580
|
+
required && /* @__PURE__ */ jsx9("span", { className: requiredMark, "aria-hidden": true, children: "*" })
|
|
549
581
|
] }),
|
|
550
|
-
/* @__PURE__ */
|
|
582
|
+
/* @__PURE__ */ jsxs8(
|
|
551
583
|
RadixSelect.Root,
|
|
552
584
|
{
|
|
553
585
|
value: isControlled ? value2 ?? "" : void 0,
|
|
@@ -557,7 +589,7 @@ var Select = forwardRef7(function Select2(props, ref) {
|
|
|
557
589
|
required,
|
|
558
590
|
name,
|
|
559
591
|
children: [
|
|
560
|
-
/* @__PURE__ */
|
|
592
|
+
/* @__PURE__ */ jsxs8(
|
|
561
593
|
RadixSelect.Trigger,
|
|
562
594
|
{
|
|
563
595
|
ref,
|
|
@@ -568,12 +600,12 @@ var Select = forwardRef7(function Select2(props, ref) {
|
|
|
568
600
|
"data-invalid": error || void 0,
|
|
569
601
|
className: cx(root3({ size, fullWidth }), trigger, className),
|
|
570
602
|
children: [
|
|
571
|
-
/* @__PURE__ */
|
|
572
|
-
/* @__PURE__ */
|
|
603
|
+
/* @__PURE__ */ jsx9("span", { className: value, children: /* @__PURE__ */ jsx9(RadixSelect.Value, { placeholder }) }),
|
|
604
|
+
/* @__PURE__ */ jsx9(RadixSelect.Icon, { className: icon2, children: /* @__PURE__ */ jsx9(ChevronDownIcon, { size: 16 }) })
|
|
573
605
|
]
|
|
574
606
|
}
|
|
575
607
|
),
|
|
576
|
-
/* @__PURE__ */
|
|
608
|
+
/* @__PURE__ */ jsx9(RadixSelect.Portal, { children: /* @__PURE__ */ jsx9(
|
|
577
609
|
RadixSelect.Content,
|
|
578
610
|
{
|
|
579
611
|
position: "popper",
|
|
@@ -581,15 +613,15 @@ var Select = forwardRef7(function Select2(props, ref) {
|
|
|
581
613
|
collisionPadding: 8,
|
|
582
614
|
className: cx(portal2.className, content2),
|
|
583
615
|
style: portal2.style,
|
|
584
|
-
children: /* @__PURE__ */
|
|
616
|
+
children: /* @__PURE__ */ jsx9(RadixSelect.Viewport, { className: viewport, children: options.map((option2) => /* @__PURE__ */ jsxs8(
|
|
585
617
|
RadixSelect.Item,
|
|
586
618
|
{
|
|
587
619
|
value: option2.value,
|
|
588
620
|
disabled: option2.disabled,
|
|
589
621
|
className: item,
|
|
590
622
|
children: [
|
|
591
|
-
/* @__PURE__ */
|
|
592
|
-
/* @__PURE__ */
|
|
623
|
+
/* @__PURE__ */ jsx9(RadixSelect.ItemText, { children: option2.label }),
|
|
624
|
+
/* @__PURE__ */ jsx9(RadixSelect.ItemIndicator, { className: itemIndicator, children: /* @__PURE__ */ jsx9(CheckIcon, { size: 16 }) })
|
|
593
625
|
]
|
|
594
626
|
},
|
|
595
627
|
option2.value
|
|
@@ -599,21 +631,21 @@ var Select = forwardRef7(function Select2(props, ref) {
|
|
|
599
631
|
]
|
|
600
632
|
}
|
|
601
633
|
),
|
|
602
|
-
helperText2 && /* @__PURE__ */
|
|
634
|
+
helperText2 && /* @__PURE__ */ jsx9("p", { id: helperId, className: helperText({ error }), children: helperText2 })
|
|
603
635
|
] });
|
|
604
636
|
});
|
|
605
637
|
|
|
606
638
|
// src/components/Stack/Stack.tsx
|
|
607
|
-
import { forwardRef as
|
|
639
|
+
import { forwardRef as forwardRef9 } from "react";
|
|
608
640
|
|
|
609
641
|
// src/components/Stack/Stack.css.ts
|
|
610
|
-
import { createRuntimeFn as
|
|
611
|
-
var stack =
|
|
642
|
+
import { createRuntimeFn as _7a4687 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
643
|
+
var stack = _7a4687({ defaultClassName: "_1jz9hj90", variantClassNames: { direction: { row: "_1jz9hj91", column: "_1jz9hj92", "row-reverse": "_1jz9hj93", "column-reverse": "_1jz9hj94" }, gap: { "0": "_1jz9hj95", "1": "_1jz9hj96", "2": "_1jz9hj97", "3": "_1jz9hj98", "4": "_1jz9hj99", "5": "_1jz9hj9a", "6": "_1jz9hj9b", "8": "_1jz9hj9c", "10": "_1jz9hj9d", "12": "_1jz9hj9e", "16": "_1jz9hj9f" }, align: { start: "_1jz9hj9g", center: "_1jz9hj9h", end: "_1jz9hj9i", stretch: "_1jz9hj9j", baseline: "_1jz9hj9k" }, justify: { start: "_1jz9hj9l", center: "_1jz9hj9m", end: "_1jz9hj9n", between: "_1jz9hj9o", around: "_1jz9hj9p", evenly: "_1jz9hj9q" }, wrap: { true: "_1jz9hj9r" } }, defaultVariants: { direction: "column" }, compoundVariants: [] });
|
|
612
644
|
|
|
613
645
|
// src/components/Stack/Stack.tsx
|
|
614
|
-
import { jsx as
|
|
615
|
-
var Stack =
|
|
616
|
-
return /* @__PURE__ */
|
|
646
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
647
|
+
var Stack = forwardRef9(function Stack2({ as: Component = "div", direction, gap, align, justify, wrap, className, ...rest }, ref) {
|
|
648
|
+
return /* @__PURE__ */ jsx10(
|
|
617
649
|
Component,
|
|
618
650
|
{
|
|
619
651
|
ref,
|
|
@@ -625,22 +657,22 @@ var Stack = forwardRef8(function Stack2({ as: Component = "div", direction, gap,
|
|
|
625
657
|
|
|
626
658
|
// src/components/Switch/Switch.tsx
|
|
627
659
|
import * as RadixSwitch from "@radix-ui/react-switch";
|
|
628
|
-
import { forwardRef as
|
|
660
|
+
import { forwardRef as forwardRef10, useId as useId4 } from "react";
|
|
629
661
|
|
|
630
662
|
// src/components/Switch/Switch.css.ts
|
|
631
|
-
import { createRuntimeFn as
|
|
663
|
+
import { createRuntimeFn as _7a4688 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
632
664
|
var label2 = "o33ul29";
|
|
633
|
-
var root4 =
|
|
634
|
-
var thumb =
|
|
635
|
-
var track =
|
|
665
|
+
var root4 = _7a4688({ defaultClassName: "o33ul20", variantClassNames: { size: { sm: "o33ul21", md: "o33ul22" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
666
|
+
var thumb = _7a4688({ defaultClassName: "o33ul26", variantClassNames: { size: { sm: "o33ul27", md: "o33ul28" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
667
|
+
var track = _7a4688({ defaultClassName: "o33ul23", variantClassNames: { size: { sm: "o33ul24", md: "o33ul25" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
|
|
636
668
|
|
|
637
669
|
// src/components/Switch/Switch.tsx
|
|
638
|
-
import { jsx as
|
|
639
|
-
var Switch =
|
|
670
|
+
import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
671
|
+
var Switch = forwardRef10(function Switch2({ label: label3, size, id, className, disabled, "aria-label": ariaLabel, ...rest }, ref) {
|
|
640
672
|
const generatedId = useId4();
|
|
641
673
|
const switchId = id ?? generatedId;
|
|
642
|
-
return /* @__PURE__ */
|
|
643
|
-
/* @__PURE__ */
|
|
674
|
+
return /* @__PURE__ */ jsxs9("span", { className: cx(root4({ size }), className), "data-disabled": disabled || void 0, children: [
|
|
675
|
+
/* @__PURE__ */ jsx11(
|
|
644
676
|
RadixSwitch.Root,
|
|
645
677
|
{
|
|
646
678
|
ref,
|
|
@@ -649,16 +681,16 @@ var Switch = forwardRef9(function Switch2({ label: label3, size, id, className,
|
|
|
649
681
|
"aria-label": ariaLabel,
|
|
650
682
|
className: track({ size }),
|
|
651
683
|
...rest,
|
|
652
|
-
children: /* @__PURE__ */
|
|
684
|
+
children: /* @__PURE__ */ jsx11(RadixSwitch.Thumb, { className: thumb({ size }) })
|
|
653
685
|
}
|
|
654
686
|
),
|
|
655
|
-
label3 && /* @__PURE__ */
|
|
687
|
+
label3 && /* @__PURE__ */ jsx11("label", { htmlFor: switchId, className: label2, children: label3 })
|
|
656
688
|
] });
|
|
657
689
|
});
|
|
658
690
|
|
|
659
691
|
// src/components/Textarea/Textarea.tsx
|
|
660
692
|
import {
|
|
661
|
-
forwardRef as
|
|
693
|
+
forwardRef as forwardRef11,
|
|
662
694
|
useCallback,
|
|
663
695
|
useEffect as useEffect2,
|
|
664
696
|
useId as useId5,
|
|
@@ -668,17 +700,17 @@ import {
|
|
|
668
700
|
} from "react";
|
|
669
701
|
|
|
670
702
|
// src/components/Textarea/Textarea.css.ts
|
|
671
|
-
import { createRuntimeFn as
|
|
703
|
+
import { createRuntimeFn as _7a4689 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
672
704
|
var count = "_1koawa9";
|
|
673
705
|
var countOver = "_1koawaa";
|
|
674
706
|
var defaultWidth = "_1koawa7";
|
|
675
707
|
var footer2 = "_1koawa8";
|
|
676
|
-
var textarea =
|
|
708
|
+
var textarea = _7a4689({ defaultClassName: "_1koawa0", variantClassNames: { size: { sm: "_1koawa1", md: "_1koawa2", lg: "_1koawa3" }, resize: { none: "_1koawa4", vertical: "_1koawa5", both: "_1koawa6" } }, defaultVariants: { size: "md", resize: "vertical" }, compoundVariants: [] });
|
|
677
709
|
|
|
678
710
|
// src/components/Textarea/Textarea.tsx
|
|
679
|
-
import { jsx as
|
|
711
|
+
import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
680
712
|
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
|
|
681
|
-
var Textarea =
|
|
713
|
+
var Textarea = forwardRef11(function Textarea2({
|
|
682
714
|
label: label3,
|
|
683
715
|
helperText: helperText2,
|
|
684
716
|
error,
|
|
@@ -718,12 +750,12 @@ var Textarea = forwardRef10(function Textarea2({
|
|
|
718
750
|
fitHeight();
|
|
719
751
|
onChange?.(event);
|
|
720
752
|
};
|
|
721
|
-
return /* @__PURE__ */
|
|
722
|
-
label3 && /* @__PURE__ */
|
|
753
|
+
return /* @__PURE__ */ jsxs10("div", { className: cx(field, fullWidth && fieldFullWidth), children: [
|
|
754
|
+
label3 && /* @__PURE__ */ jsxs10("label", { htmlFor: textareaId, className: label, children: [
|
|
723
755
|
label3,
|
|
724
|
-
required && /* @__PURE__ */
|
|
756
|
+
required && /* @__PURE__ */ jsx12("span", { className: requiredMark, "aria-hidden": true, children: "*" })
|
|
725
757
|
] }),
|
|
726
|
-
/* @__PURE__ */
|
|
758
|
+
/* @__PURE__ */ jsx12(
|
|
727
759
|
"textarea",
|
|
728
760
|
{
|
|
729
761
|
ref: mergeRefs(innerRef, ref),
|
|
@@ -745,9 +777,9 @@ var Textarea = forwardRef10(function Textarea2({
|
|
|
745
777
|
...rest
|
|
746
778
|
}
|
|
747
779
|
),
|
|
748
|
-
(helperText2 || showCount) && /* @__PURE__ */
|
|
749
|
-
helperText2 && /* @__PURE__ */
|
|
750
|
-
showCount && /* @__PURE__ */
|
|
780
|
+
(helperText2 || showCount) && /* @__PURE__ */ jsxs10("div", { className: footer2, children: [
|
|
781
|
+
helperText2 && /* @__PURE__ */ jsx12("p", { id: helperId, className: helperText({ error }), children: helperText2 }),
|
|
782
|
+
showCount && /* @__PURE__ */ jsx12("span", { className: cx(count, maxLength !== void 0 && length >= maxLength && countOver), children: maxLength !== void 0 ? `${length}/${maxLength}` : length })
|
|
751
783
|
] })
|
|
752
784
|
] });
|
|
753
785
|
});
|
|
@@ -758,16 +790,16 @@ import { createContext as createContext2, useCallback as useCallback2, useContex
|
|
|
758
790
|
import { XIcon as XIcon2 } from "@bestow-ui/icons";
|
|
759
791
|
|
|
760
792
|
// src/components/Toast/Toast.css.ts
|
|
761
|
-
import { createRuntimeFn as
|
|
793
|
+
import { createRuntimeFn as _7a46810 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
762
794
|
var action = "_1g11zvx7";
|
|
763
795
|
var close = "_1g11zvx8";
|
|
764
796
|
var description3 = "_1g11zvx6";
|
|
765
797
|
var title2 = "_1g11zvx5";
|
|
766
|
-
var toast =
|
|
798
|
+
var toast = _7a46810({ defaultClassName: "_1g11zvx1", variantClassNames: { variant: { "default": "_1g11zvx2", success: "_1g11zvx3", danger: "_1g11zvx4" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
|
|
767
799
|
var viewport2 = "_1g11zvx0";
|
|
768
800
|
|
|
769
801
|
// src/components/Toast/Toast.tsx
|
|
770
|
-
import { jsx as
|
|
802
|
+
import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
771
803
|
var REMOVE_DELAY = 500;
|
|
772
804
|
var ToastContext = createContext2(null);
|
|
773
805
|
function ToastProvider({ children, duration = 5e3, label: label3 = "\uC54C\uB9BC" }) {
|
|
@@ -785,9 +817,9 @@ function ToastProvider({ children, duration = 5e3, label: label3 = "\uC54C\uB9BC
|
|
|
785
817
|
setTimeout(() => setToasts((prev) => prev.filter((t) => t.open || !isTarget(t))), REMOVE_DELAY);
|
|
786
818
|
}, []);
|
|
787
819
|
const value2 = useMemo2(() => ({ toast: toast2, dismiss }), [toast2, dismiss]);
|
|
788
|
-
return /* @__PURE__ */
|
|
820
|
+
return /* @__PURE__ */ jsx13(ToastContext.Provider, { value: value2, children: /* @__PURE__ */ jsxs11(RadixToast.Provider, { duration, label: label3, swipeDirection: "right", children: [
|
|
789
821
|
children,
|
|
790
|
-
toasts.map(({ id, open, title: title3, description: description4, variant, duration: itemDuration, action: action2 }) => /* @__PURE__ */
|
|
822
|
+
toasts.map(({ id, open, title: title3, description: description4, variant, duration: itemDuration, action: action2 }) => /* @__PURE__ */ jsxs11(
|
|
791
823
|
RadixToast.Root,
|
|
792
824
|
{
|
|
793
825
|
open,
|
|
@@ -797,15 +829,15 @@ function ToastProvider({ children, duration = 5e3, label: label3 = "\uC54C\uB9BC
|
|
|
797
829
|
},
|
|
798
830
|
className: toast({ variant }),
|
|
799
831
|
children: [
|
|
800
|
-
/* @__PURE__ */
|
|
801
|
-
description4 && /* @__PURE__ */
|
|
802
|
-
action2 && /* @__PURE__ */
|
|
803
|
-
/* @__PURE__ */
|
|
832
|
+
/* @__PURE__ */ jsx13(RadixToast.Title, { className: title2, children: title3 }),
|
|
833
|
+
description4 && /* @__PURE__ */ jsx13(RadixToast.Description, { className: description3, children: description4 }),
|
|
834
|
+
action2 && /* @__PURE__ */ jsx13(RadixToast.Action, { asChild: true, altText: action2.altText ?? action2.label, className: action, children: /* @__PURE__ */ jsx13(Button, { size: "sm", variant: "soft", color: "neutral", onClick: action2.onClick, children: action2.label }) }),
|
|
835
|
+
/* @__PURE__ */ jsx13(RadixToast.Close, { className: close, "aria-label": "\uB2EB\uAE30", children: /* @__PURE__ */ jsx13(XIcon2, { size: 16 }) })
|
|
804
836
|
]
|
|
805
837
|
},
|
|
806
838
|
id
|
|
807
839
|
)),
|
|
808
|
-
/* @__PURE__ */
|
|
840
|
+
/* @__PURE__ */ jsx13(RadixToast.Viewport, { className: cx(portal2.className, viewport2), style: portal2.style })
|
|
809
841
|
] }) });
|
|
810
842
|
}
|
|
811
843
|
function useToast() {
|
|
@@ -822,7 +854,7 @@ var arrow = "z7rufs1";
|
|
|
822
854
|
var content3 = "z7rufs0";
|
|
823
855
|
|
|
824
856
|
// src/components/Tooltip/Tooltip.tsx
|
|
825
|
-
import { jsx as
|
|
857
|
+
import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
826
858
|
function Tooltip({
|
|
827
859
|
content: content4,
|
|
828
860
|
children,
|
|
@@ -837,9 +869,9 @@ function Tooltip({
|
|
|
837
869
|
}) {
|
|
838
870
|
const portal2 = usePortalProps();
|
|
839
871
|
if (disabled || content4 == null || content4 === "") return children;
|
|
840
|
-
return /* @__PURE__ */
|
|
841
|
-
/* @__PURE__ */
|
|
842
|
-
/* @__PURE__ */
|
|
872
|
+
return /* @__PURE__ */ jsx14(RadixTooltip.Provider, { delayDuration: delay, children: /* @__PURE__ */ jsxs12(RadixTooltip.Root, { open, defaultOpen, onOpenChange, children: [
|
|
873
|
+
/* @__PURE__ */ jsx14(RadixTooltip.Trigger, { asChild: true, children }),
|
|
874
|
+
/* @__PURE__ */ jsx14(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs12(
|
|
843
875
|
RadixTooltip.Content,
|
|
844
876
|
{
|
|
845
877
|
side,
|
|
@@ -850,7 +882,7 @@ function Tooltip({
|
|
|
850
882
|
style: portal2.style,
|
|
851
883
|
children: [
|
|
852
884
|
content4,
|
|
853
|
-
/* @__PURE__ */
|
|
885
|
+
/* @__PURE__ */ jsx14(RadixTooltip.Arrow, { className: arrow, width: 10, height: 5 })
|
|
854
886
|
]
|
|
855
887
|
}
|
|
856
888
|
) })
|
|
@@ -858,14 +890,14 @@ function Tooltip({
|
|
|
858
890
|
}
|
|
859
891
|
|
|
860
892
|
// src/components/Typography/Typography.tsx
|
|
861
|
-
import { forwardRef as
|
|
893
|
+
import { forwardRef as forwardRef12 } from "react";
|
|
862
894
|
|
|
863
895
|
// src/components/Typography/Typography.css.ts
|
|
864
|
-
import { createRuntimeFn as
|
|
865
|
-
var typography =
|
|
896
|
+
import { createRuntimeFn as _7a46811 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
897
|
+
var typography = _7a46811({ defaultClassName: "kiolio0", variantClassNames: { variant: { display: "kiolio1", h1: "kiolio2", h2: "kiolio3", h3: "kiolio4", h4: "kiolio5", "body-lg": "kiolio6", body: "kiolio7", "body-sm": "kiolio8", caption: "kiolio9" }, color: { "default": "kiolioa", muted: "kioliob", subtle: "kiolioc", primary: "kioliod", danger: "kiolioe", success: "kioliof", inherit: "kioliog" }, weight: { regular: "kiolioh", medium: "kiolioi", semibold: "kiolioj", bold: "kioliok" }, align: { start: "kioliol", center: "kioliom", end: "kiolion" }, truncate: { true: "kiolioo" } }, defaultVariants: { variant: "body", color: "default" }, compoundVariants: [] });
|
|
866
898
|
|
|
867
899
|
// src/components/Typography/Typography.tsx
|
|
868
|
-
import { jsx as
|
|
900
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
869
901
|
var defaultElement = {
|
|
870
902
|
display: "h1",
|
|
871
903
|
h1: "h1",
|
|
@@ -877,9 +909,9 @@ var defaultElement = {
|
|
|
877
909
|
"body-sm": "p",
|
|
878
910
|
caption: "span"
|
|
879
911
|
};
|
|
880
|
-
var Typography =
|
|
912
|
+
var Typography = forwardRef12(function Typography2({ variant = "body", as, color, weight, align, truncate, className, ...rest }, ref) {
|
|
881
913
|
const Component = as ?? defaultElement[variant];
|
|
882
|
-
return /* @__PURE__ */
|
|
914
|
+
return /* @__PURE__ */ jsx15(
|
|
883
915
|
Component,
|
|
884
916
|
{
|
|
885
917
|
ref,
|
|
@@ -896,6 +928,7 @@ export {
|
|
|
896
928
|
ModalClose,
|
|
897
929
|
RadioGroup,
|
|
898
930
|
Select,
|
|
931
|
+
Spinner,
|
|
899
932
|
Stack,
|
|
900
933
|
Switch,
|
|
901
934
|
TextField,
|