@umami/react-zen 0.127.0 → 0.129.0

package/dist/index.js

@@ -167,7 +167,7 @@ var require_classnames = __commonJS({
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
-      function classNames52() {
+      function classNames53() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -185,7 +185,7 @@ var require_classnames = __commonJS({
           return "";
         }
         if (Array.isArray(arg)) {
-          return classNames52.apply(null, arg);
+          return classNames53.apply(null, arg);
         }
         if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
           return arg.toString();
@@ -208,14 +208,14 @@ var require_classnames = __commonJS({
         return value + newClass;
       }
       if (typeof module2 !== "undefined" && module2.exports) {
-        classNames52.default = classNames52;
-        module2.exports = classNames52;
+        classNames53.default = classNames53;
+        module2.exports = classNames53;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames52;
+          return classNames53;
         });
       } else {
-        window.classNames = classNames52;
+        window.classNames = classNames53;
       }
     })();
   }
@@ -251,6 +251,7 @@ __export(index_exports, {
   Form: () => Form,
   FormButtons: () => FormButtons,
   FormField: () => FormField,
+  FormFieldArray: () => FormFieldArray,
   FormResetButton: () => FormResetButton,
   FormSubmitButton: () => FormSubmitButton,
   Grid: () => Grid,
@@ -25245,6 +25246,236 @@ function createFormControl(props = {}) {
     formControl: methods
   };
 }
+var generateId = () => {
+  const d = typeof performance === "undefined" ? Date.now() : performance.now() * 1e3;
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r2 = (Math.random() * 16 + d) % 16 | 0;
+    return (c == "x" ? r2 : r2 & 3 | 8).toString(16);
+  });
+};
+var getFocusFieldName = (name, index, options = {}) => options.shouldFocus || isUndefined(options.shouldFocus) ? options.focusName || `${name}.${isUndefined(options.focusIndex) ? index : options.focusIndex}.` : "";
+var appendAt = (data, value) => [
+  ...data,
+  ...convertToArrayPayload(value)
+];
+var fillEmptyArray = (value) => Array.isArray(value) ? value.map(() => void 0) : void 0;
+function insert(data, index, value) {
+  return [
+    ...data.slice(0, index),
+    ...convertToArrayPayload(value),
+    ...data.slice(index)
+  ];
+}
+var moveArrayAt = (data, from, to2) => {
+  if (!Array.isArray(data)) {
+    return [];
+  }
+  if (isUndefined(data[to2])) {
+    data[to2] = void 0;
+  }
+  data.splice(to2, 0, data.splice(from, 1)[0]);
+  return data;
+};
+var prependAt = (data, value) => [
+  ...convertToArrayPayload(value),
+  ...convertToArrayPayload(data)
+];
+function removeAtIndexes(data, indexes) {
+  let i = 0;
+  const temp = [...data];
+  for (const index of indexes) {
+    temp.splice(index - i, 1);
+    i++;
+  }
+  return compact(temp).length ? temp : [];
+}
+var removeArrayAt = (data, index) => isUndefined(index) ? [] : removeAtIndexes(data, convertToArrayPayload(index).sort((a, b) => a - b));
+var swapArrayAt = (data, indexA, indexB) => {
+  [data[indexA], data[indexB]] = [data[indexB], data[indexA]];
+};
+var updateAt = (fieldValues, index, value) => {
+  fieldValues[index] = value;
+  return fieldValues;
+};
+function useFieldArray(props) {
+  const methods = useFormContext();
+  const { control = methods.control, name, keyName = "id", shouldUnregister, rules } = props;
+  const [fields, setFields] = import_react147.default.useState(control._getFieldArray(name));
+  const ids = import_react147.default.useRef(control._getFieldArray(name).map(generateId));
+  const _fieldIds = import_react147.default.useRef(fields);
+  const _name = import_react147.default.useRef(name);
+  const _actioned = import_react147.default.useRef(false);
+  _name.current = name;
+  _fieldIds.current = fields;
+  control._names.array.add(name);
+  rules && control.register(name, rules);
+  import_react147.default.useEffect(() => control._subjects.array.subscribe({
+    next: ({ values, name: fieldArrayName }) => {
+      if (fieldArrayName === _name.current || !fieldArrayName) {
+        const fieldValues = get(values, _name.current);
+        if (Array.isArray(fieldValues)) {
+          setFields(fieldValues);
+          ids.current = fieldValues.map(generateId);
+        }
+      }
+    }
+  }).unsubscribe, [control]);
+  const updateValues = import_react147.default.useCallback((updatedFieldArrayValues) => {
+    _actioned.current = true;
+    control._setFieldArray(name, updatedFieldArrayValues);
+  }, [control, name]);
+  const append = (value, options) => {
+    const appendValue = convertToArrayPayload(cloneObject(value));
+    const updatedFieldArrayValues = appendAt(control._getFieldArray(name), appendValue);
+    control._names.focus = getFocusFieldName(name, updatedFieldArrayValues.length - 1, options);
+    ids.current = appendAt(ids.current, appendValue.map(generateId));
+    updateValues(updatedFieldArrayValues);
+    setFields(updatedFieldArrayValues);
+    control._setFieldArray(name, updatedFieldArrayValues, appendAt, {
+      argA: fillEmptyArray(value)
+    });
+  };
+  const prepend = (value, options) => {
+    const prependValue = convertToArrayPayload(cloneObject(value));
+    const updatedFieldArrayValues = prependAt(control._getFieldArray(name), prependValue);
+    control._names.focus = getFocusFieldName(name, 0, options);
+    ids.current = prependAt(ids.current, prependValue.map(generateId));
+    updateValues(updatedFieldArrayValues);
+    setFields(updatedFieldArrayValues);
+    control._setFieldArray(name, updatedFieldArrayValues, prependAt, {
+      argA: fillEmptyArray(value)
+    });
+  };
+  const remove = (index) => {
+    const updatedFieldArrayValues = removeArrayAt(control._getFieldArray(name), index);
+    ids.current = removeArrayAt(ids.current, index);
+    updateValues(updatedFieldArrayValues);
+    setFields(updatedFieldArrayValues);
+    !Array.isArray(get(control._fields, name)) && set(control._fields, name, void 0);
+    control._setFieldArray(name, updatedFieldArrayValues, removeArrayAt, {
+      argA: index
+    });
+  };
+  const insert$1 = (index, value, options) => {
+    const insertValue = convertToArrayPayload(cloneObject(value));
+    const updatedFieldArrayValues = insert(control._getFieldArray(name), index, insertValue);
+    control._names.focus = getFocusFieldName(name, index, options);
+    ids.current = insert(ids.current, index, insertValue.map(generateId));
+    updateValues(updatedFieldArrayValues);
+    setFields(updatedFieldArrayValues);
+    control._setFieldArray(name, updatedFieldArrayValues, insert, {
+      argA: index,
+      argB: fillEmptyArray(value)
+    });
+  };
+  const swap = (indexA, indexB) => {
+    const updatedFieldArrayValues = control._getFieldArray(name);
+    swapArrayAt(updatedFieldArrayValues, indexA, indexB);
+    swapArrayAt(ids.current, indexA, indexB);
+    updateValues(updatedFieldArrayValues);
+    setFields(updatedFieldArrayValues);
+    control._setFieldArray(name, updatedFieldArrayValues, swapArrayAt, {
+      argA: indexA,
+      argB: indexB
+    }, false);
+  };
+  const move = (from, to2) => {
+    const updatedFieldArrayValues = control._getFieldArray(name);
+    moveArrayAt(updatedFieldArrayValues, from, to2);
+    moveArrayAt(ids.current, from, to2);
+    updateValues(updatedFieldArrayValues);
+    setFields(updatedFieldArrayValues);
+    control._setFieldArray(name, updatedFieldArrayValues, moveArrayAt, {
+      argA: from,
+      argB: to2
+    }, false);
+  };
+  const update3 = (index, value) => {
+    const updateValue = cloneObject(value);
+    const updatedFieldArrayValues = updateAt(control._getFieldArray(name), index, updateValue);
+    ids.current = [...updatedFieldArrayValues].map((item, i) => !item || i === index ? generateId() : ids.current[i]);
+    updateValues(updatedFieldArrayValues);
+    setFields([...updatedFieldArrayValues]);
+    control._setFieldArray(name, updatedFieldArrayValues, updateAt, {
+      argA: index,
+      argB: updateValue
+    }, true, false);
+  };
+  const replace = (value) => {
+    const updatedFieldArrayValues = convertToArrayPayload(cloneObject(value));
+    ids.current = updatedFieldArrayValues.map(generateId);
+    updateValues([...updatedFieldArrayValues]);
+    setFields([...updatedFieldArrayValues]);
+    control._setFieldArray(name, [...updatedFieldArrayValues], (data) => data, {}, true, false);
+  };
+  import_react147.default.useEffect(() => {
+    control._state.action = false;
+    isWatched(name, control._names) && control._subjects.state.next({
+      ...control._formState
+    });
+    if (_actioned.current && (!getValidationModes(control._options.mode).isOnSubmit || control._formState.isSubmitted) && !getValidationModes(control._options.reValidateMode).isOnSubmit) {
+      if (control._options.resolver) {
+        control._runSchema([name]).then((result) => {
+          const error = get(result.errors, name);
+          const existingError = get(control._formState.errors, name);
+          if (existingError ? !error && existingError.type || error && (existingError.type !== error.type || existingError.message !== error.message) : error && error.type) {
+            error ? set(control._formState.errors, name, error) : unset(control._formState.errors, name);
+            control._subjects.state.next({
+              errors: control._formState.errors
+            });
+          }
+        });
+      } else {
+        const field = get(control._fields, name);
+        if (field && field._f && !(getValidationModes(control._options.reValidateMode).isOnSubmit && getValidationModes(control._options.mode).isOnSubmit)) {
+          validateField(field, control._names.disabled, control._formValues, control._options.criteriaMode === VALIDATION_MODE.all, control._options.shouldUseNativeValidation, true).then((error) => !isEmptyObject(error) && control._subjects.state.next({
+            errors: updateFieldArrayRootError(control._formState.errors, error, name)
+          }));
+        }
+      }
+    }
+    control._subjects.state.next({
+      name,
+      values: cloneObject(control._formValues)
+    });
+    control._names.focus && iterateFieldsByAction(control._fields, (ref, key) => {
+      if (control._names.focus && key.startsWith(control._names.focus) && ref.focus) {
+        ref.focus();
+        return 1;
+      }
+      return;
+    });
+    control._names.focus = "";
+    control._setValid();
+    _actioned.current = false;
+  }, [fields, name, control]);
+  import_react147.default.useEffect(() => {
+    !get(control._formValues, name) && control._setFieldArray(name);
+    return () => {
+      const updateMounted = (name2, value) => {
+        const field = get(control._fields, name2);
+        if (field && field._f) {
+          field._f.mount = value;
+        }
+      };
+      control._options.shouldUnregister || shouldUnregister ? control.unregister(name) : updateMounted(name, false);
+    };
+  }, [name, control, keyName, shouldUnregister]);
+  return {
+    swap: import_react147.default.useCallback(swap, [updateValues, name, control]),
+    move: import_react147.default.useCallback(move, [updateValues, name, control]),
+    prepend: import_react147.default.useCallback(prepend, [updateValues, name, control]),
+    append: import_react147.default.useCallback(append, [updateValues, name, control]),
+    remove: import_react147.default.useCallback(remove, [updateValues, name, control]),
+    insert: import_react147.default.useCallback(insert$1, [updateValues, name, control]),
+    update: import_react147.default.useCallback(update3, [updateValues, name, control]),
+    replace: import_react147.default.useCallback(replace, [updateValues, name, control]),
+    fields: import_react147.default.useMemo(() => fields.map((field, index) => ({
+      ...field,
+      [keyName]: ids.current[index] || generateId()
+    })), [fields, keyName])
+  };
+}
 function useForm(props = {}) {
   const _formControl = import_react147.default.useRef(void 0);
   const _values = import_react147.default.useRef(void 0);
@@ -26132,14 +26363,41 @@ function FormField({
   ] });
 }
 
-// src/components/Button.tsx
+// src/components/forms/FormFieldArray.tsx
 var import_classnames7 = __toESM(require_classnames());
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function FormFieldArray({
+  name,
+  description,
+  label,
+  className,
+  children,
+  ...props
+}) {
+  const context = useFormContext();
+  const { control, formState } = context;
+  const fieldProps = useFieldArray({
+    control,
+    name
+  });
+  const errors = formState?.errors || {};
+  const errorMessage = errors[name]?.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { ...props, className: (0, import_classnames7.default)(FormField_default.input, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Label2, { children: label }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: FormField_default.description, children: description }),
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: FormField_default.error, children: errorMessage }),
+    children({ context, ...fieldProps })
+  ] });
+}
+
+// src/components/Button.tsx
+var import_classnames8 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Button.module.css
 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" };
 
 // src/components/Button.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Button2({
   variant = "secondary",
   size = "md",
@@ -26151,12 +26409,12 @@ function Button2({
 }) {
   const Component = asChild ? Slot : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
   const buttonProps = Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? { preventFocusOnPress } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Component,
     {
       ...props,
       ...buttonProps,
-      className: (0, import_classnames7.default)(
+      className: (0, import_classnames8.default)(
         Button_default.button,
         className,
         variant && Button_default[variant],
@@ -26168,44 +26426,44 @@ function Button2({
 }
 
 // src/components/forms/FormResetButton.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function FormResetButton({ values = {}, children, onPress, ...props }) {
   const { reset } = useFormContext();
   const handleReset = (e) => {
     reset(values);
     onPress?.(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { ...props, type: "reset", onPress: handleReset, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button2, { ...props, type: "reset", onPress: handleReset, children });
 }
 
 // src/components/Spinner.tsx
-var import_classnames8 = __toESM(require_classnames());
+var import_classnames9 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Spinner.module.css
 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" };
 
 // src/components/Spinner.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Spinner(props) {
   const { size = "lg", quiet, className, isDisabled, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ...domProps,
-      className: (0, import_classnames8.default)(Spinner_default.spinner, className, Spinner_default[`size-${size}`], {
+      className: (0, import_classnames9.default)(Spinner_default.spinner, className, Spinner_default[`size-${size}`], {
         [Spinner_default.quiet]: quiet,
         [Spinner_default.disabled]: isDisabled
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { viewBox: "25 25 50 50", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { viewBox: "25 25 50 50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
       ] })
     }
   );
 }
 
 // src/components/LoadingButton.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function LoadingButton({
   isLoading,
   isDisabled,
@@ -26213,14 +26471,14 @@ function LoadingButton({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Button2, { ...props, isDisabled, children: [
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, { isDisabled }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button2, { ...props, isDisabled, children: [
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { isDisabled }) }),
     showText && children
   ] });
 }
 
 // src/components/forms/FormSubmitButton.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function FormSubmitButton({
   variant = "primary",
   isDisabled,
@@ -26231,7 +26489,7 @@ function FormSubmitButton({
   const {
     formState: { isDirty, isValid, isSubmitting, isSubmitted, isSubmitSuccessful }
   } = useFormContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     LoadingButton,
     {
       ...props,
@@ -26245,13 +26503,13 @@ function FormSubmitButton({
 }
 
 // src/components/toast/Toast.tsx
-var import_classnames9 = __toESM(require_classnames());
+var import_classnames10 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\toast\Toast.module.css
 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" };
 
 // src/components/toast/Toast.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var TOAST_CLOSE_ACTION = "close";
 function Toast({
   id,
@@ -26266,11 +26524,11 @@ function Toast({
   ...props
 }) {
   const hasActions = actions?.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ...props, className: (0, import_classnames9.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: Toast_default.title, children: title }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: Toast_default.description, children: message }),
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ...props, className: (0, import_classnames10.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: Toast_default.title, children: title }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: Toast_default.description, children: message }),
     hasActions && actions.map((action) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         Button2,
         {
           variant: "outline",
@@ -26281,7 +26539,7 @@ function Toast({
         action
       );
     }),
-    !hasActions && allowClose && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    !hasActions && allowClose && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Icon2,
       {
         "aria-hidden": true,
@@ -26289,7 +26547,7 @@ function Toast({
         size: "sm",
         className: Toast_default.close,
         onClick: () => onClose?.(TOAST_CLOSE_ACTION),
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(X, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(X, {})
       }
     )
   ] });
@@ -29869,7 +30127,7 @@ var host = createHost(primitives, {
 var animated = host.animated;
 
 // src/components/toast/Toaster.tsx
-var import_classnames10 = __toESM(require_classnames());
+var import_classnames11 = __toESM(require_classnames());
 var import_react171 = require("react");
 
 // node_modules/.pnpm/zustand@5.0.5_@types+react@_a1d6b7db10f76afd26403e7782bb5bbf/node_modules/zustand/esm/vanilla.mjs
@@ -29921,12 +30179,12 @@ var import_react170 = require("react");
 
 // src/components/toast/ToastProvider.tsx
 var import_react169 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ToastContext = (0, import_react169.createContext)({});
 function ToastProvider({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(ToastContext.Provider, { value: props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ToastContext.Provider, { value: props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Toaster, { ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Toaster, { ...props })
   ] });
 }
 
@@ -29964,7 +30222,7 @@ function useToast() {
 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" };
 
 // src/components/toast/Toaster.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Toaster({ duration = 0, position = "bottom-right" }) {
   const { toasts } = useToast();
   const [hovered, setHovered] = (0, import_react171.useState)(false);
@@ -29996,17 +30254,17 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
       };
     }
   }, [duration, toasts, hovered]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
-      className: (0, import_classnames10.default)(Toaster_default.toaster, Toaster_default[`position-${position}`]),
+      className: (0, import_classnames11.default)(Toaster_default.toaster, Toaster_default[`position-${position}`]),
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false),
       children: transitions((style, item) => {
         const { id, ...props } = item;
         return (
           // @ts-ignore
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
         );
       })
     }
@@ -30053,16 +30311,16 @@ function useTheme(defaultTheme) {
 
 // src/components/Accordion.tsx
 var import_react174 = require("react");
-var import_classnames12 = __toESM(require_classnames());
+var import_classnames13 = __toESM(require_classnames());
 
 // src/components/Text.tsx
-var import_classnames11 = __toESM(require_classnames());
+var import_classnames12 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
 var Text_default = { "truncate": "Text_truncate__NjQ2M", "italic": "Text_italic__MmI4Y", "underline": "Text_underline__MzZmN", "strikethrough": "Text_strikethrough__ZTg3Y" };
 
 // src/components/Text.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Text({
   color,
   size,
@@ -30092,11 +30350,11 @@ function Text({
     textTransform: transform,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Component,
     {
       ...props,
-      className: (0, import_classnames11.default)(
+      className: (0, import_classnames12.default)(
         Text_default.text,
         className,
         classes,
@@ -30115,9 +30373,9 @@ function Text({
 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" };
 
 // src/components/Accordion.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Accordion({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames12.default)(Accordion_default.accordion, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames13.default)(Accordion_default.accordion, className), children });
 }
 function AccordionItem({
   defaultExpanded,
@@ -30130,43 +30388,43 @@ function AccordionItem({
   const handleExpandedChange = (isExpanded) => {
     requestAnimationFrame(() => setExpanded(isExpanded));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     $28f4fd908f0de97f$export$74a362b31437ec83,
     {
       ...props,
-      className: (0, import_classnames12.default)(Accordion_default.item, className),
+      className: (0, import_classnames13.default)(Accordion_default.item, className),
       onExpandedChange: handleExpandedChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { children: trigger }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronRight, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { children: trigger }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronRight, {}) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames12.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames13.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
       ]
     }
   );
 }
 
 // src/components/AlertDialog.tsx
-var import_classnames14 = __toESM(require_classnames());
+var import_classnames15 = __toESM(require_classnames());
 
 // src/components/Dialog.tsx
-var import_classnames13 = __toESM(require_classnames());
+var import_classnames14 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Dialog.module.css
 var Dialog_default = { "dialog": "Dialog_dialog__YzZhN", "title": "Dialog_title__NjZlN", "modal": "Dialog_modal__YjEzN", "menu": "Dialog_menu__ZmFhN", "sheet": "Dialog_sheet__NzkxM" };
 
 // src/components/Dialog.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Dialog2({ title, variant = "modal", children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     $de32f1b87079253c$export$3ddf2d174ce01153,
     {
       ...props,
-      className: (0, import_classnames13.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
+      className: (0, import_classnames14.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
       children: (dialogProps) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: Dialog_default.title, children: title }),
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: Dialog_default.title, children: title }),
           typeof children === "function" ? children(dialogProps) : children
         ] });
       }
@@ -30175,16 +30433,16 @@ function Dialog2({ title, variant = "modal", children, className, ...props }) {
 }
 
 // src/components/Column.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Column({ reverse, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\AlertDialog.module.css
 var AlertDialog_default = { "dialog": "AlertDialog_dialog__OTkwN", "title": "AlertDialog_title__ZGIwY" };
 
 // src/components/AlertDialog.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function AlertDialog({
   title,
   description,
@@ -30206,12 +30464,12 @@ function AlertDialog({
     onCancel?.();
     close();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Dialog2, { ...props, title, className: (0, import_classnames14.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Column, { gap: "4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Dialog2, { ...props, title, className: (0, import_classnames15.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Column, { gap: "4", children: [
       typeof children === "function" ? children({ close }) : children,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Row, { gap: "3", justifyContent: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button2, { onPress: () => handleClose(close), children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Row, { gap: "3", justifyContent: "end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button2, { onPress: () => handleClose(close), children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           Button2,
           {
             variant: isDanger ? "danger" : "primary",
@@ -30229,32 +30487,32 @@ function AlertDialog({
 var Blockquote_default = { "blockquote": "Blockquote_blockquote__MzZmO" };
 
 // src/components/Blockquote.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Blockquote({ asChild, children }) {
   const Component = asChild ? Slot : "blockquote";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Component, { className: Blockquote_default.blockquote, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Component, { className: Blockquote_default.blockquote, children });
 }
 
 // src/components/Breadcrumbs.tsx
-var import_classnames15 = __toESM(require_classnames());
+var import_classnames16 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Breadcrumbs.module.css
 var Breadcrumbs_default = { "breadcrumbs": "Breadcrumbs_breadcrumbs__OTJlN", "breadcrumb": "Breadcrumbs_breadcrumb__YjU2O", "icon": "Breadcrumbs_icon__MWFiY" };
 
 // src/components/Breadcrumbs.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Breadcrumbs2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumbs, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames16.default)(Breadcrumbs_default.breadcrumbs, className), children });
 }
 function Breadcrumb2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumb, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames16.default)(Breadcrumbs_default.breadcrumb, className), children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronRight, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, {}) })
   ] });
 }
 
 // src/components/Calendar.tsx
-var import_classnames16 = __toESM(require_classnames());
+var import_classnames17 = __toESM(require_classnames());
 
 // src/lib/date.ts
 function toCalendarDate(date) {
@@ -30267,7 +30525,7 @@ function toCalendarDate(date) {
 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" };
 
 // src/components/Calendar.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Calendar2({
   className,
   value,
@@ -30281,7 +30539,7 @@ function Calendar2({
     console.log({ raw: date });
     onChange?.(date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     $dfd62f934fc76fed$export$e1aef45b828286de,
     {
       ...props,
@@ -30289,17 +30547,17 @@ function Calendar2({
       minValue: toCalendarDate(minValue),
       maxValue: toCalendarDate(maxValue),
       defaultValue: toCalendarDate(defaultValue),
-      className: (0, import_classnames16.default)(Calendar_default.calendar, className),
+      className: (0, import_classnames17.default)(Calendar_default.calendar, className),
       onChange: handleChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { className: Calendar_default.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, {}) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, {}) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { className: Calendar_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronRight, {}) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronRight, {}) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
         ] })
       ]
     }
@@ -30307,24 +30565,24 @@ function Calendar2({
 }
 
 // src/components/Checkbox.tsx
-var import_classnames17 = __toESM(require_classnames());
+var import_classnames18 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Checkbox.module.css
 var Checkbox_default = { "checkbox": "Checkbox_checkbox__OTliN", "box": "Checkbox_box__M2E3Z", "icon": "Checkbox_icon__ODgyZ" };
 
 // src/components/Checkbox.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Checkbox2({ label, className, children, ...props }) {
   const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     $bc237834342dbd75$export$48513f6b9f8ce62d,
     {
       ...props,
       isSelected,
-      className: (0, import_classnames17.default)(Checkbox_default.checkbox, className),
+      className: (0, import_classnames18.default)(Checkbox_default.checkbox, className),
       children: ({ isIndeterminate, isSelected: isSelected2 }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: Checkbox_default.box, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { className: Checkbox_default.icon, size: "sm", children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Minus, {}) : isSelected2 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Check, {}) : null }) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: Checkbox_default.box, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { className: Checkbox_default.icon, size: "sm", children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Minus, {}) : isSelected2 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, {}) : null }) }),
           children
         ] });
       }
@@ -30336,20 +30594,20 @@ function Checkbox2({ label, className, children, ...props }) {
 var Code_default = { "code": "Code_code__NmYxN" };
 
 // src/components/Code.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Code({ asChild, children }) {
   const Component = asChild ? Slot : "code";
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Component, { className: Code_default.code, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Component, { className: Code_default.code, children });
 }
 
 // src/components/Container.tsx
-var import_classnames18 = __toESM(require_classnames());
+var import_classnames19 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Container.module.css
 var Container_default = { "container": "Container_container__ZWU0Y", "centered": "Container_centered__OTM1M", "fluid": "Container_fluid__NTBhY" };
 
 // src/components/Container.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Container({
   isCentered = true,
   isFluid,
@@ -30357,11 +30615,11 @@ function Container({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Box,
     {
       ...props,
-      className: (0, import_classnames18.default)(
+      className: (0, import_classnames19.default)(
         Container_default.container,
         className,
         isCentered && Container_default.centered,
@@ -30374,33 +30632,33 @@ function Container({
 
 // src/components/ConfirmationDialog.tsx
 var import_react177 = require("react");
-var import_classnames22 = __toESM(require_classnames());
+var import_classnames23 = __toESM(require_classnames());
 
 // src/components/TextField.tsx
 var import_react176 = require("react");
-var import_classnames21 = __toESM(require_classnames());
+var import_classnames22 = __toESM(require_classnames());
 
 // src/components/Label.tsx
-var import_classnames19 = __toESM(require_classnames());
+var import_classnames20 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Label.module.css
 var Label_default = { "label": "Label_label__YWE3M" };
 
 // src/components/Label.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Label2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames19.default)(Label_default.label, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames20.default)(Label_default.label, className) });
 }
 
 // src/components/CopyButton.tsx
 var import_react175 = require("react");
-var import_classnames20 = __toESM(require_classnames());
+var import_classnames21 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\CopyButton.module.css
 var CopyButton_default = { "icon": "CopyButton_icon__YTM2Y", "copy-button": "CopyButton_copy-button__MjY1M" };
 
 // src/components/CopyButton.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var TIMEOUT = 2e3;
 function CopyButton({ value, timeout = TIMEOUT, className, children, ...props }) {
   const [copied, setCopied] = (0, import_react175.useState)(false);
@@ -30413,14 +30671,14 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
       ref.current = +setTimeout(() => setCopied(false), timeout);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon2, { ...props, className: (0, import_classnames20.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Copy, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon2, { ...props, className: (0, import_classnames21.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Copy, {}) });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
 var TextField_default = { "field": "TextField_field__YWQzN", "textarea": "TextField_textarea__YWRmM" };
 
 // src/components/TextField.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function TextField2({
   value,
   defaultValue,
@@ -30444,21 +30702,21 @@ function TextField2({
   (0, import_react176.useEffect)(() => {
     setInputValue(value);
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       $bcdf0525bf22703d$export$2c73285ae9390cec,
       {
         "aria-label": "Text",
         ...props,
-        className: (0, import_classnames21.default)(TextField_default.field, asTextArea && TextField_default.textarea, className),
+        className: (0, import_classnames22.default)(TextField_default.field, asTextArea && TextField_default.textarea, className),
         value: inputValue,
         isReadOnly,
         isDisabled,
         onChange: handleChange,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Component, { placeholder }),
-          allowCopy && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CopyButton, { value: inputValue })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Component, { placeholder }),
+          allowCopy && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CopyButton, { value: inputValue })
         ]
       }
     )
@@ -30469,7 +30727,7 @@ function TextField2({
 var ConfirmationDialog_default = { "dialog": "ConfirmationDialog_dialog__Mzg4M", "value": "ConfirmationDialog_value__YzhjZ" };
 
 // src/components/ConfirmationDialog.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -30481,21 +30739,21 @@ function ConfirmationDialog({
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     AlertDialog,
     {
       ...props,
-      className: (0, import_classnames22.default)(ConfirmationDialog_default.dialog, className),
+      className: (0, import_classnames23.default)(ConfirmationDialog_default.dialog, className),
       isConfirmDisabled: !canSave,
       children: ({ close }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
           typeof children === "function" ? children({ close }) : children,
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Text, { children: [
             confirmMessage || "Type the following value to confirm",
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: ConfirmationDialog_default.value, children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: ConfirmationDialog_default.value, children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
         ] });
       }
     }
@@ -30503,66 +30761,66 @@ function ConfirmationDialog({
 }
 
 // src/components/DataTable.tsx
-var import_classnames24 = __toESM(require_classnames());
+var import_classnames25 = __toESM(require_classnames());
 var import_react178 = require("react");
 
 // src/components/Table.tsx
-var import_classnames23 = __toESM(require_classnames());
+var import_classnames24 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Table.module.css
 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" };
 
 // src/components/Table.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var gridTemplateColumns = "repeat(auto-fit, minmax(140px, 1fr))";
 function Table2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($1910c06f0ca9905e$export$54ec01a60f47d33d, { "aria-label": "Table", ...props, className: (0, import_classnames23.default)(Table_default.table, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)($1910c06f0ca9905e$export$54ec01a60f47d33d, { "aria-label": "Table", ...props, className: (0, import_classnames24.default)(Table_default.table, className), children });
 }
 function TableHeader({ children, className, style, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     $1910c06f0ca9905e$export$f850895b287ef28e,
     {
       ...props,
-      className: (0, import_classnames23.default)(Table_default.header, className),
+      className: (0, import_classnames24.default)(Table_default.header, className),
       style: { gridTemplateColumns, ...style },
       children
     }
   );
 }
 function TableBody({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames23.default)(Table_default.body, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames24.default)(Table_default.body, className), children });
 }
 function TableRow({ children, className, style, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     $1910c06f0ca9905e$export$b59bdbef9ce70de2,
     {
       ...props,
-      className: (0, import_classnames23.default)(Table_default.row, className),
+      className: (0, import_classnames24.default)(Table_default.row, className),
       style: { gridTemplateColumns, ...style },
       children
     }
   );
 }
 function TableColumn({ children, className, align, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     $1910c06f0ca9905e$export$816b5d811295e6bc,
     {
       ...props,
-      className: (0, import_classnames23.default)(Table_default.column, className, align && Table_default[align]),
+      className: (0, import_classnames24.default)(Table_default.column, className, align && Table_default[align]),
       isRowHeader: true,
       children
     }
   );
 }
 function TableCell({ children, className, align, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames23.default)(Table_default.cell, className, align && Table_default[align]), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames24.default)(Table_default.cell, className, align && Table_default[align]), children });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\DataTable.module.css
 var DataTable_default = { "datatable": "DataTable_datatable__MWRkN", "cell": "DataTable_cell__MmMyM" };
 
 // src/components/DataTable.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var import_react179 = require("react");
 function DataTable({ data = [], className, children, ...props }) {
   const items = data.length && data?.[0]?.id === void 0 ? data.map((row, id) => ({ ...row, id })) : data;
@@ -30572,15 +30830,15 @@ function DataTable({ data = [], className, children, ...props }) {
     return { ...child.props };
   });
   const gridTemplateColumns2 = widths.join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Table2, { ...props, className: (0, import_classnames24.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, width, ...columnProps }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Table2, { ...props, className: (0, import_classnames25.default)(DataTable_default.datatable, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, width, ...columnProps }) => {
       if (hidden) {
         return null;
       }
       return /* @__PURE__ */ (0, import_react179.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableBody, { children: items.map((row, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableBody, { children: items.map((row, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
         if (hidden) {
           return null;
         }
@@ -30590,7 +30848,7 @@ function DataTable({ data = [], className, children, ...props }) {
           {
             ...cellProps,
             key: id,
-            className: (0, import_classnames24.default)(DataTable_default.cell, className2)
+            className: (0, import_classnames25.default)(DataTable_default.cell, className2)
           },
           as ? (0, import_react178.createElement)(as, {}, value) : value
         );
@@ -30603,40 +30861,40 @@ function DataColumn(props) {
 }
 
 // src/components/Dots.tsx
-var import_classnames25 = __toESM(require_classnames());
+var import_classnames26 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Dots.module.css
 var Dots_default = { "dots": "Dots_dots__YzQxM", "dot": "Dots_dot__ZDdiZ", "dots-blink": "Dots_dots-blink__NDE3Y" };
 
 // src/components/Dots.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Dots({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ...props, className: (0, import_classnames25.default)(Dots_default.dots, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Dots_default.dot })
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ...props, className: (0, import_classnames26.default)(Dots_default.dots, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: Dots_default.dot })
   ] });
 }
 
 // src/components/FloatingTooltip.tsx
 var import_react180 = require("react");
-var import_classnames27 = __toESM(require_classnames());
+var import_classnames28 = __toESM(require_classnames());
 
 // src/components/Tooltip.tsx
-var import_classnames26 = __toESM(require_classnames());
+var import_classnames27 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Tooltip.module.css
 var Tooltip_default = { "tooltip": "Tooltip_tooltip__YmY4Z", "bubble": "Tooltip_bubble__MWE0N", "arrow": "Tooltip_arrow__OGM1M", "slide": "Tooltip_slide__MGVmY" };
 
 // src/components/Tooltip.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Tooltip2({ children, className, showArrow, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames26.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipBubble, { showArrow, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames27.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipBubble, { showArrow, children }) });
 }
 function TooltipBubble({ showArrow, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ...props, children: [
-    showArrow && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: Tooltip_default.bubble, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { ...props, children: [
+    showArrow && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: Tooltip_default.bubble, children })
   ] });
 }
 
@@ -30644,7 +30902,7 @@ function TooltipBubble({ showArrow, children, ...props }) {
 var FloatingTooltip_default = { "floating": "FloatingTooltip_floating__ZjM4N" };
 
 // src/components/FloatingTooltip.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function FloatingTooltip({ className, style, children, ...props }) {
   const [position, setPosition] = (0, import_react180.useState)({ x: -1e3, y: -1e3 });
   (0, import_react180.useEffect)(() => {
@@ -30656,11 +30914,11 @@ function FloatingTooltip({ className, style, children, ...props }) {
       document.removeEventListener("mousemove", handler);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     TooltipBubble,
     {
       ...props,
-      className: (0, import_classnames27.default)(FloatingTooltip_default.floating, className, "BALLLLSSSS"),
+      className: (0, import_classnames28.default)(FloatingTooltip_default.floating, className, "BALLLLSSSS"),
       style: { ...style, left: position.x, top: position.y },
       children
     }
@@ -30668,8 +30926,8 @@ function FloatingTooltip({ className, style, children, ...props }) {
 }
 
 // src/components/Grid.tsx
-var import_classnames28 = __toESM(require_classnames());
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_classnames29 = __toESM(require_classnames());
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Grid({
   display = "grid",
   justifyContent,
@@ -30702,17 +30960,17 @@ function Grid({
     gridTemplateAreas: areas,
     gridAutoFlow: autoFlow
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Box, { ...props, className: (0, import_classnames28.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Box, { ...props, className: (0, import_classnames29.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // src/components/Heading.tsx
-var import_classnames29 = __toESM(require_classnames());
+var import_classnames30 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Heading.module.css
 var Heading_default = { "heading": "Heading_heading__MGIyZ" };
 
 // src/components/Heading.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Heading2({
   size = "3",
   weight,
@@ -30729,11 +30987,11 @@ function Heading2({
     fontWeight: weight,
     letterSpacing: spacing
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     Box,
     {
       ...props,
-      className: (0, import_classnames29.default)(Heading_default.heading, className, classes),
+      className: (0, import_classnames30.default)(Heading_default.heading, className, classes),
       style: { ...styleProps, ...style },
       children
     }
@@ -30747,7 +31005,7 @@ var import_react181 = require("react");
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
 
 // src/components/HoverTrigger.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var CLOSE_DELAY = 500;
 function HoverTrigger({
   isOpen,
@@ -30798,9 +31056,9 @@ function HoverTrigger({
       }
     }, closeDelay);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         className: HoverTrigger_default.wrapper,
@@ -30813,13 +31071,13 @@ function HoverTrigger({
 }
 
 // src/components/Image.tsx
-var import_classnames30 = __toESM(require_classnames());
+var import_classnames31 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Image.module.css
 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" };
 
 // src/components/Image.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Image({
   src,
   alt,
@@ -30832,11 +31090,11 @@ function Image({
   ...props
 }) {
   const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "img",
     {
       ...props,
-      className: (0, import_classnames30.default)(
+      className: (0, import_classnames31.default)(
         Image_default.image,
         className,
         classes,
@@ -30853,13 +31111,13 @@ function Image({
 
 // src/components/InlineEditField.tsx
 var import_react182 = require("react");
-var import_classnames31 = __toESM(require_classnames());
+var import_classnames32 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\InlineEditField.module.css
 var InlineEditField_default = { "edit": "InlineEditField_edit__MDliZ", "icon": "InlineEditField_icon__ZjE1O" };
 
 // src/components/InlineEditField.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function InlineEditField({
   name = "",
   value: defaultValue = "",
@@ -30895,17 +31153,17 @@ function InlineEditField({
       handleCancel();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
       "aria-label": "Edit",
       ...props,
-      className: (0, import_classnames31.default)(InlineEditField_default.edit, className),
+      className: (0, import_classnames32.default)(InlineEditField_default.edit, className),
       onClick: handleEdit,
       children: [
         !edit && children,
-        !edit && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SquarePen, {}) }),
-        edit && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        !edit && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SquarePen, {}) }),
+        edit && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           TextField2,
           {
             name,
@@ -30923,7 +31181,7 @@ function InlineEditField({
 
 // src/components/List.tsx
 var import_react183 = require("react");
-var import_classnames32 = __toESM(require_classnames());
+var import_classnames33 = __toESM(require_classnames());
 
 // src/lib/constants.ts
 var ACCENT_COLORS = [
@@ -30970,7 +31228,7 @@ function getHighlightColor(color) {
 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" };
 
 // src/components/List.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function List({
   items,
   idProperty = "id",
@@ -30983,20 +31241,20 @@ function List({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     $eed445e0843c11d0$export$41f133550aa26f48,
     {
       "aria-label": "list",
       ...props,
       items,
-      className: (0, import_classnames32.default)(List_default.list, className, !showCheckmark && List_default.hideCheckmark),
+      className: (0, import_classnames33.default)(List_default.list, className, !showCheckmark && List_default.hideCheckmark),
       style: { ...style, ...getHighlightColor(highlightColor) },
       children: children || items?.map((item) => {
         const id = item[idProperty] || item.toString();
         const label = item[labelProperty] || item.toString();
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react183.Fragment, { children: [
-          item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ListItem, { id, className: List_default.item, children: label })
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react183.Fragment, { children: [
+          item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ListItem, { id, className: List_default.item, children: label })
         ] }, id);
       })
     }
@@ -31009,81 +31267,81 @@ function ListItem({
   showCheckmark = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     $eed445e0843c11d0$export$a11e76429ed99b4,
     {
       ...props,
       id,
-      className: (0, import_classnames32.default)(List_default.item, className),
+      className: (0, import_classnames33.default)(List_default.item, className),
       textValue: typeof children === "string" ? children : id?.toString(),
       children: [
         children,
-        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Check, {}) })
+        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Check, {}) })
       ]
     }
   );
 }
 function ListSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames32.default)(List_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames33.default)(List_default.separator, className) });
 }
 function ListSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames32.default)(List_default.section, className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames33.default)(List_default.section, className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
     children
   ] });
 }
 
 // src/components/Loading.tsx
-var import_classnames33 = __toESM(require_classnames());
+var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Loading.module.css
 var Loading_default = { "loading": "Loading_loading__MzE0Y", "page": "Loading_page__OWMxN", "center": "Loading_center__ZWRmO", "inline": "Loading_inline__NmJkY" };
 
 // src/components/Loading.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Loading(props) {
   const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { ...domProps, className: (0, import_classnames33.default)(Loading_default.loading, className, Loading_default[position]), children: [
-    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dots, {}),
-    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Spinner, { size })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { ...domProps, className: (0, import_classnames34.default)(Loading_default.loading, className, Loading_default[position]), children: [
+    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dots, {}),
+    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Spinner, { size })
   ] });
 }
 
 // src/components/Menu.tsx
-var import_classnames34 = __toESM(require_classnames());
+var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
 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" };
 
 // src/components/Menu.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Menu2({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames35.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({ showChecked = true, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames34.default)(Menu_default.item, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames35.default)(Menu_default.item, className), children: [
     children,
-    showChecked && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Check, {}) }) })
+    showChecked && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Check, {}) }) })
   ] });
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames34.default)(Menu_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames35.default)(Menu_default.separator, className) });
 }
 function MenuSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames34.default)(Menu_default.section, className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames35.default)(Menu_default.section, className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
     children
   ] });
 }
 
 // src/components/Modal.tsx
-var import_classnames35 = __toESM(require_classnames());
+var import_classnames36 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Modal.module.css
 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" };
 
 // src/components/Modal.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Modal2({
   position = "center",
   offset,
@@ -31095,18 +31353,18 @@ function Modal2({
   if (offset) {
     style[`--modal-offset`] = offset;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames35.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames36.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
 }
 
 // src/components/Navbar.tsx
 var import_react184 = require("react");
-var import_classnames36 = __toESM(require_classnames());
+var import_classnames37 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Navbar.module.css
 var Navbar_default = { "nav": "Navbar_nav__ZjEwM", "item": "Navbar_item__MWVhZ", "icon": "Navbar_icon__ZmM1N" };
 
 // src/components/Navbar.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var NavbarContext = (0, import_react184.createContext)(void 0);
 var useNavigationContext = () => {
   const context = (0, import_react184.useContext)(NavbarContext);
@@ -31117,108 +31375,108 @@ var useNavigationContext = () => {
 };
 function Navbar({ showArrow = true, className, children, ...props }) {
   const [activeMenu, setActiveMenu] = (0, import_react184.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.nav, className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ...props, className: (0, import_classnames37.default)(Navbar_default.nav, className), children }) });
 }
 function NavbarItem({ label, children, className, ...props }) {
   const { activeMenu, setActiveMenu } = useNavigationContext();
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.item, className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChevronRight, {}) })
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { ...props, className: (0, import_classnames37.default)(Navbar_default.item, className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronRight, {}) })
       ] }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ...props, className: (0, import_classnames37.default)(Navbar_default.item, className), children });
 }
 
 // src/components/NavMenu.tsx
-var import_classnames37 = __toESM(require_classnames());
+var import_classnames38 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\NavMenu.module.css
 var NavMenu_default = { "navmenu": "NavMenu_navmenu__NTQ4Y", "item": "NavMenu_item__NTdjZ", "selected": "NavMenu_selected__NzUxM" };
 
 // src/components/NavMenu.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function NavMenu({ highlightColor, className, style, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Column,
     {
       ...props,
-      className: (0, import_classnames37.default)(NavMenu_default.navmenu, className),
+      className: (0, import_classnames38.default)(NavMenu_default.navmenu, className),
       style: { ...style, ...getHighlightColor(highlightColor) },
       children
     }
   );
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Row, { ...props, className: (0, import_classnames37.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Row, { ...props, className: (0, import_classnames38.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });
 }
 
 // src/components/PasswordField.tsx
 var import_react185 = require("react");
-var import_classnames38 = __toESM(require_classnames());
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_classnames39 = __toESM(require_classnames());
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function PasswordField({ label, className, ...props }) {
   const [show, setShow] = (0, import_react185.useState)(false);
   const type = show ? "text" : "password";
   const handleShowPassword = () => setShow((state) => !state);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { "aria-label": "Password", ...props, className: (0, import_classnames38.default)(TextField_default.field, className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { onClick: handleShowPassword, children: show ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EyeSlash_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Eye_default, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { "aria-label": "Password", ...props, className: (0, import_classnames39.default)(TextField_default.field, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon2, { onClick: handleShowPassword, children: show ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EyeSlash_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Eye_default, {}) })
     ] })
   ] });
 }
 
 // src/components/Popover.tsx
-var import_classnames39 = __toESM(require_classnames());
+var import_classnames40 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Popover.module.css
 var Popover_default = { "popover": "Popover_popover__YmFhM", "popover-slide": "Popover_popover-slide__OGZjY" };
 
 // src/components/Popover.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Popover2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames39.default)(Popover_default.popover, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames40.default)(Popover_default.popover, className), children });
 }
 
 // src/components/ProgressBar.tsx
-var import_classnames40 = __toESM(require_classnames());
+var import_classnames41 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ProgressBar.module.css
 var ProgressBar_default = { "progressbar": "ProgressBar_progressbar__YzdlO", "track": "ProgressBar_track__YzgzY", "fill": "ProgressBar_fill__ZTJlM", "value": "ProgressBar_value__NDk1Z" };
 
 // src/components/ProgressBar.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-function ProgressBar2({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames40.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: ProgressBar_default.value, children: valueText })
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function ProgressBar2({ className, showPercentage, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: ProgressBar_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/ProgressCircle.tsx
-var import_classnames41 = __toESM(require_classnames());
+var import_classnames42 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ProgressCircle.module.css
 var ProgressCircle_default = { "progresscircle": "ProgressCircle_progresscircle__NGMyY", "track": "ProgressCircle_track__YzY2M", "fill": "ProgressCircle_fill__ZmMzM", "value": "ProgressCircle_value__YjM0Y" };
 
 // src/components/ProgressCircle.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function ProgressCircle({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function ProgressCircle({ className, showPercentage, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames42.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
     const radius = 45;
     const circumference = radius * 2 * Math.PI;
     const offset = circumference - percentage / 100 * circumference;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "circle",
           {
             className: ProgressCircle_default.fill,
@@ -31230,19 +31488,19 @@ function ProgressCircle({ className, showValue, ...props }) {
           }
         )
       ] }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
+      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/RadioGroup.tsx
-var import_classnames42 = __toESM(require_classnames());
+var import_classnames43 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\RadioGroup.module.css
 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" };
 
 // src/components/RadioGroup.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function RadioGroup2({
   variant = "circle",
   label,
@@ -31250,27 +31508,27 @@ function RadioGroup2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     $b6c3ddc6086f204d$export$a98f0dcb43a68a25,
     {
       "aria-label": "RadioGroup",
       ...props,
-      className: (0, import_classnames42.default)(RadioGroup_default.radiogroup, RadioGroup_default[`variant-${variant}`], className),
+      className: (0, import_classnames43.default)(RadioGroup_default.radiogroup, RadioGroup_default[`variant-${variant}`], className),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label2, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: RadioGroup_default.inputs, children })
+        label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label2, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: RadioGroup_default.inputs, children })
       ]
     }
   );
 }
 function Radio2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { "aria-label": "Radio", ...props, className: (0, import_classnames42.default)(RadioGroup_default.radio, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { "aria-label": "Radio", ...props, className: (0, import_classnames43.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
 var import_react186 = require("react");
-var import_classnames43 = __toESM(require_classnames());
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_classnames44 = __toESM(require_classnames());
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function SearchField2({
   label,
   placeholder,
@@ -31298,19 +31556,19 @@ function SearchField2({
       onSearch?.(searchValue);
     }
   }, [searchValue, delay]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       $440f4836bcb56932$export$b94867ecbd698f21,
       {
         "aria-label": "Search",
         ...props,
-        className: (0, import_classnames43.default)(TextField_default.field, className),
+        className: (0, import_classnames44.default)(TextField_default.field, className),
         onChange: handleChange,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon2, { strokeColor: "8", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Search, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { placeholder, value: search }),
-          search && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon2, { size: "sm", color: "8", onClick: resetSearch, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(X, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { strokeColor: "8", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Search, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { placeholder, value: search }),
+          search && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { size: "sm", color: "8", onClick: resetSearch, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(X, {}) })
         ]
       }
     )
@@ -31319,13 +31577,13 @@ function SearchField2({
 
 // src/components/Select.tsx
 var import_react187 = require("react");
-var import_classnames44 = __toESM(require_classnames());
+var import_classnames45 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
 var Select_default = { "select": "Select_select__NmFmN", "button": "Select_button__OGYyM", "value": "Select_value__N2M0Y", "list": "Select_list__NzIyZ", "search": "Select_search__MGM1N" };
 
 // src/components/Select.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Select2({
   items = [],
   value,
@@ -31355,31 +31613,31 @@ function Select2({
     setSearch(value2);
     onSearch?.(value2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     $82d7e5349645de74$export$ef9b1a59e592288f,
     {
       "aria-label": "Select",
       ...props,
-      className: (0, import_classnames44.default)(Select_default.select, className),
+      className: (0, import_classnames45.default)(Select_default.select, className),
       selectedKey: value,
       defaultSelectedKey: defaultValue,
       onSelectionChange: handleChange,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label2, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Label2, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           Button2,
           {
             variant: "outline",
             ...buttonProps,
-            className: (0, import_classnames44.default)(Select_default.button, buttonProps?.className),
-            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: Select_default.value, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronRight, {}) })
+            className: (0, import_classnames45.default)(Select_default.button, buttonProps?.className),
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: Select_default.value, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronRight, {}) })
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: Select_default.list, children: [
-          allowSearch && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: Select_default.list, children: [
+          allowSearch && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             SearchField2,
             {
               className: Select_default.search,
@@ -31390,8 +31648,8 @@ function Select2({
               autoFocus: true
             }
           ),
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             List,
             {
               ...listProps,
@@ -31408,13 +31666,13 @@ function Select2({
 
 // src/components/Sidebar.tsx
 var import_react188 = require("react");
-var import_classnames45 = __toESM(require_classnames());
+var import_classnames46 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Sidebar.module.css
 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" };
 
 // src/components/Sidebar.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SidebarContext = (0, import_react188.createContext)(null);
 function Sidebar({
   variant = "1",
@@ -31425,11 +31683,11 @@ function Sidebar({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     Column,
     {
       ...props,
-      className: (0, import_classnames45.default)(
+      className: (0, import_classnames46.default)(
         Sidebar_default.sidenav,
         isCollapsed && Sidebar_default.collapsed,
         muteItems && Sidebar_default.muted,
@@ -31445,9 +31703,9 @@ function SidebarSection({
   title,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Column, { className: Sidebar_default.section, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: Sidebar_default.title, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: Sidebar_default.content, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Column, { className: Sidebar_default.section, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: Sidebar_default.title, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: Sidebar_default.content, children })
   ] });
 }
 function SidebarHeader({
@@ -31457,9 +31715,9 @@ function SidebarHeader({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Row, { ...props, className: (0, import_classnames45.default)(Sidebar_default.header, className), children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { size: "sm", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: (0, import_classnames45.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Row, { ...props, className: (0, import_classnames46.default)(Sidebar_default.header, className), children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon2, { size: "sm", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: (0, import_classnames46.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
     children
   ] });
 }
@@ -31472,41 +31730,41 @@ function SidebarItem({
   ...props
 }) {
   const { isCollapsed } = (0, import_react188.useContext)(SidebarContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       Row,
       {
         ...props,
-        className: (0, import_classnames45.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
+        className: (0, import_classnames46.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { size: "sm", children: icon }),
-          label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text, { className: (0, import_classnames45.default)(Sidebar_default.label), children: label }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon2, { size: "sm", children: icon }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Text, { className: (0, import_classnames46.default)(Sidebar_default.label), children: label }),
           children
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Tooltip2, { placement: "right", children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Tooltip2, { placement: "right", children: label })
   ] });
 }
 
 // src/components/Slider.tsx
-var import_classnames46 = __toESM(require_classnames());
+var import_classnames47 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Slider.module.css
 var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_header__ZTE2M", "track": "Slider_track__ODk5M", "fill": "Slider_fill__YzdhM", "thumb": "Slider_thumb__NGEzM" };
 
 // src/components/Slider.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function Slider2({ className, showValue = true, label, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames46.default)(Slider_default.slider, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: Slider_default.header, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Label2, { className: Slider_default.label, children: label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames47.default)(Slider_default.slider, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: Slider_default.header, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Label2, { className: Slider_default.label, children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
       const isHorizontal = state.orientation === "horizontal";
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: Slider_default.fill,
@@ -31515,27 +31773,27 @@ function Slider2({ className, showValue = true, label, ...props }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
       ] });
     } })
   ] });
 }
 
 // src/components/StatusLight.tsx
-var import_classnames47 = __toESM(require_classnames());
+var import_classnames48 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\StatusLight.module.css
 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" };
 
 // src/components/StatusLight.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function StatusLight(props) {
   const { color, variant = "inactive", children, className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ...domProps, className: (0, import_classnames47.default)(StatusLight_default.statuslight, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { ...domProps, className: (0, import_classnames48.default)(StatusLight_default.statuslight, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
-        className: (0, import_classnames47.default)(StatusLight_default.status, StatusLight_default[variant]),
+        className: (0, import_classnames48.default)(StatusLight_default.status, StatusLight_default[variant]),
         style: { backgroundColor: color }
       }
     ) }),
@@ -31544,25 +31802,25 @@ function StatusLight(props) {
 }
 
 // src/components/Switch.tsx
-var import_classnames48 = __toESM(require_classnames());
+var import_classnames49 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Switch.module.css
 var Switch_default = { "switch": "Switch_switch__NzI0O", "track": "Switch_track__ZWU0O", "knob": "Switch_knob__YjFmZ" };
 
 // src/components/Switch.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function Switch2({ label, children, className, ...props }) {
   const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       $8e59e948500a8fe1$export$b5d5cf8927ab7262,
       {
         ...props,
         isSelected,
-        className: (0, import_classnames48.default)(Switch_default.switch, className),
+        className: (0, import_classnames49.default)(Switch_default.switch, className),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: Switch_default.knob }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: Switch_default.knob }) }),
           children
         ]
       }
@@ -31574,28 +31832,28 @@ function Switch2({ label, children, className, ...props }) {
 var Tabs_default = { "tabs": "Tabs_tabs__OWVjO", "list": "Tabs_list__YWRjM", "tab": "Tabs_tab__ZjgwM", "quiet": "Tabs_quiet__ZTQ1O" };
 
 // src/components/Tabs.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function Tabs2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
 }
 function TabList2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
 }
 function Tab({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
 }
 function TabPanel2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
 }
 
 // src/components/ThemeButton.tsx
-var import_classnames49 = __toESM(require_classnames());
+var import_classnames50 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ThemeButton.module.css
 var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
 
 // src/components/ThemeButton.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function ThemeButton({
   className,
   variant = "quiet",
@@ -31620,17 +31878,17 @@ function ThemeButton({
     setTheme2(theme === "light" ? "dark" : "light");
     onPress?.(e);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     Button2,
     {
       ...props,
-      className: (0, import_classnames49.default)(ThemeButton_default.button, className),
+      className: (0, import_classnames50.default)(ThemeButton_default.button, className),
       variant,
       onPress: handleClick,
       children: [
         transitions((style, item) => (
           // @ts-ignore
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon2, { size: "sm", children: item === "light" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Sun, {}) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Moon, {}) }) }, item)
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon2, { size: "sm", children: item === "light" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Sun, {}) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Moon, {}) }) }, item)
         )),
         "\xA0"
       ]
@@ -31639,23 +31897,23 @@ function ThemeButton({
 }
 
 // src/components/Toggle.tsx
-var import_classnames50 = __toESM(require_classnames());
+var import_classnames51 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Toggle.module.css
 var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
 
 // src/components/Toggle.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Toggle({ label, children, className, ...props }) {
   const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       $efde0372d7a700fe$export$d2b052e7b4be1756,
       {
         ...props,
         isSelected,
-        className: (0, import_classnames50.default)(Toggle_default.toggle, className),
+        className: (0, import_classnames51.default)(Toggle_default.toggle, className),
         children
       }
     )
@@ -31663,13 +31921,13 @@ function Toggle({ label, children, className, ...props }) {
 }
 
 // src/components/ToggleGroup.tsx
-var import_classnames51 = __toESM(require_classnames());
+var import_classnames52 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ToggleGroup.module.css
 var ToggleGroup_default = { "group": "ToggleGroup_group__NTgyM", "list": "ToggleGroup_list__OWIyM", "item": "ToggleGroup_item__NDJmZ" };
 
 // src/components/ToggleGroup.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function ToggleGroup({
   label,
   value,
@@ -31687,7 +31945,7 @@ function ToggleGroup({
     onSelectionChange?.(keys);
     onChange?.(Array.from(keys).map((k) => k.toString()));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     $eaf9e70818b436db$export$67ea30858aaf75e3,
     {
       ...props,
@@ -31695,26 +31953,26 @@ function ToggleGroup({
       defaultSelectedKeys: defaultValue || defaultSelectedKeys,
       selectionMode,
       onSelectionChange: handleChange,
-      className: (0, import_classnames51.default)(ToggleGroup_default.group, className),
+      className: (0, import_classnames52.default)(ToggleGroup_default.group, className),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label2, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
+        label && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Label2, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
       ]
     }
   );
 }
 function ToggleGroupItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames52.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/ZenProvider.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var defaultToastCofig = {
   duration: 3e3
 };
 function ZenProvider({ children, ...props }) {
   const { toast = defaultToastCofig } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ToastProvider, { ...toast, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ToastProvider, { ...toast, children });
 }
 /*! Bundled license information: