@umami/react-zen 0.202.0 → 0.204.0

package/dist/index.js

@@ -28226,9 +28226,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 = [
@@ -28310,72 +28310,6 @@ var __iconNode11 = [
 ];
 var X = createLucideIcon("x", __iconNode11);
 
-// src/components/svg/EyeSlash.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var SvgEyeSlash = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "none", d: "M0 0h256v256H0z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SvgEye = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "none", d: "M0 0h256v256H0z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "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__ */ (0, import_jsx_runtime2.jsx)(
-    "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
-var import_jsx_runtime3 = require("react/jsx-runtime");
-
-// src/components/svg/Logo.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
 // src/components/Icon.tsx
 var import_classnames = __toESM(require_classnames());
 
@@ -28561,7 +28495,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
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 function Icon2({
   color,
   size = "sm",
@@ -28580,7 +28514,7 @@ function Icon2({
     fillColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Slot,
     {
       ...props,
@@ -28600,7 +28534,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
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var AlertIcons = {
   error: TriangleAlert,
   info: Info
@@ -28617,7 +28551,7 @@ function AlertBanner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
       ...props,
@@ -28628,13 +28562,13 @@ function AlertBanner({
         align && AlertBanner_default[align]
       ),
       children: [
-        (icon || variant) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon2, { size: "sm", children: variant ? (0, import_react161.createElement)(AlertIcons[variant]) : icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: AlertBanner_default.message, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: AlertBanner_default.title, children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: AlertBanner_default.description, children: description })
+        (icon || variant) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon2, { size: "sm", children: variant ? (0, import_react161.createElement)(AlertIcons[variant]) : icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: AlertBanner_default.message, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: AlertBanner_default.title, children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: AlertBanner_default.description, children: description })
         ] }),
         children,
-        allowClose && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon2, { className: AlertBanner_default.close, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(X, {}) })
+        allowClose && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon2, { className: AlertBanner_default.close, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(X, {}) })
       ]
     }
   );
@@ -28644,7 +28578,7 @@ function AlertBanner({
 var Form_default = { "form": "Form_form__ZTBhZ", "text": "Form_text__ZjUwN", "icon": "Form_icon__YTRiZ" };
 
 // src/components/forms/Form.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Form({
   autoComplete,
   onSubmit,
@@ -28698,8 +28632,8 @@ function Form({
       formValues.reset(void 0, { keepDirty: true, keepValues: true });
     }
   }, [error, formValues]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(FormProvider, { ...formValues, children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FormProvider, { ...formValues, children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       AlertBanner,
       {
         variant: "error",
@@ -28707,7 +28641,7 @@ function Form({
         title: error instanceof Error ? error?.message : error
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "form",
       {
         ...props,
@@ -28726,7 +28660,7 @@ var import_classnames5 = __toESM(require_classnames());
 
 // src/components/Box.tsx
 var import_classnames4 = __toESM(require_classnames());
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Box({
   display,
   color,
@@ -28843,7 +28777,7 @@ function Box({
     order,
     zIndex
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Component,
     {
       ...props,
@@ -28858,7 +28792,7 @@ function Box({
 }
 
 // src/components/Flexbox.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Flexbox({
   display = "flex",
   direction,
@@ -28887,25 +28821,25 @@ function Flexbox({
     gapX,
     gapY
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { ...props, className: (0, import_classnames5.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box, { ...props, className: (0, import_classnames5.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // src/components/Row.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Row({ reverse, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
 }
 
 // src/components/forms/FormButtons.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function FormButtons({ fill, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Row, { paddingTop: "3", gap: "3", justifyContent: "flex-end", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Row, { paddingTop: "3", gap: "3", justifyContent: "flex-end", ...props, children });
 }
 
 // src/components/forms/FormController.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function FormController({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Controller, { ...props, render: children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Controller, { ...props, render: children });
 }
 
 // src/components/forms/FormField.tsx
@@ -28929,13 +28863,13 @@ var import_classnames6 = __toESM(require_classnames());
 var Label_default = { "label": "Label_label__YWE3M" };
 
 // src/components/Label.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Label2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames6.default)(Label_default.label, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames6.default)(Label_default.label, className) });
 }
 
 // src/components/forms/FormField.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function FormField({
   id,
   name,
@@ -28950,9 +28884,9 @@ function FormField({
   const context = useFormContext();
   const { control } = context;
   const { invalid, error } = context.getFieldState(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { ...props, className: (0, import_classnames7.default)(FormField_default.input, className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label2, { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormController, { name, control, rules, children: ({ field }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ...props, className: (0, import_classnames7.default)(FormField_default.input, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Label2, { htmlFor: fieldId, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormController, { name, control, rules, children: ({ field }) => {
       return import_react164.Children.map(
         typeof children === "function" ? children({ context, field }) : children,
         (child) => {
@@ -28963,14 +28897,14 @@ function FormField({
         }
       );
     } }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: FormField_default.description, children: description }),
-    invalid && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: FormField_default.error, children: error?.message })
+    description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: FormField_default.description, children: description }),
+    invalid && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: FormField_default.error, children: error?.message })
   ] });
 }
 
 // src/components/forms/FormFieldArray.tsx
 var import_classnames8 = __toESM(require_classnames());
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function FormFieldArray({
   id,
   name,
@@ -28991,10 +28925,10 @@ function FormFieldArray({
   register(name, rules);
   const errors = formState?.errors || {};
   const errorMessage = errors[name]?.message;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ...props, className: (0, import_classnames8.default)(FormField_default.input, className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Label2, { htmlFor: fieldId, children: label }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: FormField_default.description, children: description }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: FormField_default.error, children: errorMessage }),
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ...props, className: (0, import_classnames8.default)(FormField_default.input, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Label2, { htmlFor: fieldId, children: label }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: FormField_default.description, children: description }),
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: FormField_default.error, children: errorMessage }),
     children({ ...context, ...fieldProps })
   ] });
 }
@@ -29006,7 +28940,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
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Button2({
   variant,
   size = "md",
@@ -29018,7 +28952,7 @@ function Button2({
 }) {
   const Component = asChild ? Slot : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
   const buttonProps = Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? { preventFocusOnPress } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Component,
     {
       ...props,
@@ -29035,14 +28969,14 @@ function Button2({
 }
 
 // src/components/forms/FormResetButton.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime13 = 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_runtime17.jsx)(Button2, { ...props, type: "reset", onPress: handleReset, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button2, { ...props, type: "reset", onPress: handleReset, children });
 }
 
 // src/components/Spinner.tsx
@@ -29052,10 +28986,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
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Spinner(props) {
   const { size = "md", quiet, className, isDisabled, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       ...domProps,
@@ -29063,16 +28997,16 @@ function Spinner(props) {
         [Spinner_default.quiet]: quiet,
         [Spinner_default.disabled]: isDisabled
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { viewBox: "25 25 50 50", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { viewBox: "25 25 50 50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
       ] })
     }
   );
 }
 
 // src/components/LoadingButton.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function LoadingButton({
   isLoading,
   isDisabled,
@@ -29080,14 +29014,14 @@ function LoadingButton({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Button2, { ...props, isDisabled, children: [
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Spinner, { isDisabled }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Button2, { ...props, isDisabled, children: [
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Spinner, { isDisabled }) }),
     showText && children
   ] });
 }
 
 // src/components/forms/FormSubmitButton.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function FormSubmitButton({
   variant = "primary",
   isDisabled,
@@ -29098,7 +29032,7 @@ function FormSubmitButton({
   const {
     formState: { isDirty, isValid, isSubmitting }
   } = useFormContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     LoadingButton,
     {
       ...props,
@@ -29118,7 +29052,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
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var TOAST_CLOSE_ACTION = "close";
 function Toast({
   id,
@@ -29133,11 +29067,11 @@ function Toast({
   ...props
 }) {
   const hasActions = actions?.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { ...props, className: (0, import_classnames11.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: Toast_default.title, children: title }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: Toast_default.description, children: message }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ...props, className: (0, import_classnames11.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: Toast_default.title, children: title }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: Toast_default.description, children: message }),
     hasActions && actions.map((action) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Button2,
         {
           variant: "outline",
@@ -29148,7 +29082,7 @@ function Toast({
         action
       );
     }),
-    !hasActions && allowClose && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    !hasActions && allowClose && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Icon2,
       {
         "aria-hidden": true,
@@ -29156,7 +29090,7 @@ function Toast({
         size: "sm",
         className: Toast_default.close,
         onClick: () => onClose?.(TOAST_CLOSE_ACTION),
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(X, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(X, {})
       }
     )
   ] });
@@ -32788,12 +32722,12 @@ var import_react181 = require("react");
 
 // src/components/toast/ToastProvider.tsx
 var import_react180 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var ToastContext = (0, import_react180.createContext)({});
 function ToastProvider({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ToastContext.Provider, { value: props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ToastContext.Provider, { value: props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Toaster, { ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Toaster, { ...props })
   ] });
 }
 
@@ -32831,7 +32765,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_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Toaster({ duration = 0, position = "bottom-right" }) {
   const { toasts } = useToast();
   const [hovered, setHovered] = (0, import_react182.useState)(false);
@@ -32863,7 +32797,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
       };
     }
   }, [duration, toasts, hovered]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: (0, import_classnames12.default)(Toaster_default.toaster, Toaster_default[`position-${position}`]),
@@ -32873,7 +32807,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
         const { id, ...props } = item;
         return (
           // @ts-ignore
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
         );
       })
     }
@@ -32994,7 +32928,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
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Text({
   color,
   size,
@@ -33024,7 +32958,7 @@ function Text({
     textTransform: transform,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Component,
     {
       ...props,
@@ -33047,9 +32981,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_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Accordion({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames14.default)(Accordion_default.accordion, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames14.default)(Accordion_default.accordion, className), children });
 }
 function AccordionItem({
   defaultExpanded,
@@ -33062,18 +32996,18 @@ function AccordionItem({
   const handleExpandedChange = (isExpanded) => {
     requestAnimationFrame(() => setExpanded(isExpanded));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     $28f4fd908f0de97f$export$74a362b31437ec83,
     {
       ...props,
       className: (0, import_classnames14.default)(Accordion_default.item, className),
       onExpandedChange: handleExpandedChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { children: trigger }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronRight, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text, { children: trigger }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDown, {}) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames14.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames14.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
       ]
     }
   );
@@ -33092,7 +33026,7 @@ var import_classnames15 = __toESM(require_classnames());
 var Heading_default = { "heading": "Heading_heading__MGIyZ" };
 
 // src/components/Heading.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Heading2({
   size = "3",
   weight,
@@ -33109,7 +33043,7 @@ function Heading2({
     fontWeight: weight,
     letterSpacing: spacing
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Box,
     {
       ...props,
@@ -33121,26 +33055,26 @@ function Heading2({
 }
 
 // src/components/Column.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Column({ reverse, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(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
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Dialog2({ title, variant, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     $de32f1b87079253c$export$3ddf2d174ce01153,
     {
       "aria-label": "Dialog",
       ...props,
       className: (0, import_classnames16.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
       children: (dialogProps) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Column, { gap: true, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading2, { size: "2", children: title }),
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Column, { height: "100%", gap: true, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Heading2, { size: "2", children: title }),
           typeof children === "function" ? children(dialogProps) : children
         ] });
       }
@@ -33152,7 +33086,7 @@ function Dialog2({ title, variant, children, className, ...props }) {
 var AlertDialog_default = { "dialog": "AlertDialog_dialog__OTkwN", "title": "AlertDialog_title__ZGIwY" };
 
 // src/components/AlertDialog.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function AlertDialog({
   title,
   description,
@@ -33174,12 +33108,12 @@ function AlertDialog({
     onCancel?.();
     close();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Dialog2, { ...props, title, className: (0, import_classnames17.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Column, { gap: "4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Dialog2, { ...props, title, className: (0, import_classnames17.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Column, { gap: "4", children: [
       typeof children === "function" ? children({ close }) : children,
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Row, { gap: "3", justifyContent: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button2, { onPress: () => handleClose(close), children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__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)(
           Button2,
           {
             variant: isDanger ? "danger" : "primary",
@@ -33197,10 +33131,10 @@ function AlertDialog({
 var Blockquote_default = { "blockquote": "Blockquote_blockquote__MzZmO" };
 
 // src/components/Blockquote.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Blockquote({ asChild, children }) {
   const Component = asChild ? Slot : "blockquote";
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Component, { className: Blockquote_default.blockquote, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Component, { className: Blockquote_default.blockquote, children });
 }
 
 // src/components/Breadcrumbs.tsx
@@ -33210,14 +33144,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
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Breadcrumbs2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumbs, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumbs, className), children });
 }
 function Breadcrumb2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumb, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumb, className), children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronRight, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDown, {}) })
   ] });
 }
 
@@ -33235,7 +33169,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_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Calendar2({
   className,
   value,
@@ -33249,7 +33183,7 @@ function Calendar2({
     console.log({ raw: date });
     onChange?.(date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     $dfd62f934fc76fed$export$e1aef45b828286de,
     {
       ...props,
@@ -33260,14 +33194,14 @@ function Calendar2({
       className: (0, import_classnames19.default)(Calendar_default.calendar, className),
       onChange: handleChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("header", { className: Calendar_default.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronRight, {}) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronRight, {}) }) })
+        /* @__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)(ChevronDown, {}) }) }),
+          /* @__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)(ChevronDown, {}) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+        /* @__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 }) })
         ] })
       ]
     }
@@ -33281,18 +33215,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
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime29 = 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_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     $bc237834342dbd75$export$48513f6b9f8ce62d,
     {
       ...props,
       isSelected,
       className: (0, import_classnames20.default)(Checkbox_default.checkbox, className),
       children: ({ isIndeterminate, isSelected: isSelected2 }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: Checkbox_default.box, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon2, { className: Checkbox_default.icon, size: "sm", children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Minus, {}) : isSelected2 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Check, {}) : null }) }),
+        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 }) }),
           children
         ] });
       }
@@ -33352,7 +33286,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
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function List({
   id,
   items = [],
@@ -33380,9 +33314,9 @@ function List({
     }
   };
   const fieldId = useFieldId(id);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label2, { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Label2, { htmlFor: fieldId, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       $eed445e0843c11d0$export$41f133550aa26f48,
       {
         id: fieldId,
@@ -33402,9 +33336,9 @@ function List({
         children: children || items?.map((item) => {
           const id2 = item[idProperty] || item.toString();
           const label2 = item[labelProperty] || item.toString();
-          return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react187.Fragment, { children: [
-            item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ListItem, { id: id2, className: List_default.item, children: label2 })
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react187.Fragment, { children: [
+            item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ListItem, { id: id2, className: List_default.item, children: label2 })
           ] }, id2);
         })
       }
@@ -33418,7 +33352,7 @@ function ListItem({
   showCheckmark = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     $eed445e0843c11d0$export$a11e76429ed99b4,
     {
       ...props,
@@ -33427,24 +33361,24 @@ function ListItem({
       textValue: typeof children === "string" ? children : id?.toString(),
       children: [
         children,
-        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Check, {}) })
+        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, {}) })
       ]
     }
   );
 }
 function ListSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames21.default)(List_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames21.default)(List_default.separator, className) });
 }
 function ListSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames21.default)(List_default.section, className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames21.default)(List_default.section, className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
     children
   ] });
 }
 
 // src/components/Grid.tsx
 var import_classnames22 = __toESM(require_classnames());
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Grid({
   display = "grid",
   justifyContent,
@@ -33477,14 +33411,14 @@ function Grid({
     gridTemplateAreas: areas,
     gridAutoFlow: autoFlow
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Box, { ...props, className: (0, import_classnames22.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(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
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function ComboBox2({
   items,
   className,
@@ -33494,18 +33428,18 @@ function ComboBox2({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     $d01f2c01039c0eec$export$72b9695b8216309a,
     {
       "aria-label": "ComboBox",
       ...props,
       className: (0, import_classnames23.default)(ComboBox_default.combobox, className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Grid, { alignItems: "center", columns: "1fr auto", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { className: ComboBox_default.input }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronRight, {}) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Grid, { alignItems: "center", columns: "1fr auto", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { className: ComboBox_default.input }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronDown, {}) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: ComboBox_default.list, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(List, { items, renderEmptyState, ...listProps, children: children || items?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ListItem, { textValue: item, children: item }, item)) }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: ComboBox_default.list, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(List, { items, renderEmptyState, ...listProps, children: children || items?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ListItem, { textValue: item, children: item }, item)) }) }) })
       ]
     }
   );
@@ -33515,10 +33449,10 @@ function ComboBox2({
 var Code_default = { "code": "Code_code__ZTc0M" };
 
 // src/components/Code.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Code({ asChild, children }) {
   const Component = asChild ? Slot : "code";
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Component, { className: Code_default.code, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Component, { className: Code_default.code, children });
 }
 
 // src/components/ConfirmationDialog.tsx
@@ -33537,7 +33471,7 @@ var import_classnames24 = __toESM(require_classnames());
 var CopyButton_default = { "icon": "CopyButton_icon__YTM2Y", "copy-button": "CopyButton_copy-button__MjY1M" };
 
 // src/components/CopyButton.tsx
-var import_jsx_runtime38 = 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_react188.useState)(false);
@@ -33550,14 +33484,14 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
       ref.current = +setTimeout(() => setCopied(false), timeout);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon2, { ...props, className: (0, import_classnames24.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Copy, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon2, { ...props, className: (0, import_classnames24.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__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
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function TextField2({
   value,
   defaultValue,
@@ -33582,9 +33516,9 @@ function TextField2({
   (0, import_react189.useEffect)(() => {
     setInputValue(value);
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.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",
@@ -33602,8 +33536,8 @@ function TextField2({
         isDisabled,
         onChange: handleChange,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Component, { placeholder }),
-          allowCopy && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CopyButton, { value: inputValue, className: TextField_default.icon })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Component, { placeholder }),
+          allowCopy && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CopyButton, { value: inputValue, className: TextField_default.icon })
         ]
       }
     )
@@ -33614,7 +33548,7 @@ function TextField2({
 var ConfirmationDialog_default = { "dialog": "ConfirmationDialog_dialog__YjQzN", "value": "ConfirmationDialog_value__Njg3N" };
 
 // src/components/ConfirmationDialog.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -33626,21 +33560,21 @@ function ConfirmationDialog({
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     AlertDialog,
     {
       ...props,
       className: (0, import_classnames26.default)(ConfirmationDialog_default.dialog, className),
       isConfirmDisabled: !canSave,
       children: ({ close }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
           typeof children === "function" ? children({ close }) : children,
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Text, { children: [
             confirmMessage || "Type the following value to confirm",
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: ConfirmationDialog_default.value, children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.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 })
         ] });
       }
     }
@@ -33654,7 +33588,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
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Container({
   isCentered = true,
   isFluid,
@@ -33662,7 +33596,7 @@ function Container({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     Box,
     {
       ...props,
@@ -33679,13 +33613,13 @@ function Container({
 
 // src/components/DataCard.tsx
 var import_react191 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function DataCard({ data = [], labelWidth = "auto", ...props }) {
   const rows = mapIdProperty(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Grid, { width: "100%", columns: `${labelWidth} 1fr`, border: true, borderRadius: "3", padding: "6", ...props, children: rows.map((row, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react191.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Row, { paddingY: "3", border: "bottom", borderColor: "4", paddingRight: "6", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, { size: "3", weight: "bold", children: row?.label }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Row, { paddingY: "3", border: "bottom", borderColor: "4", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, { size: "3", children: row?.value }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Grid, { width: "100%", columns: `${labelWidth} 1fr`, border: true, borderRadius: "3", padding: "6", ...props, children: rows.map((row, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react191.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Row, { paddingY: "3", border: "bottom", borderColor: "4", paddingRight: "6", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text, { size: "3", weight: "bold", children: row?.label }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Row, { paddingY: "3", border: "bottom", borderColor: "4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text, { size: "3", children: row?.value }) })
     ] }, index);
   }) });
 }
@@ -33701,13 +33635,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
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var gridTemplateColumns = "repeat(auto-fit, minmax(140px, 1fr))";
 function Table2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)($1910c06f0ca9905e$export$54ec01a60f47d33d, { "aria-label": "Table", ...props, className: (0, import_classnames28.default)(Table_default.table, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($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__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     $1910c06f0ca9905e$export$f850895b287ef28e,
     {
       ...props,
@@ -33718,10 +33652,10 @@ function TableHeader({ children, className, style, ...props }) {
   );
 }
 function TableBody({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames28.default)(Table_default.body, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames28.default)(Table_default.body, className), children });
 }
 function TableRow({ children, className, style, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     $1910c06f0ca9905e$export$b59bdbef9ce70de2,
     {
       ...props,
@@ -33732,7 +33666,7 @@ function TableRow({ children, className, style, ...props }) {
   );
 }
 function TableColumn({ children, className, align, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     $1910c06f0ca9905e$export$816b5d811295e6bc,
     {
       ...props,
@@ -33743,14 +33677,14 @@ function TableColumn({ children, className, align, ...props }) {
   );
 }
 function TableCell({ children, className, align, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames28.default)(Table_default.cell, className, align && Table_default[align]), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($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
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var import_react193 = require("react");
 function DataTable({
   data = [],
@@ -33770,23 +33704,23 @@ function DataTable({
   })?.filter((n) => n);
   const gridTemplateColumns2 = widths.join(" ");
   if (displayMode === "cards") {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Grid, { id: "grid", width: "100%", gap: "6", children: rows.map((row, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(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__ */ (0, import_jsx_runtime44.jsx)(DataCard, { data: items }, `${row.id}-${index}`);
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DataCard, { data: items }, `${row.id}-${index}`);
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Table2, { ...props, className: (0, import_classnames29.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, label, as, hidden, width, ...columnProps }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Table2, { ...props, className: (0, import_classnames29.default)(DataTable_default.datatable, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, label, as, hidden, width, ...columnProps }) => {
       if (hidden) {
         return null;
       }
       return /* @__PURE__ */ (0, import_react193.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TableBody, { children: rows.map((row, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableBody, { children: rows.map((row, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns?.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
         if (hidden) {
           return null;
         }
@@ -33815,12 +33749,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
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Dots({ size = "md", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { ...props, className: (0, import_classnames30.default)(Dots_default.dots, className, Dots_default[`size-${size}`]), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: Dots_default.dot })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ...props, className: (0, import_classnames30.default)(Dots_default.dots, className, Dots_default[`size-${size}`]), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: Dots_default.dot })
   ] });
 }
 
@@ -33835,14 +33769,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
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Tooltip2({ children, className, showArrow, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames31.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TooltipBubble, { showArrow, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames31.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipBubble, { showArrow, children }) });
 }
 function TooltipBubble({ showArrow, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { ...props, children: [
-    showArrow && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: Tooltip_default.bubble, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ...props, children: [
+    showArrow && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: Tooltip_default.bubble, children })
   ] });
 }
 
@@ -33850,7 +33784,7 @@ function TooltipBubble({ showArrow, children, ...props }) {
 var FloatingTooltip_default = { "floating": "FloatingTooltip_floating__ZjM4N" };
 
 // src/components/FloatingTooltip.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function FloatingTooltip({ className, style, children, ...props }) {
   const [position, setPosition] = (0, import_react194.useState)({ x: -1e3, y: -1e3 });
   (0, import_react194.useEffect)(() => {
@@ -33862,7 +33796,7 @@ function FloatingTooltip({ className, style, children, ...props }) {
       document.removeEventListener("mousemove", handler);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     TooltipBubble,
     {
       ...props,
@@ -33880,7 +33814,7 @@ var import_react195 = require("react");
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
 
 // src/components/HoverTrigger.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var CLOSE_DELAY = 500;
 function HoverTrigger({
   isOpen,
@@ -33931,9 +33865,9 @@ function HoverTrigger({
       }
     }, closeDelay);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime48.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,
@@ -33946,7 +33880,7 @@ function HoverTrigger({
 }
 
 // src/components/IconLabel.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function IconLabel({
   icon,
   label,
@@ -33956,9 +33890,9 @@ function IconLabel({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Row, { alignItems: "center", gap: true, width: "100%", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon2, { ...iconProps, children: icon }),
-    showLabel && label && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text, { ...labelProps, children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Row, { alignItems: "center", gap: true, width: "100%", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon2, { ...iconProps, children: icon }),
+    showLabel && label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Text, { ...labelProps, children: label }),
     showLabel && children
   ] });
 }
@@ -33970,7 +33904,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
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Image({
   src,
   alt,
@@ -33983,7 +33917,7 @@ function Image({
   ...props
 }) {
   const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "img",
     {
       ...props,
@@ -34010,7 +33944,7 @@ var import_classnames34 = __toESM(require_classnames());
 var InlineEditField_default = { "edit": "InlineEditField_edit__MDliZ", "icon": "InlineEditField_icon__ZjE1O" };
 
 // src/components/InlineEditField.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function InlineEditField({
   name = "",
   value: defaultValue = "",
@@ -34046,7 +33980,7 @@ function InlineEditField({
       handleCancel();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       "aria-label": "Edit",
@@ -34055,8 +33989,8 @@ function InlineEditField({
       onClick: handleEdit,
       children: [
         !edit && children,
-        !edit && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SquarePen, {}) }),
-        edit && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        !edit && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SquarePen, {}) }),
+        edit && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           TextField2,
           {
             name,
@@ -34079,7 +34013,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
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Loading({
   size,
   placement = "inline",
@@ -34087,9 +34021,9 @@ function Loading({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Box, { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
-    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Dots, { size }),
-    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Spinner, { size })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Box, { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
+    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dots, { size }),
+    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Spinner, { size })
   ] });
 }
 
@@ -34100,9 +34034,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
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Menu2({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({
   icon,
@@ -34113,14 +34047,14 @@ function MenuItem2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(IconLabel, { icon, label, children }),
-    showChecked && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Check, {}) }),
-    showSubMenuIcon && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IconLabel, { icon, label, children }),
+    showChecked && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Check, {}) }),
+    showSubMenuIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChevronDown, {}) })
   ] });
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames36.default)(Menu_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames36.default)(Menu_default.separator, className) });
 }
 function MenuSection({
   title,
@@ -34134,9 +34068,9 @@ function MenuSection({
     maxHeight,
     overflow: maxHeight ? "auto" : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       $3674c52c6b3c5bce$export$4b1545b4f2016d26,
       {
         ...props,
@@ -34148,7 +34082,7 @@ function MenuSection({
   ] });
 }
 function SubMenuTrigger({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
 }
 
 // src/components/Modal.tsx
@@ -34158,7 +34092,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
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Modal2({
   placement = "center",
   offset,
@@ -34170,7 +34104,7 @@ function Modal2({
   if (offset) {
     style[`--modal-offset`] = offset;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames37.default)(Modal_default.modal, placement && Modal_default[placement], 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_classnames37.default)(Modal_default.modal, placement && Modal_default[placement], className), children }) });
 }
 
 // src/components/Navbar.tsx
@@ -34181,7 +34115,7 @@ var import_classnames38 = __toESM(require_classnames());
 var Navbar_default = { "nav": "Navbar_nav__ZjEwM", "item": "Navbar_item__MWVhZ", "icon": "Navbar_icon__ZmM1N" };
 
 // src/components/Navbar.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var NavbarContext = (0, import_react197.createContext)(void 0);
 var useNavigationContext = () => {
   const context = (0, import_react197.useContext)(NavbarContext);
@@ -34192,20 +34126,20 @@ var useNavigationContext = () => {
 };
 function Navbar({ showArrow = true, className, children, ...props }) {
   const [activeMenu, setActiveMenu] = (0, import_react197.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { ...props, className: (0, import_classnames38.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_classnames38.default)(Navbar_default.nav, className), children }) });
 }
 function NavbarItem({ label, children, className, ...props }) {
   const { activeMenu, setActiveMenu } = useNavigationContext();
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime55.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_classnames38.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)(ChevronDown, {}) })
       ] }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children });
 }
 
 // src/components/NavMenu.tsx
@@ -34216,7 +34150,7 @@ var import_classnames39 = __toESM(require_classnames());
 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
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var NavMenuContext = (0, import_react198.createContext)(null);
 function NavMenu({
   itemBackgroundColor = "2",
@@ -34226,7 +34160,7 @@ function NavMenu({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NavMenuContext.Provider, { value: { itemBackgroundColor, onItemClick }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NavMenuContext.Provider, { value: { itemBackgroundColor, onItemClick }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Column,
     {
       ...props,
@@ -34249,7 +34183,7 @@ function NavMenuGroup({
       setMinimized((state) => !state);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     Column,
     {
       gap: true,
@@ -34260,7 +34194,7 @@ function NavMenuGroup({
         allowMinimize && minimized && NavMenu_default.minimized
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
           Row,
           {
             className: NavMenu_default.item,
@@ -34268,8 +34202,8 @@ function NavMenuGroup({
             justifyContent: "space-between",
             onClick: handleClick,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { className: NavMenu_default.title, children: title }),
-              allowMinimize && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ChevronRight, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text, { className: NavMenu_default.title, children: title }),
+              allowMinimize && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronDown, {}) })
             ]
           }
         ),
@@ -34280,7 +34214,7 @@ function NavMenuGroup({
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
   const { itemBackgroundColor, onItemClick } = (0, import_react198.useContext)(NavMenuContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Row,
     {
       ...props,
@@ -34296,6 +34230,74 @@ function NavMenuItem({ isSelected, className, children, ...props }) {
 // src/components/PasswordField.tsx
 var import_react199 = require("react");
 var import_classnames40 = __toESM(require_classnames());
+
+// src/components/svg/EyeSlash.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var SvgEyeSlash = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "none", d: "M0 0h256v256H0z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime53.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__ */ (0, import_jsx_runtime53.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
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var SvgEye = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { fill: "none", d: "M0 0h256v256H0z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "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__ */ (0, import_jsx_runtime54.jsx)(
+    "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
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
+// src/components/svg/Logo.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+
+// src/components/PasswordField.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function PasswordField({ label, className, ...props }) {
   const [show, setShow] = (0, import_react199.useState)(false);
@@ -34524,7 +34526,7 @@ function Select2({
             className: (0, import_classnames46.default)(Select_default.button, buttonProps?.className),
             children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: Select_default.value, children: [
               /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ChevronRight, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ChevronDown, {}) })
             ] })
           }
         ),
@@ -34547,6 +34549,11 @@ function Select2({
               ...listProps,
               items,
               isFullscreen,
+              ...isFullscreen && {
+                shouldSelectOnPressUp: true,
+                shouldFocusOnHover: false,
+                autoFocus: "first"
+              },
               style: { ...listProps?.style, display: isLoading ? "none" : void 0 },
               children
             }
@@ -34896,7 +34903,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: