@umami/react-zen 0.130.0 → 0.131.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.d.mts +11 -2
- package/dist/index.d.ts +11 -2
- package/dist/index.js +269 -261
- package/dist/index.mjs +214 -206
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -250,6 +250,7 @@ __export(index_exports, {
|
|
|
250
250
|
Focusable: () => $f645667febf57a63$export$35a3bebf7ef2d934,
|
|
251
251
|
Form: () => Form,
|
|
252
252
|
FormButtons: () => FormButtons,
|
|
253
|
+
FormController: () => FormController,
|
|
253
254
|
FormField: () => FormField,
|
|
254
255
|
FormFieldArray: () => FormFieldArray,
|
|
255
256
|
FormResetButton: () => FormResetButton,
|
|
@@ -23942,6 +23943,7 @@ function useController(props) {
|
|
|
23942
23943
|
fieldState
|
|
23943
23944
|
}), [field, formState, fieldState]);
|
|
23944
23945
|
}
|
|
23946
|
+
var Controller = (props) => props.render(useController(props));
|
|
23945
23947
|
var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria ? {
|
|
23946
23948
|
...errors[name],
|
|
23947
23949
|
types: {
|
|
@@ -26329,6 +26331,12 @@ function FormButtons({ fill, children, ...props }) {
|
|
|
26329
26331
|
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Row, { paddingTop: "3", gap: "3", justifyContent: "flex-end", ...props, children });
|
|
26330
26332
|
}
|
|
26331
26333
|
|
|
26334
|
+
// src/components/forms/FormController.tsx
|
|
26335
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
26336
|
+
function FormController({ children, ...props }) {
|
|
26337
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Controller, { ...props, render: children });
|
|
26338
|
+
}
|
|
26339
|
+
|
|
26332
26340
|
// src/components/forms/FormField.tsx
|
|
26333
26341
|
var import_react153 = require("react");
|
|
26334
26342
|
var import_classnames6 = __toESM(require_classnames());
|
|
@@ -26337,7 +26345,7 @@ var import_classnames6 = __toESM(require_classnames());
|
|
|
26337
26345
|
var FormField_default = { "field": "FormField_field__YTM1N", "description": "FormField_description__ZjFiM", "error": "FormField_error__NWZhM" };
|
|
26338
26346
|
|
|
26339
26347
|
// src/components/forms/FormField.tsx
|
|
26340
|
-
var
|
|
26348
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
26341
26349
|
function FormField({
|
|
26342
26350
|
name,
|
|
26343
26351
|
description,
|
|
@@ -26353,19 +26361,19 @@ function FormField({
|
|
|
26353
26361
|
const { field } = controller;
|
|
26354
26362
|
const errors = formState?.errors || {};
|
|
26355
26363
|
const errorMessage = errors[name]?.message;
|
|
26356
|
-
return /* @__PURE__ */ (0,
|
|
26364
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { ...props, className: (0, import_classnames6.default)(FormField_default.input, className), children: [
|
|
26357
26365
|
import_react153.Children.map(
|
|
26358
26366
|
typeof children === "function" ? children({ context, controller }) : children,
|
|
26359
26367
|
(child) => child ? (0, import_react153.cloneElement)(child, { ...field, label: child.props.label || label }) : null
|
|
26360
26368
|
),
|
|
26361
|
-
description && /* @__PURE__ */ (0,
|
|
26362
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
26369
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: FormField_default.description, children: description }),
|
|
26370
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: FormField_default.error, children: errorMessage })
|
|
26363
26371
|
] });
|
|
26364
26372
|
}
|
|
26365
26373
|
|
|
26366
26374
|
// src/components/forms/FormFieldArray.tsx
|
|
26367
26375
|
var import_classnames7 = __toESM(require_classnames());
|
|
26368
|
-
var
|
|
26376
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
26369
26377
|
function FormFieldArray({
|
|
26370
26378
|
name,
|
|
26371
26379
|
description,
|
|
@@ -26382,10 +26390,10 @@ function FormFieldArray({
|
|
|
26382
26390
|
});
|
|
26383
26391
|
const errors = formState?.errors || {};
|
|
26384
26392
|
const errorMessage = errors[name]?.message;
|
|
26385
|
-
return /* @__PURE__ */ (0,
|
|
26386
|
-
label && /* @__PURE__ */ (0,
|
|
26387
|
-
description && /* @__PURE__ */ (0,
|
|
26388
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
26393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { ...props, className: (0, import_classnames7.default)(FormField_default.input, className), children: [
|
|
26394
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label2, { children: label }),
|
|
26395
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: FormField_default.description, children: description }),
|
|
26396
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: FormField_default.error, children: errorMessage }),
|
|
26389
26397
|
children({ context, ...fieldProps })
|
|
26390
26398
|
] });
|
|
26391
26399
|
}
|
|
@@ -26397,7 +26405,7 @@ var import_classnames8 = __toESM(require_classnames());
|
|
|
26397
26405
|
var Button_default = { "button": "Button_button__YTAxZ", "primary": "Button_primary__NDFlY", "outline": "Button_outline__ZjQ3O", "quiet": "Button_quiet__ZWYwN", "danger": "Button_danger__YTg1M", "sm": "Button_sm__ZTAwM", "md": "Button_md__MDNjZ", "lg": "Button_lg__Njc0N", "xl": "Button_xl__MmUxM" };
|
|
26398
26406
|
|
|
26399
26407
|
// src/components/Button.tsx
|
|
26400
|
-
var
|
|
26408
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
26401
26409
|
function Button2({
|
|
26402
26410
|
variant = "secondary",
|
|
26403
26411
|
size = "md",
|
|
@@ -26409,7 +26417,7 @@ function Button2({
|
|
|
26409
26417
|
}) {
|
|
26410
26418
|
const Component = asChild ? Slot : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
|
|
26411
26419
|
const buttonProps = Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? { preventFocusOnPress } : void 0;
|
|
26412
|
-
return /* @__PURE__ */ (0,
|
|
26420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
26413
26421
|
Component,
|
|
26414
26422
|
{
|
|
26415
26423
|
...props,
|
|
@@ -26426,14 +26434,14 @@ function Button2({
|
|
|
26426
26434
|
}
|
|
26427
26435
|
|
|
26428
26436
|
// src/components/forms/FormResetButton.tsx
|
|
26429
|
-
var
|
|
26437
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
26430
26438
|
function FormResetButton({ values = {}, children, onPress, ...props }) {
|
|
26431
26439
|
const { reset } = useFormContext();
|
|
26432
26440
|
const handleReset = (e) => {
|
|
26433
26441
|
reset(values);
|
|
26434
26442
|
onPress?.(e);
|
|
26435
26443
|
};
|
|
26436
|
-
return /* @__PURE__ */ (0,
|
|
26444
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button2, { ...props, type: "reset", onPress: handleReset, children });
|
|
26437
26445
|
}
|
|
26438
26446
|
|
|
26439
26447
|
// src/components/Spinner.tsx
|
|
@@ -26443,10 +26451,10 @@ var import_classnames9 = __toESM(require_classnames());
|
|
|
26443
26451
|
var Spinner_default = { "spinner": "Spinner_spinner__MmRhN", "spinner-rotate": "Spinner_spinner-rotate__MDI2M", "track": "Spinner_track__ODIyN", "fill": "Spinner_fill__OGY5Y", "spinner-dash": "Spinner_spinner-dash__ZDE2N", "size-sm": "Spinner_size-sm__YWEwM", "size-md": "Spinner_size-md__NThiM", "size-lg": "Spinner_size-lg__MDEzN", "size-xl": "Spinner_size-xl__ZTNkN", "quiet": "Spinner_quiet__ZGJlM", "disabled": "Spinner_disabled__YjdjY" };
|
|
26444
26452
|
|
|
26445
26453
|
// src/components/Spinner.tsx
|
|
26446
|
-
var
|
|
26454
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
26447
26455
|
function Spinner(props) {
|
|
26448
26456
|
const { size = "lg", quiet, className, isDisabled, ...domProps } = props;
|
|
26449
|
-
return /* @__PURE__ */ (0,
|
|
26457
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
26450
26458
|
"div",
|
|
26451
26459
|
{
|
|
26452
26460
|
...domProps,
|
|
@@ -26454,16 +26462,16 @@ function Spinner(props) {
|
|
|
26454
26462
|
[Spinner_default.quiet]: quiet,
|
|
26455
26463
|
[Spinner_default.disabled]: isDisabled
|
|
26456
26464
|
}),
|
|
26457
|
-
children: /* @__PURE__ */ (0,
|
|
26458
|
-
/* @__PURE__ */ (0,
|
|
26459
|
-
/* @__PURE__ */ (0,
|
|
26465
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { viewBox: "25 25 50 50", children: [
|
|
26466
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
|
|
26467
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
|
|
26460
26468
|
] })
|
|
26461
26469
|
}
|
|
26462
26470
|
);
|
|
26463
26471
|
}
|
|
26464
26472
|
|
|
26465
26473
|
// src/components/LoadingButton.tsx
|
|
26466
|
-
var
|
|
26474
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
26467
26475
|
function LoadingButton({
|
|
26468
26476
|
isLoading,
|
|
26469
26477
|
isDisabled,
|
|
@@ -26471,14 +26479,14 @@ function LoadingButton({
|
|
|
26471
26479
|
children,
|
|
26472
26480
|
...props
|
|
26473
26481
|
}) {
|
|
26474
|
-
return /* @__PURE__ */ (0,
|
|
26475
|
-
isLoading && /* @__PURE__ */ (0,
|
|
26482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Button2, { ...props, isDisabled, children: [
|
|
26483
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Spinner, { isDisabled }) }),
|
|
26476
26484
|
showText && children
|
|
26477
26485
|
] });
|
|
26478
26486
|
}
|
|
26479
26487
|
|
|
26480
26488
|
// src/components/forms/FormSubmitButton.tsx
|
|
26481
|
-
var
|
|
26489
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
26482
26490
|
function FormSubmitButton({
|
|
26483
26491
|
variant = "primary",
|
|
26484
26492
|
isDisabled,
|
|
@@ -26489,7 +26497,7 @@ function FormSubmitButton({
|
|
|
26489
26497
|
const {
|
|
26490
26498
|
formState: { isDirty, isValid, isSubmitting, isSubmitted, isSubmitSuccessful }
|
|
26491
26499
|
} = useFormContext();
|
|
26492
|
-
return /* @__PURE__ */ (0,
|
|
26500
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
26493
26501
|
LoadingButton,
|
|
26494
26502
|
{
|
|
26495
26503
|
...props,
|
|
@@ -26509,7 +26517,7 @@ var import_classnames10 = __toESM(require_classnames());
|
|
|
26509
26517
|
var Toast_default = { "toast": "Toast_toast__ODE0M", "icon": "Toast_icon__ZmRlO", "title": "Toast_title__OGFiM", "description": "Toast_description__OTAxY", "action": "Toast_action__YzYxM", "close": "Toast_close__ZmMzM", "success": "Toast_success__Y2ZhZ", "error": "Toast_error__YzE0Y" };
|
|
26510
26518
|
|
|
26511
26519
|
// src/components/toast/Toast.tsx
|
|
26512
|
-
var
|
|
26520
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
26513
26521
|
var TOAST_CLOSE_ACTION = "close";
|
|
26514
26522
|
function Toast({
|
|
26515
26523
|
id,
|
|
@@ -26524,11 +26532,11 @@ function Toast({
|
|
|
26524
26532
|
...props
|
|
26525
26533
|
}) {
|
|
26526
26534
|
const hasActions = actions?.length > 0;
|
|
26527
|
-
return /* @__PURE__ */ (0,
|
|
26528
|
-
title && /* @__PURE__ */ (0,
|
|
26529
|
-
message && /* @__PURE__ */ (0,
|
|
26535
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ...props, className: (0, import_classnames10.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
|
|
26536
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: Toast_default.title, children: title }),
|
|
26537
|
+
message && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: Toast_default.description, children: message }),
|
|
26530
26538
|
hasActions && actions.map((action) => {
|
|
26531
|
-
return /* @__PURE__ */ (0,
|
|
26539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
26532
26540
|
Button2,
|
|
26533
26541
|
{
|
|
26534
26542
|
variant: "outline",
|
|
@@ -26539,7 +26547,7 @@ function Toast({
|
|
|
26539
26547
|
action
|
|
26540
26548
|
);
|
|
26541
26549
|
}),
|
|
26542
|
-
!hasActions && allowClose && /* @__PURE__ */ (0,
|
|
26550
|
+
!hasActions && allowClose && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
26543
26551
|
Icon2,
|
|
26544
26552
|
{
|
|
26545
26553
|
"aria-hidden": true,
|
|
@@ -26547,7 +26555,7 @@ function Toast({
|
|
|
26547
26555
|
size: "sm",
|
|
26548
26556
|
className: Toast_default.close,
|
|
26549
26557
|
onClick: () => onClose?.(TOAST_CLOSE_ACTION),
|
|
26550
|
-
children: /* @__PURE__ */ (0,
|
|
26558
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(X, {})
|
|
26551
26559
|
}
|
|
26552
26560
|
)
|
|
26553
26561
|
] });
|
|
@@ -28995,7 +29003,7 @@ function sendEvent(target, type, ...args) {
|
|
|
28995
29003
|
}
|
|
28996
29004
|
var BATCHED_EVENTS = ["onStart", "onChange", "onRest"];
|
|
28997
29005
|
var nextId2 = 1;
|
|
28998
|
-
var
|
|
29006
|
+
var Controller2 = class {
|
|
28999
29007
|
constructor(props, flush3) {
|
|
29000
29008
|
this.id = nextId2++;
|
|
29001
29009
|
this.springs = {};
|
|
@@ -29469,7 +29477,7 @@ function useTransition(data, props, deps) {
|
|
|
29469
29477
|
key: keys[i],
|
|
29470
29478
|
item,
|
|
29471
29479
|
phase: "mount",
|
|
29472
|
-
ctrl: new
|
|
29480
|
+
ctrl: new Controller2()
|
|
29473
29481
|
};
|
|
29474
29482
|
transitions[i].ctrl.item = item;
|
|
29475
29483
|
}
|
|
@@ -30179,12 +30187,12 @@ var import_react170 = require("react");
|
|
|
30179
30187
|
|
|
30180
30188
|
// src/components/toast/ToastProvider.tsx
|
|
30181
30189
|
var import_react169 = require("react");
|
|
30182
|
-
var
|
|
30190
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
30183
30191
|
var ToastContext = (0, import_react169.createContext)({});
|
|
30184
30192
|
function ToastProvider({ children, ...props }) {
|
|
30185
|
-
return /* @__PURE__ */ (0,
|
|
30193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ToastContext.Provider, { value: props, children: [
|
|
30186
30194
|
children,
|
|
30187
|
-
/* @__PURE__ */ (0,
|
|
30195
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Toaster, { ...props })
|
|
30188
30196
|
] });
|
|
30189
30197
|
}
|
|
30190
30198
|
|
|
@@ -30222,7 +30230,7 @@ function useToast() {
|
|
|
30222
30230
|
var Toaster_default = { "toaster": "Toaster_toaster__OGJjM", "position-top": "Toaster_position-top__Y2YyM", "position-top-right": "Toaster_position-top-right__Y2I1Y", "position-top-left": "Toaster_position-top-left__ZGZlM", "position-bottom": "Toaster_position-bottom__NjJmM", "position-bottom-right": "Toaster_position-bottom-right__MGVjY", "position-bottom-left": "Toaster_position-bottom-left__ODBhZ", "position-left": "Toaster_position-left__MWMzM", "position-right": "Toaster_position-right__YWYzZ" };
|
|
30223
30231
|
|
|
30224
30232
|
// src/components/toast/Toaster.tsx
|
|
30225
|
-
var
|
|
30233
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
30226
30234
|
function Toaster({ duration = 0, position = "bottom-right" }) {
|
|
30227
30235
|
const { toasts } = useToast();
|
|
30228
30236
|
const [hovered, setHovered] = (0, import_react171.useState)(false);
|
|
@@ -30254,7 +30262,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
|
|
|
30254
30262
|
};
|
|
30255
30263
|
}
|
|
30256
30264
|
}, [duration, toasts, hovered]);
|
|
30257
|
-
return /* @__PURE__ */ (0,
|
|
30265
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
30258
30266
|
"div",
|
|
30259
30267
|
{
|
|
30260
30268
|
className: (0, import_classnames11.default)(Toaster_default.toaster, Toaster_default[`position-${position}`]),
|
|
@@ -30264,7 +30272,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
|
|
|
30264
30272
|
const { id, ...props } = item;
|
|
30265
30273
|
return (
|
|
30266
30274
|
// @ts-ignore
|
|
30267
|
-
/* @__PURE__ */ (0,
|
|
30275
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
|
|
30268
30276
|
);
|
|
30269
30277
|
})
|
|
30270
30278
|
}
|
|
@@ -30320,7 +30328,7 @@ var import_classnames12 = __toESM(require_classnames());
|
|
|
30320
30328
|
var Text_default = { "truncate": "Text_truncate__NjQ2M", "italic": "Text_italic__MmI4Y", "underline": "Text_underline__MzZmN", "strikethrough": "Text_strikethrough__ZTg3Y" };
|
|
30321
30329
|
|
|
30322
30330
|
// src/components/Text.tsx
|
|
30323
|
-
var
|
|
30331
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
30324
30332
|
function Text({
|
|
30325
30333
|
color,
|
|
30326
30334
|
size,
|
|
@@ -30350,7 +30358,7 @@ function Text({
|
|
|
30350
30358
|
textTransform: transform,
|
|
30351
30359
|
color
|
|
30352
30360
|
});
|
|
30353
|
-
return /* @__PURE__ */ (0,
|
|
30361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
30354
30362
|
Component,
|
|
30355
30363
|
{
|
|
30356
30364
|
...props,
|
|
@@ -30373,9 +30381,9 @@ function Text({
|
|
|
30373
30381
|
var Accordion_default = { "accordion": "Accordion_accordion__ODg3O", "item": "Accordion_item__ZDU3Z", "button": "Accordion_button__MTRiY", "icon": "Accordion_icon__NDMwM", "panel": "Accordion_panel__OTQ4M", "expanded": "Accordion_expanded__ODY0N" };
|
|
30374
30382
|
|
|
30375
30383
|
// src/components/Accordion.tsx
|
|
30376
|
-
var
|
|
30384
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
30377
30385
|
function Accordion({ className, children, ...props }) {
|
|
30378
|
-
return /* @__PURE__ */ (0,
|
|
30386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames13.default)(Accordion_default.accordion, className), children });
|
|
30379
30387
|
}
|
|
30380
30388
|
function AccordionItem({
|
|
30381
30389
|
defaultExpanded,
|
|
@@ -30388,18 +30396,18 @@ function AccordionItem({
|
|
|
30388
30396
|
const handleExpandedChange = (isExpanded) => {
|
|
30389
30397
|
requestAnimationFrame(() => setExpanded(isExpanded));
|
|
30390
30398
|
};
|
|
30391
|
-
return /* @__PURE__ */ (0,
|
|
30399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
30392
30400
|
$28f4fd908f0de97f$export$74a362b31437ec83,
|
|
30393
30401
|
{
|
|
30394
30402
|
...props,
|
|
30395
30403
|
className: (0, import_classnames13.default)(Accordion_default.item, className),
|
|
30396
30404
|
onExpandedChange: handleExpandedChange,
|
|
30397
30405
|
children: [
|
|
30398
|
-
/* @__PURE__ */ (0,
|
|
30399
|
-
/* @__PURE__ */ (0,
|
|
30400
|
-
/* @__PURE__ */ (0,
|
|
30406
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
|
|
30407
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text, { children: trigger }),
|
|
30408
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronRight, {}) })
|
|
30401
30409
|
] }),
|
|
30402
|
-
/* @__PURE__ */ (0,
|
|
30410
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames13.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
|
|
30403
30411
|
]
|
|
30404
30412
|
}
|
|
30405
30413
|
);
|
|
@@ -30415,16 +30423,16 @@ var import_classnames14 = __toESM(require_classnames());
|
|
|
30415
30423
|
var Dialog_default = { "dialog": "Dialog_dialog__YzZhN", "title": "Dialog_title__NjZlN", "modal": "Dialog_modal__YjEzN", "menu": "Dialog_menu__ZmFhN", "sheet": "Dialog_sheet__NzkxM" };
|
|
30416
30424
|
|
|
30417
30425
|
// src/components/Dialog.tsx
|
|
30418
|
-
var
|
|
30426
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
30419
30427
|
function Dialog2({ title, variant = "modal", children, className, ...props }) {
|
|
30420
|
-
return /* @__PURE__ */ (0,
|
|
30428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
30421
30429
|
$de32f1b87079253c$export$3ddf2d174ce01153,
|
|
30422
30430
|
{
|
|
30423
30431
|
...props,
|
|
30424
30432
|
className: (0, import_classnames14.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
|
|
30425
30433
|
children: (dialogProps) => {
|
|
30426
|
-
return /* @__PURE__ */ (0,
|
|
30427
|
-
title && /* @__PURE__ */ (0,
|
|
30434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
|
|
30435
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: Dialog_default.title, children: title }),
|
|
30428
30436
|
typeof children === "function" ? children(dialogProps) : children
|
|
30429
30437
|
] });
|
|
30430
30438
|
}
|
|
@@ -30433,16 +30441,16 @@ function Dialog2({ title, variant = "modal", children, className, ...props }) {
|
|
|
30433
30441
|
}
|
|
30434
30442
|
|
|
30435
30443
|
// src/components/Column.tsx
|
|
30436
|
-
var
|
|
30444
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
30437
30445
|
function Column({ reverse, children, ...props }) {
|
|
30438
|
-
return /* @__PURE__ */ (0,
|
|
30446
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
|
|
30439
30447
|
}
|
|
30440
30448
|
|
|
30441
30449
|
// css-modules:E:\dev\umami-react-zen\src\components\AlertDialog.module.css
|
|
30442
30450
|
var AlertDialog_default = { "dialog": "AlertDialog_dialog__OTkwN", "title": "AlertDialog_title__ZGIwY" };
|
|
30443
30451
|
|
|
30444
30452
|
// src/components/AlertDialog.tsx
|
|
30445
|
-
var
|
|
30453
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
30446
30454
|
function AlertDialog({
|
|
30447
30455
|
title,
|
|
30448
30456
|
description,
|
|
@@ -30464,12 +30472,12 @@ function AlertDialog({
|
|
|
30464
30472
|
onCancel?.();
|
|
30465
30473
|
close();
|
|
30466
30474
|
};
|
|
30467
|
-
return /* @__PURE__ */ (0,
|
|
30468
|
-
return /* @__PURE__ */ (0,
|
|
30475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Dialog2, { ...props, title, className: (0, import_classnames15.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
|
|
30476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Column, { gap: "4", children: [
|
|
30469
30477
|
typeof children === "function" ? children({ close }) : children,
|
|
30470
|
-
/* @__PURE__ */ (0,
|
|
30471
|
-
/* @__PURE__ */ (0,
|
|
30472
|
-
/* @__PURE__ */ (0,
|
|
30478
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { gap: "3", justifyContent: "end", children: [
|
|
30479
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button2, { onPress: () => handleClose(close), children: cancelLabel }),
|
|
30480
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
30473
30481
|
Button2,
|
|
30474
30482
|
{
|
|
30475
30483
|
variant: isDanger ? "danger" : "primary",
|
|
@@ -30487,10 +30495,10 @@ function AlertDialog({
|
|
|
30487
30495
|
var Blockquote_default = { "blockquote": "Blockquote_blockquote__MzZmO" };
|
|
30488
30496
|
|
|
30489
30497
|
// src/components/Blockquote.tsx
|
|
30490
|
-
var
|
|
30498
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
30491
30499
|
function Blockquote({ asChild, children }) {
|
|
30492
30500
|
const Component = asChild ? Slot : "blockquote";
|
|
30493
|
-
return /* @__PURE__ */ (0,
|
|
30501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Component, { className: Blockquote_default.blockquote, children });
|
|
30494
30502
|
}
|
|
30495
30503
|
|
|
30496
30504
|
// src/components/Breadcrumbs.tsx
|
|
@@ -30500,14 +30508,14 @@ var import_classnames16 = __toESM(require_classnames());
|
|
|
30500
30508
|
var Breadcrumbs_default = { "breadcrumbs": "Breadcrumbs_breadcrumbs__OTJlN", "breadcrumb": "Breadcrumbs_breadcrumb__YjU2O", "icon": "Breadcrumbs_icon__MWFiY" };
|
|
30501
30509
|
|
|
30502
30510
|
// src/components/Breadcrumbs.tsx
|
|
30503
|
-
var
|
|
30511
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
30504
30512
|
function Breadcrumbs2({ children, className, ...props }) {
|
|
30505
|
-
return /* @__PURE__ */ (0,
|
|
30513
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames16.default)(Breadcrumbs_default.breadcrumbs, className), children });
|
|
30506
30514
|
}
|
|
30507
30515
|
function Breadcrumb2({ children, className, ...props }) {
|
|
30508
|
-
return /* @__PURE__ */ (0,
|
|
30516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames16.default)(Breadcrumbs_default.breadcrumb, className), children: [
|
|
30509
30517
|
children,
|
|
30510
|
-
/* @__PURE__ */ (0,
|
|
30518
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronRight, {}) })
|
|
30511
30519
|
] });
|
|
30512
30520
|
}
|
|
30513
30521
|
|
|
@@ -30525,7 +30533,7 @@ function toCalendarDate(date) {
|
|
|
30525
30533
|
var Calendar_default = { "calendar": "Calendar_calendar__ZDMwM", "header": "Calendar_header__ZDE0Y", "heading": "Calendar_heading__MTk3Z", "button": "Calendar_button__MmIyO", "headerCell": "Calendar_headerCell__MjEwY", "cell": "Calendar_cell__MTc4M" };
|
|
30526
30534
|
|
|
30527
30535
|
// src/components/Calendar.tsx
|
|
30528
|
-
var
|
|
30536
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
30529
30537
|
function Calendar2({
|
|
30530
30538
|
className,
|
|
30531
30539
|
value,
|
|
@@ -30539,7 +30547,7 @@ function Calendar2({
|
|
|
30539
30547
|
console.log({ raw: date });
|
|
30540
30548
|
onChange?.(date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
|
|
30541
30549
|
};
|
|
30542
|
-
return /* @__PURE__ */ (0,
|
|
30550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
30543
30551
|
$dfd62f934fc76fed$export$e1aef45b828286de,
|
|
30544
30552
|
{
|
|
30545
30553
|
...props,
|
|
@@ -30550,14 +30558,14 @@ function Calendar2({
|
|
|
30550
30558
|
className: (0, import_classnames17.default)(Calendar_default.calendar, className),
|
|
30551
30559
|
onChange: handleChange,
|
|
30552
30560
|
children: [
|
|
30553
|
-
/* @__PURE__ */ (0,
|
|
30554
|
-
/* @__PURE__ */ (0,
|
|
30555
|
-
/* @__PURE__ */ (0,
|
|
30556
|
-
/* @__PURE__ */ (0,
|
|
30561
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("header", { className: Calendar_default.header, children: [
|
|
30562
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronRight, {}) }) }),
|
|
30563
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
|
|
30564
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronRight, {}) }) })
|
|
30557
30565
|
] }),
|
|
30558
|
-
/* @__PURE__ */ (0,
|
|
30559
|
-
/* @__PURE__ */ (0,
|
|
30560
|
-
/* @__PURE__ */ (0,
|
|
30566
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
|
|
30567
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
|
|
30568
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
|
|
30561
30569
|
] })
|
|
30562
30570
|
]
|
|
30563
30571
|
}
|
|
@@ -30571,18 +30579,18 @@ var import_classnames18 = __toESM(require_classnames());
|
|
|
30571
30579
|
var Checkbox_default = { "checkbox": "Checkbox_checkbox__OTliN", "box": "Checkbox_box__M2E3Z", "icon": "Checkbox_icon__ODgyZ" };
|
|
30572
30580
|
|
|
30573
30581
|
// src/components/Checkbox.tsx
|
|
30574
|
-
var
|
|
30582
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
30575
30583
|
function Checkbox2({ label, className, children, ...props }) {
|
|
30576
30584
|
const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
|
|
30577
|
-
return /* @__PURE__ */ (0,
|
|
30585
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
30578
30586
|
$bc237834342dbd75$export$48513f6b9f8ce62d,
|
|
30579
30587
|
{
|
|
30580
30588
|
...props,
|
|
30581
30589
|
isSelected,
|
|
30582
30590
|
className: (0, import_classnames18.default)(Checkbox_default.checkbox, className),
|
|
30583
30591
|
children: ({ isIndeterminate, isSelected: isSelected2 }) => {
|
|
30584
|
-
return /* @__PURE__ */ (0,
|
|
30585
|
-
/* @__PURE__ */ (0,
|
|
30592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
|
|
30593
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: Checkbox_default.box, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon2, { className: Checkbox_default.icon, size: "sm", children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Minus, {}) : isSelected2 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Check, {}) : null }) }),
|
|
30586
30594
|
children
|
|
30587
30595
|
] });
|
|
30588
30596
|
}
|
|
@@ -30594,10 +30602,10 @@ function Checkbox2({ label, className, children, ...props }) {
|
|
|
30594
30602
|
var Code_default = { "code": "Code_code__NmYxN" };
|
|
30595
30603
|
|
|
30596
30604
|
// src/components/Code.tsx
|
|
30597
|
-
var
|
|
30605
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
30598
30606
|
function Code({ asChild, children }) {
|
|
30599
30607
|
const Component = asChild ? Slot : "code";
|
|
30600
|
-
return /* @__PURE__ */ (0,
|
|
30608
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Component, { className: Code_default.code, children });
|
|
30601
30609
|
}
|
|
30602
30610
|
|
|
30603
30611
|
// src/components/Container.tsx
|
|
@@ -30607,7 +30615,7 @@ var import_classnames19 = __toESM(require_classnames());
|
|
|
30607
30615
|
var Container_default = { "container": "Container_container__ZWU0Y", "centered": "Container_centered__OTM1M", "fluid": "Container_fluid__NTBhY" };
|
|
30608
30616
|
|
|
30609
30617
|
// src/components/Container.tsx
|
|
30610
|
-
var
|
|
30618
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
30611
30619
|
function Container({
|
|
30612
30620
|
isCentered = true,
|
|
30613
30621
|
isFluid,
|
|
@@ -30615,7 +30623,7 @@ function Container({
|
|
|
30615
30623
|
children,
|
|
30616
30624
|
...props
|
|
30617
30625
|
}) {
|
|
30618
|
-
return /* @__PURE__ */ (0,
|
|
30626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
30619
30627
|
Box,
|
|
30620
30628
|
{
|
|
30621
30629
|
...props,
|
|
@@ -30645,9 +30653,9 @@ var import_classnames20 = __toESM(require_classnames());
|
|
|
30645
30653
|
var Label_default = { "label": "Label_label__YWE3M" };
|
|
30646
30654
|
|
|
30647
30655
|
// src/components/Label.tsx
|
|
30648
|
-
var
|
|
30656
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
30649
30657
|
function Label2({ className, ...props }) {
|
|
30650
|
-
return /* @__PURE__ */ (0,
|
|
30658
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames20.default)(Label_default.label, className) });
|
|
30651
30659
|
}
|
|
30652
30660
|
|
|
30653
30661
|
// src/components/CopyButton.tsx
|
|
@@ -30658,7 +30666,7 @@ var import_classnames21 = __toESM(require_classnames());
|
|
|
30658
30666
|
var CopyButton_default = { "icon": "CopyButton_icon__YTM2Y", "copy-button": "CopyButton_copy-button__MjY1M" };
|
|
30659
30667
|
|
|
30660
30668
|
// src/components/CopyButton.tsx
|
|
30661
|
-
var
|
|
30669
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
30662
30670
|
var TIMEOUT = 2e3;
|
|
30663
30671
|
function CopyButton({ value, timeout = TIMEOUT, className, children, ...props }) {
|
|
30664
30672
|
const [copied, setCopied] = (0, import_react175.useState)(false);
|
|
@@ -30671,14 +30679,14 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
|
|
|
30671
30679
|
ref.current = +setTimeout(() => setCopied(false), timeout);
|
|
30672
30680
|
}
|
|
30673
30681
|
};
|
|
30674
|
-
return /* @__PURE__ */ (0,
|
|
30682
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon2, { ...props, className: (0, import_classnames21.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Copy, {}) });
|
|
30675
30683
|
}
|
|
30676
30684
|
|
|
30677
30685
|
// css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
|
|
30678
30686
|
var TextField_default = { "field": "TextField_field__YWQzN", "textarea": "TextField_textarea__YWRmM" };
|
|
30679
30687
|
|
|
30680
30688
|
// src/components/TextField.tsx
|
|
30681
|
-
var
|
|
30689
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
30682
30690
|
function TextField2({
|
|
30683
30691
|
value,
|
|
30684
30692
|
defaultValue,
|
|
@@ -30702,9 +30710,9 @@ function TextField2({
|
|
|
30702
30710
|
(0, import_react176.useEffect)(() => {
|
|
30703
30711
|
setInputValue(value);
|
|
30704
30712
|
}, [value]);
|
|
30705
|
-
return /* @__PURE__ */ (0,
|
|
30706
|
-
label && /* @__PURE__ */ (0,
|
|
30707
|
-
/* @__PURE__ */ (0,
|
|
30713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
30714
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label2, { children: label }),
|
|
30715
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
30708
30716
|
$bcdf0525bf22703d$export$2c73285ae9390cec,
|
|
30709
30717
|
{
|
|
30710
30718
|
"aria-label": "Text",
|
|
@@ -30715,8 +30723,8 @@ function TextField2({
|
|
|
30715
30723
|
isDisabled,
|
|
30716
30724
|
onChange: handleChange,
|
|
30717
30725
|
children: [
|
|
30718
|
-
/* @__PURE__ */ (0,
|
|
30719
|
-
allowCopy && /* @__PURE__ */ (0,
|
|
30726
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Component, { placeholder }),
|
|
30727
|
+
allowCopy && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CopyButton, { value: inputValue })
|
|
30720
30728
|
]
|
|
30721
30729
|
}
|
|
30722
30730
|
)
|
|
@@ -30727,7 +30735,7 @@ function TextField2({
|
|
|
30727
30735
|
var ConfirmationDialog_default = { "dialog": "ConfirmationDialog_dialog__Mzg4M", "value": "ConfirmationDialog_value__YzhjZ" };
|
|
30728
30736
|
|
|
30729
30737
|
// src/components/ConfirmationDialog.tsx
|
|
30730
|
-
var
|
|
30738
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
30731
30739
|
function ConfirmationDialog({
|
|
30732
30740
|
value,
|
|
30733
30741
|
confirmMessage,
|
|
@@ -30739,21 +30747,21 @@ function ConfirmationDialog({
|
|
|
30739
30747
|
const handleChange = (e) => {
|
|
30740
30748
|
setCanSave(e.target.value === value);
|
|
30741
30749
|
};
|
|
30742
|
-
return /* @__PURE__ */ (0,
|
|
30750
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
30743
30751
|
AlertDialog,
|
|
30744
30752
|
{
|
|
30745
30753
|
...props,
|
|
30746
30754
|
className: (0, import_classnames23.default)(ConfirmationDialog_default.dialog, className),
|
|
30747
30755
|
isConfirmDisabled: !canSave,
|
|
30748
30756
|
children: ({ close }) => {
|
|
30749
|
-
return /* @__PURE__ */ (0,
|
|
30757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
|
|
30750
30758
|
typeof children === "function" ? children({ close }) : children,
|
|
30751
|
-
/* @__PURE__ */ (0,
|
|
30759
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Text, { children: [
|
|
30752
30760
|
confirmMessage || "Type the following value to confirm",
|
|
30753
30761
|
":"
|
|
30754
30762
|
] }),
|
|
30755
|
-
/* @__PURE__ */ (0,
|
|
30756
|
-
/* @__PURE__ */ (0,
|
|
30763
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: ConfirmationDialog_default.value, children: value }),
|
|
30764
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
|
|
30757
30765
|
] });
|
|
30758
30766
|
}
|
|
30759
30767
|
}
|
|
@@ -30771,13 +30779,13 @@ var import_classnames24 = __toESM(require_classnames());
|
|
|
30771
30779
|
var Table_default = { "table": "Table_table__YjllN", "header": "Table_header__NmE0Y", "body": "Table_body__ZWYwN", "row": "Table_row__Y2M0Y", "column": "Table_column__ZGY2M", "cell": "Table_cell__MmZjM", "start": "Table_start__NGFiN", "center": "Table_center__NzFjM", "end": "Table_end__NmQyY" };
|
|
30772
30780
|
|
|
30773
30781
|
// src/components/Table.tsx
|
|
30774
|
-
var
|
|
30782
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
30775
30783
|
var gridTemplateColumns = "repeat(auto-fit, minmax(140px, 1fr))";
|
|
30776
30784
|
function Table2({ children, className, ...props }) {
|
|
30777
|
-
return /* @__PURE__ */ (0,
|
|
30785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)($1910c06f0ca9905e$export$54ec01a60f47d33d, { "aria-label": "Table", ...props, className: (0, import_classnames24.default)(Table_default.table, className), children });
|
|
30778
30786
|
}
|
|
30779
30787
|
function TableHeader({ children, className, style, ...props }) {
|
|
30780
|
-
return /* @__PURE__ */ (0,
|
|
30788
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
30781
30789
|
$1910c06f0ca9905e$export$f850895b287ef28e,
|
|
30782
30790
|
{
|
|
30783
30791
|
...props,
|
|
@@ -30788,10 +30796,10 @@ function TableHeader({ children, className, style, ...props }) {
|
|
|
30788
30796
|
);
|
|
30789
30797
|
}
|
|
30790
30798
|
function TableBody({ children, className, ...props }) {
|
|
30791
|
-
return /* @__PURE__ */ (0,
|
|
30799
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames24.default)(Table_default.body, className), children });
|
|
30792
30800
|
}
|
|
30793
30801
|
function TableRow({ children, className, style, ...props }) {
|
|
30794
|
-
return /* @__PURE__ */ (0,
|
|
30802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
30795
30803
|
$1910c06f0ca9905e$export$b59bdbef9ce70de2,
|
|
30796
30804
|
{
|
|
30797
30805
|
...props,
|
|
@@ -30802,7 +30810,7 @@ function TableRow({ children, className, style, ...props }) {
|
|
|
30802
30810
|
);
|
|
30803
30811
|
}
|
|
30804
30812
|
function TableColumn({ children, className, align, ...props }) {
|
|
30805
|
-
return /* @__PURE__ */ (0,
|
|
30813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
30806
30814
|
$1910c06f0ca9905e$export$816b5d811295e6bc,
|
|
30807
30815
|
{
|
|
30808
30816
|
...props,
|
|
@@ -30813,14 +30821,14 @@ function TableColumn({ children, className, align, ...props }) {
|
|
|
30813
30821
|
);
|
|
30814
30822
|
}
|
|
30815
30823
|
function TableCell({ children, className, align, ...props }) {
|
|
30816
|
-
return /* @__PURE__ */ (0,
|
|
30824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames24.default)(Table_default.cell, className, align && Table_default[align]), children });
|
|
30817
30825
|
}
|
|
30818
30826
|
|
|
30819
30827
|
// css-modules:E:\dev\umami-react-zen\src\components\DataTable.module.css
|
|
30820
30828
|
var DataTable_default = { "datatable": "DataTable_datatable__MWRkN", "cell": "DataTable_cell__MmMyM" };
|
|
30821
30829
|
|
|
30822
30830
|
// src/components/DataTable.tsx
|
|
30823
|
-
var
|
|
30831
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
30824
30832
|
var import_react179 = require("react");
|
|
30825
30833
|
function DataTable({ data = [], className, children, ...props }) {
|
|
30826
30834
|
const items = data.length && data?.[0]?.id === void 0 ? data.map((row, id) => ({ ...row, id })) : data;
|
|
@@ -30830,15 +30838,15 @@ function DataTable({ data = [], className, children, ...props }) {
|
|
|
30830
30838
|
return { ...child.props };
|
|
30831
30839
|
});
|
|
30832
30840
|
const gridTemplateColumns2 = widths.join(" ");
|
|
30833
|
-
return /* @__PURE__ */ (0,
|
|
30834
|
-
/* @__PURE__ */ (0,
|
|
30841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Table2, { ...props, className: (0, import_classnames25.default)(DataTable_default.datatable, className), children: [
|
|
30842
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, width, ...columnProps }) => {
|
|
30835
30843
|
if (hidden) {
|
|
30836
30844
|
return null;
|
|
30837
30845
|
}
|
|
30838
30846
|
return /* @__PURE__ */ (0, import_react179.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
|
|
30839
30847
|
}) }),
|
|
30840
|
-
/* @__PURE__ */ (0,
|
|
30841
|
-
return /* @__PURE__ */ (0,
|
|
30848
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableBody, { children: items.map((row, index) => {
|
|
30849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
|
|
30842
30850
|
if (hidden) {
|
|
30843
30851
|
return null;
|
|
30844
30852
|
}
|
|
@@ -30867,12 +30875,12 @@ var import_classnames26 = __toESM(require_classnames());
|
|
|
30867
30875
|
var Dots_default = { "dots": "Dots_dots__YzQxM", "dot": "Dots_dot__ZDdiZ", "dots-blink": "Dots_dots-blink__NDE3Y" };
|
|
30868
30876
|
|
|
30869
30877
|
// src/components/Dots.tsx
|
|
30870
|
-
var
|
|
30878
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
30871
30879
|
function Dots({ className, ...props }) {
|
|
30872
|
-
return /* @__PURE__ */ (0,
|
|
30873
|
-
/* @__PURE__ */ (0,
|
|
30874
|
-
/* @__PURE__ */ (0,
|
|
30875
|
-
/* @__PURE__ */ (0,
|
|
30880
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { ...props, className: (0, import_classnames26.default)(Dots_default.dots, className), children: [
|
|
30881
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: Dots_default.dot }),
|
|
30882
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: Dots_default.dot }),
|
|
30883
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: Dots_default.dot })
|
|
30876
30884
|
] });
|
|
30877
30885
|
}
|
|
30878
30886
|
|
|
@@ -30887,14 +30895,14 @@ var import_classnames27 = __toESM(require_classnames());
|
|
|
30887
30895
|
var Tooltip_default = { "tooltip": "Tooltip_tooltip__YmY4Z", "bubble": "Tooltip_bubble__MWE0N", "arrow": "Tooltip_arrow__OGM1M", "slide": "Tooltip_slide__MGVmY" };
|
|
30888
30896
|
|
|
30889
30897
|
// src/components/Tooltip.tsx
|
|
30890
|
-
var
|
|
30898
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
30891
30899
|
function Tooltip2({ children, className, showArrow, ...props }) {
|
|
30892
|
-
return /* @__PURE__ */ (0,
|
|
30900
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames27.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipBubble, { showArrow, children }) });
|
|
30893
30901
|
}
|
|
30894
30902
|
function TooltipBubble({ showArrow, children, ...props }) {
|
|
30895
|
-
return /* @__PURE__ */ (0,
|
|
30896
|
-
showArrow && /* @__PURE__ */ (0,
|
|
30897
|
-
/* @__PURE__ */ (0,
|
|
30903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ...props, children: [
|
|
30904
|
+
showArrow && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
|
|
30905
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: Tooltip_default.bubble, children })
|
|
30898
30906
|
] });
|
|
30899
30907
|
}
|
|
30900
30908
|
|
|
@@ -30902,7 +30910,7 @@ function TooltipBubble({ showArrow, children, ...props }) {
|
|
|
30902
30910
|
var FloatingTooltip_default = { "floating": "FloatingTooltip_floating__ZjM4N" };
|
|
30903
30911
|
|
|
30904
30912
|
// src/components/FloatingTooltip.tsx
|
|
30905
|
-
var
|
|
30913
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
30906
30914
|
function FloatingTooltip({ className, style, children, ...props }) {
|
|
30907
30915
|
const [position, setPosition] = (0, import_react180.useState)({ x: -1e3, y: -1e3 });
|
|
30908
30916
|
(0, import_react180.useEffect)(() => {
|
|
@@ -30914,7 +30922,7 @@ function FloatingTooltip({ className, style, children, ...props }) {
|
|
|
30914
30922
|
document.removeEventListener("mousemove", handler);
|
|
30915
30923
|
};
|
|
30916
30924
|
}, []);
|
|
30917
|
-
return /* @__PURE__ */ (0,
|
|
30925
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
30918
30926
|
TooltipBubble,
|
|
30919
30927
|
{
|
|
30920
30928
|
...props,
|
|
@@ -30927,7 +30935,7 @@ function FloatingTooltip({ className, style, children, ...props }) {
|
|
|
30927
30935
|
|
|
30928
30936
|
// src/components/Grid.tsx
|
|
30929
30937
|
var import_classnames29 = __toESM(require_classnames());
|
|
30930
|
-
var
|
|
30938
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
30931
30939
|
function Grid({
|
|
30932
30940
|
display = "grid",
|
|
30933
30941
|
justifyContent,
|
|
@@ -30960,7 +30968,7 @@ function Grid({
|
|
|
30960
30968
|
gridTemplateAreas: areas,
|
|
30961
30969
|
gridAutoFlow: autoFlow
|
|
30962
30970
|
});
|
|
30963
|
-
return /* @__PURE__ */ (0,
|
|
30971
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Box, { ...props, className: (0, import_classnames29.default)(className, classes), style: { ...styleProps, ...style }, children });
|
|
30964
30972
|
}
|
|
30965
30973
|
|
|
30966
30974
|
// src/components/Heading.tsx
|
|
@@ -30970,7 +30978,7 @@ var import_classnames30 = __toESM(require_classnames());
|
|
|
30970
30978
|
var Heading_default = { "heading": "Heading_heading__MGIyZ" };
|
|
30971
30979
|
|
|
30972
30980
|
// src/components/Heading.tsx
|
|
30973
|
-
var
|
|
30981
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
30974
30982
|
function Heading2({
|
|
30975
30983
|
size = "3",
|
|
30976
30984
|
weight,
|
|
@@ -30987,7 +30995,7 @@ function Heading2({
|
|
|
30987
30995
|
fontWeight: weight,
|
|
30988
30996
|
letterSpacing: spacing
|
|
30989
30997
|
});
|
|
30990
|
-
return /* @__PURE__ */ (0,
|
|
30998
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
30991
30999
|
Box,
|
|
30992
31000
|
{
|
|
30993
31001
|
...props,
|
|
@@ -31005,7 +31013,7 @@ var import_react181 = require("react");
|
|
|
31005
31013
|
var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
|
|
31006
31014
|
|
|
31007
31015
|
// src/components/HoverTrigger.tsx
|
|
31008
|
-
var
|
|
31016
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
31009
31017
|
var CLOSE_DELAY = 500;
|
|
31010
31018
|
function HoverTrigger({
|
|
31011
31019
|
isOpen,
|
|
@@ -31056,9 +31064,9 @@ function HoverTrigger({
|
|
|
31056
31064
|
}
|
|
31057
31065
|
}, closeDelay);
|
|
31058
31066
|
};
|
|
31059
|
-
return /* @__PURE__ */ (0,
|
|
31060
|
-
/* @__PURE__ */ (0,
|
|
31061
|
-
/* @__PURE__ */ (0,
|
|
31067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
|
|
31068
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
|
|
31069
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
31062
31070
|
"div",
|
|
31063
31071
|
{
|
|
31064
31072
|
className: HoverTrigger_default.wrapper,
|
|
@@ -31077,7 +31085,7 @@ var import_classnames31 = __toESM(require_classnames());
|
|
|
31077
31085
|
var Image_default = { "image": "Image_image__M2EyN", "centered": "Image_centered__ZDFhM", "fill": "Image_fill__YWJhZ", "contain": "Image_contain__ZjAyN", "cover": "Image_cover__ODA4Y", "none": "Image_none__YTdiZ", "scale-down": "Image_scale-down__ODNlN" };
|
|
31078
31086
|
|
|
31079
31087
|
// src/components/Image.tsx
|
|
31080
|
-
var
|
|
31088
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
31081
31089
|
function Image({
|
|
31082
31090
|
src,
|
|
31083
31091
|
alt,
|
|
@@ -31090,7 +31098,7 @@ function Image({
|
|
|
31090
31098
|
...props
|
|
31091
31099
|
}) {
|
|
31092
31100
|
const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
|
|
31093
|
-
return /* @__PURE__ */ (0,
|
|
31101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
31094
31102
|
"img",
|
|
31095
31103
|
{
|
|
31096
31104
|
...props,
|
|
@@ -31117,7 +31125,7 @@ var import_classnames32 = __toESM(require_classnames());
|
|
|
31117
31125
|
var InlineEditField_default = { "edit": "InlineEditField_edit__MDliZ", "icon": "InlineEditField_icon__ZjE1O" };
|
|
31118
31126
|
|
|
31119
31127
|
// src/components/InlineEditField.tsx
|
|
31120
|
-
var
|
|
31128
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
31121
31129
|
function InlineEditField({
|
|
31122
31130
|
name = "",
|
|
31123
31131
|
value: defaultValue = "",
|
|
@@ -31153,7 +31161,7 @@ function InlineEditField({
|
|
|
31153
31161
|
handleCancel();
|
|
31154
31162
|
}
|
|
31155
31163
|
};
|
|
31156
|
-
return /* @__PURE__ */ (0,
|
|
31164
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
31157
31165
|
"div",
|
|
31158
31166
|
{
|
|
31159
31167
|
"aria-label": "Edit",
|
|
@@ -31162,8 +31170,8 @@ function InlineEditField({
|
|
|
31162
31170
|
onClick: handleEdit,
|
|
31163
31171
|
children: [
|
|
31164
31172
|
!edit && children,
|
|
31165
|
-
!edit && /* @__PURE__ */ (0,
|
|
31166
|
-
edit && /* @__PURE__ */ (0,
|
|
31173
|
+
!edit && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SquarePen, {}) }),
|
|
31174
|
+
edit && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
31167
31175
|
TextField2,
|
|
31168
31176
|
{
|
|
31169
31177
|
name,
|
|
@@ -31228,7 +31236,7 @@ function getHighlightColor(color) {
|
|
|
31228
31236
|
var List_default = { "list": "List_list__ZTQ5M", "separator": "List_separator__Zjk5Y", "section": "List_section__MDgwZ", "header": "List_header__MjUxO", "item": "List_item__NTg2Z", "checkmark": "List_checkmark__M2M5Y", "hideCheckmark": "List_hideCheckmark__YmNlM" };
|
|
31229
31237
|
|
|
31230
31238
|
// src/components/List.tsx
|
|
31231
|
-
var
|
|
31239
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
31232
31240
|
function List({
|
|
31233
31241
|
items,
|
|
31234
31242
|
idProperty = "id",
|
|
@@ -31241,7 +31249,7 @@ function List({
|
|
|
31241
31249
|
children,
|
|
31242
31250
|
...props
|
|
31243
31251
|
}) {
|
|
31244
|
-
return /* @__PURE__ */ (0,
|
|
31252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
31245
31253
|
$eed445e0843c11d0$export$41f133550aa26f48,
|
|
31246
31254
|
{
|
|
31247
31255
|
"aria-label": "list",
|
|
@@ -31252,9 +31260,9 @@ function List({
|
|
|
31252
31260
|
children: children || items?.map((item) => {
|
|
31253
31261
|
const id = item[idProperty] || item.toString();
|
|
31254
31262
|
const label = item[labelProperty] || item.toString();
|
|
31255
|
-
return /* @__PURE__ */ (0,
|
|
31256
|
-
item[separatorProperty] && /* @__PURE__ */ (0,
|
|
31257
|
-
/* @__PURE__ */ (0,
|
|
31263
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react183.Fragment, { children: [
|
|
31264
|
+
item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
|
|
31265
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ListItem, { id, className: List_default.item, children: label })
|
|
31258
31266
|
] }, id);
|
|
31259
31267
|
})
|
|
31260
31268
|
}
|
|
@@ -31267,7 +31275,7 @@ function ListItem({
|
|
|
31267
31275
|
showCheckmark = true,
|
|
31268
31276
|
...props
|
|
31269
31277
|
}) {
|
|
31270
|
-
return /* @__PURE__ */ (0,
|
|
31278
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
31271
31279
|
$eed445e0843c11d0$export$a11e76429ed99b4,
|
|
31272
31280
|
{
|
|
31273
31281
|
...props,
|
|
@@ -31276,17 +31284,17 @@ function ListItem({
|
|
|
31276
31284
|
textValue: typeof children === "string" ? children : id?.toString(),
|
|
31277
31285
|
children: [
|
|
31278
31286
|
children,
|
|
31279
|
-
showCheckmark && /* @__PURE__ */ (0,
|
|
31287
|
+
showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Check, {}) })
|
|
31280
31288
|
]
|
|
31281
31289
|
}
|
|
31282
31290
|
);
|
|
31283
31291
|
}
|
|
31284
31292
|
function ListSeparator({ className, ...props }) {
|
|
31285
|
-
return /* @__PURE__ */ (0,
|
|
31293
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames33.default)(List_default.separator, className) });
|
|
31286
31294
|
}
|
|
31287
31295
|
function ListSection({ title, className, children, ...props }) {
|
|
31288
|
-
return /* @__PURE__ */ (0,
|
|
31289
|
-
title && /* @__PURE__ */ (0,
|
|
31296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames33.default)(List_default.section, className), children: [
|
|
31297
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
|
|
31290
31298
|
children
|
|
31291
31299
|
] });
|
|
31292
31300
|
}
|
|
@@ -31298,12 +31306,12 @@ var import_classnames34 = __toESM(require_classnames());
|
|
|
31298
31306
|
var Loading_default = { "loading": "Loading_loading__MzE0Y", "page": "Loading_page__OWMxN", "center": "Loading_center__ZWRmO", "inline": "Loading_inline__NmJkY" };
|
|
31299
31307
|
|
|
31300
31308
|
// src/components/Loading.tsx
|
|
31301
|
-
var
|
|
31309
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
31302
31310
|
function Loading(props) {
|
|
31303
31311
|
const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
|
|
31304
|
-
return /* @__PURE__ */ (0,
|
|
31305
|
-
icon === "dots" && /* @__PURE__ */ (0,
|
|
31306
|
-
icon === "spinner" && /* @__PURE__ */ (0,
|
|
31312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { ...domProps, className: (0, import_classnames34.default)(Loading_default.loading, className, Loading_default[position]), children: [
|
|
31313
|
+
icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Dots, {}),
|
|
31314
|
+
icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Spinner, { size })
|
|
31307
31315
|
] });
|
|
31308
31316
|
}
|
|
31309
31317
|
|
|
@@ -31314,22 +31322,22 @@ var import_classnames35 = __toESM(require_classnames());
|
|
|
31314
31322
|
var Menu_default = { "menu": "Menu_menu__OTZkN", "separator": "Menu_separator__ZTgwZ", "section": "Menu_section__ZDVhM", "header": "Menu_header__YWE2Z", "item": "Menu_item__MTU4N", "checkmark": "Menu_checkmark__MTk4O", "hideCheckmark": "Menu_hideCheckmark__MjEyZ" };
|
|
31315
31323
|
|
|
31316
31324
|
// src/components/Menu.tsx
|
|
31317
|
-
var
|
|
31325
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
31318
31326
|
function Menu2({ className, children, ...props }) {
|
|
31319
|
-
return /* @__PURE__ */ (0,
|
|
31327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames35.default)(Menu_default.menu, className), children });
|
|
31320
31328
|
}
|
|
31321
31329
|
function MenuItem2({ showChecked = true, children, className, ...props }) {
|
|
31322
|
-
return /* @__PURE__ */ (0,
|
|
31330
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames35.default)(Menu_default.item, className), children: [
|
|
31323
31331
|
children,
|
|
31324
|
-
showChecked && /* @__PURE__ */ (0,
|
|
31332
|
+
showChecked && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Check, {}) }) })
|
|
31325
31333
|
] });
|
|
31326
31334
|
}
|
|
31327
31335
|
function MenuSeparator({ className, ...props }) {
|
|
31328
|
-
return /* @__PURE__ */ (0,
|
|
31336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames35.default)(Menu_default.separator, className) });
|
|
31329
31337
|
}
|
|
31330
31338
|
function MenuSection({ title, className, children, ...props }) {
|
|
31331
|
-
return /* @__PURE__ */ (0,
|
|
31332
|
-
title && /* @__PURE__ */ (0,
|
|
31339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames35.default)(Menu_default.section, className), children: [
|
|
31340
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
|
|
31333
31341
|
children
|
|
31334
31342
|
] });
|
|
31335
31343
|
}
|
|
@@ -31341,7 +31349,7 @@ var import_classnames36 = __toESM(require_classnames());
|
|
|
31341
31349
|
var Modal_default = { "overlay": "Modal_overlay__MzBhO", "modal-fade-in": "Modal_modal-fade-in__OTcxN", "modal": "Modal_modal__YTU3M", "left": "Modal_left__ZDU0O", "right": "Modal_right__MGFhO", "top": "Modal_top__OTY4M", "bottom": "Modal_bottom__NjY4N", "fullscreen": "Modal_fullscreen__YTNkZ", "center": "Modal_center__ZTViM", "modal-zoom": "Modal_modal-zoom__MjY4Y", "modal-left": "Modal_modal-left__YTc0N", "modal-right": "Modal_modal-right__MWY0Z", "modal-top": "Modal_modal-top__OTQ2M", "modal-bottom": "Modal_modal-bottom__NDlkZ" };
|
|
31342
31350
|
|
|
31343
31351
|
// src/components/Modal.tsx
|
|
31344
|
-
var
|
|
31352
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
31345
31353
|
function Modal2({
|
|
31346
31354
|
position = "center",
|
|
31347
31355
|
offset,
|
|
@@ -31353,7 +31361,7 @@ function Modal2({
|
|
|
31353
31361
|
if (offset) {
|
|
31354
31362
|
style[`--modal-offset`] = offset;
|
|
31355
31363
|
}
|
|
31356
|
-
return /* @__PURE__ */ (0,
|
|
31364
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames36.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
|
|
31357
31365
|
}
|
|
31358
31366
|
|
|
31359
31367
|
// src/components/Navbar.tsx
|
|
@@ -31364,7 +31372,7 @@ var import_classnames37 = __toESM(require_classnames());
|
|
|
31364
31372
|
var Navbar_default = { "nav": "Navbar_nav__ZjEwM", "item": "Navbar_item__MWVhZ", "icon": "Navbar_icon__ZmM1N" };
|
|
31365
31373
|
|
|
31366
31374
|
// src/components/Navbar.tsx
|
|
31367
|
-
var
|
|
31375
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
31368
31376
|
var NavbarContext = (0, import_react184.createContext)(void 0);
|
|
31369
31377
|
var useNavigationContext = () => {
|
|
31370
31378
|
const context = (0, import_react184.useContext)(NavbarContext);
|
|
@@ -31375,20 +31383,20 @@ var useNavigationContext = () => {
|
|
|
31375
31383
|
};
|
|
31376
31384
|
function Navbar({ showArrow = true, className, children, ...props }) {
|
|
31377
31385
|
const [activeMenu, setActiveMenu] = (0, import_react184.useState)("");
|
|
31378
|
-
return /* @__PURE__ */ (0,
|
|
31386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ...props, className: (0, import_classnames37.default)(Navbar_default.nav, className), children }) });
|
|
31379
31387
|
}
|
|
31380
31388
|
function NavbarItem({ label, children, className, ...props }) {
|
|
31381
31389
|
const { activeMenu, setActiveMenu } = useNavigationContext();
|
|
31382
31390
|
if (label) {
|
|
31383
|
-
return /* @__PURE__ */ (0,
|
|
31384
|
-
/* @__PURE__ */ (0,
|
|
31385
|
-
/* @__PURE__ */ (0,
|
|
31386
|
-
/* @__PURE__ */ (0,
|
|
31391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
|
|
31392
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ...props, className: (0, import_classnames37.default)(Navbar_default.item, className), children: [
|
|
31393
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text, { children: label }),
|
|
31394
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronRight, {}) })
|
|
31387
31395
|
] }),
|
|
31388
31396
|
children
|
|
31389
31397
|
] });
|
|
31390
31398
|
}
|
|
31391
|
-
return /* @__PURE__ */ (0,
|
|
31399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ...props, className: (0, import_classnames37.default)(Navbar_default.item, className), children });
|
|
31392
31400
|
}
|
|
31393
31401
|
|
|
31394
31402
|
// src/components/NavMenu.tsx
|
|
@@ -31398,9 +31406,9 @@ var import_classnames38 = __toESM(require_classnames());
|
|
|
31398
31406
|
var NavMenu_default = { "navmenu": "NavMenu_navmenu__NTQ4Y", "item": "NavMenu_item__NTdjZ", "selected": "NavMenu_selected__NzUxM" };
|
|
31399
31407
|
|
|
31400
31408
|
// src/components/NavMenu.tsx
|
|
31401
|
-
var
|
|
31409
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
31402
31410
|
function NavMenu({ highlightColor, className, style, children, ...props }) {
|
|
31403
|
-
return /* @__PURE__ */ (0,
|
|
31411
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
31404
31412
|
Column,
|
|
31405
31413
|
{
|
|
31406
31414
|
...props,
|
|
@@ -31411,22 +31419,22 @@ function NavMenu({ highlightColor, className, style, children, ...props }) {
|
|
|
31411
31419
|
);
|
|
31412
31420
|
}
|
|
31413
31421
|
function NavMenuItem({ isSelected, className, children, ...props }) {
|
|
31414
|
-
return /* @__PURE__ */ (0,
|
|
31422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Row, { ...props, className: (0, import_classnames38.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });
|
|
31415
31423
|
}
|
|
31416
31424
|
|
|
31417
31425
|
// src/components/PasswordField.tsx
|
|
31418
31426
|
var import_react185 = require("react");
|
|
31419
31427
|
var import_classnames39 = __toESM(require_classnames());
|
|
31420
|
-
var
|
|
31428
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
31421
31429
|
function PasswordField({ label, className, ...props }) {
|
|
31422
31430
|
const [show, setShow] = (0, import_react185.useState)(false);
|
|
31423
31431
|
const type = show ? "text" : "password";
|
|
31424
31432
|
const handleShowPassword = () => setShow((state) => !state);
|
|
31425
|
-
return /* @__PURE__ */ (0,
|
|
31426
|
-
label && /* @__PURE__ */ (0,
|
|
31427
|
-
/* @__PURE__ */ (0,
|
|
31428
|
-
/* @__PURE__ */ (0,
|
|
31429
|
-
/* @__PURE__ */ (0,
|
|
31433
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
31434
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label2, { children: label }),
|
|
31435
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { "aria-label": "Password", ...props, className: (0, import_classnames39.default)(TextField_default.field, className), children: [
|
|
31436
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type }),
|
|
31437
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon2, { onClick: handleShowPassword, children: show ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EyeSlash_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Eye_default, {}) })
|
|
31430
31438
|
] })
|
|
31431
31439
|
] });
|
|
31432
31440
|
}
|
|
@@ -31438,9 +31446,9 @@ var import_classnames40 = __toESM(require_classnames());
|
|
|
31438
31446
|
var Popover_default = { "popover": "Popover_popover__YmFhM", "popover-slide": "Popover_popover-slide__OGZjY" };
|
|
31439
31447
|
|
|
31440
31448
|
// src/components/Popover.tsx
|
|
31441
|
-
var
|
|
31449
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
31442
31450
|
function Popover2({ children, className, ...props }) {
|
|
31443
|
-
return /* @__PURE__ */ (0,
|
|
31451
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames40.default)(Popover_default.popover, className), children });
|
|
31444
31452
|
}
|
|
31445
31453
|
|
|
31446
31454
|
// src/components/ProgressBar.tsx
|
|
@@ -31450,12 +31458,12 @@ var import_classnames41 = __toESM(require_classnames());
|
|
|
31450
31458
|
var ProgressBar_default = { "progressbar": "ProgressBar_progressbar__YzdlO", "track": "ProgressBar_track__YzgzY", "fill": "ProgressBar_fill__ZTJlM", "value": "ProgressBar_value__NDk1Z" };
|
|
31451
31459
|
|
|
31452
31460
|
// src/components/ProgressBar.tsx
|
|
31453
|
-
var
|
|
31461
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
31454
31462
|
function ProgressBar2({ className, showPercentage, ...props }) {
|
|
31455
|
-
return /* @__PURE__ */ (0,
|
|
31456
|
-
return /* @__PURE__ */ (0,
|
|
31457
|
-
/* @__PURE__ */ (0,
|
|
31458
|
-
showPercentage && /* @__PURE__ */ (0,
|
|
31463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
|
|
31464
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
|
|
31465
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
|
|
31466
|
+
showPercentage && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: ProgressBar_default.value, children: valueText })
|
|
31459
31467
|
] });
|
|
31460
31468
|
} });
|
|
31461
31469
|
}
|
|
@@ -31467,16 +31475,16 @@ var import_classnames42 = __toESM(require_classnames());
|
|
|
31467
31475
|
var ProgressCircle_default = { "progresscircle": "ProgressCircle_progresscircle__NGMyY", "track": "ProgressCircle_track__YzY2M", "fill": "ProgressCircle_fill__ZmMzM", "value": "ProgressCircle_value__YjM0Y" };
|
|
31468
31476
|
|
|
31469
31477
|
// src/components/ProgressCircle.tsx
|
|
31470
|
-
var
|
|
31478
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
31471
31479
|
function ProgressCircle({ className, showPercentage, ...props }) {
|
|
31472
|
-
return /* @__PURE__ */ (0,
|
|
31480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames42.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
|
|
31473
31481
|
const radius = 45;
|
|
31474
31482
|
const circumference = radius * 2 * Math.PI;
|
|
31475
31483
|
const offset = circumference - percentage / 100 * circumference;
|
|
31476
|
-
return /* @__PURE__ */ (0,
|
|
31477
|
-
/* @__PURE__ */ (0,
|
|
31478
|
-
/* @__PURE__ */ (0,
|
|
31479
|
-
/* @__PURE__ */ (0,
|
|
31484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
31485
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
31486
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
|
|
31487
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
31480
31488
|
"circle",
|
|
31481
31489
|
{
|
|
31482
31490
|
className: ProgressCircle_default.fill,
|
|
@@ -31488,7 +31496,7 @@ function ProgressCircle({ className, showPercentage, ...props }) {
|
|
|
31488
31496
|
}
|
|
31489
31497
|
)
|
|
31490
31498
|
] }),
|
|
31491
|
-
showPercentage && /* @__PURE__ */ (0,
|
|
31499
|
+
showPercentage && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
|
|
31492
31500
|
] });
|
|
31493
31501
|
} });
|
|
31494
31502
|
}
|
|
@@ -31500,7 +31508,7 @@ var import_classnames43 = __toESM(require_classnames());
|
|
|
31500
31508
|
var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZjliM", "inputs": "RadioGroup_inputs__NjA4N", "radio": "RadioGroup_radio__MmE2Z", "variant-circle": "RadioGroup_variant-circle__NzliY", "variant-box": "RadioGroup_variant-box__Mjk3N" };
|
|
31501
31509
|
|
|
31502
31510
|
// src/components/RadioGroup.tsx
|
|
31503
|
-
var
|
|
31511
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
31504
31512
|
function RadioGroup2({
|
|
31505
31513
|
variant = "circle",
|
|
31506
31514
|
label,
|
|
@@ -31508,27 +31516,27 @@ function RadioGroup2({
|
|
|
31508
31516
|
className,
|
|
31509
31517
|
...props
|
|
31510
31518
|
}) {
|
|
31511
|
-
return /* @__PURE__ */ (0,
|
|
31519
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
31512
31520
|
$b6c3ddc6086f204d$export$a98f0dcb43a68a25,
|
|
31513
31521
|
{
|
|
31514
31522
|
"aria-label": "RadioGroup",
|
|
31515
31523
|
...props,
|
|
31516
31524
|
className: (0, import_classnames43.default)(RadioGroup_default.radiogroup, RadioGroup_default[`variant-${variant}`], className),
|
|
31517
31525
|
children: [
|
|
31518
|
-
label && /* @__PURE__ */ (0,
|
|
31519
|
-
/* @__PURE__ */ (0,
|
|
31526
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label2, { children: label }),
|
|
31527
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: RadioGroup_default.inputs, children })
|
|
31520
31528
|
]
|
|
31521
31529
|
}
|
|
31522
31530
|
);
|
|
31523
31531
|
}
|
|
31524
31532
|
function Radio2({ children, className, ...props }) {
|
|
31525
|
-
return /* @__PURE__ */ (0,
|
|
31533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { "aria-label": "Radio", ...props, className: (0, import_classnames43.default)(RadioGroup_default.radio, className), children });
|
|
31526
31534
|
}
|
|
31527
31535
|
|
|
31528
31536
|
// src/components/SearchField.tsx
|
|
31529
31537
|
var import_react186 = require("react");
|
|
31530
31538
|
var import_classnames44 = __toESM(require_classnames());
|
|
31531
|
-
var
|
|
31539
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
31532
31540
|
function SearchField2({
|
|
31533
31541
|
label,
|
|
31534
31542
|
placeholder,
|
|
@@ -31556,9 +31564,9 @@ function SearchField2({
|
|
|
31556
31564
|
onSearch?.(searchValue);
|
|
31557
31565
|
}
|
|
31558
31566
|
}, [searchValue, delay]);
|
|
31559
|
-
return /* @__PURE__ */ (0,
|
|
31560
|
-
label && /* @__PURE__ */ (0,
|
|
31561
|
-
/* @__PURE__ */ (0,
|
|
31567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
|
|
31568
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Label2, { children: label }),
|
|
31569
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
31562
31570
|
$440f4836bcb56932$export$b94867ecbd698f21,
|
|
31563
31571
|
{
|
|
31564
31572
|
"aria-label": "Search",
|
|
@@ -31566,9 +31574,9 @@ function SearchField2({
|
|
|
31566
31574
|
className: (0, import_classnames44.default)(TextField_default.field, className),
|
|
31567
31575
|
onChange: handleChange,
|
|
31568
31576
|
children: [
|
|
31569
|
-
/* @__PURE__ */ (0,
|
|
31570
|
-
/* @__PURE__ */ (0,
|
|
31571
|
-
search && /* @__PURE__ */ (0,
|
|
31577
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { strokeColor: "8", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Search, {}) }),
|
|
31578
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { placeholder, value: search }),
|
|
31579
|
+
search && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { size: "sm", color: "8", onClick: resetSearch, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(X, {}) })
|
|
31572
31580
|
]
|
|
31573
31581
|
}
|
|
31574
31582
|
)
|
|
@@ -31583,7 +31591,7 @@ var import_classnames45 = __toESM(require_classnames());
|
|
|
31583
31591
|
var Select_default = { "select": "Select_select__NmFmN", "button": "Select_button__OGYyM", "value": "Select_value__N2M0Y", "list": "Select_list__NzIyZ", "search": "Select_search__MGM1N" };
|
|
31584
31592
|
|
|
31585
31593
|
// src/components/Select.tsx
|
|
31586
|
-
var
|
|
31594
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
31587
31595
|
function Select2({
|
|
31588
31596
|
items = [],
|
|
31589
31597
|
value,
|
|
@@ -31613,7 +31621,7 @@ function Select2({
|
|
|
31613
31621
|
setSearch(value2);
|
|
31614
31622
|
onSearch?.(value2);
|
|
31615
31623
|
};
|
|
31616
|
-
return /* @__PURE__ */ (0,
|
|
31624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
31617
31625
|
$82d7e5349645de74$export$ef9b1a59e592288f,
|
|
31618
31626
|
{
|
|
31619
31627
|
"aria-label": "Select",
|
|
@@ -31623,21 +31631,21 @@ function Select2({
|
|
|
31623
31631
|
defaultSelectedKey: defaultValue,
|
|
31624
31632
|
onSelectionChange: handleChange,
|
|
31625
31633
|
children: [
|
|
31626
|
-
label && /* @__PURE__ */ (0,
|
|
31627
|
-
/* @__PURE__ */ (0,
|
|
31634
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Label2, { children: label }),
|
|
31635
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
31628
31636
|
Button2,
|
|
31629
31637
|
{
|
|
31630
31638
|
variant: "outline",
|
|
31631
31639
|
...buttonProps,
|
|
31632
31640
|
className: (0, import_classnames45.default)(Select_default.button, buttonProps?.className),
|
|
31633
|
-
children: /* @__PURE__ */ (0,
|
|
31634
|
-
/* @__PURE__ */ (0,
|
|
31635
|
-
/* @__PURE__ */ (0,
|
|
31641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: Select_default.value, children: [
|
|
31642
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
|
|
31643
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronRight, {}) })
|
|
31636
31644
|
] })
|
|
31637
31645
|
}
|
|
31638
31646
|
),
|
|
31639
|
-
/* @__PURE__ */ (0,
|
|
31640
|
-
allowSearch && /* @__PURE__ */ (0,
|
|
31647
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: Select_default.list, children: [
|
|
31648
|
+
allowSearch && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
31641
31649
|
SearchField2,
|
|
31642
31650
|
{
|
|
31643
31651
|
className: Select_default.search,
|
|
@@ -31648,8 +31656,8 @@ function Select2({
|
|
|
31648
31656
|
autoFocus: true
|
|
31649
31657
|
}
|
|
31650
31658
|
),
|
|
31651
|
-
isLoading && /* @__PURE__ */ (0,
|
|
31652
|
-
/* @__PURE__ */ (0,
|
|
31659
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
|
|
31660
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
31653
31661
|
List,
|
|
31654
31662
|
{
|
|
31655
31663
|
...listProps,
|
|
@@ -31672,7 +31680,7 @@ var import_classnames46 = __toESM(require_classnames());
|
|
|
31672
31680
|
var Sidebar_default = { "sidenav": "Sidebar_sidenav__ODc2Z", "header": "Sidebar_header__YWI3N", "name": "Sidebar_name__NThjO", "section": "Sidebar_section__YzQwN", "title": "Sidebar_title__NDBlN", "content": "Sidebar_content__NmUzM", "item": "Sidebar_item__ZjYxZ", "label": "Sidebar_label__OTI3N", "collapsed": "Sidebar_collapsed__NDY0N", "muted": "Sidebar_muted__NjI0N", "selected": "Sidebar_selected__N2RhZ", "variant-quiet": "Sidebar_variant-quiet__ZjllN", "variant-1": "Sidebar_variant-1__NmFhM", "variant-2": "Sidebar_variant-2__OWYzZ", "variant-3": "Sidebar_variant-3__ODk2Y", "noborder": "Sidebar_noborder__NTJlN" };
|
|
31673
31681
|
|
|
31674
31682
|
// src/components/Sidebar.tsx
|
|
31675
|
-
var
|
|
31683
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
31676
31684
|
var SidebarContext = (0, import_react188.createContext)(null);
|
|
31677
31685
|
function Sidebar({
|
|
31678
31686
|
variant = "1",
|
|
@@ -31683,7 +31691,7 @@ function Sidebar({
|
|
|
31683
31691
|
children,
|
|
31684
31692
|
...props
|
|
31685
31693
|
}) {
|
|
31686
|
-
return /* @__PURE__ */ (0,
|
|
31694
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
31687
31695
|
Column,
|
|
31688
31696
|
{
|
|
31689
31697
|
...props,
|
|
@@ -31703,9 +31711,9 @@ function SidebarSection({
|
|
|
31703
31711
|
title,
|
|
31704
31712
|
children
|
|
31705
31713
|
}) {
|
|
31706
|
-
return /* @__PURE__ */ (0,
|
|
31707
|
-
title && /* @__PURE__ */ (0,
|
|
31708
|
-
/* @__PURE__ */ (0,
|
|
31714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Column, { className: Sidebar_default.section, children: [
|
|
31715
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: Sidebar_default.title, children: title }),
|
|
31716
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: Sidebar_default.content, children })
|
|
31709
31717
|
] });
|
|
31710
31718
|
}
|
|
31711
31719
|
function SidebarHeader({
|
|
@@ -31715,9 +31723,9 @@ function SidebarHeader({
|
|
|
31715
31723
|
children,
|
|
31716
31724
|
...props
|
|
31717
31725
|
}) {
|
|
31718
|
-
return /* @__PURE__ */ (0,
|
|
31719
|
-
icon && /* @__PURE__ */ (0,
|
|
31720
|
-
/* @__PURE__ */ (0,
|
|
31726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Row, { ...props, className: (0, import_classnames46.default)(Sidebar_default.header, className), children: [
|
|
31727
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon2, { size: "sm", children: icon }),
|
|
31728
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_classnames46.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
|
|
31721
31729
|
children
|
|
31722
31730
|
] });
|
|
31723
31731
|
}
|
|
@@ -31730,20 +31738,20 @@ function SidebarItem({
|
|
|
31730
31738
|
...props
|
|
31731
31739
|
}) {
|
|
31732
31740
|
const { isCollapsed } = (0, import_react188.useContext)(SidebarContext);
|
|
31733
|
-
return /* @__PURE__ */ (0,
|
|
31734
|
-
/* @__PURE__ */ (0,
|
|
31741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
|
|
31742
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
31735
31743
|
Row,
|
|
31736
31744
|
{
|
|
31737
31745
|
...props,
|
|
31738
31746
|
className: (0, import_classnames46.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
|
|
31739
31747
|
children: [
|
|
31740
|
-
icon && /* @__PURE__ */ (0,
|
|
31741
|
-
label && /* @__PURE__ */ (0,
|
|
31748
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon2, { size: "sm", children: icon }),
|
|
31749
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Text, { className: (0, import_classnames46.default)(Sidebar_default.label), children: label }),
|
|
31742
31750
|
children
|
|
31743
31751
|
]
|
|
31744
31752
|
}
|
|
31745
31753
|
) }),
|
|
31746
|
-
/* @__PURE__ */ (0,
|
|
31754
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Tooltip2, { placement: "right", children: label })
|
|
31747
31755
|
] });
|
|
31748
31756
|
}
|
|
31749
31757
|
|
|
@@ -31754,17 +31762,17 @@ var import_classnames47 = __toESM(require_classnames());
|
|
|
31754
31762
|
var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_header__ZTE2M", "track": "Slider_track__ODk5M", "fill": "Slider_fill__YzdhM", "thumb": "Slider_thumb__NGEzM" };
|
|
31755
31763
|
|
|
31756
31764
|
// src/components/Slider.tsx
|
|
31757
|
-
var
|
|
31765
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
31758
31766
|
function Slider2({ className, showValue = true, label, ...props }) {
|
|
31759
|
-
return /* @__PURE__ */ (0,
|
|
31760
|
-
/* @__PURE__ */ (0,
|
|
31761
|
-
label && /* @__PURE__ */ (0,
|
|
31762
|
-
showValue && /* @__PURE__ */ (0,
|
|
31767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames47.default)(Slider_default.slider, className), children: [
|
|
31768
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: Slider_default.header, children: [
|
|
31769
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { className: Slider_default.label, children: label }),
|
|
31770
|
+
showValue && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
|
|
31763
31771
|
] }),
|
|
31764
|
-
/* @__PURE__ */ (0,
|
|
31772
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
|
|
31765
31773
|
const isHorizontal = state.orientation === "horizontal";
|
|
31766
|
-
return /* @__PURE__ */ (0,
|
|
31767
|
-
/* @__PURE__ */ (0,
|
|
31774
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
|
|
31775
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
31768
31776
|
"div",
|
|
31769
31777
|
{
|
|
31770
31778
|
className: Slider_default.fill,
|
|
@@ -31773,7 +31781,7 @@ function Slider2({ className, showValue = true, label, ...props }) {
|
|
|
31773
31781
|
}
|
|
31774
31782
|
}
|
|
31775
31783
|
),
|
|
31776
|
-
/* @__PURE__ */ (0,
|
|
31784
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
|
|
31777
31785
|
] });
|
|
31778
31786
|
} })
|
|
31779
31787
|
] });
|
|
@@ -31786,11 +31794,11 @@ var import_classnames48 = __toESM(require_classnames());
|
|
|
31786
31794
|
var StatusLight_default = { "statuslight": "StatusLight_statuslight__MTliM", "status": "StatusLight_status__MDNmO", "bg": "StatusLight_bg__MjVjN", "success": "StatusLight_success__ZWI1N", "warning": "StatusLight_warning__YWRmM", "error": "StatusLight_error__NjdjM", "active": "StatusLight_active__NGZiY", "inactive": "StatusLight_inactive__NDI0Z" };
|
|
31787
31795
|
|
|
31788
31796
|
// src/components/StatusLight.tsx
|
|
31789
|
-
var
|
|
31797
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
31790
31798
|
function StatusLight(props) {
|
|
31791
31799
|
const { color, variant = "inactive", children, className, ...domProps } = props;
|
|
31792
|
-
return /* @__PURE__ */ (0,
|
|
31793
|
-
/* @__PURE__ */ (0,
|
|
31800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { ...domProps, className: (0, import_classnames48.default)(StatusLight_default.statuslight, className), children: [
|
|
31801
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
31794
31802
|
"div",
|
|
31795
31803
|
{
|
|
31796
31804
|
className: (0, import_classnames48.default)(StatusLight_default.status, StatusLight_default[variant]),
|
|
@@ -31808,19 +31816,19 @@ var import_classnames49 = __toESM(require_classnames());
|
|
|
31808
31816
|
var Switch_default = { "switch": "Switch_switch__NzI0O", "track": "Switch_track__ZWU0O", "knob": "Switch_knob__YjFmZ" };
|
|
31809
31817
|
|
|
31810
31818
|
// src/components/Switch.tsx
|
|
31811
|
-
var
|
|
31819
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
31812
31820
|
function Switch2({ label, children, className, ...props }) {
|
|
31813
31821
|
const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
|
|
31814
|
-
return /* @__PURE__ */ (0,
|
|
31815
|
-
label && /* @__PURE__ */ (0,
|
|
31816
|
-
/* @__PURE__ */ (0,
|
|
31822
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
|
|
31823
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label2, { children: label }),
|
|
31824
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
31817
31825
|
$8e59e948500a8fe1$export$b5d5cf8927ab7262,
|
|
31818
31826
|
{
|
|
31819
31827
|
...props,
|
|
31820
31828
|
isSelected,
|
|
31821
31829
|
className: (0, import_classnames49.default)(Switch_default.switch, className),
|
|
31822
31830
|
children: [
|
|
31823
|
-
/* @__PURE__ */ (0,
|
|
31831
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: Switch_default.knob }) }),
|
|
31824
31832
|
children
|
|
31825
31833
|
]
|
|
31826
31834
|
}
|
|
@@ -31832,18 +31840,18 @@ function Switch2({ label, children, className, ...props }) {
|
|
|
31832
31840
|
var Tabs_default = { "tabs": "Tabs_tabs__OWVjO", "list": "Tabs_list__YWRjM", "tab": "Tabs_tab__ZjgwM", "quiet": "Tabs_quiet__ZTQ1O" };
|
|
31833
31841
|
|
|
31834
31842
|
// src/components/Tabs.tsx
|
|
31835
|
-
var
|
|
31843
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
31836
31844
|
function Tabs2({ children, ...props }) {
|
|
31837
|
-
return /* @__PURE__ */ (0,
|
|
31845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
|
|
31838
31846
|
}
|
|
31839
31847
|
function TabList2({ children, ...props }) {
|
|
31840
|
-
return /* @__PURE__ */ (0,
|
|
31848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
|
|
31841
31849
|
}
|
|
31842
31850
|
function Tab({ children, ...props }) {
|
|
31843
|
-
return /* @__PURE__ */ (0,
|
|
31851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
|
|
31844
31852
|
}
|
|
31845
31853
|
function TabPanel2({ children, ...props }) {
|
|
31846
|
-
return /* @__PURE__ */ (0,
|
|
31854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
|
|
31847
31855
|
}
|
|
31848
31856
|
|
|
31849
31857
|
// src/components/ThemeButton.tsx
|
|
@@ -31853,7 +31861,7 @@ var import_classnames50 = __toESM(require_classnames());
|
|
|
31853
31861
|
var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
|
|
31854
31862
|
|
|
31855
31863
|
// src/components/ThemeButton.tsx
|
|
31856
|
-
var
|
|
31864
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
31857
31865
|
function ThemeButton({
|
|
31858
31866
|
className,
|
|
31859
31867
|
variant = "quiet",
|
|
@@ -31878,7 +31886,7 @@ function ThemeButton({
|
|
|
31878
31886
|
setTheme2(theme === "light" ? "dark" : "light");
|
|
31879
31887
|
onPress?.(e);
|
|
31880
31888
|
}
|
|
31881
|
-
return /* @__PURE__ */ (0,
|
|
31889
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
31882
31890
|
Button2,
|
|
31883
31891
|
{
|
|
31884
31892
|
...props,
|
|
@@ -31888,7 +31896,7 @@ function ThemeButton({
|
|
|
31888
31896
|
children: [
|
|
31889
31897
|
transitions((style, item) => (
|
|
31890
31898
|
// @ts-ignore
|
|
31891
|
-
/* @__PURE__ */ (0,
|
|
31899
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon2, { size: "sm", children: item === "light" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Sun, {}) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Moon, {}) }) }, item)
|
|
31892
31900
|
)),
|
|
31893
31901
|
"\xA0"
|
|
31894
31902
|
]
|
|
@@ -31903,12 +31911,12 @@ var import_classnames51 = __toESM(require_classnames());
|
|
|
31903
31911
|
var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
|
|
31904
31912
|
|
|
31905
31913
|
// src/components/Toggle.tsx
|
|
31906
|
-
var
|
|
31914
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
31907
31915
|
function Toggle({ label, children, className, ...props }) {
|
|
31908
31916
|
const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
|
|
31909
|
-
return /* @__PURE__ */ (0,
|
|
31910
|
-
label && /* @__PURE__ */ (0,
|
|
31911
|
-
/* @__PURE__ */ (0,
|
|
31917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
31918
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Label2, { children: label }),
|
|
31919
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
31912
31920
|
$efde0372d7a700fe$export$d2b052e7b4be1756,
|
|
31913
31921
|
{
|
|
31914
31922
|
...props,
|
|
@@ -31927,7 +31935,7 @@ var import_classnames52 = __toESM(require_classnames());
|
|
|
31927
31935
|
var ToggleGroup_default = { "group": "ToggleGroup_group__MTMwY", "list": "ToggleGroup_list__MzBiM", "item": "ToggleGroup_item__ZDA1O", "primary": "ToggleGroup_primary__ODIyM" };
|
|
31928
31936
|
|
|
31929
31937
|
// src/components/ToggleGroup.tsx
|
|
31930
|
-
var
|
|
31938
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
31931
31939
|
function ToggleGroup({
|
|
31932
31940
|
label,
|
|
31933
31941
|
value,
|
|
@@ -31946,7 +31954,7 @@ function ToggleGroup({
|
|
|
31946
31954
|
onSelectionChange?.(keys);
|
|
31947
31955
|
onChange?.(Array.from(keys).map((k) => k.toString()));
|
|
31948
31956
|
};
|
|
31949
|
-
return /* @__PURE__ */ (0,
|
|
31957
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
31950
31958
|
$eaf9e70818b436db$export$67ea30858aaf75e3,
|
|
31951
31959
|
{
|
|
31952
31960
|
...props,
|
|
@@ -31956,24 +31964,24 @@ function ToggleGroup({
|
|
|
31956
31964
|
onSelectionChange: handleChange,
|
|
31957
31965
|
className: (0, import_classnames52.default)(ToggleGroup_default.group, className, variant && ToggleGroup_default[variant]),
|
|
31958
31966
|
children: [
|
|
31959
|
-
label && /* @__PURE__ */ (0,
|
|
31960
|
-
/* @__PURE__ */ (0,
|
|
31967
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label2, { children: label }),
|
|
31968
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
|
|
31961
31969
|
]
|
|
31962
31970
|
}
|
|
31963
31971
|
);
|
|
31964
31972
|
}
|
|
31965
31973
|
function ToggleGroupItem({ className, children, ...props }) {
|
|
31966
|
-
return /* @__PURE__ */ (0,
|
|
31974
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames52.default)(ToggleGroup_default.item, className), children });
|
|
31967
31975
|
}
|
|
31968
31976
|
|
|
31969
31977
|
// src/components/ZenProvider.tsx
|
|
31970
|
-
var
|
|
31978
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
31971
31979
|
var defaultToastCofig = {
|
|
31972
31980
|
duration: 3e3
|
|
31973
31981
|
};
|
|
31974
31982
|
function ZenProvider({ children, ...props }) {
|
|
31975
31983
|
const { toast = defaultToastCofig } = props;
|
|
31976
|
-
return /* @__PURE__ */ (0,
|
|
31984
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ToastProvider, { ...toast, children });
|
|
31977
31985
|
}
|
|
31978
31986
|
/*! Bundled license information:
|
|
31979
31987
|
|