@umami/react-zen 0.203.0 → 0.205.0

package/dist/index.mjs

@@ -28101,9 +28101,9 @@ var createLucideIcon = (iconName, iconNode) => {
 var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
 var Check = createLucideIcon("check", __iconNode);
 
-// node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode2 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode2);
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode2);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/copy.js
 var __iconNode3 = [
@@ -28185,72 +28185,6 @@ var __iconNode11 = [
 ];
 var X = createLucideIcon("x", __iconNode11);
 
-// src/components/svg/EyeSlash.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var SvgEyeSlash = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
-  /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h256v256H0z" }),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 16,
-      d: "m48 40 160 176M154.91 157.6a40 40 0 0 1-53.82-59.2M135.53 88.71a40 40 0 0 1 32.3 35.53"
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 16,
-      d: "M208.61 169.1C230.41 149.58 240 128 240 128s-32-72-112-72a126 126 0 0 0-20.68 1.68M74 68.6C33.23 89.24 16 128 16 128s32 72 112 72a118.05 118.05 0 0 0 54-12.6"
-    }
-  )
-] });
-var EyeSlash_default = SvgEyeSlash;
-
-// src/components/svg/Eye.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var SvgEye = (props) => /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
-  /* @__PURE__ */ jsx2("path", { fill: "none", d: "M0 0h256v256H0z" }),
-  /* @__PURE__ */ jsx2(
-    "path",
-    {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 16,
-      d: "M128 56c-80 0-112 72-112 72s32 72 112 72 112-72 112-72-32-72-112-72"
-    }
-  ),
-  /* @__PURE__ */ jsx2(
-    "circle",
-    {
-      cx: 128,
-      cy: 128,
-      r: 40,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 16
-    }
-  )
-] });
-var Eye_default = SvgEye;
-
-// src/components/svg/Github.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-
-// src/components/svg/Logo.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-
 // src/components/Icon.tsx
 var import_classnames = __toESM(require_classnames());
 
@@ -28436,7 +28370,7 @@ function Slot({
 var Icon_default = { "icon": "Icon_icon__NzNmN", "xs": "Icon_xs__MDhiY", "sm": "Icon_sm__ZWU0N", "md": "Icon_md__YTY3Y", "lg": "Icon_lg__ZGJlZ", "xl": "Icon_xl__MDU3Y" };
 
 // src/components/Icon.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function Icon2({
   color,
   size = "sm",
@@ -28455,7 +28389,7 @@ function Icon2({
     fillColor,
     color
   });
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx(
     Slot,
     {
       ...props,
@@ -28475,7 +28409,7 @@ function Icon2({
 var AlertBanner_default = { "banner": "AlertBanner_banner__NDQ0Z", "message": "AlertBanner_message__MzQ3Y", "title": "AlertBanner_title__MDI0M", "close": "AlertBanner_close__YzE5M", "error": "AlertBanner_error__NDVmM", "start": "AlertBanner_start__YTlmZ", "end": "AlertBanner_end__ZmJlM", "center": "AlertBanner_center__Y2ZmN" };
 
 // src/components/AlertBanner.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var AlertIcons = {
   error: TriangleAlert,
   info: Info
@@ -28492,7 +28426,7 @@ function AlertBanner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ...props,
@@ -28503,13 +28437,13 @@ function AlertBanner({
         align && AlertBanner_default[align]
       ),
       children: [
-        (icon || variant) && /* @__PURE__ */ jsx6(Icon2, { size: "sm", children: variant ? createElement3(AlertIcons[variant]) : icon }),
-        /* @__PURE__ */ jsxs4("div", { className: AlertBanner_default.message, children: [
-          title && /* @__PURE__ */ jsx6("div", { className: AlertBanner_default.title, children: title }),
-          description && /* @__PURE__ */ jsx6("div", { className: AlertBanner_default.description, children: description })
+        (icon || variant) && /* @__PURE__ */ jsx2(Icon2, { size: "sm", children: variant ? createElement3(AlertIcons[variant]) : icon }),
+        /* @__PURE__ */ jsxs("div", { className: AlertBanner_default.message, children: [
+          title && /* @__PURE__ */ jsx2("div", { className: AlertBanner_default.title, children: title }),
+          description && /* @__PURE__ */ jsx2("div", { className: AlertBanner_default.description, children: description })
         ] }),
         children,
-        allowClose && /* @__PURE__ */ jsx6(Icon2, { className: AlertBanner_default.close, onClick: onClose, children: /* @__PURE__ */ jsx6(X, {}) })
+        allowClose && /* @__PURE__ */ jsx2(Icon2, { className: AlertBanner_default.close, onClick: onClose, children: /* @__PURE__ */ jsx2(X, {}) })
       ]
     }
   );
@@ -28519,7 +28453,7 @@ function AlertBanner({
 var Form_default = { "form": "Form_form__ZTBhZ", "text": "Form_text__ZjUwN", "icon": "Form_icon__YTRiZ" };
 
 // src/components/forms/Form.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Form({
   autoComplete,
   onSubmit,
@@ -28573,8 +28507,8 @@ function Form({
       formValues.reset(void 0, { keepDirty: true, keepValues: true });
     }
   }, [error, formValues]);
-  return /* @__PURE__ */ jsxs5(FormProvider, { ...formValues, children: [
-    error && /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs2(FormProvider, { ...formValues, children: [
+    error && /* @__PURE__ */ jsx3(
       AlertBanner,
       {
         variant: "error",
@@ -28582,7 +28516,7 @@ function Form({
         title: error instanceof Error ? error?.message : error
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx3(
       "form",
       {
         ...props,
@@ -28601,7 +28535,7 @@ var import_classnames5 = __toESM(require_classnames());
 
 // src/components/Box.tsx
 var import_classnames4 = __toESM(require_classnames());
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Box({
   display,
   color,
@@ -28718,7 +28652,7 @@ function Box({
     order,
     zIndex
   });
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx4(
     Component,
     {
       ...props,
@@ -28733,7 +28667,7 @@ function Box({
 }
 
 // src/components/Flexbox.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Flexbox({
   display = "flex",
   direction,
@@ -28762,25 +28696,25 @@ function Flexbox({
     gapX,
     gapY
   });
-  return /* @__PURE__ */ jsx9(Box, { ...props, className: (0, import_classnames5.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ jsx5(Box, { ...props, className: (0, import_classnames5.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // src/components/Row.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Row({ reverse, children, ...props }) {
-  return /* @__PURE__ */ jsx10(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
+  return /* @__PURE__ */ jsx6(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
 }
 
 // src/components/forms/FormButtons.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function FormButtons({ fill, children, ...props }) {
-  return /* @__PURE__ */ jsx11(Row, { paddingTop: "3", gap: "3", justifyContent: "flex-end", ...props, children });
+  return /* @__PURE__ */ jsx7(Row, { paddingTop: "3", gap: "3", justifyContent: "flex-end", ...props, children });
 }
 
 // src/components/forms/FormController.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function FormController({ children, ...props }) {
-  return /* @__PURE__ */ jsx12(Controller, { ...props, render: children });
+  return /* @__PURE__ */ jsx8(Controller, { ...props, render: children });
 }
 
 // src/components/forms/FormField.tsx
@@ -28804,13 +28738,13 @@ var import_classnames6 = __toESM(require_classnames());
 var Label_default = { "label": "Label_label__YWE3M" };
 
 // src/components/Label.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Label2({ className, ...props }) {
-  return /* @__PURE__ */ jsx13($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames6.default)(Label_default.label, className) });
+  return /* @__PURE__ */ jsx9($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames6.default)(Label_default.label, className) });
 }
 
 // src/components/forms/FormField.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 function FormField({
   id,
   name,
@@ -28825,9 +28759,9 @@ function FormField({
   const context = useFormContext();
   const { control } = context;
   const { invalid, error } = context.getFieldState(name);
-  return /* @__PURE__ */ jsxs6("div", { ...props, className: (0, import_classnames7.default)(FormField_default.input, className), children: [
-    label && /* @__PURE__ */ jsx14(Label2, { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsx14(FormController, { name, control, rules, children: ({ field }) => {
+  return /* @__PURE__ */ jsxs3("div", { ...props, className: (0, import_classnames7.default)(FormField_default.input, className), children: [
+    label && /* @__PURE__ */ jsx10(Label2, { htmlFor: fieldId, children: label }),
+    /* @__PURE__ */ jsx10(FormController, { name, control, rules, children: ({ field }) => {
       return Children.map(
         typeof children === "function" ? children({ context, field }) : children,
         (child) => {
@@ -28838,14 +28772,14 @@ function FormField({
         }
       );
     } }),
-    description && /* @__PURE__ */ jsx14("div", { className: FormField_default.description, children: description }),
-    invalid && /* @__PURE__ */ jsx14("div", { className: FormField_default.error, children: error?.message })
+    description && /* @__PURE__ */ jsx10("div", { className: FormField_default.description, children: description }),
+    invalid && /* @__PURE__ */ jsx10("div", { className: FormField_default.error, children: error?.message })
   ] });
 }
 
 // src/components/forms/FormFieldArray.tsx
 var import_classnames8 = __toESM(require_classnames());
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 function FormFieldArray({
   id,
   name,
@@ -28866,10 +28800,10 @@ function FormFieldArray({
   register(name, rules);
   const errors = formState?.errors || {};
   const errorMessage = errors[name]?.message;
-  return /* @__PURE__ */ jsxs7("div", { ...props, className: (0, import_classnames8.default)(FormField_default.input, className), children: [
-    label && /* @__PURE__ */ jsx15(Label2, { htmlFor: fieldId, children: label }),
-    description && /* @__PURE__ */ jsx15("div", { className: FormField_default.description, children: description }),
-    errorMessage && /* @__PURE__ */ jsx15("div", { className: FormField_default.error, children: errorMessage }),
+  return /* @__PURE__ */ jsxs4("div", { ...props, className: (0, import_classnames8.default)(FormField_default.input, className), children: [
+    label && /* @__PURE__ */ jsx11(Label2, { htmlFor: fieldId, children: label }),
+    description && /* @__PURE__ */ jsx11("div", { className: FormField_default.description, children: description }),
+    errorMessage && /* @__PURE__ */ jsx11("div", { className: FormField_default.error, children: errorMessage }),
     children({ ...context, ...fieldProps })
   ] });
 }
@@ -28881,7 +28815,7 @@ var import_classnames9 = __toESM(require_classnames());
 var Button_default = { "button": "Button_button__NGQyO", "variant-primary": "Button_variant-primary__YjU3N", "variant-outline": "Button_variant-outline__NzU3Y", "variant-quiet": "Button_variant-quiet__MzMzO", "variant-danger": "Button_variant-danger__OGZhN", "variant-zero": "Button_variant-zero__ZGViN", "sm": "Button_sm__NzE4Y", "md": "Button_md__YzYwY", "lg": "Button_lg__YTVkN", "xl": "Button_xl__ZDcyY" };
 
 // src/components/Button.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Button2({
   variant,
   size = "md",
@@ -28893,7 +28827,7 @@ function Button2({
 }) {
   const Component = asChild ? Slot : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
   const buttonProps = Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? { preventFocusOnPress } : void 0;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx12(
     Component,
     {
       ...props,
@@ -28910,14 +28844,14 @@ function Button2({
 }
 
 // src/components/forms/FormResetButton.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function FormResetButton({ values = {}, children, onPress, ...props }) {
   const { reset } = useFormContext();
   const handleReset = (e) => {
     reset(values);
     onPress?.(e);
   };
-  return /* @__PURE__ */ jsx17(Button2, { ...props, type: "reset", onPress: handleReset, children });
+  return /* @__PURE__ */ jsx13(Button2, { ...props, type: "reset", onPress: handleReset, children });
 }
 
 // src/components/Spinner.tsx
@@ -28927,10 +28861,10 @@ var import_classnames10 = __toESM(require_classnames());
 var Spinner_default = { "spinner": "Spinner_spinner__MTMxM", "spinner-rotate": "Spinner_spinner-rotate__OGQxM", "track": "Spinner_track__OTY4N", "fill": "Spinner_fill__ZTQ1Y", "spinner-dash": "Spinner_spinner-dash__OGIyZ", "size-sm": "Spinner_size-sm__NWRlY", "size-md": "Spinner_size-md__ODY2Y", "size-lg": "Spinner_size-lg__NDBhO", "quiet": "Spinner_quiet__ZDgxO", "disabled": "Spinner_disabled__YjY4N" };
 
 // src/components/Spinner.tsx
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 function Spinner(props) {
   const { size = "md", quiet, className, isDisabled, ...domProps } = props;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       ...domProps,
@@ -28938,16 +28872,16 @@ function Spinner(props) {
         [Spinner_default.quiet]: quiet,
         [Spinner_default.disabled]: isDisabled
       }),
-      children: /* @__PURE__ */ jsxs8("svg", { viewBox: "25 25 50 50", children: [
-        /* @__PURE__ */ jsx18("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
-        /* @__PURE__ */ jsx18("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
+      children: /* @__PURE__ */ jsxs5("svg", { viewBox: "25 25 50 50", children: [
+        /* @__PURE__ */ jsx14("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
+        /* @__PURE__ */ jsx14("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
       ] })
     }
   );
 }
 
 // src/components/LoadingButton.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 function LoadingButton({
   isLoading,
   isDisabled,
@@ -28955,14 +28889,14 @@ function LoadingButton({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(Button2, { ...props, isDisabled, children: [
-    isLoading && /* @__PURE__ */ jsx19(Icon2, { size: "sm", children: /* @__PURE__ */ jsx19(Spinner, { isDisabled }) }),
+  return /* @__PURE__ */ jsxs6(Button2, { ...props, isDisabled, children: [
+    isLoading && /* @__PURE__ */ jsx15(Icon2, { size: "sm", children: /* @__PURE__ */ jsx15(Spinner, { isDisabled }) }),
     showText && children
   ] });
 }
 
 // src/components/forms/FormSubmitButton.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function FormSubmitButton({
   variant = "primary",
   isDisabled,
@@ -28973,7 +28907,7 @@ function FormSubmitButton({
   const {
     formState: { isDirty, isValid, isSubmitting }
   } = useFormContext();
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx16(
     LoadingButton,
     {
       ...props,
@@ -28993,7 +28927,7 @@ var import_classnames11 = __toESM(require_classnames());
 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
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 var TOAST_CLOSE_ACTION = "close";
 function Toast({
   id,
@@ -29008,11 +28942,11 @@ function Toast({
   ...props
 }) {
   const hasActions = actions?.length > 0;
-  return /* @__PURE__ */ jsxs10("div", { ...props, className: (0, import_classnames11.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
-    title && /* @__PURE__ */ jsx21("div", { className: Toast_default.title, children: title }),
-    message && /* @__PURE__ */ jsx21("div", { className: Toast_default.description, children: message }),
+  return /* @__PURE__ */ jsxs7("div", { ...props, className: (0, import_classnames11.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
+    title && /* @__PURE__ */ jsx17("div", { className: Toast_default.title, children: title }),
+    message && /* @__PURE__ */ jsx17("div", { className: Toast_default.description, children: message }),
     hasActions && actions.map((action) => {
-      return /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsx17(
         Button2,
         {
           variant: "outline",
@@ -29023,7 +28957,7 @@ function Toast({
         action
       );
     }),
-    !hasActions && allowClose && /* @__PURE__ */ jsx21(
+    !hasActions && allowClose && /* @__PURE__ */ jsx17(
       Icon2,
       {
         "aria-hidden": true,
@@ -29031,7 +28965,7 @@ function Toast({
         size: "sm",
         className: Toast_default.close,
         onClick: () => onClose?.(TOAST_CLOSE_ACTION),
-        children: /* @__PURE__ */ jsx21(X, {})
+        children: /* @__PURE__ */ jsx17(X, {})
       }
     )
   ] });
@@ -32663,12 +32597,12 @@ import { useContext as useContext4 } from "react";
 
 // src/components/toast/ToastProvider.tsx
 import { createContext as createContext2 } from "react";
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var ToastContext = createContext2({});
 function ToastProvider({ children, ...props }) {
-  return /* @__PURE__ */ jsxs11(ToastContext.Provider, { value: props, children: [
+  return /* @__PURE__ */ jsxs8(ToastContext.Provider, { value: props, children: [
     children,
-    /* @__PURE__ */ jsx22(Toaster, { ...props })
+    /* @__PURE__ */ jsx18(Toaster, { ...props })
   ] });
 }
 
@@ -32706,7 +32640,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
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Toaster({ duration = 0, position = "bottom-right" }) {
   const { toasts } = useToast();
   const [hovered, setHovered] = useState5(false);
@@ -32738,7 +32672,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
       };
     }
   }, [duration, toasts, hovered]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: (0, import_classnames12.default)(Toaster_default.toaster, Toaster_default[`position-${position}`]),
@@ -32748,7 +32682,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
         const { id, ...props } = item;
         return (
           // @ts-ignore
-          /* @__PURE__ */ jsx23(animated.div, { style, children: /* @__PURE__ */ jsx23(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
+          /* @__PURE__ */ jsx19(animated.div, { style, children: /* @__PURE__ */ jsx19(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
         );
       })
     }
@@ -32869,7 +32803,7 @@ var import_classnames13 = __toESM(require_classnames());
 var Text_default = { "truncate": "Text_truncate__NjQ2M", "italic": "Text_italic__MmI4Y", "underline": "Text_underline__MzZmN", "strikethrough": "Text_strikethrough__ZTg3Y" };
 
 // src/components/Text.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Text({
   color,
   size,
@@ -32899,7 +32833,7 @@ function Text({
     textTransform: transform,
     color
   });
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx20(
     Component,
     {
       ...props,
@@ -32922,9 +32856,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
-import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 function Accordion({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx25($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames14.default)(Accordion_default.accordion, className), children });
+  return /* @__PURE__ */ jsx21($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames14.default)(Accordion_default.accordion, className), children });
 }
 function AccordionItem({
   defaultExpanded,
@@ -32937,18 +32871,18 @@ function AccordionItem({
   const handleExpandedChange = (isExpanded) => {
     requestAnimationFrame(() => setExpanded(isExpanded));
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs9(
     $28f4fd908f0de97f$export$74a362b31437ec83,
     {
       ...props,
       className: (0, import_classnames14.default)(Accordion_default.item, className),
       onExpandedChange: handleExpandedChange,
       children: [
-        /* @__PURE__ */ jsxs12(Button2, { slot: "trigger", className: Accordion_default.button, children: [
-          /* @__PURE__ */ jsx25(Text, { children: trigger }),
-          /* @__PURE__ */ jsx25(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ jsx25(ChevronRight, {}) })
+        /* @__PURE__ */ jsxs9(Button2, { slot: "trigger", className: Accordion_default.button, children: [
+          /* @__PURE__ */ jsx21(Text, { children: trigger }),
+          /* @__PURE__ */ jsx21(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ jsx21(ChevronDown, {}) })
         ] }),
-        /* @__PURE__ */ jsx25($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames14.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
+        /* @__PURE__ */ jsx21($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames14.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
       ]
     }
   );
@@ -32967,7 +32901,7 @@ var import_classnames15 = __toESM(require_classnames());
 var Heading_default = { "heading": "Heading_heading__MGIyZ" };
 
 // src/components/Heading.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Heading2({
   size = "3",
   weight,
@@ -32984,7 +32918,7 @@ function Heading2({
     fontWeight: weight,
     letterSpacing: spacing
   });
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx22(
     Box,
     {
       ...props,
@@ -32996,26 +32930,26 @@ function Heading2({
 }
 
 // src/components/Column.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Column({ reverse, children, ...props }) {
-  return /* @__PURE__ */ jsx27(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
+  return /* @__PURE__ */ jsx23(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\Dialog.module.css
 var Dialog_default = { "dialog": "Dialog_dialog__NjJlM", "title": "Dialog_title__YjdmY", "sheet": "Dialog_sheet__ZjQ1M" };
 
 // src/components/Dialog.tsx
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
 function Dialog2({ title, variant, children, className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx24(
     $de32f1b87079253c$export$3ddf2d174ce01153,
     {
       "aria-label": "Dialog",
       ...props,
       className: (0, import_classnames16.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
       children: (dialogProps) => {
-        return /* @__PURE__ */ jsxs13(Column, { gap: true, children: [
-          title && /* @__PURE__ */ jsx28(Heading2, { size: "2", children: title }),
+        return /* @__PURE__ */ jsxs10(Column, { height: "100%", gap: true, children: [
+          title && /* @__PURE__ */ jsx24(Heading2, { size: "2", children: title }),
           typeof children === "function" ? children(dialogProps) : children
         ] });
       }
@@ -33027,7 +32961,7 @@ function Dialog2({ title, variant, children, className, ...props }) {
 var AlertDialog_default = { "dialog": "AlertDialog_dialog__OTkwN", "title": "AlertDialog_title__ZGIwY" };
 
 // src/components/AlertDialog.tsx
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 function AlertDialog({
   title,
   description,
@@ -33049,12 +32983,12 @@ function AlertDialog({
     onCancel?.();
     close();
   };
-  return /* @__PURE__ */ jsx29(Dialog2, { ...props, title, className: (0, import_classnames17.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
-    return /* @__PURE__ */ jsxs14(Column, { gap: "4", children: [
+  return /* @__PURE__ */ jsx25(Dialog2, { ...props, title, className: (0, import_classnames17.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
+    return /* @__PURE__ */ jsxs11(Column, { gap: "4", children: [
       typeof children === "function" ? children({ close }) : children,
-      /* @__PURE__ */ jsxs14(Row, { gap: "3", justifyContent: "end", children: [
-        /* @__PURE__ */ jsx29(Button2, { onPress: () => handleClose(close), children: cancelLabel }),
-        /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsxs11(Row, { gap: "3", justifyContent: "end", children: [
+        /* @__PURE__ */ jsx25(Button2, { onPress: () => handleClose(close), children: cancelLabel }),
+        /* @__PURE__ */ jsx25(
           Button2,
           {
             variant: isDanger ? "danger" : "primary",
@@ -33072,10 +33006,10 @@ function AlertDialog({
 var Blockquote_default = { "blockquote": "Blockquote_blockquote__MzZmO" };
 
 // src/components/Blockquote.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Blockquote({ asChild, children }) {
   const Component = asChild ? Slot : "blockquote";
-  return /* @__PURE__ */ jsx30(Component, { className: Blockquote_default.blockquote, children });
+  return /* @__PURE__ */ jsx26(Component, { className: Blockquote_default.blockquote, children });
 }
 
 // src/components/Breadcrumbs.tsx
@@ -33085,14 +33019,14 @@ var import_classnames18 = __toESM(require_classnames());
 var Breadcrumbs_default = { "breadcrumbs": "Breadcrumbs_breadcrumbs__OTJlN", "breadcrumb": "Breadcrumbs_breadcrumb__YjU2O", "icon": "Breadcrumbs_icon__MWFiY" };
 
 // src/components/Breadcrumbs.tsx
-import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 function Breadcrumbs2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx31($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumbs, className), children });
+  return /* @__PURE__ */ jsx27($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumbs, className), children });
 }
 function Breadcrumb2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxs15($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumb, className), children: [
+  return /* @__PURE__ */ jsxs12($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumb, className), children: [
     children,
-    /* @__PURE__ */ jsx31(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx31(ChevronRight, {}) })
+    /* @__PURE__ */ jsx27(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx27(ChevronDown, {}) })
   ] });
 }
 
@@ -33110,7 +33044,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
-import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
 function Calendar2({
   className,
   value,
@@ -33124,7 +33058,7 @@ function Calendar2({
     console.log({ raw: date });
     onChange?.(date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
   };
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs13(
     $dfd62f934fc76fed$export$e1aef45b828286de,
     {
       ...props,
@@ -33135,14 +33069,14 @@ function Calendar2({
       className: (0, import_classnames19.default)(Calendar_default.calendar, className),
       onChange: handleChange,
       children: [
-        /* @__PURE__ */ jsxs16("header", { className: Calendar_default.header, children: [
-          /* @__PURE__ */ jsx32(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx32(Icon2, { rotate: 180, children: /* @__PURE__ */ jsx32(ChevronRight, {}) }) }),
-          /* @__PURE__ */ jsx32($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-          /* @__PURE__ */ jsx32(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx32(Icon2, { children: /* @__PURE__ */ jsx32(ChevronRight, {}) }) })
+        /* @__PURE__ */ jsxs13("header", { className: Calendar_default.header, children: [
+          /* @__PURE__ */ jsx28(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx28(Icon2, { rotate: 180, children: /* @__PURE__ */ jsx28(ChevronDown, {}) }) }),
+          /* @__PURE__ */ jsx28($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+          /* @__PURE__ */ jsx28(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx28(Icon2, { children: /* @__PURE__ */ jsx28(ChevronDown, {}) }) })
         ] }),
-        /* @__PURE__ */ jsxs16($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
-          /* @__PURE__ */ jsx32($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx32($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
-          /* @__PURE__ */ jsx32($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx32($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+        /* @__PURE__ */ jsxs13($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
+          /* @__PURE__ */ jsx28($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx28($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
+          /* @__PURE__ */ jsx28($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx28($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
         ] })
       ]
     }
@@ -33156,18 +33090,18 @@ var import_classnames20 = __toESM(require_classnames());
 var Checkbox_default = { "checkbox": "Checkbox_checkbox__OTliN", "box": "Checkbox_box__M2E3Z", "icon": "Checkbox_icon__ODgyZ" };
 
 // src/components/Checkbox.tsx
-import { Fragment as Fragment2, jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
 function Checkbox2({ label, className, children, ...props }) {
   const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx29(
     $bc237834342dbd75$export$48513f6b9f8ce62d,
     {
       ...props,
       isSelected,
       className: (0, import_classnames20.default)(Checkbox_default.checkbox, className),
       children: ({ isIndeterminate, isSelected: isSelected2 }) => {
-        return /* @__PURE__ */ jsxs17(Fragment2, { children: [
-          /* @__PURE__ */ jsx33("div", { className: Checkbox_default.box, children: /* @__PURE__ */ jsx33(Icon2, { className: Checkbox_default.icon, size: "sm", children: isIndeterminate ? /* @__PURE__ */ jsx33(Minus, {}) : isSelected2 ? /* @__PURE__ */ jsx33(Check, {}) : null }) }),
+        return /* @__PURE__ */ jsxs14(Fragment2, { children: [
+          /* @__PURE__ */ jsx29("div", { className: Checkbox_default.box, children: /* @__PURE__ */ jsx29(Icon2, { className: Checkbox_default.icon, size: "sm", children: isIndeterminate ? /* @__PURE__ */ jsx29(Minus, {}) : isSelected2 ? /* @__PURE__ */ jsx29(Check, {}) : null }) }),
           children
         ] });
       }
@@ -33227,7 +33161,7 @@ function getHighlightColor(color) {
 var List_default = { "list": "List_list__Yzk2Y", "separator": "List_separator__ODZiZ", "section": "List_section__NTI0O", "header": "List_header__MjE1Y", "item": "List_item__MzU5Y", "checkmark": "List_checkmark__YzRiZ", "hideCheckmark": "List_hideCheckmark__NDlhN", "fullscreen": "List_fullscreen__NWMyY" };
 
 // src/components/List.tsx
-import { Fragment as Fragment4, jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
 function List({
   id,
   items = [],
@@ -33255,9 +33189,9 @@ function List({
     }
   };
   const fieldId = useFieldId(id);
-  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
-    label && /* @__PURE__ */ jsx34(Label2, { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs15(Fragment4, { children: [
+    label && /* @__PURE__ */ jsx30(Label2, { htmlFor: fieldId, children: label }),
+    /* @__PURE__ */ jsx30(
       $eed445e0843c11d0$export$41f133550aa26f48,
       {
         id: fieldId,
@@ -33277,9 +33211,9 @@ function List({
         children: children || items?.map((item) => {
           const id2 = item[idProperty] || item.toString();
           const label2 = item[labelProperty] || item.toString();
-          return /* @__PURE__ */ jsxs18(Fragment3, { children: [
-            item[separatorProperty] && /* @__PURE__ */ jsx34($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
-            /* @__PURE__ */ jsx34(ListItem, { id: id2, className: List_default.item, children: label2 })
+          return /* @__PURE__ */ jsxs15(Fragment3, { children: [
+            item[separatorProperty] && /* @__PURE__ */ jsx30($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+            /* @__PURE__ */ jsx30(ListItem, { id: id2, className: List_default.item, children: label2 })
           ] }, id2);
         })
       }
@@ -33293,7 +33227,7 @@ function ListItem({
   showCheckmark = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs15(
     $eed445e0843c11d0$export$a11e76429ed99b4,
     {
       ...props,
@@ -33302,24 +33236,24 @@ function ListItem({
       textValue: typeof children === "string" ? children : id?.toString(),
       children: [
         children,
-        showCheckmark && /* @__PURE__ */ jsx34(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ jsx34(Check, {}) })
+        showCheckmark && /* @__PURE__ */ jsx30(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ jsx30(Check, {}) })
       ]
     }
   );
 }
 function ListSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx34($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames21.default)(List_default.separator, className) });
+  return /* @__PURE__ */ jsx30($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames21.default)(List_default.separator, className) });
 }
 function ListSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs18($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames21.default)(List_default.section, className), children: [
-    title && /* @__PURE__ */ jsx34($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
+  return /* @__PURE__ */ jsxs15($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames21.default)(List_default.section, className), children: [
+    title && /* @__PURE__ */ jsx30($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
     children
   ] });
 }
 
 // src/components/Grid.tsx
 var import_classnames22 = __toESM(require_classnames());
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Grid({
   display = "grid",
   justifyContent,
@@ -33352,14 +33286,14 @@ function Grid({
     gridTemplateAreas: areas,
     gridAutoFlow: autoFlow
   });
-  return /* @__PURE__ */ jsx35(Box, { ...props, className: (0, import_classnames22.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ jsx31(Box, { ...props, className: (0, import_classnames22.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\ComboBox.module.css
 var ComboBox_default = { "combobox": "ComboBox_combobox__ZDYxZ", "input": "ComboBox_input__YjNkN", "button": "ComboBox_button__NTlhM", "list": "ComboBox_list__NTdiY" };
 
 // src/components/ComboBox.tsx
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
 function ComboBox2({
   items,
   className,
@@ -33369,18 +33303,18 @@ function ComboBox2({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs16(
     $d01f2c01039c0eec$export$72b9695b8216309a,
     {
       "aria-label": "ComboBox",
       ...props,
       className: (0, import_classnames23.default)(ComboBox_default.combobox, className),
       children: [
-        /* @__PURE__ */ jsxs19(Grid, { alignItems: "center", columns: "1fr auto", width: "100%", children: [
-          /* @__PURE__ */ jsx36($3985021b0ad6602f$export$f5b8910cec6cf069, { className: ComboBox_default.input }),
-          /* @__PURE__ */ jsx36($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ jsx36(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ jsx36(ChevronRight, {}) }) })
+        /* @__PURE__ */ jsxs16(Grid, { alignItems: "center", columns: "1fr auto", width: "100%", children: [
+          /* @__PURE__ */ jsx32($3985021b0ad6602f$export$f5b8910cec6cf069, { className: ComboBox_default.input }),
+          /* @__PURE__ */ jsx32($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ jsx32(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ jsx32(ChevronDown, {}) }) })
         ] }),
-        /* @__PURE__ */ jsx36($07b14b47974efb58$export$5b6b19405a83ff9d, { ...popoverProps, children: /* @__PURE__ */ jsx36("div", { className: ComboBox_default.list, children: /* @__PURE__ */ jsx36(List, { items, renderEmptyState, ...listProps, children: children || items?.map((item) => /* @__PURE__ */ jsx36(ListItem, { textValue: item, children: item }, item)) }) }) })
+        /* @__PURE__ */ jsx32($07b14b47974efb58$export$5b6b19405a83ff9d, { ...popoverProps, children: /* @__PURE__ */ jsx32("div", { className: ComboBox_default.list, children: /* @__PURE__ */ jsx32(List, { items, renderEmptyState, ...listProps, children: children || items?.map((item) => /* @__PURE__ */ jsx32(ListItem, { textValue: item, children: item }, item)) }) }) })
       ]
     }
   );
@@ -33390,10 +33324,10 @@ function ComboBox2({
 var Code_default = { "code": "Code_code__ZTc0M" };
 
 // src/components/Code.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function Code({ asChild, children }) {
   const Component = asChild ? Slot : "code";
-  return /* @__PURE__ */ jsx37(Component, { className: Code_default.code, children });
+  return /* @__PURE__ */ jsx33(Component, { className: Code_default.code, children });
 }
 
 // src/components/ConfirmationDialog.tsx
@@ -33412,7 +33346,7 @@ import { useState as useState9, useRef as useRef7 } from "react";
 var CopyButton_default = { "icon": "CopyButton_icon__YTM2Y", "copy-button": "CopyButton_copy-button__MjY1M" };
 
 // src/components/CopyButton.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var TIMEOUT = 2e3;
 function CopyButton({ value, timeout = TIMEOUT, className, children, ...props }) {
   const [copied, setCopied] = useState9(false);
@@ -33425,14 +33359,14 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
       ref.current = +setTimeout(() => setCopied(false), timeout);
     }
   };
-  return /* @__PURE__ */ jsx38(Icon2, { ...props, className: (0, import_classnames24.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ jsx38(Check, {}) : /* @__PURE__ */ jsx38(Copy, {}) });
+  return /* @__PURE__ */ jsx34(Icon2, { ...props, className: (0, import_classnames24.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ jsx34(Check, {}) : /* @__PURE__ */ jsx34(Copy, {}) });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
 var TextField_default = { "field": "TextField_field__YzU1O", "icon": "TextField_icon__MDJlY", "novalue": "TextField_novalue__NDg4Y", "textarea": "TextField_textarea__NTQ3M", "resize-vertical": "TextField_resize-vertical__ZDc3N", "resize-horizontal": "TextField_resize-horizontal__MzJjY", "resize-none": "TextField_resize-none__ZmUxZ" };
 
 // src/components/TextField.tsx
-import { Fragment as Fragment5, jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
 function TextField2({
   value,
   defaultValue,
@@ -33457,9 +33391,9 @@ function TextField2({
   useEffect9(() => {
     setInputValue(value);
   }, [value]);
-  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
-    label && /* @__PURE__ */ jsx39(Label2, { children: label }),
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    label && /* @__PURE__ */ jsx35(Label2, { children: label }),
+    /* @__PURE__ */ jsxs17(
       $bcdf0525bf22703d$export$2c73285ae9390cec,
       {
         "aria-label": "Text",
@@ -33477,8 +33411,8 @@ function TextField2({
         isDisabled,
         onChange: handleChange,
         children: [
-          /* @__PURE__ */ jsx39(Component, { placeholder }),
-          allowCopy && /* @__PURE__ */ jsx39(CopyButton, { value: inputValue, className: TextField_default.icon })
+          /* @__PURE__ */ jsx35(Component, { placeholder }),
+          allowCopy && /* @__PURE__ */ jsx35(CopyButton, { value: inputValue, className: TextField_default.icon })
         ]
       }
     )
@@ -33489,7 +33423,7 @@ function TextField2({
 var ConfirmationDialog_default = { "dialog": "ConfirmationDialog_dialog__YjQzN", "value": "ConfirmationDialog_value__Njg3N" };
 
 // src/components/ConfirmationDialog.tsx
-import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -33501,21 +33435,21 @@ function ConfirmationDialog({
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx36(
     AlertDialog,
     {
       ...props,
       className: (0, import_classnames26.default)(ConfirmationDialog_default.dialog, className),
       isConfirmDisabled: !canSave,
       children: ({ close }) => {
-        return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+        return /* @__PURE__ */ jsxs18(Fragment6, { children: [
           typeof children === "function" ? children({ close }) : children,
-          /* @__PURE__ */ jsxs21(Text, { children: [
+          /* @__PURE__ */ jsxs18(Text, { children: [
             confirmMessage || "Type the following value to confirm",
             ":"
           ] }),
-          /* @__PURE__ */ jsx40("div", { className: ConfirmationDialog_default.value, children: value }),
-          /* @__PURE__ */ jsx40(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
+          /* @__PURE__ */ jsx36("div", { className: ConfirmationDialog_default.value, children: value }),
+          /* @__PURE__ */ jsx36(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
         ] });
       }
     }
@@ -33529,7 +33463,7 @@ var import_classnames27 = __toESM(require_classnames());
 var Container_default = { "container": "Container_container__ZWU0Y", "centered": "Container_centered__OTM1M", "fluid": "Container_fluid__NTBhY" };
 
 // src/components/Container.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Container({
   isCentered = true,
   isFluid,
@@ -33537,7 +33471,7 @@ function Container({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx37(
     Box,
     {
       ...props,
@@ -33554,13 +33488,13 @@ function Container({
 
 // src/components/DataCard.tsx
 import { Fragment as Fragment7 } from "react";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 function DataCard({ data = [], labelWidth = "auto", ...props }) {
   const rows = mapIdProperty(data);
-  return /* @__PURE__ */ jsx42(Grid, { width: "100%", columns: `${labelWidth} 1fr`, border: true, borderRadius: "3", padding: "6", ...props, children: rows.map((row, index) => {
-    return /* @__PURE__ */ jsxs22(Fragment7, { children: [
-      /* @__PURE__ */ jsx42(Row, { paddingY: "3", border: "bottom", borderColor: "4", paddingRight: "6", children: /* @__PURE__ */ jsx42(Text, { size: "3", weight: "bold", children: row?.label }) }),
-      /* @__PURE__ */ jsx42(Row, { paddingY: "3", border: "bottom", borderColor: "4", children: /* @__PURE__ */ jsx42(Text, { size: "3", children: row?.value }) })
+  return /* @__PURE__ */ jsx38(Grid, { width: "100%", columns: `${labelWidth} 1fr`, border: true, borderRadius: "3", padding: "6", ...props, children: rows.map((row, index) => {
+    return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+      /* @__PURE__ */ jsx38(Row, { paddingY: "3", border: "bottom", borderColor: "4", paddingRight: "6", children: /* @__PURE__ */ jsx38(Text, { size: "3", weight: "bold", children: row?.label }) }),
+      /* @__PURE__ */ jsx38(Row, { paddingY: "3", border: "bottom", borderColor: "4", children: /* @__PURE__ */ jsx38(Text, { size: "3", children: row?.value }) })
     ] }, index);
   }) });
 }
@@ -33576,13 +33510,13 @@ var import_classnames28 = __toESM(require_classnames());
 var Table_default = { "table": "Table_table__NWMxN", "header": "Table_header__YzdmY", "body": "Table_body__Nzg5M", "row": "Table_row__ZWFmM", "column": "Table_column__YTdhZ", "cell": "Table_cell__MjU3N", "start": "Table_start__ZGIyN", "center": "Table_center__Yzg5M", "end": "Table_end__YjA1Y" };
 
 // src/components/Table.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var gridTemplateColumns = "repeat(auto-fit, minmax(140px, 1fr))";
 function Table2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx43($1910c06f0ca9905e$export$54ec01a60f47d33d, { "aria-label": "Table", ...props, className: (0, import_classnames28.default)(Table_default.table, className), children });
+  return /* @__PURE__ */ jsx39($1910c06f0ca9905e$export$54ec01a60f47d33d, { "aria-label": "Table", ...props, className: (0, import_classnames28.default)(Table_default.table, className), children });
 }
 function TableHeader({ children, className, style, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     $1910c06f0ca9905e$export$f850895b287ef28e,
     {
       ...props,
@@ -33593,10 +33527,10 @@ function TableHeader({ children, className, style, ...props }) {
   );
 }
 function TableBody({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx43($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames28.default)(Table_default.body, className), children });
+  return /* @__PURE__ */ jsx39($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames28.default)(Table_default.body, className), children });
 }
 function TableRow({ children, className, style, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     $1910c06f0ca9905e$export$b59bdbef9ce70de2,
     {
       ...props,
@@ -33607,7 +33541,7 @@ function TableRow({ children, className, style, ...props }) {
   );
 }
 function TableColumn({ children, className, align, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     $1910c06f0ca9905e$export$816b5d811295e6bc,
     {
       ...props,
@@ -33618,14 +33552,14 @@ function TableColumn({ children, className, align, ...props }) {
   );
 }
 function TableCell({ children, className, align, ...props }) {
-  return /* @__PURE__ */ jsx43($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames28.default)(Table_default.cell, className, align && Table_default[align]), children });
+  return /* @__PURE__ */ jsx39($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames28.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
-import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 import { createElement as createElement8 } from "react";
 function DataTable({
   data = [],
@@ -33645,23 +33579,23 @@ function DataTable({
   })?.filter((n) => n);
   const gridTemplateColumns2 = widths.join(" ");
   if (displayMode === "cards") {
-    return /* @__PURE__ */ jsx44(Grid, { id: "grid", width: "100%", gap: "6", children: rows.map((row, index) => {
+    return /* @__PURE__ */ jsx40(Grid, { id: "grid", width: "100%", gap: "6", children: rows.map((row, index) => {
       const items = columns?.filter(({ hidden }) => !hidden).map(({ id, label, children: children2 }) => {
         const value = typeof children2 === "function" ? children2(row, index) : children2 ?? row[id];
         return { id, label, value };
       });
-      return /* @__PURE__ */ jsx44(DataCard, { data: items }, `${row.id}-${index}`);
+      return /* @__PURE__ */ jsx40(DataCard, { data: items }, `${row.id}-${index}`);
     }) });
   }
-  return /* @__PURE__ */ jsxs23(Table2, { ...props, className: (0, import_classnames29.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ jsx44(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, label, as, hidden, width, ...columnProps }) => {
+  return /* @__PURE__ */ jsxs20(Table2, { ...props, className: (0, import_classnames29.default)(DataTable_default.datatable, className), children: [
+    /* @__PURE__ */ jsx40(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, label, as, hidden, width, ...columnProps }) => {
       if (hidden) {
         return null;
       }
       return /* @__PURE__ */ createElement8(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
-    /* @__PURE__ */ jsx44(TableBody, { children: rows.map((row, index) => {
-      return /* @__PURE__ */ jsx44(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+    /* @__PURE__ */ jsx40(TableBody, { children: rows.map((row, index) => {
+      return /* @__PURE__ */ jsx40(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
         if (hidden) {
           return null;
         }
@@ -33690,12 +33624,12 @@ var import_classnames30 = __toESM(require_classnames());
 var Dots_default = { "dots": "Dots_dots__ZTc4M", "size-sm": "Dots_size-sm__YmFiM", "size-md": "Dots_size-md__MThiY", "size-lg": "Dots_size-lg__MTNlO", "dot": "Dots_dot__YTQ4Y", "dots-blink": "Dots_dots-blink__MjFjZ" };
 
 // src/components/Dots.tsx
-import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 function Dots({ size = "md", className, ...props }) {
-  return /* @__PURE__ */ jsxs24("div", { ...props, className: (0, import_classnames30.default)(Dots_default.dots, className, Dots_default[`size-${size}`]), children: [
-    /* @__PURE__ */ jsx45("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ jsx45("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ jsx45("div", { className: Dots_default.dot })
+  return /* @__PURE__ */ jsxs21("div", { ...props, className: (0, import_classnames30.default)(Dots_default.dots, className, Dots_default[`size-${size}`]), children: [
+    /* @__PURE__ */ jsx41("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx41("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx41("div", { className: Dots_default.dot })
   ] });
 }
 
@@ -33710,14 +33644,14 @@ var import_classnames31 = __toESM(require_classnames());
 var Tooltip_default = { "tooltip": "Tooltip_tooltip__YmY4Z", "bubble": "Tooltip_bubble__MWE0N", "arrow": "Tooltip_arrow__OGM1M", "slide": "Tooltip_slide__MGVmY" };
 
 // src/components/Tooltip.tsx
-import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 function Tooltip2({ children, className, showArrow, ...props }) {
-  return /* @__PURE__ */ jsx46($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames31.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ jsx46(TooltipBubble, { showArrow, children }) });
+  return /* @__PURE__ */ jsx42($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames31.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ jsx42(TooltipBubble, { showArrow, children }) });
 }
 function TooltipBubble({ showArrow, children, ...props }) {
-  return /* @__PURE__ */ jsxs25("div", { ...props, children: [
-    showArrow && /* @__PURE__ */ jsx46($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ jsx46("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx46("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-    /* @__PURE__ */ jsx46("div", { className: Tooltip_default.bubble, children })
+  return /* @__PURE__ */ jsxs22("div", { ...props, children: [
+    showArrow && /* @__PURE__ */ jsx42($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ jsx42("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx42("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    /* @__PURE__ */ jsx42("div", { className: Tooltip_default.bubble, children })
   ] });
 }
 
@@ -33725,7 +33659,7 @@ function TooltipBubble({ showArrow, children, ...props }) {
 var FloatingTooltip_default = { "floating": "FloatingTooltip_floating__ZjM4N" };
 
 // src/components/FloatingTooltip.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function FloatingTooltip({ className, style, children, ...props }) {
   const [position, setPosition] = useState12({ x: -1e3, y: -1e3 });
   useEffect10(() => {
@@ -33737,7 +33671,7 @@ function FloatingTooltip({ className, style, children, ...props }) {
       document.removeEventListener("mousemove", handler);
     };
   }, []);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx43(
     TooltipBubble,
     {
       ...props,
@@ -33755,7 +33689,7 @@ import { useRef as useRef8, useState as useState13, useEffect as useEffect11 } f
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
 
 // src/components/HoverTrigger.tsx
-import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
 var CLOSE_DELAY = 500;
 function HoverTrigger({
   isOpen,
@@ -33806,9 +33740,9 @@ function HoverTrigger({
       }
     }, closeDelay);
   };
-  return /* @__PURE__ */ jsxs26(Fragment8, { children: [
-    /* @__PURE__ */ jsx48("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
-    /* @__PURE__ */ jsx48(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs23(Fragment8, { children: [
+    /* @__PURE__ */ jsx44("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
+    /* @__PURE__ */ jsx44(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ jsx44(
       "div",
       {
         className: HoverTrigger_default.wrapper,
@@ -33821,7 +33755,7 @@ function HoverTrigger({
 }
 
 // src/components/IconLabel.tsx
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
 function IconLabel({
   icon,
   label,
@@ -33831,9 +33765,9 @@ function IconLabel({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs27(Row, { alignItems: "center", gap: true, width: "100%", ...props, children: [
-    /* @__PURE__ */ jsx49(Icon2, { ...iconProps, children: icon }),
-    showLabel && label && /* @__PURE__ */ jsx49(Text, { ...labelProps, children: label }),
+  return /* @__PURE__ */ jsxs24(Row, { alignItems: "center", gap: true, width: "100%", ...props, children: [
+    /* @__PURE__ */ jsx45(Icon2, { ...iconProps, children: icon }),
+    showLabel && label && /* @__PURE__ */ jsx45(Text, { ...labelProps, children: label }),
     showLabel && children
   ] });
 }
@@ -33845,7 +33779,7 @@ var import_classnames33 = __toESM(require_classnames());
 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
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Image({
   src,
   alt,
@@ -33858,7 +33792,7 @@ function Image({
   ...props
 }) {
   const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx46(
     "img",
     {
       ...props,
@@ -33885,7 +33819,7 @@ import { useState as useState14, useCallback as useCallback3 } from "react";
 var InlineEditField_default = { "edit": "InlineEditField_edit__MDliZ", "icon": "InlineEditField_icon__ZjE1O" };
 
 // src/components/InlineEditField.tsx
-import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 function InlineEditField({
   name = "",
   value: defaultValue = "",
@@ -33921,7 +33855,7 @@ function InlineEditField({
       handleCancel();
     }
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       "aria-label": "Edit",
@@ -33930,8 +33864,8 @@ function InlineEditField({
       onClick: handleEdit,
       children: [
         !edit && children,
-        !edit && /* @__PURE__ */ jsx51(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx51(SquarePen, {}) }),
-        edit && /* @__PURE__ */ jsx51(
+        !edit && /* @__PURE__ */ jsx47(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx47(SquarePen, {}) }),
+        edit && /* @__PURE__ */ jsx47(
           TextField2,
           {
             name,
@@ -33954,7 +33888,7 @@ var import_classnames35 = __toESM(require_classnames());
 var Loading_default = { "loading": "Loading_loading__M2YyY", "absolute": "Loading_absolute__N2IxN", "center": "Loading_center__ZmUzM", "inline": "Loading_inline__MTFhM" };
 
 // src/components/Loading.tsx
-import { jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 function Loading({
   size,
   placement = "inline",
@@ -33962,9 +33896,9 @@ function Loading({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs29(Box, { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
-    icon === "dots" && /* @__PURE__ */ jsx52(Dots, { size }),
-    icon === "spinner" && /* @__PURE__ */ jsx52(Spinner, { size })
+  return /* @__PURE__ */ jsxs26(Box, { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
+    icon === "dots" && /* @__PURE__ */ jsx48(Dots, { size }),
+    icon === "spinner" && /* @__PURE__ */ jsx48(Spinner, { size })
   ] });
 }
 
@@ -33975,9 +33909,9 @@ var import_classnames36 = __toESM(require_classnames());
 var Menu_default = { "menu": "Menu_menu__YTM5N", "separator": "Menu_separator__YjFhN", "section": "Menu_section__NWFlM", "header": "Menu_header__YzJkN", "item": "Menu_item__NGRkO", "checkmark": "Menu_checkmark__MWQ1O", "hideCheckmark": "Menu_hideCheckmark__YzBhM", "label": "Menu_label__NGMxM", "content": "Menu_content__MTA2O" };
 
 // src/components/Menu.tsx
-import { Fragment as Fragment9, jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 function Menu2({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx53($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
+  return /* @__PURE__ */ jsx49($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({
   icon,
@@ -33988,14 +33922,14 @@ function MenuItem2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs30($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
-    /* @__PURE__ */ jsx53(IconLabel, { icon, label, children }),
-    showChecked && /* @__PURE__ */ jsx53(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ jsx53(Check, {}) }),
-    showSubMenuIcon && /* @__PURE__ */ jsx53(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ jsx53(ChevronRight, {}) })
+  return /* @__PURE__ */ jsxs27($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
+    /* @__PURE__ */ jsx49(IconLabel, { icon, label, children }),
+    showChecked && /* @__PURE__ */ jsx49(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ jsx49(Check, {}) }),
+    showSubMenuIcon && /* @__PURE__ */ jsx49(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ jsx49(ChevronDown, {}) })
   ] });
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx53($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames36.default)(Menu_default.separator, className) });
+  return /* @__PURE__ */ jsx49($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames36.default)(Menu_default.separator, className) });
 }
 function MenuSection({
   title,
@@ -34009,9 +33943,9 @@ function MenuSection({
     maxHeight,
     overflow: maxHeight ? "auto" : void 0
   };
-  return /* @__PURE__ */ jsxs30(Fragment9, { children: [
-    title && /* @__PURE__ */ jsx53($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
-    /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs27(Fragment9, { children: [
+    title && /* @__PURE__ */ jsx49($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
+    /* @__PURE__ */ jsx49(
       $3674c52c6b3c5bce$export$4b1545b4f2016d26,
       {
         ...props,
@@ -34023,7 +33957,7 @@ function MenuSection({
   ] });
 }
 function SubMenuTrigger({ children, ...props }) {
-  return /* @__PURE__ */ jsx53($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
+  return /* @__PURE__ */ jsx49($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
 }
 
 // src/components/Modal.tsx
@@ -34033,7 +33967,7 @@ var import_classnames37 = __toESM(require_classnames());
 var Modal_default = { "overlay": "Modal_overlay__MDExM", "modal-fade-in": "Modal_modal-fade-in__ZDY2M", "modal": "Modal_modal__YTc0N", "left": "Modal_left__MTJkM", "right": "Modal_right__MTgyY", "top": "Modal_top__ZjhhZ", "bottom": "Modal_bottom__NWMzZ", "fullscreen": "Modal_fullscreen__MzNlO", "center": "Modal_center__YzA4O", "modal-zoom": "Modal_modal-zoom__YjI0Z", "modal-left": "Modal_modal-left__YzdjM", "modal-right": "Modal_modal-right__MjdlN", "modal-top": "Modal_modal-top__ZTg5M", "modal-bottom": "Modal_modal-bottom__YjQ3N" };
 
 // src/components/Modal.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function Modal2({
   placement = "center",
   offset,
@@ -34045,7 +33979,7 @@ function Modal2({
   if (offset) {
     style[`--modal-offset`] = offset;
   }
-  return /* @__PURE__ */ jsx54($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ jsx54($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames37.default)(Modal_default.modal, placement && Modal_default[placement], className), children }) });
+  return /* @__PURE__ */ jsx50($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ jsx50($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames37.default)(Modal_default.modal, placement && Modal_default[placement], className), children }) });
 }
 
 // src/components/Navbar.tsx
@@ -34060,7 +33994,7 @@ import {
 var Navbar_default = { "nav": "Navbar_nav__ZjEwM", "item": "Navbar_item__MWVhZ", "icon": "Navbar_icon__ZmM1N" };
 
 // src/components/Navbar.tsx
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
 var NavbarContext = createContext3(void 0);
 var useNavigationContext = () => {
   const context = useContext5(NavbarContext);
@@ -34071,20 +34005,20 @@ var useNavigationContext = () => {
 };
 function Navbar({ showArrow = true, className, children, ...props }) {
   const [activeMenu, setActiveMenu] = useState15("");
-  return /* @__PURE__ */ jsx55(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ jsx55("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.nav, className), children }) });
+  return /* @__PURE__ */ jsx51(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ jsx51("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.nav, className), children }) });
 }
 function NavbarItem({ label, children, className, ...props }) {
   const { activeMenu, setActiveMenu } = useNavigationContext();
   if (label) {
-    return /* @__PURE__ */ jsxs31(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
-      /* @__PURE__ */ jsxs31("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children: [
-        /* @__PURE__ */ jsx55(Text, { children: label }),
-        /* @__PURE__ */ jsx55(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ jsx55(ChevronRight, {}) })
+    return /* @__PURE__ */ jsxs28(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
+      /* @__PURE__ */ jsxs28("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children: [
+        /* @__PURE__ */ jsx51(Text, { children: label }),
+        /* @__PURE__ */ jsx51(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ jsx51(ChevronDown, {}) })
       ] }),
       children
     ] });
   }
-  return /* @__PURE__ */ jsx55("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children });
+  return /* @__PURE__ */ jsx51("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children });
 }
 
 // src/components/NavMenu.tsx
@@ -34095,7 +34029,7 @@ import { createContext as createContext4, useContext as useContext6, useState as
 var NavMenu_default = { "navmenu": "NavMenu_navmenu__MzRmN", "item": "NavMenu_item__ZWRjZ", "selected": "NavMenu_selected__ZDU1N", "muted": "NavMenu_muted__MTgxN", "title": "NavMenu_title__ZjJhN", "clickable": "NavMenu_clickable__Mjg0O" };
 
 // src/components/NavMenu.tsx
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 var NavMenuContext = createContext4(null);
 function NavMenu({
   itemBackgroundColor = "2",
@@ -34105,7 +34039,7 @@ function NavMenu({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx56(NavMenuContext.Provider, { value: { itemBackgroundColor, onItemClick }, children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx52(NavMenuContext.Provider, { value: { itemBackgroundColor, onItemClick }, children: /* @__PURE__ */ jsx52(
     Column,
     {
       ...props,
@@ -34128,7 +34062,7 @@ function NavMenuGroup({
       setMinimized((state) => !state);
     }
   };
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs29(
     Column,
     {
       gap: true,
@@ -34139,7 +34073,7 @@ function NavMenuGroup({
         allowMinimize && minimized && NavMenu_default.minimized
       ),
       children: [
-        /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs29(
           Row,
           {
             className: NavMenu_default.item,
@@ -34147,8 +34081,8 @@ function NavMenuGroup({
             justifyContent: "space-between",
             onClick: handleClick,
             children: [
-              /* @__PURE__ */ jsx56(Text, { className: NavMenu_default.title, children: title }),
-              allowMinimize && /* @__PURE__ */ jsx56(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ jsx56(ChevronRight, {}) })
+              /* @__PURE__ */ jsx52(Text, { className: NavMenu_default.title, children: title }),
+              allowMinimize && /* @__PURE__ */ jsx52(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ jsx52(ChevronDown, {}) })
             ]
           }
         ),
@@ -34159,7 +34093,7 @@ function NavMenuGroup({
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
   const { itemBackgroundColor, onItemClick } = useContext6(NavMenuContext);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx52(
     Row,
     {
       ...props,
@@ -34175,6 +34109,74 @@ function NavMenuItem({ isSelected, className, children, ...props }) {
 // src/components/PasswordField.tsx
 import { useState as useState17 } from "react";
 var import_classnames40 = __toESM(require_classnames());
+
+// src/components/svg/EyeSlash.tsx
+import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
+var SvgEyeSlash = (props) => /* @__PURE__ */ jsxs30("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
+  /* @__PURE__ */ jsx53("path", { fill: "none", d: "M0 0h256v256H0z" }),
+  /* @__PURE__ */ jsx53(
+    "path",
+    {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 16,
+      d: "m48 40 160 176M154.91 157.6a40 40 0 0 1-53.82-59.2M135.53 88.71a40 40 0 0 1 32.3 35.53"
+    }
+  ),
+  /* @__PURE__ */ jsx53(
+    "path",
+    {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 16,
+      d: "M208.61 169.1C230.41 149.58 240 128 240 128s-32-72-112-72a126 126 0 0 0-20.68 1.68M74 68.6C33.23 89.24 16 128 16 128s32 72 112 72a118.05 118.05 0 0 0 54-12.6"
+    }
+  )
+] });
+var EyeSlash_default = SvgEyeSlash;
+
+// src/components/svg/Eye.tsx
+import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
+var SvgEye = (props) => /* @__PURE__ */ jsxs31("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
+  /* @__PURE__ */ jsx54("path", { fill: "none", d: "M0 0h256v256H0z" }),
+  /* @__PURE__ */ jsx54(
+    "path",
+    {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 16,
+      d: "M128 56c-80 0-112 72-112 72s32 72 112 72 112-72 112-72-32-72-112-72"
+    }
+  ),
+  /* @__PURE__ */ jsx54(
+    "circle",
+    {
+      cx: 128,
+      cy: 128,
+      r: 40,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 16
+    }
+  )
+] });
+var Eye_default = SvgEye;
+
+// src/components/svg/Github.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+
+// src/components/svg/Logo.tsx
+import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+
+// src/components/PasswordField.tsx
 import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 function PasswordField({ label, className, ...props }) {
   const [show, setShow] = useState17(false);
@@ -34403,7 +34405,7 @@ function Select2({
             className: (0, import_classnames46.default)(Select_default.button, buttonProps?.className),
             children: /* @__PURE__ */ jsxs38("div", { className: Select_default.value, children: [
               /* @__PURE__ */ jsx63($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-              /* @__PURE__ */ jsx63(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ jsx63(ChevronRight, {}) })
+              /* @__PURE__ */ jsx63(Icon2, { "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ jsx63(ChevronDown, {}) })
             ] })
           }
         ),
@@ -34895,7 +34897,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/check.js:
-lucide-react/dist/esm/icons/chevron-right.js:
+lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/info.js:
 lucide-react/dist/esm/icons/minus.js: