@umami/react-zen 0.120.0 → 0.122.0

package/dist/index.js

@@ -35,15 +35,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var require_use_sync_external_store_shim_production = __commonJS({
   "node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"(exports) {
     var import_react189 = __toESM(require("react"));
-    var React7 = import_react189.default;
+    var React5 = import_react189.default;
     function is2(x, y) {
       return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is2;
-    var useState18 = React7.useState;
-    var useEffect13 = React7.useEffect;
-    var useLayoutEffect3 = React7.useLayoutEffect;
-    var useDebugValue = React7.useDebugValue;
+    var useState18 = React5.useState;
+    var useEffect13 = React5.useEffect;
+    var useLayoutEffect3 = React5.useLayoutEffect;
+    var useDebugValue = React5.useDebugValue;
     function useSyncExternalStore$2(subscribe, getSnapshot) {
       var value = getSnapshot(), _useState = useState18({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
       useLayoutEffect3(
@@ -80,7 +80,7 @@ var require_use_sync_external_store_shim_production = __commonJS({
       return getSnapshot();
     }
     var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-    exports.useSyncExternalStore = void 0 !== React7.useSyncExternalStore ? React7.useSyncExternalStore : shim;
+    exports.useSyncExternalStore = void 0 !== React5.useSyncExternalStore ? React5.useSyncExternalStore : shim;
   }
 });
 
@@ -93,7 +93,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
       }
       function useSyncExternalStore$2(subscribe, getSnapshot) {
-        didWarnOld18Alpha || void 0 === React7.startTransition || (didWarnOld18Alpha = true, console.error(
+        didWarnOld18Alpha || void 0 === React5.startTransition || (didWarnOld18Alpha = true, console.error(
           "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
         ));
         var value = getSnapshot();
@@ -141,8 +141,8 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React7 = import_react189.default, objectIs = "function" === typeof Object.is ? Object.is : is2, useState18 = React7.useState, useEffect13 = React7.useEffect, useLayoutEffect3 = React7.useLayoutEffect, useDebugValue = React7.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      exports.useSyncExternalStore = void 0 !== React7.useSyncExternalStore ? React7.useSyncExternalStore : shim;
+      var React5 = import_react189.default, objectIs = "function" === typeof Object.is ? Object.is : is2, useState18 = React5.useState, useEffect13 = React5.useEffect, useLayoutEffect3 = React5.useLayoutEffect, useDebugValue = React5.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      exports.useSyncExternalStore = void 0 !== React5.useSyncExternalStore ? React5.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     })();
   }
@@ -256,8 +256,7 @@ __export(index_exports, {
   Grid: () => Grid,
   Heading: () => Heading2,
   HoverTrigger: () => HoverTrigger,
-  Icon: () => Icon,
-  Icons: () => Icons,
+  Icon: () => Icon2,
   Image: () => Image,
   InlineEditField: () => InlineEditField,
   Label: () => Label2,
@@ -310,7 +309,6 @@ __export(index_exports, {
   TableRow: () => TableRow,
   Tabs: () => Tabs2,
   Text: () => Text,
-  TextArea: () => TextArea2,
   TextField: () => TextField2,
   ThemeButton: () => ThemeButton,
   Toast: () => Toast,
@@ -25343,12 +25341,255 @@ function useForm(props = {}) {
 }
 
 // src/components/forms/Form.tsx
-var import_classnames5 = __toESM(require_classnames());
+var import_classnames3 = __toESM(require_classnames());
 
 // src/components/AlertBanner.tsx
 var import_react151 = require("react");
 var import_classnames2 = __toESM(require_classnames());
 
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react149 = require("react");
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
+var import_react148 = require("react");
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react148.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => (0, import_react148.createElement)(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => (0, import_react148.createElement)(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react149.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react149.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/check.js
+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.1.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.1.0/node_modules/lucide-react/dist/esm/icons/copy.js
+var __iconNode3 = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+];
+var Copy = createLucideIcon("copy", __iconNode3);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/info.js
+var __iconNode4 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+];
+var Info = createLucideIcon("info", __iconNode4);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/minus.js
+var __iconNode5 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+var Minus = createLucideIcon("minus", __iconNode5);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/moon.js
+var __iconNode6 = [
+  ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
+];
+var Moon = createLucideIcon("moon", __iconNode6);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/search.js
+var __iconNode7 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+var Search = createLucideIcon("search", __iconNode7);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/square-pen.js
+var __iconNode8 = [
+  ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
+  [
+    "path",
+    {
+      d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",
+      key: "ohrbg2"
+    }
+  ]
+];
+var SquarePen = createLucideIcon("square-pen", __iconNode8);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/sun.js
+var __iconNode9 = [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+];
+var Sun = createLucideIcon("sun", __iconNode9);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/triangle-alert.js
+var __iconNode10 = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+var TriangleAlert = createLucideIcon("triangle-alert", __iconNode10);
+
+// node_modules/.pnpm/lucide-react@0.511.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode11 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+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());
 
@@ -25505,23 +25746,23 @@ function useDesignProps(props) {
 }
 
 // src/components/Slot.tsx
-var import_react148 = require("react");
+var import_react150 = require("react");
 function Slot({
   children,
   ...props
 }) {
-  if (!(0, import_react148.isValidElement)(children)) {
+  if (!(0, import_react150.isValidElement)(children)) {
     return null;
   }
-  return (0, import_react148.cloneElement)(children, { ...props });
+  return (0, import_react150.cloneElement)(children, { ...props });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\Icon.module.css
 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_runtime = require("react/jsx-runtime");
-function Icon({
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Icon2({
   color,
   size = "sm",
   variant,
@@ -25539,7 +25780,7 @@ function Icon({
     fillColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Slot,
     {
       ...props,
@@ -25555,259 +25796,15 @@ function Icon({
   );
 }
 
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lib/iconBase.mjs
-var import_react150 = __toESM(require("react"), 1);
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lib/iconContext.mjs
-var import_react149 = __toESM(require("react"), 1);
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = import_react149.default.createContext && /* @__PURE__ */ import_react149.default.createContext(DefaultContext);
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lib/iconBase.mjs
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function ownKeys(e, r2) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r2 && (o = o.filter(function(r3) {
-      return Object.getOwnPropertyDescriptor(e, r3).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r2 = 1; r2 < arguments.length; r2++) {
-    var t = null != arguments[r2] ? arguments[r2] : {};
-    r2 % 2 ? ownKeys(Object(t), true).forEach(function(r3) {
-      _defineProperty(e, r3, t[r3]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r3) {
-      Object.defineProperty(e, r3, Object.getOwnPropertyDescriptor(t, r3));
-    });
-  }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r2) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r2 || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r2 ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ import_react150.default.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ import_react150.default.createElement(IconBase, _extends({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className) className = conf.className;
-    if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ import_react150.default.createElement("svg", _extends({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ import_react150.default.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ import_react150.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/pi/index.mjs
-function PiEyeLight(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M245.48,125.57c-.34-.78-8.66-19.23-27.24-37.81C201,70.54,171.38,50,128,50S55,70.54,37.76,87.76c-18.58,18.58-26.9,37-27.24,37.81a6,6,0,0,0,0,4.88c.34.77,8.66,19.22,27.24,37.8C55,185.47,84.62,206,128,206s73-20.53,90.24-37.75c18.58-18.58,26.9-37,27.24-37.8A6,6,0,0,0,245.48,125.57ZM128,194c-31.38,0-58.78-11.42-81.45-33.93A134.77,134.77,0,0,1,22.69,128,134.56,134.56,0,0,1,46.55,95.94C69.22,73.42,96.62,62,128,62s58.78,11.42,81.45,33.94A134.56,134.56,0,0,1,233.31,128C226.94,140.21,195,194,128,194Zm0-112a46,46,0,1,0,46,46A46.06,46.06,0,0,0,128,82Zm0,80a34,34,0,1,1,34-34A34,34,0,0,1,128,162Z" }, "child": [] }] })(props);
-}
-function PiEyeSlashLight(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M52.44,36A6,6,0,0,0,43.56,44L64.44,67c-37.28,21.9-53.23,57-53.92,58.57a6,6,0,0,0,0,4.88c.34.77,8.66,19.22,27.24,37.8C55,185.47,84.62,206,128,206a124.91,124.91,0,0,0,52.57-11.25l23,25.29a6,6,0,0,0,8.88-8.08Zm48.62,71.32,45,49.52a34,34,0,0,1-45-49.52ZM128,194c-31.38,0-58.78-11.42-81.45-33.93A134.57,134.57,0,0,1,22.69,128c4.29-8.2,20.1-35.18,50-51.91L92.89,98.3a46,46,0,0,0,61.35,67.48l17.81,19.6A113.47,113.47,0,0,1,128,194Zm6.4-99.4a6,6,0,0,1,2.25-11.79,46.17,46.17,0,0,1,37.15,40.87,6,6,0,0,1-5.42,6.53l-.56,0a6,6,0,0,1-6-5.45A34.1,34.1,0,0,0,134.4,94.6Zm111.08,35.85c-.41.92-10.37,23-32.86,43.12a6,6,0,1,1-8-8.94A134.07,134.07,0,0,0,233.31,128a134.67,134.67,0,0,0-23.86-32.07C186.78,73.42,159.38,62,128,62a120.19,120.19,0,0,0-19.69,1.6,6,6,0,1,1-2-11.83A131.12,131.12,0,0,1,128,50c43.38,0,73,20.54,90.24,37.76,18.58,18.58,26.9,37,27.24,37.81A6,6,0,0,1,245.48,130.45Z" }, "child": [] }] })(props);
-}
-function PiArrowRight(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" }, "child": [] }] })(props);
-}
-function PiTrash(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/hi/index.mjs
-function HiOutlineMenu(props) {
-  return GenIcon({ "tag": "svg", "attr": { "fill": "none", "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "strokeLinecap": "round", "strokeLinejoin": "round", "d": "M4 6h16M4 12h16M4 18h16" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/hi2/index.mjs
-function HiMagnifyingGlass(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Z", "clipRule": "evenodd" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/md/index.mjs
-function MdLogout(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z" }, "child": [] }] })(props);
-}
-function MdArrowForwardIos(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0V0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z" }, "child": [] }] })(props);
-}
-function MdCheck(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, "child": [] }] })(props);
-}
-function MdMoreHoriz(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }, "child": [] }] })(props);
-}
-function MdRefresh(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/ai/index.mjs
-function AiOutlineClose(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024", "fill": "currentColor", "fillRule": "evenodd" }, "child": [{ "tag": "path", "attr": { "d": "M799.855 166.312c.023.007.043.018.084.059l57.69 57.69c.041.041.052.06.059.084a.118.118 0 0 1 0 .069c-.007.023-.018.042-.059.083L569.926 512l287.703 287.703c.041.04.052.06.059.083a.118.118 0 0 1 0 .07c-.007.022-.018.042-.059.083l-57.69 57.69c-.041.041-.06.052-.084.059a.118.118 0 0 1-.069 0c-.023-.007-.042-.018-.083-.059L512 569.926 224.297 857.629c-.04.041-.06.052-.083.059a.118.118 0 0 1-.07 0c-.022-.007-.042-.018-.083-.059l-57.69-57.69c-.041-.041-.052-.06-.059-.084a.118.118 0 0 1 0-.069c.007-.023.018-.042.059-.083L454.073 512 166.371 224.297c-.041-.04-.052-.06-.059-.083a.118.118 0 0 1 0-.07c.007-.022.018-.042.059-.083l57.69-57.69c.041-.041.06-.052.084-.059a.118.118 0 0 1 .069 0c.023.007.042.018.083.059L512 454.073l287.703-287.702c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z" }, "child": [] }] })(props);
-}
-function AiOutlineMinus(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" }, "child": [] }] })(props);
-}
-function AiOutlinePlus(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z" }, "child": [] }, { "tag": "path", "attr": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8Z" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/bi/index.mjs
-function BiEditAlt(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M19.045 7.401c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.378-.378-.88-.586-1.414-.586s-1.036.208-1.413.585L4 13.585V18h4.413L19.045 7.401zm-3-3 1.587 1.585-1.59 1.584-1.586-1.585 1.589-1.584zM6 16v-1.585l7.04-7.018 1.586 1.586L7.587 16H6zm-2 4h16v2H4z" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/go/index.mjs
-function GoAlert(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M13 17.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.25-8.25a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Z" }, "child": [] }, { "tag": "path", "attr": { "d": "M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752Zm3.03.751a1.002 1.002 0 0 0-1.732 0L2.168 19.499A1.002 1.002 0 0 0 3.034 21h17.932a1.002 1.002 0 0 0 .866-1.5L12.866 3.994Z" }, "child": [] }] })(props);
-}
-function GoInfo(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M13 7.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-3 3.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v4.25h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75V12h-.75a.75.75 0 0 1-.75-.75Z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/rx/index.mjs
-function RxCopy(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 15 15", "fill": "none" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "clipRule": "evenodd", "d": "M1 9.50006C1 10.3285 1.67157 11.0001 2.5 11.0001H4L4 10.0001H2.5C2.22386 10.0001 2 9.7762 2 9.50006L2 2.50006C2 2.22392 2.22386 2.00006 2.5 2.00006L9.5 2.00006C9.77614 2.00006 10 2.22392 10 2.50006V4.00002H5.5C4.67158 4.00002 4 4.67159 4 5.50002V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.50002C14 4.67159 13.3284 4.00002 12.5 4.00002H11V2.50006C11 1.67163 10.3284 1.00006 9.5 1.00006H2.5C1.67157 1.00006 1 1.67163 1 2.50006V9.50006ZM5 5.50002C5 5.22388 5.22386 5.00002 5.5 5.00002H12.5C12.7761 5.00002 13 5.22388 13 5.50002V12.5C13 12.7762 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7762 5 12.5V5.50002Z", "fill": "currentColor" }, "child": [] }] })(props);
-}
-function RxExternalLink(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 15 15", "fill": "none" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "clipRule": "evenodd", "d": "M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3L6.5 3C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497L13 2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z", "fill": "currentColor" }, "child": [] }] })(props);
-}
-
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lu/index.mjs
-function LuMoon(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }, "child": [] }] })(props);
-}
-function LuPanelLeft(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "rect", "attr": { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }, "child": [] }, { "tag": "path", "attr": { "d": "M9 3v18" }, "child": [] }] })(props);
-}
-function LuSun(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "4" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2v2" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 20v2" }, "child": [] }, { "tag": "path", "attr": { "d": "m4.93 4.93 1.41 1.41" }, "child": [] }, { "tag": "path", "attr": { "d": "m17.66 17.66 1.41 1.41" }, "child": [] }, { "tag": "path", "attr": { "d": "M2 12h2" }, "child": [] }, { "tag": "path", "attr": { "d": "M20 12h2" }, "child": [] }, { "tag": "path", "attr": { "d": "m6.34 17.66-1.41 1.41" }, "child": [] }, { "tag": "path", "attr": { "d": "m19.07 4.93-1.41 1.41" }, "child": [] }] })(props);
-}
-
-// src/components/Icons.tsx
-var Icons = {
-  Moon: LuMoon,
-  Sun: LuSun,
-  Alert: GoAlert,
-  Arrow: PiArrowRight,
-  Check: MdCheck,
-  Chevron: MdArrowForwardIos,
-  Close: AiOutlineClose,
-  Copy: RxCopy,
-  Edit: BiEditAlt,
-  ExternalLink: RxExternalLink,
-  Eye: PiEyeLight,
-  EyeSlash: PiEyeSlashLight,
-  Info: GoInfo,
-  Logout: MdLogout,
-  MagnifyingGlass: HiMagnifyingGlass,
-  Menu: HiOutlineMenu,
-  Minus: AiOutlineMinus,
-  More: MdMoreHoriz,
-  PanelLeft: LuPanelLeft,
-  Plus: AiOutlinePlus,
-  Refresh: MdRefresh,
-  Trash: PiTrash
-};
-
 // css-modules:E:\dev\umami-react-zen\src\components\AlertBanner.module.css
 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_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var AlertIcons = {
+  error: TriangleAlert,
+  info: Info
+};
 function AlertBanner({
   title,
   description,
@@ -25820,7 +25817,7 @@ function AlertBanner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
       ...props,
@@ -25831,28 +25828,105 @@ function AlertBanner({
         align && AlertBanner_default[align]
       ),
       children: [
-        (icon || variant) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { size: "sm", children: variant ? (0, import_react151.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 })
+        (icon || variant) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon2, { size: "sm", children: variant ? (0, import_react151.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 })
         ] }),
         children,
-        allowClose && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: AlertBanner_default.close, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icons.Close, {}) })
+        allowClose && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon2, { className: AlertBanner_default.close, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(X, {}) })
       ]
     }
   );
 }
-var AlertIcons = {
-  error: Icons.Alert,
-  info: Icons.Info
-};
+
+// css-modules:E:\dev\umami-react-zen\src\components\forms\Form.module.css
+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");
+function Form({
+  autoComplete,
+  onSubmit,
+  error,
+  preventSubmit = false,
+  // useForm props
+  mode,
+  disabled,
+  reValidateMode,
+  defaultValues,
+  values,
+  errors,
+  resetOptions,
+  resolver,
+  context,
+  shouldFocusError,
+  shouldUnregister,
+  shouldUseNativeValidation,
+  progressive,
+  criteriaMode,
+  delayError,
+  // Element props
+  className,
+  children,
+  ...props
+}) {
+  const formValues = useForm({
+    mode,
+    disabled,
+    reValidateMode,
+    defaultValues,
+    values,
+    errors,
+    resetOptions,
+    resolver,
+    context,
+    shouldFocusError,
+    shouldUnregister,
+    shouldUseNativeValidation,
+    progressive,
+    criteriaMode,
+    delayError
+  });
+  const { handleSubmit } = formValues;
+  const onKeyDown = !onSubmit || preventSubmit ? (e) => e.key === "Enter" && e.preventDefault() : void 0;
+  (0, import_react152.useEffect)(() => {
+    formValues.reset(values);
+  }, [values]);
+  (0, import_react152.useEffect)(() => {
+    if (formValues.formState.isSubmitted) {
+      formValues.reset(void 0, { keepDirty: true, keepValues: true });
+    }
+  }, [error]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(FormProvider, { ...formValues, children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      AlertBanner,
+      {
+        variant: "error",
+        align: "center",
+        title: error instanceof Error ? error?.message : error
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "form",
+      {
+        ...props,
+        autoComplete,
+        className: (0, import_classnames3.default)(Form_default.form, className),
+        onSubmit: onSubmit ? handleSubmit(onSubmit) : void 0,
+        onKeyDown,
+        children: typeof children === "function" ? children(formValues) : children
+      }
+    )
+  ] });
+}
 
 // src/components/Flexbox.tsx
-var import_classnames4 = __toESM(require_classnames());
+var import_classnames5 = __toESM(require_classnames());
 
 // src/components/Box.tsx
-var import_classnames3 = __toESM(require_classnames());
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_classnames4 = __toESM(require_classnames());
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Box({
   display,
   color,
@@ -25965,11 +26039,11 @@ function Box({
     gridColumn,
     order
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Component,
     {
       ...props,
-      className: (0, import_classnames3.default)(className, classes, theme && `${theme}-theme`),
+      className: (0, import_classnames4.default)(className, classes, theme && `${theme}-theme`),
       style: {
         ...styleProps,
         ...style
@@ -25980,7 +26054,7 @@ function Box({
 }
 
 // src/components/Flexbox.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Flexbox({
   display = "flex",
   direction,
@@ -25996,118 +26070,32 @@ function Flexbox({
   style,
   children,
   ...props
-}) {
-  const [classes, styleProps] = useDesignProps({
-    display,
-    flexDirection: direction,
-    flexWrap: wrap,
-    justifyContent,
-    justifyItems,
-    alignContent,
-    alignItems,
-    gap,
-    gapX,
-    gapY
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box, { ...props, className: (0, import_classnames4.default)(className, classes), style: { ...styleProps, ...style }, children });
-}
-
-// src/components/Column.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function Column({ reverse, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
-}
-
-// css-modules:E:\dev\umami-react-zen\src\components\forms\Form.module.css
-var Form_default = { "form": "Form_form__ZjMwZ", "text": "Form_text__NDc1Y", "icon": "Form_icon__ZGE1Z" };
-
-// src/components/forms/Form.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function Form({
-  gap = "3",
-  autoComplete,
-  onSubmit,
-  error,
-  preventSubmit = false,
-  mode,
-  disabled,
-  reValidateMode,
-  defaultValues,
-  values,
-  errors,
-  resetOptions,
-  resolver,
-  context,
-  shouldFocusError,
-  shouldUnregister,
-  shouldUseNativeValidation,
-  progressive,
-  criteriaMode,
-  delayError,
-  className,
-  children,
-  ...props
-}) {
-  const formValues = useForm({
-    mode,
-    disabled,
-    reValidateMode,
-    defaultValues,
-    values,
-    errors,
-    resetOptions,
-    resolver,
-    context,
-    shouldFocusError,
-    shouldUnregister,
-    shouldUseNativeValidation,
-    progressive,
-    criteriaMode,
-    delayError
+}) {
+  const [classes, styleProps] = useDesignProps({
+    display,
+    flexDirection: direction,
+    flexWrap: wrap,
+    justifyContent,
+    justifyItems,
+    alignContent,
+    alignItems,
+    gap,
+    gapX,
+    gapY
   });
-  const { handleSubmit } = formValues;
-  const onKeyDown = !onSubmit || preventSubmit ? (e) => e.key === "Enter" && e.preventDefault() : void 0;
-  (0, import_react152.useEffect)(() => {
-    formValues.reset(values);
-  }, [values]);
-  (0, import_react152.useEffect)(() => {
-    if (formValues.formState.isSubmitted) {
-      formValues.reset(void 0, { keepDirty: true, keepValues: true });
-    }
-  }, [error]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FormProvider, { ...formValues, children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      AlertBanner,
-      {
-        variant: "error",
-        align: "center",
-        title: error instanceof Error ? error?.message : error
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "form",
-      {
-        ...props,
-        autoComplete,
-        className: (0, import_classnames5.default)(Form_default.form, className),
-        onSubmit: onSubmit ? handleSubmit(onSubmit) : void 0,
-        onKeyDown,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Column, { gap, children: typeof children === "function" ? children(formValues) : children })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, { ...props, className: (0, import_classnames5.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // src/components/Row.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Row({ reverse, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
 }
 
 // src/components/forms/FormButtons.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function FormButtons({ fill, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Row, { paddingTop: "3", gap: "3", justifyContent: "flex-end", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Row, { paddingTop: "3", gap: "3", justifyContent: "flex-end", ...props, children });
 }
 
 // src/components/forms/FormField.tsx
@@ -26118,7 +26106,7 @@ var import_classnames6 = __toESM(require_classnames());
 var FormField_default = { "field": "FormField_field__YTM1N", "description": "FormField_description__ZjFiM", "error": "FormField_error__NWZhM" };
 
 // src/components/forms/FormField.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function FormField({
   name,
   description,
@@ -26134,13 +26122,13 @@ function FormField({
   const { field } = controller;
   const errors = formState?.errors || {};
   const errorMessage = errors[name]?.message;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ...props, className: (0, import_classnames6.default)(FormField_default.input, className), children: [
-    typeof children === "function" ? children({ context, controller }) : import_react153.Children.map(
-      children,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { ...props, className: (0, import_classnames6.default)(FormField_default.input, className), children: [
+    import_react153.Children.map(
+      typeof children === "function" ? children({ context, controller }) : children,
       (child) => child ? (0, import_react153.cloneElement)(child, { ...field, label: child.props.label || label }) : null
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: FormField_default.description, children: description }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: FormField_default.error, children: errorMessage })
+    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: FormField_default.description, children: description }),
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: FormField_default.error, children: errorMessage })
   ] });
 }
 
@@ -26151,7 +26139,7 @@ var import_classnames7 = __toESM(require_classnames());
 var Button_default = { "button": "Button_button__NDYwM", "primary": "Button_primary__OWE0M", "outline": "Button_outline__NTQyN", "quiet": "Button_quiet__NDFjM", "danger": "Button_danger__NDUzM", "sm": "Button_sm__NTVjM", "md": "Button_md__NDE4O", "lg": "Button_lg__NTU4O", "xl": "Button_xl__NjFkM" };
 
 // src/components/Button.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Button2({
   variant = "secondary",
   size = "md",
@@ -26163,7 +26151,7 @@ function Button2({
 }) {
   const Component = asChild ? Slot : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
   const buttonProps = Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? { preventFocusOnPress } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Component,
     {
       ...props,
@@ -26180,14 +26168,14 @@ function Button2({
 }
 
 // src/components/forms/FormResetButton.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime14 = 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_runtime11.jsx)(Button2, { ...props, type: "reset", onPress: handleReset, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { ...props, type: "reset", onPress: handleReset, children });
 }
 
 // src/components/Spinner.tsx
@@ -26197,10 +26185,10 @@ var import_classnames8 = __toESM(require_classnames());
 var Spinner_default = { "spinner": "Spinner_spinner__MmRhN", "spinner-rotate": "Spinner_spinner-rotate__MDI2M", "track": "Spinner_track__ODIyN", "fill": "Spinner_fill__OGY5Y", "spinner-dash": "Spinner_spinner-dash__ZDE2N", "size-sm": "Spinner_size-sm__YWEwM", "size-md": "Spinner_size-md__NThiM", "size-lg": "Spinner_size-lg__MDEzN", "size-xl": "Spinner_size-xl__ZTNkN", "quiet": "Spinner_quiet__ZGJlM", "disabled": "Spinner_disabled__YjdjY" };
 
 // src/components/Spinner.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Spinner(props) {
   const { size = "lg", quiet, className, isDisabled, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ...domProps,
@@ -26208,16 +26196,16 @@ function Spinner(props) {
         [Spinner_default.quiet]: quiet,
         [Spinner_default.disabled]: isDisabled
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { viewBox: "25 25 50 50", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { viewBox: "25 25 50 50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
       ] })
     }
   );
 }
 
 // src/components/LoadingButton.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function LoadingButton({
   isLoading,
   isDisabled,
@@ -26225,14 +26213,14 @@ function LoadingButton({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Button2, { ...props, isDisabled, children: [
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { isDisabled }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Button2, { ...props, isDisabled, children: [
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, { isDisabled }) }),
     showText && children
   ] });
 }
 
 // src/components/forms/FormSubmitButton.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function FormSubmitButton({
   variant = "primary",
   isDisabled,
@@ -26243,7 +26231,7 @@ function FormSubmitButton({
   const {
     formState: { isDirty, isValid, isSubmitting, isSubmitted, isSubmitSuccessful }
   } = useFormContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     LoadingButton,
     {
       ...props,
@@ -26263,7 +26251,7 @@ var import_classnames9 = __toESM(require_classnames());
 var Toast_default = { "toast": "Toast_toast__YjU0N", "icon": "Toast_icon__YmFhZ", "title": "Toast_title__OGRhM", "description": "Toast_description__MDBkN", "action": "Toast_action__MjUxO", "close": "Toast_close__ZDVjN", "info": "Toast_info__ZDRhY", "error": "Toast_error__NmEwO" };
 
 // src/components/toast/Toast.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var TOAST_CLOSE_ACTION = "close";
 function Toast({
   id,
@@ -26278,21 +26266,21 @@ function Toast({
   ...props
 }) {
   const hasActions = actions?.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ...props, className: (0, import_classnames9.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Toast_default.title, children: title }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Toast_default.description, children: message }),
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ...props, className: (0, import_classnames9.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: Toast_default.title, children: title }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: Toast_default.description, children: message }),
     hasActions && actions.map((action) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button2, { className: Toast_default.action, onPress: () => onClose?.(action), children: action }, action);
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button2, { className: Toast_default.action, onPress: () => onClose?.(action), children: action }, action);
     }),
-    !hasActions && allowClose && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      Icon,
+    !hasActions && allowClose && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Icon2,
       {
         size: "sm",
         "aria-hidden": true,
         className: Toast_default.close,
         "aria-label": "Close",
         onClick: () => onClose?.(TOAST_CLOSE_ACTION),
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icons.Close, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(X, {})
       }
     )
   ] });
@@ -27300,7 +27288,7 @@ function usePrev(value) {
 var import_react163 = require("react");
 
 // node_modules/.pnpm/@react-spring+animated@9.7.5_react@19.1.0/node_modules/@react-spring/animated/dist/react-spring_animated.modern.mjs
-var React4 = __toESM(require("react"), 1);
+var React2 = __toESM(require("react"), 1);
 var import_react162 = require("react");
 var $node = Symbol.for("Animated:node");
 var isAnimated = (value) => !!value && value[$node] === value;
@@ -27530,7 +27518,7 @@ var withAnimated = (Component, host2) => {
       each(observer2.deps, (dep) => removeFluidObserver(dep, observer2));
     });
     const usedProps = host2.getComponentProps(props.getValue());
-    return /* @__PURE__ */ React4.createElement(Component, { ...usedProps, ref });
+    return /* @__PURE__ */ React2.createElement(Component, { ...usedProps, ref });
   });
 };
 var PropsObserver = class {
@@ -27599,7 +27587,7 @@ var createHost = (components, {
 var getDisplayName = (arg) => is.str(arg) ? arg : arg && is.str(arg.displayName) ? arg.displayName : is.fun(arg) && arg.name || null;
 
 // node_modules/.pnpm/@react-spring+core@9.7.5_react@19.1.0/node_modules/@react-spring/core/dist/react-spring_core.modern.mjs
-var React5 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 var import_react164 = require("react");
 var import_react165 = require("react");
 var React22 = __toESM(require("react"), 1);
@@ -29067,13 +29055,13 @@ var SpringContext = ({
   const pause = props.pause || !!inherited.pause, immediate = props.immediate || !!inherited.immediate;
   props = useMemoOne(() => ({ pause, immediate }), [pause, immediate]);
   const { Provider } = ctx;
-  return /* @__PURE__ */ React5.createElement(Provider, { value: props }, children);
+  return /* @__PURE__ */ React3.createElement(Provider, { value: props }, children);
 };
 var ctx = makeContext(SpringContext, {});
 SpringContext.Provider = ctx.Provider;
 SpringContext.Consumer = ctx.Consumer;
 function makeContext(target, init) {
-  Object.assign(target, React5.createContext(init));
+  Object.assign(target, React3.createContext(init));
   target.Provider._context = target;
   target.Consumer._context = target;
   return target;
@@ -29924,12 +29912,12 @@ var import_react170 = require("react");
 
 // src/components/toast/ToastProvider.tsx
 var import_react169 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var ToastContext = (0, import_react169.createContext)({});
 function ToastProvider({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ToastContext.Provider, { value: props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(ToastContext.Provider, { value: props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Toaster, { ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Toaster, { ...props })
   ] });
 }
 
@@ -29967,7 +29955,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_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Toaster({ duration = 0, position = "bottom-right" }) {
   const { toasts } = useToast();
   const [hovered, setHovered] = (0, import_react171.useState)(false);
@@ -29999,7 +29987,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
       };
     }
   }, [duration, toasts, hovered]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: (0, import_classnames10.default)(Toaster_default.toaster, Toaster_default[`position-${position}`]),
@@ -30009,7 +29997,7 @@ function Toaster({ duration = 0, position = "bottom-right" }) {
         const { id, ...props } = item;
         return (
           // @ts-ignore
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Toast, { ...props, id, onClose: () => removeToast(id) }) }, id)
         );
       })
     }
@@ -30065,7 +30053,7 @@ var import_classnames11 = __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_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Text({
   color,
   size,
@@ -30095,7 +30083,7 @@ function Text({
     textTransform: transform,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Component,
     {
       ...props,
@@ -30118,9 +30106,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_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Accordion({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames12.default)(Accordion_default.accordion, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)($28f4fd908f0de97f$export$944aceb4f8c89f10, { ...props, className: (0, import_classnames12.default)(Accordion_default.accordion, className), children });
 }
 function AccordionItem({
   defaultExpanded,
@@ -30133,18 +30121,18 @@ function AccordionItem({
   const handleExpandedChange = (isExpanded) => {
     requestAnimationFrame(() => setExpanded(isExpanded));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     $28f4fd908f0de97f$export$74a362b31437ec83,
     {
       ...props,
       className: (0, import_classnames12.default)(Accordion_default.item, className),
       onExpandedChange: handleExpandedChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text, { children: trigger }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icons.Chevron, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { children: trigger }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronRight, {}) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames12.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames12.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
       ]
     }
   );
@@ -30160,16 +30148,16 @@ var import_classnames13 = __toESM(require_classnames());
 var Dialog_default = { "dialog": "Dialog_dialog__YzZhN", "title": "Dialog_title__NjZlN", "modal": "Dialog_modal__YjEzN", "menu": "Dialog_menu__ZmFhN", "sheet": "Dialog_sheet__NzkxM" };
 
 // src/components/Dialog.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Dialog2({ title, variant = "modal", children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     $de32f1b87079253c$export$3ddf2d174ce01153,
     {
       ...props,
       className: (0, import_classnames13.default)(Dialog_default.dialog, variant && Dialog_default[variant], className),
       children: (dialogProps) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: Dialog_default.title, children: title }),
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: Dialog_default.title, children: title }),
           typeof children === "function" ? children(dialogProps) : children
         ] });
       }
@@ -30177,11 +30165,17 @@ function Dialog2({ title, variant = "modal", children, className, ...props }) {
   );
 }
 
+// src/components/Column.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Column({ reverse, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
+}
+
 // css-modules:E:\dev\umami-react-zen\src\components\AlertDialog.module.css
 var AlertDialog_default = { "dialog": "AlertDialog_dialog__OTkwN", "title": "AlertDialog_title__ZGIwY" };
 
 // src/components/AlertDialog.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function AlertDialog({
   title,
   description,
@@ -30203,12 +30197,12 @@ function AlertDialog({
     onCancel?.();
     close();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog2, { ...props, title, className: (0, import_classnames14.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Column, { gap: "4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Dialog2, { ...props, title, className: (0, import_classnames14.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Column, { gap: "4", children: [
       typeof children === "function" ? children({ close }) : children,
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Row, { gap: "3", justifyContent: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button2, { onPress: () => handleClose(close), children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.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",
@@ -30226,10 +30220,10 @@ function AlertDialog({
 var Blockquote_default = { "blockquote": "Blockquote_blockquote__MzZmO" };
 
 // src/components/Blockquote.tsx
-var import_jsx_runtime22 = 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_runtime22.jsx)(Component, { className: Blockquote_default.blockquote, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Component, { className: Blockquote_default.blockquote, children });
 }
 
 // src/components/Breadcrumbs.tsx
@@ -30239,14 +30233,14 @@ var import_classnames15 = __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_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Breadcrumbs2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumbs, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumbs, className), children });
 }
 function Breadcrumb2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumb, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumb, className), children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icons.Chevron, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronRight, {}) })
   ] });
 }
 
@@ -30264,7 +30258,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_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Calendar2({
   className,
   value,
@@ -30278,7 +30272,7 @@ function Calendar2({
     console.log({ raw: date });
     onChange?.(date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     $dfd62f934fc76fed$export$e1aef45b828286de,
     {
       ...props,
@@ -30289,25 +30283,20 @@ function Calendar2({
       className: (0, import_classnames16.default)(Calendar_default.calendar, className),
       onChange: handleChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: Calendar_default.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.Chevron, {}) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.Chevron, {}) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { className: Calendar_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, {}) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, {}) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ (0, import_jsx_runtime24.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 }) })
         ] })
       ]
     }
   );
 }
 
-// node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/im/index.mjs
-function ImCheckmark(props) {
-  return GenIcon({ "tag": "svg", "attr": { "version": "1.1", "viewBox": "0 0 16 16" }, "child": [{ "tag": "path", "attr": { "d": "M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z" }, "child": [] }] })(props);
-}
-
 // src/components/Checkbox.tsx
 var import_classnames17 = __toESM(require_classnames());
 
@@ -30315,18 +30304,18 @@ var import_classnames17 = __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_runtime25 = 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_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     $bc237834342dbd75$export$48513f6b9f8ce62d,
     {
       ...props,
       isSelected,
       className: (0, import_classnames17.default)(Checkbox_default.checkbox, className),
       children: ({ isIndeterminate, isSelected: isSelected2 }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: Checkbox_default.box, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { className: Checkbox_default.icon, size: "xs", children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icons.Minus, {}) : isSelected2 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ImCheckmark, {}) : 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
         ] });
       }
@@ -30338,10 +30327,10 @@ function Checkbox2({ label, className, children, ...props }) {
 var Code_default = { "code": "Code_code__NmYxN" };
 
 // src/components/Code.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Code({ asChild, children }) {
   const Component = asChild ? Slot : "code";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Component, { className: Code_default.code, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Component, { className: Code_default.code, children });
 }
 
 // src/components/Container.tsx
@@ -30351,7 +30340,7 @@ var import_classnames18 = __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_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Container({
   isCentered = true,
   isFluid,
@@ -30359,7 +30348,7 @@ function Container({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Box,
     {
       ...props,
@@ -30389,9 +30378,9 @@ var import_classnames19 = __toESM(require_classnames());
 var Label_default = { "label": "Label_label__YWE3M" };
 
 // src/components/Label.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Label2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames19.default)(Label_default.label, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames19.default)(Label_default.label, className) });
 }
 
 // src/components/CopyButton.tsx
@@ -30402,7 +30391,7 @@ var import_classnames20 = __toESM(require_classnames());
 var CopyButton_default = { "icon": "CopyButton_icon__YTM2Y", "copy-button": "CopyButton_copy-button__MjY1M" };
 
 // src/components/CopyButton.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var TIMEOUT = 2e3;
 function CopyButton({ value, timeout = TIMEOUT, className, children, ...props }) {
   const [copied, setCopied] = (0, import_react175.useState)(false);
@@ -30415,69 +30404,63 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
       ref.current = +setTimeout(() => setCopied(false), timeout);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { ...props, className: (0, import_classnames20.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icons.Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icons.Copy, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon2, { ...props, className: (0, import_classnames20.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Copy, {}) });
 }
 
-// css-modules:E:\dev\umami-react-zen\src\components\styles\input.module.css
-var input_default = { "field": "input_field__ZmMwY", "row": "input_row__NTc1Z", "input": "input_input__MzU4N", "icon": "input_icon__YzA4Z" };
-
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
-var TextField_default = { "allowCopy": "TextField_allowCopy__Y2RhY", "icon": "TextField_icon__MWVlN" };
+var TextField_default = { "field": "TextField_field__YWExY", "textarea": "TextField_textarea__ODY3N" };
 
 // src/components/TextField.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function TextField2({
   value,
   defaultValue,
   label,
   placeholder,
   allowCopy,
-  asChild,
-  className,
+  asTextArea,
   onChange,
+  isReadOnly,
+  isDisabled,
+  className,
   children,
   ...props
 }) {
   const [inputValue, setInputValue] = (0, import_react176.useState)(defaultValue || value);
-  const Component = asChild ? Slot : $3985021b0ad6602f$export$f5b8910cec6cf069;
-  const handleChange = (e) => {
-    setInputValue(e.target.value);
-    return onChange?.(e);
+  const Component = asTextArea ? $216918bed6669f72$export$f5c9f3c2c4054eec : $3985021b0ad6602f$export$f5b8910cec6cf069;
+  const handleChange = (value2) => {
+    setInputValue(value2);
+    return onChange?.(value2);
   };
   (0, import_react176.useEffect)(() => {
     setInputValue(value);
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-    $bcdf0525bf22703d$export$2c73285ae9390cec,
-    {
-      "aria-label": "Text",
-      ...props,
-      value: inputValue,
-      className: (0, import_classnames21.default)(input_default.field, className),
-      children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Label2, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: input_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-            Component,
-            {
-              className: (0, import_classnames21.default)(TextField_default.input, input_default.input, allowCopy && TextField_default.allowCopy),
-              placeholder,
-              onChange: handleChange,
-              children
-            }
-          ),
-          allowCopy && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CopyButton, { className: (0, import_classnames21.default)(TextField_default.icon, input_default.icon), value: inputValue })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      $bcdf0525bf22703d$export$2c73285ae9390cec,
+      {
+        "aria-label": "Text",
+        ...props,
+        className: (0, import_classnames21.default)(TextField_default.field, asTextArea && TextField_default.textarea, className),
+        value: inputValue,
+        isReadOnly,
+        isDisabled,
+        onChange: handleChange,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Component, { placeholder }),
+          allowCopy && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CopyButton, { value: inputValue })
+        ]
+      }
+    )
+  ] });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\ConfirmationDialog.module.css
 var ConfirmationDialog_default = { "dialog": "ConfirmationDialog_dialog__Mzg4M", "value": "ConfirmationDialog_value__YzhjZ" };
 
 // src/components/ConfirmationDialog.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -30489,21 +30472,21 @@ function ConfirmationDialog({
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     AlertDialog,
     {
       ...props,
       className: (0, import_classnames22.default)(ConfirmationDialog_default.dialog, className),
       isConfirmDisabled: !canSave,
       children: ({ close }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
           typeof children === "function" ? children({ close }) : children,
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Text, { children: [
             confirmMessage || "Type the following value to confirm",
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: ConfirmationDialog_default.value, children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: ConfirmationDialog_default.value, children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
         ] });
       }
     }
@@ -30521,13 +30504,13 @@ var import_classnames23 = __toESM(require_classnames());
 var Table_default = { "table": "Table_table__YjllN", "header": "Table_header__NmE0Y", "body": "Table_body__ZWYwN", "row": "Table_row__Y2M0Y", "column": "Table_column__ZGY2M", "cell": "Table_cell__MmZjM", "start": "Table_start__NGFiN", "center": "Table_center__NzFjM", "end": "Table_end__NmQyY" };
 
 // src/components/Table.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var gridTemplateColumns = "repeat(auto-fit, minmax(140px, 1fr))";
 function Table2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($1910c06f0ca9905e$export$54ec01a60f47d33d, { ...props, className: (0, import_classnames23.default)(Table_default.table, className), "aria-label": "Table", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($1910c06f0ca9905e$export$54ec01a60f47d33d, { "aria-label": "Table", ...props, className: (0, import_classnames23.default)(Table_default.table, className), children });
 }
 function TableHeader({ children, className, style, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     $1910c06f0ca9905e$export$f850895b287ef28e,
     {
       ...props,
@@ -30538,10 +30521,10 @@ function TableHeader({ children, className, style, ...props }) {
   );
 }
 function TableBody({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames23.default)(Table_default.body, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames23.default)(Table_default.body, className), children });
 }
 function TableRow({ children, className, style, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     $1910c06f0ca9905e$export$b59bdbef9ce70de2,
     {
       ...props,
@@ -30552,7 +30535,7 @@ function TableRow({ children, className, style, ...props }) {
   );
 }
 function TableColumn({ children, className, align, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     $1910c06f0ca9905e$export$816b5d811295e6bc,
     {
       ...props,
@@ -30563,14 +30546,14 @@ function TableColumn({ children, className, align, ...props }) {
   );
 }
 function TableCell({ children, className, align, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames23.default)(Table_default.cell, className, align && Table_default[align]), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames23.default)(Table_default.cell, className, align && Table_default[align]), children });
 }
 
 // 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_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var import_react179 = require("react");
 function DataTable({ data = [], className, children, ...props }) {
   const items = data.length && data?.[0]?.id === void 0 ? data.map((row, id) => ({ ...row, id })) : data;
@@ -30580,15 +30563,15 @@ function DataTable({ data = [], className, children, ...props }) {
     return { ...child.props };
   });
   const gridTemplateColumns2 = widths.join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Table2, { ...props, className: (0, import_classnames24.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, width, ...columnProps }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Table2, { ...props, className: (0, import_classnames24.default)(DataTable_default.datatable, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, width, ...columnProps }) => {
       if (hidden) {
         return null;
       }
       return /* @__PURE__ */ (0, import_react179.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, { children: items.map((row, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableBody, { children: items.map((row, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
         if (hidden) {
           return null;
         }
@@ -30617,12 +30600,12 @@ var import_classnames25 = __toESM(require_classnames());
 var Dots_default = { "dots": "Dots_dots__YzQxM", "dot": "Dots_dot__ZDdiZ", "dots-blink": "Dots_dots-blink__NDE3Y" };
 
 // src/components/Dots.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Dots({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ...props, className: (0, import_classnames25.default)(Dots_default.dots, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: Dots_default.dot })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ...props, className: (0, import_classnames25.default)(Dots_default.dots, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: Dots_default.dot })
   ] });
 }
 
@@ -30637,14 +30620,14 @@ var import_classnames26 = __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_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Tooltip2({ children, className, showArrow, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames26.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipBubble, { showArrow, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames26.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipBubble, { showArrow, children }) });
 }
 function TooltipBubble({ showArrow, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { ...props, children: [
-    showArrow && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: Tooltip_default.bubble, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ...props, children: [
+    showArrow && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: Tooltip_default.bubble, children })
   ] });
 }
 
@@ -30652,7 +30635,7 @@ function TooltipBubble({ showArrow, children, ...props }) {
 var FloatingTooltip_default = { "floating": "FloatingTooltip_floating__ZjM4N" };
 
 // src/components/FloatingTooltip.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function FloatingTooltip({ className, style, children, ...props }) {
   const [position, setPosition] = (0, import_react180.useState)({ x: -1e3, y: -1e3 });
   (0, import_react180.useEffect)(() => {
@@ -30664,7 +30647,7 @@ function FloatingTooltip({ className, style, children, ...props }) {
       document.removeEventListener("mousemove", handler);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     TooltipBubble,
     {
       ...props,
@@ -30677,7 +30660,7 @@ function FloatingTooltip({ className, style, children, ...props }) {
 
 // src/components/Grid.tsx
 var import_classnames28 = __toESM(require_classnames());
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Grid({
   display = "grid",
   justifyContent,
@@ -30710,7 +30693,7 @@ function Grid({
     gridTemplateAreas: areas,
     gridAutoFlow: autoFlow
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Box, { ...props, className: (0, import_classnames28.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Box, { ...props, className: (0, import_classnames28.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // src/components/Heading.tsx
@@ -30720,7 +30703,7 @@ var import_classnames29 = __toESM(require_classnames());
 var Heading_default = { "heading": "Heading_heading__MGIyZ" };
 
 // src/components/Heading.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Heading2({
   size = "3",
   weight,
@@ -30737,7 +30720,7 @@ function Heading2({
     fontWeight: weight,
     letterSpacing: spacing
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Box,
     {
       ...props,
@@ -30755,7 +30738,7 @@ var import_react181 = require("react");
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
 
 // src/components/HoverTrigger.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var CLOSE_DELAY = 500;
 function HoverTrigger({
   isOpen,
@@ -30806,9 +30789,9 @@ function HoverTrigger({
       }
     }, closeDelay);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "div",
       {
         className: HoverTrigger_default.wrapper,
@@ -30827,7 +30810,7 @@ var import_classnames30 = __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_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Image({
   src,
   alt,
@@ -30840,7 +30823,7 @@ function Image({
   ...props
 }) {
   const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "img",
     {
       ...props,
@@ -30867,7 +30850,7 @@ var import_classnames31 = __toESM(require_classnames());
 var InlineEditField_default = { "edit": "InlineEditField_edit__MDliZ", "icon": "InlineEditField_icon__ZjE1O" };
 
 // src/components/InlineEditField.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function InlineEditField({
   name = "",
   value: defaultValue = "",
@@ -30903,17 +30886,17 @@ function InlineEditField({
       handleCancel();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
-      ...props,
       "aria-label": "Edit",
+      ...props,
       className: (0, import_classnames31.default)(InlineEditField_default.edit, className),
       onClick: handleEdit,
       children: [
         !edit && children,
-        !edit && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icons.Edit, {}) }),
-        edit && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        !edit && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SquarePen, {}) }),
+        edit && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           TextField2,
           {
             name,
@@ -30978,7 +30961,7 @@ function getHighlightColor(color) {
 var List_default = { "list": "List_list__ZTQ5M", "separator": "List_separator__Zjk5Y", "section": "List_section__MDgwZ", "header": "List_header__MjUxO", "item": "List_item__NTg2Z", "checkmark": "List_checkmark__M2M5Y", "hideCheckmark": "List_hideCheckmark__YmNlM" };
 
 // src/components/List.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function List({
   items,
   idProperty = "id",
@@ -30991,7 +30974,7 @@ function List({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     $eed445e0843c11d0$export$41f133550aa26f48,
     {
       "aria-label": "list",
@@ -31002,9 +30985,9 @@ function List({
       children: children || items?.map((item) => {
         const id = item[idProperty] || item.toString();
         const label = item[labelProperty] || item.toString();
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react183.Fragment, { children: [
-          item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ListItem, { id, className: List_default.item, children: label })
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react183.Fragment, { children: [
+          item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ListItem, { id, className: List_default.item, children: label })
         ] }, id);
       })
     }
@@ -31017,7 +31000,7 @@ function ListItem({
   showCheckmark = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     $eed445e0843c11d0$export$a11e76429ed99b4,
     {
       ...props,
@@ -31026,17 +31009,17 @@ function ListItem({
       textValue: typeof children === "string" ? children : id?.toString(),
       children: [
         children,
-        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icons.Check, {}) })
+        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Check, {}) })
       ]
     }
   );
 }
 function ListSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames32.default)(List_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames32.default)(List_default.separator, className) });
 }
 function ListSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames32.default)(List_default.section, className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames32.default)(List_default.section, className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
     children
   ] });
 }
@@ -31048,12 +31031,12 @@ var import_classnames33 = __toESM(require_classnames());
 var Loading_default = { "loading": "Loading_loading__MzE0Y", "page": "Loading_page__OWMxN", "center": "Loading_center__ZWRmO", "inline": "Loading_inline__NmJkY" };
 
 // src/components/Loading.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Loading(props) {
   const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { ...domProps, className: (0, import_classnames33.default)(Loading_default.loading, className, Loading_default[position]), children: [
-    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Dots, {}),
-    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Spinner, { size })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { ...domProps, className: (0, import_classnames33.default)(Loading_default.loading, className, Loading_default[position]), children: [
+    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dots, {}),
+    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Spinner, { size })
   ] });
 }
 
@@ -31061,25 +31044,25 @@ function Loading(props) {
 var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__ZGIxY", "separator": "Menu_separator__YjgwM", "section": "Menu_section__MmNkY", "header": "Menu_header__YmQ0M", "item": "Menu_item__NzJlM", "check": "Menu_check__ZDc1Z" };
+var Menu_default = { "menu": "Menu_menu__OTZkN", "separator": "Menu_separator__ZTgwZ", "section": "Menu_section__ZDVhM", "header": "Menu_header__YWE2Z", "item": "Menu_item__MTU4N", "checkmark": "Menu_checkmark__MTk4O", "hideCheckmark": "Menu_hideCheckmark__MjEyZ" };
 
 // src/components/Menu.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Menu2({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children });
 }
-function MenuItem2({ showChecked = false, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames34.default)(Menu_default.item, className), children: [
+function MenuItem2({ showChecked = true, children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames34.default)(Menu_default.item, className), children: [
     children,
-    showChecked && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "aria-hidden": "true", className: Menu_default.check, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icons.Check, {}) }) })
+    showChecked && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Check, {}) }) })
   ] });
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames34.default)(Menu_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames34.default)(Menu_default.separator, className) });
 }
 function MenuSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames34.default)(Menu_default.section, className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames34.default)(Menu_default.section, className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
     children
   ] });
 }
@@ -31091,7 +31074,7 @@ var import_classnames35 = __toESM(require_classnames());
 var Modal_default = { "overlay": "Modal_overlay__MzBhO", "modal-fade-in": "Modal_modal-fade-in__OTcxN", "modal": "Modal_modal__YTU3M", "left": "Modal_left__ZDU0O", "right": "Modal_right__MGFhO", "top": "Modal_top__OTY4M", "bottom": "Modal_bottom__NjY4N", "fullscreen": "Modal_fullscreen__YTNkZ", "center": "Modal_center__ZTViM", "modal-zoom": "Modal_modal-zoom__MjY4Y", "modal-left": "Modal_modal-left__YTc0N", "modal-right": "Modal_modal-right__MWY0Z", "modal-top": "Modal_modal-top__OTQ2M", "modal-bottom": "Modal_modal-bottom__NDlkZ" };
 
 // src/components/Modal.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Modal2({
   position = "center",
   offset,
@@ -31103,7 +31086,7 @@ function Modal2({
   if (offset) {
     style[`--modal-offset`] = offset;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames35.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames35.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
 }
 
 // src/components/Navbar.tsx
@@ -31114,7 +31097,7 @@ var import_classnames36 = __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_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var NavbarContext = (0, import_react184.createContext)(void 0);
 var useNavigationContext = () => {
   const context = (0, import_react184.useContext)(NavbarContext);
@@ -31125,20 +31108,20 @@ var useNavigationContext = () => {
 };
 function Navbar({ showArrow = true, className, children, ...props }) {
   const [activeMenu, setActiveMenu] = (0, import_react184.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.nav, className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.nav, className), children }) });
 }
 function NavbarItem({ label, children, className, ...props }) {
   const { activeMenu, setActiveMenu } = useNavigationContext();
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.item, className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { rotate: 90, size: "xs", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icons.Chevron, {}) })
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.item, className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChevronRight, {}) })
       ] }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.item, className), children });
 }
 
 // src/components/NavMenu.tsx
@@ -31148,9 +31131,9 @@ var import_classnames37 = __toESM(require_classnames());
 var NavMenu_default = { "navmenu": "NavMenu_navmenu__NTQ4Y", "item": "NavMenu_item__NTdjZ", "selected": "NavMenu_selected__NzUxM" };
 
 // src/components/NavMenu.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function NavMenu({ highlightColor, className, style, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Column,
     {
       ...props,
@@ -31161,27 +31144,22 @@ function NavMenu({ highlightColor, className, style, children, ...props }) {
   );
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Row, { ...props, className: (0, import_classnames37.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Row, { ...props, className: (0, import_classnames37.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });
 }
 
 // src/components/PasswordField.tsx
 var import_react185 = require("react");
 var import_classnames38 = __toESM(require_classnames());
-
-// css-modules:E:\dev\umami-react-zen\src\components\PasswordField.module.css
-var PasswordField_default = { "icon": "PasswordField_icon__NTRlM" };
-
-// src/components/PasswordField.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function PasswordField({ label, className, ...props }) {
   const [show, setShow] = (0, import_react185.useState)(false);
   const type = show ? "text" : "password";
   const handleShowPassword = () => setShow((state) => !state);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, className: (0, import_classnames38.default)(input_default.field, className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: input_default.row, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: input_default.input }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { onClick: handleShowPassword, className: (0, import_classnames38.default)(PasswordField_default.icon, input_default.icon), children: show ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icons.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icons.Eye, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { "aria-label": "Password", ...props, className: (0, import_classnames38.default)(TextField_default.field, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { onClick: handleShowPassword, children: show ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EyeSlash_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Eye_default, {}) })
     ] })
   ] });
 }
@@ -31193,9 +31171,9 @@ var import_classnames39 = __toESM(require_classnames());
 var Popover_default = { "popover": "Popover_popover__YmFhM", "popover-slide": "Popover_popover-slide__OGZjY" };
 
 // src/components/Popover.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Popover2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames39.default)(Popover_default.popover, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames39.default)(Popover_default.popover, className), children });
 }
 
 // src/components/ProgressBar.tsx
@@ -31205,12 +31183,12 @@ var import_classnames40 = __toESM(require_classnames());
 var ProgressBar_default = { "progressbar": "ProgressBar_progressbar__YzdlO", "track": "ProgressBar_track__YzgzY", "fill": "ProgressBar_fill__ZTJlM", "value": "ProgressBar_value__NDk1Z" };
 
 // src/components/ProgressBar.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function ProgressBar2({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames40.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ProgressBar_default.value, children: valueText })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames40.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: ProgressBar_default.value, children: valueText })
     ] });
   } });
 }
@@ -31222,16 +31200,16 @@ var import_classnames41 = __toESM(require_classnames());
 var ProgressCircle_default = { "progresscircle": "ProgressCircle_progresscircle__NGMyY", "track": "ProgressCircle_track__YzY2M", "fill": "ProgressCircle_fill__ZmMzM", "value": "ProgressCircle_value__YjM0Y" };
 
 // src/components/ProgressCircle.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function ProgressCircle({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
     const radius = 45;
     const circumference = radius * 2 * Math.PI;
     const offset = circumference - percentage / 100 * circumference;
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "circle",
           {
             className: ProgressCircle_default.fill,
@@ -31243,7 +31221,7 @@ function ProgressCircle({ className, showValue, ...props }) {
           }
         )
       ] }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
     ] });
   } });
 }
@@ -31255,36 +31233,32 @@ var import_classnames42 = __toESM(require_classnames());
 var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZDJlY", "inputs": "RadioGroup_inputs__OTc1Y", "radio": "RadioGroup_radio__ZDJiM" };
 
 // src/components/RadioGroup.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function RadioGroup2({ label, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, className: (0, import_classnames42.default)(RadioGroup_default.radiogroup, className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: RadioGroup_default.inputs, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, className: (0, import_classnames42.default)(RadioGroup_default.radiogroup, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: RadioGroup_default.inputs, children })
   ] });
 }
 function Radio2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames42.default)(RadioGroup_default.radio, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames42.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
 var import_react186 = require("react");
 var import_classnames43 = __toESM(require_classnames());
-
-// css-modules:E:\dev\umami-react-zen\src\components\SearchField.module.css
-var SearchField_default = { "search": "SearchField_search__MzkwY", "input": "SearchField_input__OGFiY", "close": "SearchField_close__NmJkM" };
-
-// src/components/SearchField.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function SearchField2({
   label,
   placeholder,
   value,
+  defaultValue = "",
   delay = 0,
   onSearch,
   className,
   ...props
 }) {
-  const [search, setSearch] = (0, import_react186.useState)(value ?? "");
+  const [search, setSearch] = (0, import_react186.useState)(defaultValue);
   const searchValue = useDebounce(search, delay);
   const handleChange = (value2) => {
     setSearch(value2);
@@ -31301,43 +31275,34 @@ function SearchField2({
       onSearch?.(searchValue);
     }
   }, [searchValue, delay]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    $440f4836bcb56932$export$b94867ecbd698f21,
-    {
-      ...props,
-      "aria-label": "Search",
-      className: (0, import_classnames43.default)(input_default.field, className),
-      onChange: handleChange,
-      children: ({ state }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: input_default.row, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { className: (0, import_classnames43.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.MagnifyingGlass, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-              $3985021b0ad6602f$export$f5b8910cec6cf069,
-              {
-                className: (0, import_classnames43.default)(SearchField_default.input, input_default.input),
-                placeholder
-              }
-            ),
-            state.value && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-              $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
-              {
-                className: (0, import_classnames43.default)(SearchField_default.close, input_default.icon),
-                onPress: resetSearch,
-                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.Close, {}) })
-              }
-            )
-          ] })
-        ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      $440f4836bcb56932$export$b94867ecbd698f21,
+      {
+        "aria-label": "Search",
+        ...props,
+        className: (0, import_classnames43.default)(TextField_default.field, className),
+        onChange: handleChange,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon2, { strokeColor: "8", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Search, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { placeholder, value: search }),
+          search && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon2, { size: "sm", color: "8", onClick: resetSearch, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(X, {}) })
+        ]
       }
-    }
-  );
+    )
+  ] });
 }
 
 // src/components/Select.tsx
 var import_react187 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_classnames44 = __toESM(require_classnames());
+
+// css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
+var Select_default = { "select": "Select_select__OWQwZ", "button": "Select_button__YTEzN", "value": "Select_value__N2NjM", "list": "Select_list__ZDFkY", "search": "Select_search__YTgyZ" };
+
+// src/components/Select.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Select2({
   items = [],
   value,
@@ -31367,33 +31332,43 @@ function Select2({
     setSearch(value2);
     onSearch?.(value2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     $82d7e5349645de74$export$ef9b1a59e592288f,
     {
       "aria-label": "Select",
       ...props,
+      className: (0, import_classnames44.default)(Select_default.select, className),
       selectedKey: value,
       defaultSelectedKey: defaultValue,
       onSelectionChange: handleChange,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label2, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button2, { variant: "outline", ...buttonProps, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Row, { justifyContent: "space-between", gap: "3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { rotate: 90, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icons.Chevron, {}) }) })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Column, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Box, { padding: "2", border: true, borderRadius: true, backgroundColor: true, shadow: "3", children: [
-          allowSearch && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box, { marginBottom: "2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label2, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          Button2,
+          {
+            variant: "outline",
+            ...buttonProps,
+            className: (0, import_classnames44.default)(Select_default.button, buttonProps?.className),
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: Select_default.value, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronRight, {}) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: Select_default.list, children: [
+          allowSearch && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             SearchField2,
             {
+              className: Select_default.search,
               value: search,
               onSearch: handleSearch,
               delay: searchDelay,
               defaultValue: searchValue,
               autoFocus: true
             }
-          ) }),
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          ),
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             List,
             {
               ...listProps,
@@ -31402,7 +31377,7 @@ function Select2({
               children
             }
           )
-        ] }) }) })
+        ] }) })
       ]
     }
   );
@@ -31410,13 +31385,13 @@ function Select2({
 
 // src/components/Sidebar.tsx
 var import_react188 = require("react");
-var import_classnames44 = __toESM(require_classnames());
+var import_classnames45 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Sidebar.module.css
 var Sidebar_default = { "sidenav": "Sidebar_sidenav__ODc2Z", "header": "Sidebar_header__YWI3N", "name": "Sidebar_name__NThjO", "section": "Sidebar_section__YzQwN", "title": "Sidebar_title__NDBlN", "content": "Sidebar_content__NmUzM", "item": "Sidebar_item__ZjYxZ", "label": "Sidebar_label__OTI3N", "collapsed": "Sidebar_collapsed__NDY0N", "muted": "Sidebar_muted__NjI0N", "selected": "Sidebar_selected__N2RhZ", "variant-quiet": "Sidebar_variant-quiet__ZjllN", "variant-1": "Sidebar_variant-1__NmFhM", "variant-2": "Sidebar_variant-2__OWYzZ", "variant-3": "Sidebar_variant-3__ODk2Y", "noborder": "Sidebar_noborder__NTJlN" };
 
 // src/components/Sidebar.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var SidebarContext = (0, import_react188.createContext)(null);
 function Sidebar({
   variant = "1",
@@ -31427,11 +31402,11 @@ function Sidebar({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     Column,
     {
       ...props,
-      className: (0, import_classnames44.default)(
+      className: (0, import_classnames45.default)(
         Sidebar_default.sidenav,
         isCollapsed && Sidebar_default.collapsed,
         muteItems && Sidebar_default.muted,
@@ -31447,9 +31422,9 @@ function SidebarSection({
   title,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Column, { className: Sidebar_default.section, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: Sidebar_default.title, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: Sidebar_default.content, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Column, { className: Sidebar_default.section, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: Sidebar_default.title, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: Sidebar_default.content, children })
   ] });
 }
 function SidebarHeader({
@@ -31459,9 +31434,9 @@ function SidebarHeader({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Row, { ...props, className: (0, import_classnames44.default)(Sidebar_default.header, className), children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { size: "sm", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: (0, import_classnames44.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Row, { ...props, className: (0, import_classnames45.default)(Sidebar_default.header, className), children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { size: "sm", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: (0, import_classnames45.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
     children
   ] });
 }
@@ -31474,41 +31449,41 @@ function SidebarItem({
   ...props
 }) {
   const { isCollapsed } = (0, import_react188.useContext)(SidebarContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       Row,
       {
         ...props,
-        className: (0, import_classnames44.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
+        className: (0, import_classnames45.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { size: "sm", children: icon }),
-          label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { className: (0, import_classnames44.default)(Sidebar_default.label), children: label }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { size: "sm", children: icon }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text, { className: (0, import_classnames45.default)(Sidebar_default.label), children: label }),
           children
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Tooltip2, { placement: "right", children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Tooltip2, { placement: "right", children: label })
   ] });
 }
 
 // src/components/Slider.tsx
-var import_classnames45 = __toESM(require_classnames());
+var import_classnames46 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Slider.module.css
 var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_header__ZTE2M", "track": "Slider_track__ODk5M", "fill": "Slider_fill__YzdhM", "thumb": "Slider_thumb__NGEzM" };
 
 // src/components/Slider.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Slider2({ className, showValue = true, label, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames45.default)(Slider_default.slider, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: Slider_default.header, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label2, { className: Slider_default.label, children: label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames46.default)(Slider_default.slider, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: Slider_default.header, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Label2, { className: Slider_default.label, children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
       const isHorizontal = state.orientation === "horizontal";
-      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "div",
           {
             className: Slider_default.fill,
@@ -31517,27 +31492,27 @@ function Slider2({ className, showValue = true, label, ...props }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
       ] });
     } })
   ] });
 }
 
 // src/components/StatusLight.tsx
-var import_classnames46 = __toESM(require_classnames());
+var import_classnames47 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\StatusLight.module.css
 var StatusLight_default = { "statuslight": "StatusLight_statuslight__MTliM", "status": "StatusLight_status__MDNmO", "bg": "StatusLight_bg__MjVjN", "success": "StatusLight_success__ZWI1N", "warning": "StatusLight_warning__YWRmM", "error": "StatusLight_error__NjdjM", "active": "StatusLight_active__NGZiY", "inactive": "StatusLight_inactive__NDI0Z" };
 
 // src/components/StatusLight.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function StatusLight(props) {
   const { color, variant = "inactive", children, className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { ...domProps, className: (0, import_classnames46.default)(StatusLight_default.statuslight, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ...domProps, className: (0, import_classnames47.default)(StatusLight_default.statuslight, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "div",
       {
-        className: (0, import_classnames46.default)(StatusLight_default.status, StatusLight_default[variant]),
+        className: (0, import_classnames47.default)(StatusLight_default.status, StatusLight_default[variant]),
         style: { backgroundColor: color }
       }
     ) }),
@@ -31546,25 +31521,25 @@ function StatusLight(props) {
 }
 
 // src/components/Switch.tsx
-var import_classnames47 = __toESM(require_classnames());
+var import_classnames48 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Switch.module.css
 var Switch_default = { "switch": "Switch_switch__NzI0O", "track": "Switch_track__ZWU0O", "knob": "Switch_knob__YjFmZ" };
 
 // src/components/Switch.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function Switch2({ label, children, className, ...props }) {
   const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       $8e59e948500a8fe1$export$b5d5cf8927ab7262,
       {
         ...props,
         isSelected,
-        className: (0, import_classnames47.default)(Switch_default.switch, className),
+        className: (0, import_classnames48.default)(Switch_default.switch, className),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: Switch_default.knob }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: Switch_default.knob }) }),
           children
         ]
       }
@@ -31576,38 +31551,18 @@ function Switch2({ label, children, className, ...props }) {
 var Tabs_default = { "tabs": "Tabs_tabs__OWVjO", "list": "Tabs_list__YWRjM", "tab": "Tabs_tab__ZjgwM", "quiet": "Tabs_quiet__ZTQ1O" };
 
 // src/components/Tabs.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function Tabs2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
 }
 function TabList2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
 }
 function Tab({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
 }
 function TabPanel2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
-}
-
-// src/components/TextArea.tsx
-var import_classnames48 = __toESM(require_classnames());
-
-// css-modules:E:\dev\umami-react-zen\src\components\TextArea.module.css
-var TextArea_default = { "textarea": "TextArea_textarea__MTk5Y", "resize-none": "TextArea_resize-none__OTJhY", "resize-horizontal": "TextArea_resize-horizontal__YWIyZ", "resize-vertical": "TextArea_resize-vertical__NTM3O" };
-
-// src/components/TextArea.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-function TextArea2({
-  rows,
-  cols,
-  resize,
-  className,
-  style,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TextField2, { ...props, className: (0, import_classnames48.default)(resize && TextArea_default[`resize-${resize}`]), asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
 }
 
 // src/components/ThemeButton.tsx
@@ -31617,7 +31572,7 @@ var import_classnames49 = __toESM(require_classnames());
 var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
 
 // src/components/ThemeButton.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function ThemeButton({
   className,
   variant = "quiet",
@@ -31642,7 +31597,7 @@ function ThemeButton({
     setTheme2(theme === "light" ? "dark" : "light");
     onPress?.(e);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     Button2,
     {
       ...props,
@@ -31652,7 +31607,7 @@ function ThemeButton({
       children: [
         transitions((style, item) => (
           // @ts-ignore
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { size: "sm", children: item === "light" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icons.Sun, {}) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icons.Moon, {}) }) }, item)
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon2, { size: "sm", children: item === "light" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Sun, {}) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Moon, {}) }) }, item)
         )),
         "\xA0"
       ]
@@ -31667,12 +31622,12 @@ var import_classnames50 = __toESM(require_classnames());
 var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
 
 // src/components/Toggle.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function Toggle({ label, children, className, ...props }) {
   const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Label2, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       $efde0372d7a700fe$export$d2b052e7b4be1756,
       {
         ...props,
@@ -31691,7 +31646,7 @@ var import_classnames51 = __toESM(require_classnames());
 var ToggleGroup_default = { "group": "ToggleGroup_group__NTgyM", "list": "ToggleGroup_list__OWIyM", "item": "ToggleGroup_item__NDJmZ" };
 
 // src/components/ToggleGroup.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function ToggleGroup({
   label,
   value,
@@ -31709,7 +31664,7 @@ function ToggleGroup({
     onSelectionChange?.(keys);
     onChange?.(Array.from(keys).map((k) => k.toString()));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     $eaf9e70818b436db$export$67ea30858aaf75e3,
     {
       ...props,
@@ -31719,24 +31674,24 @@ function ToggleGroup({
       onSelectionChange: handleChange,
       className: (0, import_classnames51.default)(ToggleGroup_default.group, className),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label2, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
+        label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label2, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
       ]
     }
   );
 }
 function ToggleGroupItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/ZenProvider.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var defaultToastCofig = {
   duration: 3e3
 };
 function ZenProvider({ children, ...props }) {
   const { toast = defaultToastCofig } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ToastProvider, { ...toast, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ToastProvider, { ...toast, children });
 }
 /*! Bundled license information:
 
@@ -31768,4 +31723,27 @@ classnames/index.js:
   	Licensed under the MIT License (MIT), see
   	http://jedwatson.github.io/classnames
   *)
+
+lucide-react/dist/esm/shared/src/utils.js:
+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/copy.js:
+lucide-react/dist/esm/icons/info.js:
+lucide-react/dist/esm/icons/minus.js:
+lucide-react/dist/esm/icons/moon.js:
+lucide-react/dist/esm/icons/search.js:
+lucide-react/dist/esm/icons/square-pen.js:
+lucide-react/dist/esm/icons/sun.js:
+lucide-react/dist/esm/icons/triangle-alert.js:
+lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.511.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
 */