@umami/react-zen 0.3.0 → 0.5.0

package/dist/index.mjs

@@ -82,8 +82,8 @@ var require_use_sync_external_store_shim_development = __commonJS({
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
         }
-        var React20 = __import_react2;
-        var ReactSharedInternals = React20.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var React18 = __import_react2;
+        var ReactSharedInternals = React18.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         function error(format) {
           {
             {
@@ -113,13 +113,13 @@ var require_use_sync_external_store_shim_development = __commonJS({
           return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
         }
         var objectIs = typeof Object.is === "function" ? Object.is : is;
-        var useState14 = React20.useState, useEffect9 = React20.useEffect, useLayoutEffect3 = React20.useLayoutEffect, useDebugValue2 = React20.useDebugValue;
+        var useState14 = React18.useState, useEffect9 = React18.useEffect, useLayoutEffect3 = React18.useLayoutEffect, useDebugValue2 = React18.useDebugValue;
         var didWarnOld18Alpha = false;
         var didWarnUncachedGetSnapshot = false;
         function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
           {
             if (!didWarnOld18Alpha) {
-              if (React20.startTransition !== void 0) {
+              if (React18.startTransition !== void 0) {
                 didWarnOld18Alpha = true;
                 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.");
               }
@@ -184,7 +184,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
         var isServerEnvironment = !canUseDOM;
         var shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
-        var useSyncExternalStore$2 = React20.useSyncExternalStore !== void 0 ? React20.useSyncExternalStore : shim;
+        var useSyncExternalStore$2 = React18.useSyncExternalStore !== void 0 ? React18.useSyncExternalStore : shim;
         exports.useSyncExternalStore = useSyncExternalStore$2;
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
@@ -264,8 +264,8 @@ var require_use_sync_external_store_shim_development2 = __commonJS({
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
         }
-        var React20 = __import_react4;
-        var ReactSharedInternals = React20.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var React18 = __import_react4;
+        var ReactSharedInternals = React18.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         function error(format) {
           {
             {
@@ -295,13 +295,13 @@ var require_use_sync_external_store_shim_development2 = __commonJS({
           return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
         }
         var objectIs = typeof Object.is === "function" ? Object.is : is;
-        var useState14 = React20.useState, useEffect9 = React20.useEffect, useLayoutEffect3 = React20.useLayoutEffect, useDebugValue2 = React20.useDebugValue;
+        var useState14 = React18.useState, useEffect9 = React18.useEffect, useLayoutEffect3 = React18.useLayoutEffect, useDebugValue2 = React18.useDebugValue;
         var didWarnOld18Alpha = false;
         var didWarnUncachedGetSnapshot = false;
         function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
           {
             if (!didWarnOld18Alpha) {
-              if (React20.startTransition !== void 0) {
+              if (React18.startTransition !== void 0) {
                 didWarnOld18Alpha = true;
                 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.");
               }
@@ -366,7 +366,7 @@ var require_use_sync_external_store_shim_development2 = __commonJS({
         var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
         var isServerEnvironment = !canUseDOM;
         var shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
-        var useSyncExternalStore$2 = React20.useSyncExternalStore !== void 0 ? React20.useSyncExternalStore : shim;
+        var useSyncExternalStore$2 = React18.useSyncExternalStore !== void 0 ? React18.useSyncExternalStore : shim;
         exports.useSyncExternalStore = useSyncExternalStore$2;
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
@@ -459,14 +459,14 @@ var require_with_selector_development = __commonJS({
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
         }
-        var React20 = __import_react6;
+        var React18 = __import_react6;
         var shim = import_shim2.default;
         function is(x, y) {
           return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
         }
         var objectIs = typeof Object.is === "function" ? Object.is : is;
         var useSyncExternalStore = shim.useSyncExternalStore;
-        var useRef7 = React20.useRef, useEffect9 = React20.useEffect, useMemo4 = React20.useMemo, useDebugValue2 = React20.useDebugValue;
+        var useRef7 = React18.useRef, useEffect9 = React18.useEffect, useMemo4 = React18.useMemo, useDebugValue2 = React18.useDebugValue;
         function useSyncExternalStoreWithSelector2(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
           var instRef = useRef7(null);
           var inst;
@@ -558,7 +558,7 @@ var require_classnames = __commonJS({
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
-      function classNames45() {
+      function classNames46() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -576,7 +576,7 @@ var require_classnames = __commonJS({
           return "";
         }
         if (Array.isArray(arg)) {
-          return classNames45.apply(null, arg);
+          return classNames46.apply(null, arg);
         }
         if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
           return arg.toString();
@@ -599,14 +599,14 @@ var require_classnames = __commonJS({
         return value + newClass;
       }
       if (typeof module !== "undefined" && module.exports) {
-        classNames45.default = classNames45;
-        module.exports = classNames45;
+        classNames46.default = classNames46;
+        module.exports = classNames46;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames45;
+          return classNames46;
         });
       } else {
-        window.classNames = classNames45;
+        window.classNames = classNames46;
       }
     })();
   }
@@ -13209,6 +13209,259 @@ function $3e5eb2498db5b506$export$73f7a44322579622(props) {
   };
 }
 
+// node_modules/@react-aria/menu/dist/useSafelyMouseToSubmenu.mjs
+import { useRef as $fUfeP$useRef, useState as $fUfeP$useState, useEffect as $fUfeP$useEffect } from "react";
+var $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS = 2;
+var $d275435c250248f8$var$THROTTLE_TIME = 50;
+var $d275435c250248f8$var$TIMEOUT_TIME = 1e3;
+var $d275435c250248f8$var$ANGLE_PADDING = Math.PI / 12;
+function $d275435c250248f8$export$85ec83e04c95f50a(options) {
+  let { menuRef, submenuRef, isOpen, isDisabled } = options;
+  let prevPointerPos = (0, $fUfeP$useRef)(void 0);
+  let submenuRect = (0, $fUfeP$useRef)(void 0);
+  let lastProcessedTime = (0, $fUfeP$useRef)(0);
+  let timeout = (0, $fUfeP$useRef)(void 0);
+  let autoCloseTimeout = (0, $fUfeP$useRef)(void 0);
+  let submenuSide = (0, $fUfeP$useRef)(void 0);
+  let movementsTowardsSubmenuCount = (0, $fUfeP$useRef)(2);
+  let [preventPointerEvents, setPreventPointerEvents] = (0, $fUfeP$useState)(false);
+  let updateSubmenuRect = () => {
+    if (submenuRef.current) {
+      submenuRect.current = submenuRef.current.getBoundingClientRect();
+      submenuSide.current = void 0;
+    }
+  };
+  (0, $9daab02d461809db$export$683480f191c0e3ea)({
+    ref: submenuRef,
+    onResize: updateSubmenuRect
+  });
+  let reset = () => {
+    setPreventPointerEvents(false);
+    movementsTowardsSubmenuCount.current = $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS;
+    prevPointerPos.current = void 0;
+  };
+  let modality = (0, $507fabe10e71c6fb$export$98e20ec92f614cfe)();
+  (0, $fUfeP$useEffect)(() => {
+    if (preventPointerEvents && menuRef.current) menuRef.current.style.pointerEvents = "none";
+    else menuRef.current.style.pointerEvents = "";
+  }, [
+    menuRef,
+    preventPointerEvents
+  ]);
+  (0, $fUfeP$useEffect)(() => {
+    let submenu = submenuRef.current;
+    let menu = menuRef.current;
+    if (isDisabled || !submenu || !isOpen || modality !== "pointer") {
+      reset();
+      return;
+    }
+    submenuRect.current = submenu.getBoundingClientRect();
+    let onPointerMove = (e) => {
+      if (e.pointerType === "touch" || e.pointerType === "pen") return;
+      let currentTime = Date.now();
+      if (currentTime - lastProcessedTime.current < $d275435c250248f8$var$THROTTLE_TIME) return;
+      clearTimeout(timeout.current);
+      clearTimeout(autoCloseTimeout.current);
+      let { clientX: mouseX, clientY: mouseY } = e;
+      if (!prevPointerPos.current) {
+        prevPointerPos.current = {
+          x: mouseX,
+          y: mouseY
+        };
+        return;
+      }
+      if (!submenuRect.current) return;
+      if (!submenuSide.current) submenuSide.current = mouseX > submenuRect.current.right ? "left" : "right";
+      if (mouseX < menu.getBoundingClientRect().left || mouseX > menu.getBoundingClientRect().right || mouseY < menu.getBoundingClientRect().top || mouseY > menu.getBoundingClientRect().bottom) {
+        reset();
+        return;
+      }
+      let prevMouseX = prevPointerPos.current.x;
+      let prevMouseY = prevPointerPos.current.y;
+      let toSubmenuX = submenuSide.current === "right" ? submenuRect.current.left - prevMouseX : prevMouseX - submenuRect.current.right;
+      let angleTop = Math.atan2(prevMouseY - submenuRect.current.top, toSubmenuX) + $d275435c250248f8$var$ANGLE_PADDING;
+      let angleBottom = Math.atan2(prevMouseY - submenuRect.current.bottom, toSubmenuX) - $d275435c250248f8$var$ANGLE_PADDING;
+      let anglePointer = Math.atan2(prevMouseY - mouseY, submenuSide.current === "left" ? -(mouseX - prevMouseX) : mouseX - prevMouseX);
+      let isMovingTowardsSubmenu = anglePointer < angleTop && anglePointer > angleBottom;
+      movementsTowardsSubmenuCount.current = isMovingTowardsSubmenu ? Math.min(movementsTowardsSubmenuCount.current + 1, $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) : Math.max(movementsTowardsSubmenuCount.current - 1, 0);
+      if (movementsTowardsSubmenuCount.current >= $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) setPreventPointerEvents(true);
+      else setPreventPointerEvents(false);
+      lastProcessedTime.current = currentTime;
+      prevPointerPos.current = {
+        x: mouseX,
+        y: mouseY
+      };
+      if (isMovingTowardsSubmenu) timeout.current = setTimeout(() => {
+        reset();
+        autoCloseTimeout.current = setTimeout(() => {
+          let target = document.elementFromPoint(mouseX, mouseY);
+          if (target && menu.contains(target)) target.dispatchEvent(new PointerEvent("pointerover", {
+            bubbles: true,
+            cancelable: true
+          }));
+        }, 100);
+      }, $d275435c250248f8$var$TIMEOUT_TIME);
+    };
+    window.addEventListener("pointermove", onPointerMove);
+    return () => {
+      window.removeEventListener("pointermove", onPointerMove);
+      clearTimeout(timeout.current);
+      clearTimeout(autoCloseTimeout.current);
+      movementsTowardsSubmenuCount.current = $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS;
+    };
+  }, [
+    isDisabled,
+    isOpen,
+    menuRef,
+    modality,
+    setPreventPointerEvents,
+    submenuRef
+  ]);
+}
+
+// node_modules/@react-aria/menu/dist/useSubmenuTrigger.mjs
+import { useRef as $dXlYe$useRef, useCallback as $dXlYe$useCallback } from "react";
+function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
+  let { parentMenuRef, submenuRef, type = "menu", isDisabled, delay = 200 } = props;
+  let submenuTriggerId = (0, $bdb11010cef70236$export$f680877a34711e37)();
+  let overlayId = (0, $bdb11010cef70236$export$f680877a34711e37)();
+  let { direction } = (0, $18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
+  let openTimeout = (0, $dXlYe$useRef)(void 0);
+  let cancelOpenTimeout = (0, $dXlYe$useCallback)(() => {
+    if (openTimeout.current) {
+      clearTimeout(openTimeout.current);
+      openTimeout.current = void 0;
+    }
+  }, [
+    openTimeout
+  ]);
+  let onSubmenuOpen = (0, $8ae05eaa5c114e9c$export$7f54fc3180508a52)((focusStrategy) => {
+    cancelOpenTimeout();
+    state.open(focusStrategy);
+  });
+  let onSubmenuClose = (0, $8ae05eaa5c114e9c$export$7f54fc3180508a52)(() => {
+    cancelOpenTimeout();
+    state.close();
+  });
+  (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(() => {
+    return () => {
+      cancelOpenTimeout();
+    };
+  }, [
+    cancelOpenTimeout
+  ]);
+  let submenuKeyDown = (e) => {
+    switch (e.key) {
+      case "ArrowLeft":
+        if (direction === "ltr" && e.currentTarget.contains(e.target)) {
+          e.stopPropagation();
+          onSubmenuClose();
+          ref.current.focus();
+        }
+        break;
+      case "ArrowRight":
+        if (direction === "rtl" && e.currentTarget.contains(e.target)) {
+          e.stopPropagation();
+          onSubmenuClose();
+          ref.current.focus();
+        }
+        break;
+      case "Escape":
+        e.stopPropagation();
+        state.closeAll();
+        break;
+    }
+  };
+  let submenuProps = {
+    id: overlayId,
+    "aria-labelledby": submenuTriggerId,
+    submenuLevel: state.submenuLevel,
+    ...type === "menu" && {
+      onClose: state.closeAll,
+      autoFocus: state.focusStrategy,
+      onKeyDown: submenuKeyDown
+    }
+  };
+  let submenuTriggerKeyDown = (e) => {
+    switch (e.key) {
+      case "ArrowRight":
+        if (!isDisabled) {
+          if (direction === "ltr") {
+            if (!state.isOpen) onSubmenuOpen("first");
+            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
+          } else if (state.isOpen) onSubmenuClose();
+          else e.continuePropagation();
+        }
+        break;
+      case "ArrowLeft":
+        if (!isDisabled) {
+          if (direction === "rtl") {
+            if (!state.isOpen) onSubmenuOpen("first");
+            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
+          } else if (state.isOpen) onSubmenuClose();
+          else e.continuePropagation();
+        }
+        break;
+      case "Escape":
+        state.closeAll();
+        break;
+      default:
+        e.continuePropagation();
+        break;
+    }
+  };
+  let onPressStart = (e) => {
+    if (!isDisabled && (e.pointerType === "virtual" || e.pointerType === "keyboard"))
+      onSubmenuOpen("first");
+  };
+  let onPress = (e) => {
+    if (!isDisabled && (e.pointerType === "touch" || e.pointerType === "mouse"))
+      onSubmenuOpen();
+  };
+  let onHoverChange = (isHovered) => {
+    if (!isDisabled) {
+      if (isHovered && !state.isOpen) {
+        if (!openTimeout.current) openTimeout.current = setTimeout(() => {
+          onSubmenuOpen();
+        }, delay);
+      } else if (!isHovered) cancelOpenTimeout();
+    }
+  };
+  let onBlur = (e) => {
+    if (state.isOpen && parentMenuRef.current.contains(e.relatedTarget)) onSubmenuClose();
+  };
+  let shouldCloseOnInteractOutside = (target) => {
+    if (target !== ref.current) return true;
+    return false;
+  };
+  (0, $d275435c250248f8$export$85ec83e04c95f50a)({
+    menuRef: parentMenuRef,
+    submenuRef,
+    isOpen: state.isOpen,
+    isDisabled
+  });
+  return {
+    submenuTriggerProps: {
+      id: submenuTriggerId,
+      "aria-controls": state.isOpen ? overlayId : void 0,
+      "aria-haspopup": !isDisabled ? type : void 0,
+      "aria-expanded": state.isOpen ? "true" : "false",
+      onPressStart,
+      onPress,
+      onHoverChange,
+      onKeyDown: submenuTriggerKeyDown,
+      onBlur,
+      isOpen: state.isOpen
+    },
+    submenuProps,
+    popoverProps: {
+      isNonModal: true,
+      disableFocusManagement: true,
+      shouldCloseOnInteractOutside
+    }
+  };
+}
+
 // node_modules/@react-aria/combobox/dist/useComboBox.mjs
 function $parcel$interopDefault7(a) {
   return a && a.__esModule ? a.default : a;
@@ -17948,6 +18201,66 @@ function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
   };
 }
 
+// node_modules/@react-stately/menu/dist/useSubmenuTriggerState.mjs
+import { useState as $7exkJ$useState, useMemo as $7exkJ$useMemo, useCallback as $7exkJ$useCallback } from "react";
+function $e5614764aa47eb35$export$cfc51cf86138bf98(props, state) {
+  let { triggerKey } = props;
+  let { expandedKeysStack, openSubmenu, closeSubmenu, close: closeAll } = state;
+  let [submenuLevel] = (0, $7exkJ$useState)(expandedKeysStack === null || expandedKeysStack === void 0 ? void 0 : expandedKeysStack.length);
+  let isOpen = (0, $7exkJ$useMemo)(() => expandedKeysStack[submenuLevel] === triggerKey, [
+    expandedKeysStack,
+    triggerKey,
+    submenuLevel
+  ]);
+  let [focusStrategy, setFocusStrategy] = (0, $7exkJ$useState)(null);
+  let open = (0, $7exkJ$useCallback)((focusStrategy2 = null) => {
+    setFocusStrategy(focusStrategy2);
+    openSubmenu(triggerKey, submenuLevel);
+  }, [
+    openSubmenu,
+    submenuLevel,
+    triggerKey
+  ]);
+  let close = (0, $7exkJ$useCallback)(() => {
+    setFocusStrategy(null);
+    closeSubmenu(triggerKey, submenuLevel);
+  }, [
+    closeSubmenu,
+    submenuLevel,
+    triggerKey
+  ]);
+  let toggle = (0, $7exkJ$useCallback)((focusStrategy2 = null) => {
+    setFocusStrategy(focusStrategy2);
+    if (isOpen) close();
+    else open(focusStrategy2);
+  }, [
+    close,
+    open,
+    isOpen
+  ]);
+  return (0, $7exkJ$useMemo)(() => ({
+    focusStrategy,
+    isOpen,
+    open,
+    close,
+    closeAll,
+    submenuLevel,
+    // TODO: Placeholders that aren't used but give us parity with OverlayTriggerState so we can use this in Popover. Refactor if we update Popover via
+    // https://github.com/adobe/react-spectrum/pull/4976#discussion_r1336472863
+    setOpen: () => {
+    },
+    toggle
+  }), [
+    isOpen,
+    open,
+    close,
+    closeAll,
+    focusStrategy,
+    toggle,
+    submenuLevel
+  ]);
+}
+
 // node_modules/@react-stately/radio/dist/useRadioGroupState.mjs
 import { useMemo as $l55kx$useMemo, useState as $l55kx$useState } from "react";
 var $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
@@ -20540,6 +20853,57 @@ function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
   }, props.children));
 }
 var $3674c52c6b3c5bce$var$SubmenuTriggerContext = /* @__PURE__ */ (0, $kM2ZM$createContext)(null);
+var $3674c52c6b3c5bce$export$ecabc99eeffab7ca = /* @__PURE__ */ (0, $e1995378a142960e$export$e953bb1cd0f19726)("submenutrigger", (props, ref, item) => {
+  let { CollectionBranch } = (0, $kM2ZM$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+  let state = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$export$24aad8519b95b41b);
+  let rootMenuTriggerState = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$export$795aec4671cbae19);
+  let submenuTriggerState = (0, $e5614764aa47eb35$export$cfc51cf86138bf98)({
+    triggerKey: item.key
+  }, rootMenuTriggerState);
+  let submenuRef = (0, $kM2ZM$useRef)(null);
+  let itemRef = (0, $df56164dff5785e2$export$4338b53315abf666)(ref);
+  let popoverContext = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $07b14b47974efb58$export$9b9a0cd73afb7ca4));
+  let { parentMenuRef } = (0, $kM2ZM$useContext)($3674c52c6b3c5bce$var$SubmenuTriggerContext);
+  let { submenuTriggerProps, submenuProps, popoverProps } = (0, $0065b146e7192841$export$7138b0d059a6e743)({
+    parentMenuRef,
+    submenuRef,
+    delay: props.delay
+  }, submenuTriggerState, itemRef);
+  return /* @__PURE__ */ (0, $kM2ZM$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+    values: [
+      [
+        $3674c52c6b3c5bce$var$MenuItemContext,
+        {
+          ...submenuTriggerProps,
+          onAction: void 0,
+          ref: itemRef
+        }
+      ],
+      [
+        $3674c52c6b3c5bce$export$c7e742effb1c51e2,
+        submenuProps
+      ],
+      [
+        (0, $de32f1b87079253c$export$d2f961adcb0afbe),
+        submenuTriggerState
+      ],
+      [
+        (0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
+        {
+          ref: submenuRef,
+          trigger: "SubmenuTrigger",
+          triggerRef: itemRef,
+          placement: "end top",
+          UNSTABLE_portalContainer: popoverContext.UNSTABLE_portalContainer || void 0,
+          ...popoverProps
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ (0, $kM2ZM$react).createElement(CollectionBranch, {
+    collection: state.collection,
+    parent: item
+  }), props.children[1]);
+}, (props) => props.children[0]);
 function $3674c52c6b3c5bce$var$Menu(props, ref) {
   [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $3674c52c6b3c5bce$export$c7e742effb1c51e2);
   return /* @__PURE__ */ (0, $kM2ZM$react).createElement((0, $e1995378a142960e$export$bf788dd355e3a401), {
@@ -22594,6 +22958,106 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
   }, renderProps.children));
 }
 
+// node_modules/@babel/runtime/helpers/esm/extends.js
+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);
+}
+
+// node_modules/@radix-ui/react-slot/dist/index.mjs
+import { forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment } from "react";
+
+// node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+import { useCallback as $3vqmr$useCallback } from "react";
+function $6ed0406888f73fc4$var$setRef(ref, value) {
+  if (typeof ref === "function") ref(value);
+  else if (ref !== null && ref !== void 0) ref.current = value;
+}
+function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
+  return (node) => refs.forEach(
+    (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
+  );
+}
+function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
+  return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
+}
+
+// node_modules/@radix-ui/react-slot/dist/index.mjs
+var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ $9IrjX$forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  const childrenArray = $9IrjX$Children.toArray(children);
+  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
+  if (slottable) {
+    const newElement = slottable.props.children;
+    const newChildren = childrenArray.map((child) => {
+      if (child === slottable) {
+        if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);
+        return /* @__PURE__ */ $9IrjX$isValidElement(newElement) ? newElement.props.children : null;
+      } else return child;
+    });
+    return /* @__PURE__ */ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+      ref: forwardedRef
+    }), /* @__PURE__ */ $9IrjX$isValidElement(newElement) ? /* @__PURE__ */ $9IrjX$cloneElement(newElement, void 0, newChildren) : null);
+  }
+  return /* @__PURE__ */ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+    ref: forwardedRef
+  }), children);
+});
+$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
+var $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ $9IrjX$forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  if (/* @__PURE__ */ $9IrjX$isValidElement(children)) return /* @__PURE__ */ $9IrjX$cloneElement(children, {
+    ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
+    ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
+  });
+  return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;
+});
+$5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
+var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
+  return /* @__PURE__ */ $9IrjX$createElement($9IrjX$Fragment, null, children);
+};
+function $5e63c961fc1ce211$var$isSlottable(child) {
+  return /* @__PURE__ */ $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
+}
+function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
+  const overrideProps = {
+    ...childProps
+  };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
+        childPropValue(...args);
+        slotPropValue(...args);
+      };
+      else if (slotPropValue) overrideProps[propName] = slotPropValue;
+    } else if (propName === "style") overrideProps[propName] = {
+      ...slotPropValue,
+      ...childPropValue
+    };
+    else if (propName === "className") overrideProps[propName] = [
+      slotPropValue,
+      childPropValue
+    ].filter(Boolean).join(" ");
+  }
+  return {
+    ...slotProps,
+    ...overrideProps
+  };
+}
+
 // src/components/hooks/useDebounce.ts
 import { useState, useEffect } from "react";
 function useDebounce(value, delay) {
@@ -22722,22 +23186,6 @@ function useToast() {
   return { toast, toasts };
 }
 
-// node_modules/@babel/runtime/helpers/esm/extends.js
-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);
-}
-
 // node_modules/@radix-ui/react-accordion/dist/index.mjs
 import $3DjNB$react from "react";
 
@@ -22837,90 +23285,6 @@ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
 
 // node_modules/@radix-ui/react-collection/dist/index.mjs
 import $6vYhU$react from "react";
-
-// node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import { useCallback as $3vqmr$useCallback } from "react";
-function $6ed0406888f73fc4$var$setRef(ref, value) {
-  if (typeof ref === "function") ref(value);
-  else if (ref !== null && ref !== void 0) ref.current = value;
-}
-function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-  return (node) => refs.forEach(
-    (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
-  );
-}
-function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
-  return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
-}
-
-// node_modules/@radix-ui/react-slot/dist/index.mjs
-import { forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment } from "react";
-var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ $9IrjX$forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = $9IrjX$Children.toArray(children);
-  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-  if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);
-        return /* @__PURE__ */ $9IrjX$isValidElement(newElement) ? newElement.props.children : null;
-      } else return child;
-    });
-    return /* @__PURE__ */ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-      ref: forwardedRef
-    }), /* @__PURE__ */ $9IrjX$isValidElement(newElement) ? /* @__PURE__ */ $9IrjX$cloneElement(newElement, void 0, newChildren) : null);
-  }
-  return /* @__PURE__ */ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-    ref: forwardedRef
-  }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
-var $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ $9IrjX$forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if (/* @__PURE__ */ $9IrjX$isValidElement(children)) return /* @__PURE__ */ $9IrjX$cloneElement(children, {
-    ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-    ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-  });
-  return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
-var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
-  return /* @__PURE__ */ $9IrjX$createElement($9IrjX$Fragment, null, children);
-};
-function $5e63c961fc1ce211$var$isSlottable(child) {
-  return /* @__PURE__ */ $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-}
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-  const overrideProps = {
-    ...childProps
-  };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
-        childPropValue(...args);
-        slotPropValue(...args);
-      };
-      else if (slotPropValue) overrideProps[propName] = slotPropValue;
-    } else if (propName === "style") overrideProps[propName] = {
-      ...slotPropValue,
-      ...childPropValue
-    };
-    else if (propName === "className") overrideProps[propName] = [
-      slotPropValue,
-      childPropValue
-    ].filter(Boolean).join(" ");
-  }
-  return {
-    ...slotProps,
-    ...overrideProps
-  };
-}
-
-// node_modules/@radix-ui/react-collection/dist/index.mjs
 function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope2] = $c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME2);
@@ -23674,6 +24038,7 @@ var Icon_default = {
 };
 
 // src/components/Icon.tsx
+import { jsx } from "react/jsx-runtime";
 function Icon({
   size = "sm",
   variant,
@@ -23683,22 +24048,22 @@ function Icon({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     $5e63c961fc1ce211$export$8c6ed5c666ac1360,
     {
       ...props,
       className: (0, import_classnames.default)(Icon_default.icon, className, size && Icon_default[size]),
-      style: { ...style, transform: rotate ? `rotate(${rotate}deg)` : void 0 }
-    },
-    children
+      style: { ...style, transform: rotate ? `rotate(${rotate}deg)` : void 0 },
+      children
+    }
   );
 }
 
 // node_modules/react-icons/lib/iconBase.mjs
-import React3 from "react";
+import React2 from "react";
 
 // node_modules/react-icons/lib/iconContext.mjs
-import React2 from "react";
+import React from "react";
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -23706,7 +24071,7 @@ var DefaultContext = {
   style: void 0,
   attr: void 0
 };
-var IconContext = React2.createContext && /* @__PURE__ */ React2.createContext(DefaultContext);
+var IconContext = React.createContext && /* @__PURE__ */ React.createContext(DefaultContext);
 
 // node_modules/react-icons/lib/iconBase.mjs
 var _excluded = ["attr", "size", "title"];
@@ -23795,12 +24160,12 @@ function _toPrimitive(t, r2) {
   return ("string" === r2 ? String : Number)(t);
 }
 function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ React3.createElement(node.tag, _objectSpread({
+  return tree && tree.map((node, i) => /* @__PURE__ */ React2.createElement(node.tag, _objectSpread({
     key: i
   }, node.attr), Tree2Element(node.child)));
 }
 function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React3.createElement(IconBase, _extends2({
+  return (props) => /* @__PURE__ */ React2.createElement(IconBase, _extends2({
     attr: _objectSpread({}, data.attr)
   }, props), Tree2Element(data.child));
 }
@@ -23815,7 +24180,7 @@ function IconBase(props) {
     var className;
     if (conf.className) className = conf.className;
     if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React3.createElement("svg", _extends2({
+    return /* @__PURE__ */ React2.createElement("svg", _extends2({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -23827,9 +24192,9 @@ function IconBase(props) {
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ React3.createElement("title", null, title), props.children);
+    }), title && /* @__PURE__ */ React2.createElement("title", null, title), props.children);
   };
-  return IconContext !== void 0 ? /* @__PURE__ */ React3.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+  return IconContext !== void 0 ? /* @__PURE__ */ React2.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
 }
 
 // node_modules/react-icons/pi/index.mjs
@@ -23943,22 +24308,26 @@ var Accordion_default = {
 };
 
 // src/components/Accordion.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Accordion({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement($1bf158f521e1b1b4$export$be92b6f5f03c0fe9, { ...props, className: (0, import_classnames2.default)(Accordion_default.accordion, className) }, children);
+  return /* @__PURE__ */ jsx2($1bf158f521e1b1b4$export$be92b6f5f03c0fe9, { ...props, className: (0, import_classnames2.default)(Accordion_default.accordion, className), children });
 }
 function AccordionItem({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement($1bf158f521e1b1b4$export$6d08773d2e66f8f2, { ...props, className: (0, import_classnames2.default)(Accordion_default.item, className) }, children);
+  return /* @__PURE__ */ jsx2($1bf158f521e1b1b4$export$6d08773d2e66f8f2, { ...props, className: (0, import_classnames2.default)(Accordion_default.item, className), children });
 }
 function AccordionHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($1bf158f521e1b1b4$export$8b251419efc915eb, { ...props, className: (0, import_classnames2.default)(Accordion_default.header, className) }, /* @__PURE__ */ React.createElement($1bf158f521e1b1b4$export$41fb9f06171c75f4, { className: Accordion_default.trigger }, children, /* @__PURE__ */ React.createElement(Icon, { className: Accordion_default.icon, size: "sm" }, /* @__PURE__ */ React.createElement(Icons.Chevron, null))));
+  return /* @__PURE__ */ jsx2($1bf158f521e1b1b4$export$8b251419efc915eb, { ...props, className: (0, import_classnames2.default)(Accordion_default.header, className), children: /* @__PURE__ */ jsxs($1bf158f521e1b1b4$export$41fb9f06171c75f4, { className: Accordion_default.trigger, children: [
+    children,
+    /* @__PURE__ */ jsx2(Icon, { className: Accordion_default.icon, size: "sm", children: /* @__PURE__ */ jsx2(Icons.Chevron, {}) })
+  ] }) });
 }
 function AccordionContent({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($1bf158f521e1b1b4$export$7c6e2c02157bb7d2, { ...props, className: (0, import_classnames2.default)(Accordion_default.content, className) }, children);
+  return /* @__PURE__ */ jsx2($1bf158f521e1b1b4$export$7c6e2c02157bb7d2, { ...props, className: (0, import_classnames2.default)(Accordion_default.content, className), children });
 }
 
 // src/components/AlertBanner.tsx
 var import_classnames3 = __toESM(require_classnames());
-import React4, { createElement } from "react";
+import { createElement } from "react";
 
 // src/components/AlertBanner.module.css
 var AlertBanner_default = {
@@ -23971,6 +24340,7 @@ var AlertBanner_default = {
 };
 
 // src/components/AlertBanner.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function AlertBanner({
   title,
   description,
@@ -23982,7 +24352,15 @@ function AlertBanner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React4.createElement("div", { ...props, className: (0, import_classnames3.default)(AlertBanner_default.banner, className, variant && AlertBanner_default[variant]) }, (icon || variant) && /* @__PURE__ */ React4.createElement(Icon, { size: "md" }, variant ? createElement(AlertIcons[variant]) : icon), /* @__PURE__ */ React4.createElement("div", { className: AlertBanner_default.message }, /* @__PURE__ */ React4.createElement("div", { className: AlertBanner_default.title }, title), description && /* @__PURE__ */ React4.createElement("div", { className: AlertBanner_default.description }, description)), children, allowClose && /* @__PURE__ */ React4.createElement(Icon, { className: AlertBanner_default.close, onClick: onClose }, /* @__PURE__ */ React4.createElement(Icons.Close, null)));
+  return /* @__PURE__ */ jsxs2("div", { ...props, className: (0, import_classnames3.default)(AlertBanner_default.banner, className, variant && AlertBanner_default[variant]), children: [
+    (icon || variant) && /* @__PURE__ */ jsx3(Icon, { size: "md", children: variant ? createElement(AlertIcons[variant]) : icon }),
+    /* @__PURE__ */ jsxs2("div", { className: AlertBanner_default.message, children: [
+      /* @__PURE__ */ jsx3("div", { className: AlertBanner_default.title, children: title }),
+      description && /* @__PURE__ */ jsx3("div", { className: AlertBanner_default.description, children: description })
+    ] }),
+    children,
+    allowClose && /* @__PURE__ */ jsx3(Icon, { className: AlertBanner_default.close, onClick: onClose, children: /* @__PURE__ */ jsx3(Icons.Close, {}) })
+  ] });
 }
 var AlertIcons = {
   error: Icons.Alert,
@@ -23990,7 +24368,7 @@ var AlertIcons = {
 };
 
 // src/components/AlertDialog.tsx
-var import_classnames7 = __toESM(require_classnames());
+var import_classnames8 = __toESM(require_classnames());
 
 // src/components/Dialog.tsx
 var import_classnames4 = __toESM(require_classnames());
@@ -24002,15 +24380,76 @@ var Dialog_default = {
 };
 
 // src/components/Dialog.tsx
-function _Dialog({ title, children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($de32f1b87079253c$export$3ddf2d174ce01153, { ...props, className: (0, import_classnames4.default)(Dialog_default.dialog, className) }, ({ close }) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, title && /* @__PURE__ */ React.createElement("div", { className: Dialog_default.title }, title), typeof children === "function" ? children({ close }) : children);
-  });
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function Dialog({ title, children, className, ...props }) {
+  return /* @__PURE__ */ jsx4($de32f1b87079253c$export$3ddf2d174ce01153, { ...props, className: (0, import_classnames4.default)(Dialog_default.dialog, className), children: ({ close }) => {
+    return /* @__PURE__ */ jsxs3(Fragment, { children: [
+      title && /* @__PURE__ */ jsx4("div", { className: Dialog_default.title, children: title }),
+      typeof children === "function" ? children({ close }) : children
+    ] });
+  } });
 }
 
 // src/components/Flexbox.tsx
+var import_classnames6 = __toESM(require_classnames());
+
+// src/components/Box.tsx
 var import_classnames5 = __toESM(require_classnames());
 
+// src/components/Box.module.css
+var Box_default = {
+  "font-size-xs": "Box_font-size-xs",
+  "font-size-sm": "Box_font-size-sm",
+  "font-size-md": "Box_font-size-md",
+  "font-size-lg": "Box_font-size-lg",
+  "font-size-xl": "Box_font-size-xl",
+  "border-radius-sm": "Box_border-radius-sm",
+  "border-radius-md": "Box_border-radius-md",
+  "border-radius-lg": "Box_border-radius-lg",
+  "border-radius-full": "Box_border-radius-full",
+  "gap-xs": "Box_gap-xs",
+  "gap-sm": "Box_gap-sm",
+  "gap-md": "Box_gap-md",
+  "gap-lg": "Box_gap-lg",
+  "gap-xl": "Box_gap-xl",
+  "shadow-1": "Box_shadow-1",
+  "shadow-2": "Box_shadow-2",
+  "shadow-3": "Box_shadow-3",
+  "shadow-4": "Box_shadow-4",
+  "shadow-5": "Box_shadow-5",
+  "shadow-6": "Box_shadow-6"
+};
+
+// src/components/Box.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Box({
+  className,
+  spacing,
+  fontSize,
+  borderRadius,
+  shadow,
+  gap,
+  asChild,
+  children,
+  ...props
+}) {
+  const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "div";
+  return /* @__PURE__ */ jsx5(
+    Component,
+    {
+      ...props,
+      className: (0, import_classnames5.default)(
+        className,
+        fontSize && Box_default[`font-size-${fontSize}`],
+        gap && Box_default[`gap-${gap}`],
+        shadow && Box_default[`shadow-${shadow}`],
+        spacing && Box_default[`spacing-${spacing}`]
+      ),
+      children
+    }
+  );
+}
+
 // src/components/Flexbox.module.css
 var Flexbox_default = {
   flexbox: "Flexbox_flexbox",
@@ -24105,6 +24544,7 @@ var Flexbox_default = {
 };
 
 // src/components/Flexbox.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Flexbox({
   inline,
   direction,
@@ -24114,8 +24554,6 @@ function Flexbox({
   alignContent,
   alignItems,
   alignSelf,
-  gap,
-  order,
   grow,
   shrink,
   basis,
@@ -24123,13 +24561,13 @@ function Flexbox({
   style,
   className,
   children,
-  ...attributes
+  ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
-    "div",
+  return /* @__PURE__ */ jsx6(
+    Box,
     {
-      ...attributes,
-      className: (0, import_classnames5.default)(
+      ...props,
+      className: (0, import_classnames6.default)(
         Flexbox_default.flexbox,
         className,
         direction && Flexbox_default[direction],
@@ -24139,12 +24577,11 @@ function Flexbox({
         alignContent && Flexbox_default[`align-content-${replace(alignContent)}`],
         alignItems && Flexbox_default[`align-items-${replace(alignItems)}`],
         alignSelf && Flexbox_default[`align-self-${replace(alignSelf)}`],
-        inline && Flexbox_default.inline,
-        spacing && Flexbox_default[`spacing${spacing}`]
+        inline && Flexbox_default.inline
       ),
-      style: { order, gap, flexBasis: basis, flexGrow: grow, flexShrink: shrink, ...style }
-    },
-    children
+      style: { flexBasis: basis, flexGrow: grow, flexShrink: shrink, ...style },
+      children
+    }
   );
 }
 function replace(s) {
@@ -24152,18 +24589,19 @@ function replace(s) {
 }
 
 // src/components/Column.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Column({ reverse, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column" }, children);
+  return /* @__PURE__ */ jsx7(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
 }
 
 // src/components/Row.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Row({ reverse, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row" }, children);
+  return /* @__PURE__ */ jsx8(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
 }
 
 // src/components/Button.tsx
-import React5 from "react";
-var import_classnames6 = __toESM(require_classnames());
+var import_classnames7 = __toESM(require_classnames());
 
 // src/components/Button.module.css
 var Button_default = {
@@ -24176,11 +24614,13 @@ var Button_default = {
   xs: "Button_xs",
   sm: "Button_sm",
   md: "Button_md",
-  lg: "Button_lg"
+  lg: "Button_lg",
+  xl: "Button_xl"
 };
 
 // src/components/Button.tsx
-function _Button({
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Button({
   variant = "secondary",
   size = "md",
   preventFocusOnPress = true,
@@ -24190,19 +24630,19 @@ function _Button({
   ...props
 }) {
   const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ jsx9(
     Component,
     {
       ...props,
-      preventFocusOnPress,
-      className: (0, import_classnames6.default)(
+      preventFocusOnPress: Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? preventFocusOnPress : void 0,
+      className: (0, import_classnames7.default)(
         Button_default.button,
         className,
         variant && Button_default[variant],
         size && Button_default[size]
-      )
-    },
-    children
+      ),
+      children
+    }
   );
 }
 
@@ -24213,6 +24653,7 @@ var AlertDialog_default = {
 };
 
 // src/components/AlertDialog.tsx
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function AlertDialog({
   title,
   description,
@@ -24234,21 +24675,27 @@ function AlertDialog({
     onCancel?.();
     close();
   };
-  return /* @__PURE__ */ React.createElement(_Dialog, { ...props, title, className: (0, import_classnames7.default)(AlertDialog_default.dialog, className) }, ({ close }) => {
-    return /* @__PURE__ */ React.createElement(Column, { spacing: 6 }, typeof children === "function" ? children({ close }) : children, /* @__PURE__ */ React.createElement(Row, { spacing: 3, justifyContent: "end" }, /* @__PURE__ */ React.createElement(_Button, { onPress: () => handleClose(close) }, cancelLabel), /* @__PURE__ */ React.createElement(
-      _Button,
-      {
-        variant: isDanger ? "danger" : "primary",
-        isDisabled: isConfirmDisabled,
-        onPress: () => handleConfirm(close)
-      },
-      confirmLabel
-    )));
-  });
+  return /* @__PURE__ */ jsx10(Dialog, { ...props, title, className: (0, import_classnames8.default)(AlertDialog_default.dialog, className), children: ({ close }) => {
+    return /* @__PURE__ */ jsxs4(Column, { spacing: 6, children: [
+      typeof children === "function" ? children({ close }) : children,
+      /* @__PURE__ */ jsxs4(Row, { spacing: 3, justifyContent: "end", children: [
+        /* @__PURE__ */ jsx10(Button, { onPress: () => handleClose(close), children: cancelLabel }),
+        /* @__PURE__ */ jsx10(
+          Button,
+          {
+            variant: isDanger ? "danger" : "primary",
+            isDisabled: isConfirmDisabled,
+            onPress: () => handleConfirm(close),
+            children: confirmLabel
+          }
+        )
+      ] })
+    ] });
+  } });
 }
 
 // src/components/Breadcrumbs.tsx
-var import_classnames8 = __toESM(require_classnames());
+var import_classnames9 = __toESM(require_classnames());
 
 // src/components/Breadcrumbs.module.css
 var Breadcrumbs_default = {
@@ -24258,15 +24705,19 @@ var Breadcrumbs_default = {
 };
 
 // src/components/Breadcrumbs.tsx
-function _Breadcrumbs({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames8.default)(Breadcrumbs_default.breadcrumbs, className) }, children);
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+function Breadcrumbs({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx11($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames9.default)(Breadcrumbs_default.breadcrumbs, className), children });
 }
-function _Breadcrumb({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames8.default)(Breadcrumbs_default.breadcrumb, className) }, children, /* @__PURE__ */ React.createElement(Icon, { className: Breadcrumbs_default.icon, size: "xs" }, /* @__PURE__ */ React.createElement(Icons.Chevron, null)));
+function Breadcrumb2({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs5($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames9.default)(Breadcrumbs_default.breadcrumb, className), children: [
+    children,
+    /* @__PURE__ */ jsx11(Icon, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx11(Icons.Chevron, {}) })
+  ] });
 }
 
 // src/components/Calendar.tsx
-var import_classnames9 = __toESM(require_classnames());
+var import_classnames10 = __toESM(require_classnames());
 
 // src/components/Calendar.module.css
 var Calendar_default = {
@@ -24279,12 +24730,23 @@ var Calendar_default = {
 };
 
 // src/components/Calendar.tsx
-function _Calendar({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement($dfd62f934fc76fed$export$e1aef45b828286de, { ...props, className: (0, import_classnames9.default)(Calendar_default.calendar, className) }, /* @__PURE__ */ React.createElement("header", { className: Calendar_default.header }, /* @__PURE__ */ React.createElement(_Button, { slot: "previous", className: Calendar_default.button, variant: "quiet" }, /* @__PURE__ */ React.createElement(Icon, { rotate: 180 }, /* @__PURE__ */ React.createElement(Icons.Chevron, null))), /* @__PURE__ */ React.createElement($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }), /* @__PURE__ */ React.createElement(_Button, { slot: "next", className: Calendar_default.button, variant: "quiet" }, /* @__PURE__ */ React.createElement(Icon, null, /* @__PURE__ */ React.createElement(Icons.Chevron, null)))), /* @__PURE__ */ React.createElement($dfd62f934fc76fed$export$5bd780d491cfc46c, null, /* @__PURE__ */ React.createElement($dfd62f934fc76fed$export$22e2d15eaa4d2377, null, (day) => /* @__PURE__ */ React.createElement($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell }, day)), /* @__PURE__ */ React.createElement($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body }, (date) => /* @__PURE__ */ React.createElement($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }))));
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function Calendar({ className, ...props }) {
+  return /* @__PURE__ */ jsxs6($dfd62f934fc76fed$export$e1aef45b828286de, { ...props, className: (0, import_classnames10.default)(Calendar_default.calendar, className), children: [
+    /* @__PURE__ */ jsxs6("header", { className: Calendar_default.header, children: [
+      /* @__PURE__ */ jsx12(Button, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx12(Icon, { rotate: 180, children: /* @__PURE__ */ jsx12(Icons.Chevron, {}) }) }),
+      /* @__PURE__ */ jsx12($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+      /* @__PURE__ */ jsx12(Button, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx12(Icon, { children: /* @__PURE__ */ jsx12(Icons.Chevron, {}) }) })
+    ] }),
+    /* @__PURE__ */ jsxs6($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
+      /* @__PURE__ */ jsx12($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx12($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
+      /* @__PURE__ */ jsx12($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx12($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+    ] })
+  ] });
 }
 
 // src/components/Checkbox.tsx
-var import_classnames10 = __toESM(require_classnames());
+var import_classnames11 = __toESM(require_classnames());
 
 // src/components/Checkbox.module.css
 var Checkbox_default = {
@@ -24294,20 +24756,24 @@ var Checkbox_default = {
 };
 
 // src/components/Checkbox.tsx
-function _Checkbox({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement($bc237834342dbd75$export$48513f6b9f8ce62d, { ...props, className: (0, import_classnames10.default)(Checkbox_default.checkbox, className) }, ({ isIndeterminate, isSelected }) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: Checkbox_default.box }, /* @__PURE__ */ React.createElement(Icon, { className: Checkbox_default.icon, size: "xs" }, isIndeterminate ? /* @__PURE__ */ React.createElement(Icons.Minus, null) : isSelected ? /* @__PURE__ */ React.createElement(Icons.Check, null) : null)), children);
-  });
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+function Checkbox({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx13($bc237834342dbd75$export$48513f6b9f8ce62d, { ...props, className: (0, import_classnames11.default)(Checkbox_default.checkbox, className), children: ({ isIndeterminate, isSelected }) => {
+    return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx13("div", { className: Checkbox_default.box, children: /* @__PURE__ */ jsx13(Icon, { className: Checkbox_default.icon, size: "xs", children: isIndeterminate ? /* @__PURE__ */ jsx13(Icons.Minus, {}) : isSelected ? /* @__PURE__ */ jsx13(Icons.Check, {}) : null }) }),
+      children
+    ] });
+  } });
 }
 
 // src/components/Combobox.tsx
-var import_classnames14 = __toESM(require_classnames());
+var import_classnames15 = __toESM(require_classnames());
 
 // src/components/List.tsx
-var import_classnames12 = __toESM(require_classnames());
+var import_classnames13 = __toESM(require_classnames());
 
 // src/components/ListItem.tsx
-var import_classnames11 = __toESM(require_classnames());
+var import_classnames12 = __toESM(require_classnames());
 
 // src/components/ListItem.module.css
 var ListItem_default = {
@@ -24316,10 +24782,13 @@ var ListItem_default = {
 };
 
 // src/components/ListItem.tsx
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function ListItem({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($eed445e0843c11d0$export$a11e76429ed99b4, { ...props, className: (0, import_classnames11.default)(ListItem_default.item, className) }, children, /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React.createElement(Icon, { size: "sm", className: ListItem_default.check }, /* @__PURE__ */ React.createElement(Icons.Check, null))));
+  return /* @__PURE__ */ jsxs8($eed445e0843c11d0$export$a11e76429ed99b4, { ...props, className: (0, import_classnames12.default)(ListItem_default.item, className), children: [
+    children,
+    /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx14(Icon, { size: "sm", className: ListItem_default.check, children: /* @__PURE__ */ jsx14(Icons.Check, {}) }) })
+  ] });
 }
-var ListItem_default2 = ListItem;
 
 // src/components/List.module.css
 var List_default = {
@@ -24328,17 +24797,18 @@ var List_default = {
 };
 
 // src/components/List.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
 function List({ items, className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames12.default)(List_default.list, className) }, children || items?.map((item, index) => {
+  return /* @__PURE__ */ jsx15($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames13.default)(List_default.list, className), children: children || items?.map((item, index) => {
     if (item === null) {
-      return /* @__PURE__ */ React.createElement($431f98aba6844401$export$1ff3c3f08ae963c0, { key: index, className: List_default.separator });
+      return /* @__PURE__ */ jsx15($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }, index);
     }
-    return /* @__PURE__ */ React.createElement(ListItem_default2, { key: index, id: item }, item);
-  }));
+    return /* @__PURE__ */ jsx15(ListItem, { id: item, children: item }, index);
+  }) });
 }
 
 // src/components/Popover.tsx
-var import_classnames13 = __toESM(require_classnames());
+var import_classnames14 = __toESM(require_classnames());
 
 // src/components/Popover.module.css
 var Popover_default = {
@@ -24347,8 +24817,9 @@ var Popover_default = {
 };
 
 // src/components/Popover.tsx
-function _Popover({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames13.default)(Popover_default.popover, className) }, children);
+import { jsx as jsx16 } from "react/jsx-runtime";
+function Popover({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx16($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames14.default)(Popover_default.popover, className), children });
 }
 
 // src/components/Combobox.module.css
@@ -24362,20 +24833,27 @@ var Combobox_default = {
 };
 
 // src/components/Combobox.tsx
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function Combobox({ items, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($d01f2c01039c0eec$export$72b9695b8216309a, { ...props, className: (0, import_classnames14.default)(Combobox_default.combobox, className) }, /* @__PURE__ */ React.createElement("div", { className: Combobox_default.field }, /* @__PURE__ */ React.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Combobox_default.input }), /* @__PURE__ */ React.createElement($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Combobox_default.button }, /* @__PURE__ */ React.createElement(Icon, { rotate: 90, size: "xs", className: Combobox_default.icon }, /* @__PURE__ */ React.createElement(Icons.Chevron, null)))), /* @__PURE__ */ React.createElement(_Popover, null, /* @__PURE__ */ React.createElement(List, { items, className: Combobox_default.list }, items.map((item) => /* @__PURE__ */ React.createElement(ListItem, { key: item, textValue: item }, item)))));
+  return /* @__PURE__ */ jsxs9($d01f2c01039c0eec$export$72b9695b8216309a, { ...props, className: (0, import_classnames15.default)(Combobox_default.combobox, className), children: [
+    /* @__PURE__ */ jsxs9("div", { className: Combobox_default.field, children: [
+      /* @__PURE__ */ jsx17($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Combobox_default.input }),
+      /* @__PURE__ */ jsx17($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Combobox_default.button, children: /* @__PURE__ */ jsx17(Icon, { rotate: 90, size: "xs", className: Combobox_default.icon, children: /* @__PURE__ */ jsx17(Icons.Chevron, {}) }) })
+    ] }),
+    /* @__PURE__ */ jsx17(Popover, { children: /* @__PURE__ */ jsx17(List, { items, className: Combobox_default.list, children: items.map((item) => /* @__PURE__ */ jsx17(ListItem, { textValue: item, children: item }, item)) }) })
+  ] });
 }
 
 // src/components/ConfirmationDialog.tsx
-var import_classnames18 = __toESM(require_classnames());
+var import_classnames19 = __toESM(require_classnames());
 import { useState as useState5 } from "react";
 
 // src/components/TextField.tsx
 import { useState as useState4 } from "react";
-var import_classnames16 = __toESM(require_classnames());
+var import_classnames17 = __toESM(require_classnames());
 
 // src/components/CopyButton.tsx
-var import_classnames15 = __toESM(require_classnames());
+var import_classnames16 = __toESM(require_classnames());
 import { useState as useState3, useRef } from "react";
 
 // src/components/CopyButton.module.css
@@ -24385,6 +24863,7 @@ var CopyButton_default = {
 };
 
 // src/components/CopyButton.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
 var TIMEOUT = 2e3;
 function CopyButton({ value, className, children, ...props }) {
   const [copied, setCopied] = useState3(false);
@@ -24397,7 +24876,7 @@ function CopyButton({ value, className, children, ...props }) {
       timeout.current = +setTimeout(() => setCopied(false), TIMEOUT);
     }
   };
-  return /* @__PURE__ */ React.createElement(Icon, { ...props, className: (0, import_classnames15.default)(CopyButton_default.icon, className), onClick: handleCopy }, copied ? /* @__PURE__ */ React.createElement(Icons.Check, null) : /* @__PURE__ */ React.createElement(Icons.Copy, null));
+  return /* @__PURE__ */ jsx18(Icon, { ...props, className: (0, import_classnames16.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ jsx18(Icons.Check, {}) : /* @__PURE__ */ jsx18(Icons.Copy, {}) });
 }
 
 // src/components/Field.module.css
@@ -24414,7 +24893,8 @@ var TextField_default = {
 };
 
 // src/components/TextField.tsx
-function _TextField({
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+function TextField({
   value,
   defaultValue,
   asTextArea,
@@ -24429,18 +24909,21 @@ function _TextField({
     setInputValue(e.target.value);
     return onChange?.(e);
   };
-  return /* @__PURE__ */ React.createElement($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, className: (0, import_classnames16.default)(Field_default.field, className) }, /* @__PURE__ */ React.createElement(
-    Component,
-    {
-      value: inputValue,
-      className: (0, import_classnames16.default)(Field_default.input, asTextArea && TextField_default.textarea),
-      onChange: handleChange
-    }
-  ), allowCopy && /* @__PURE__ */ React.createElement(CopyButton, { className: TextField_default.copy, value: inputValue }));
+  return /* @__PURE__ */ jsxs10($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, className: (0, import_classnames17.default)(Field_default.field, className), children: [
+    /* @__PURE__ */ jsx19(
+      Component,
+      {
+        value: inputValue,
+        className: (0, import_classnames17.default)(Field_default.input, asTextArea && TextField_default.textarea),
+        onChange: handleChange
+      }
+    ),
+    allowCopy && /* @__PURE__ */ jsx19(CopyButton, { className: TextField_default.copy, value: inputValue })
+  ] });
 }
 
 // src/components/Text.tsx
-var import_classnames17 = __toESM(require_classnames());
+var import_classnames18 = __toESM(require_classnames());
 
 // src/components/Text.module.css
 var Text_default = {
@@ -24463,22 +24946,23 @@ var Text_default = {
 };
 
 // src/components/Text.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Text({ children, type, size, spacing, weight, asChild, className, ...props }) {
   const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "span";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx20(
     Component,
     {
       ...props,
-      className: (0, import_classnames17.default)(
+      className: (0, import_classnames18.default)(
         Text_default.text,
         className,
         size && Text_default[size],
         spacing && Text_default[spacing],
         type && Text_default[type],
         weight && Text_default[weight]
-      )
-    },
-    children
+      ),
+      children
+    }
   );
 }
 
@@ -24489,6 +24973,7 @@ var ConfirmationDialog_default = {
 };
 
 // src/components/ConfirmationDialog.tsx
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -24500,25 +24985,33 @@ function ConfirmationDialog({
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx21(
     AlertDialog,
     {
       ...props,
-      className: (0, import_classnames18.default)(ConfirmationDialog_default.dialog, className),
-      isConfirmDisabled: !canSave
-    },
-    ({ close }) => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, typeof children === "function" ? children({ close }) : children, /* @__PURE__ */ React.createElement(Text, null, confirmMessage || "Type the following value to confirm", ":"), /* @__PURE__ */ React.createElement("div", { className: ConfirmationDialog_default.value }, value), /* @__PURE__ */ React.createElement(_TextField, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange }));
+      className: (0, import_classnames19.default)(ConfirmationDialog_default.dialog, className),
+      isConfirmDisabled: !canSave,
+      children: ({ close }) => {
+        return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          typeof children === "function" ? children({ close }) : children,
+          /* @__PURE__ */ jsxs11(Text, { children: [
+            confirmMessage || "Type the following value to confirm",
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx21("div", { className: ConfirmationDialog_default.value, children: value }),
+          /* @__PURE__ */ jsx21(TextField, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
+        ] });
+      }
     }
   );
 }
 
 // src/components/DataTable.tsx
-var import_classnames20 = __toESM(require_classnames());
+var import_classnames21 = __toESM(require_classnames());
 import { Children } from "react";
 
 // src/components/Table.tsx
-var import_classnames19 = __toESM(require_classnames());
+var import_classnames20 = __toESM(require_classnames());
 
 // src/components/Table.module.css
 var Table_default = {
@@ -24534,31 +25027,32 @@ var Table_default = {
 };
 
 // src/components/Table.tsx
-function _Table({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($1910c06f0ca9905e$export$54ec01a60f47d33d, { ...props, className: (0, import_classnames19.default)(Table_default.table, className), "aria-label": "Table" }, children);
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Table({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx22($1910c06f0ca9905e$export$54ec01a60f47d33d, { ...props, className: (0, import_classnames20.default)(Table_default.table, className), "aria-label": "Table", children });
 }
-function _TableHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($1910c06f0ca9905e$export$f850895b287ef28e, { ...props, className: (0, import_classnames19.default)(Table_default.header, className) }, children);
+function TableHeader({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx22($1910c06f0ca9905e$export$f850895b287ef28e, { ...props, className: (0, import_classnames20.default)(Table_default.header, className), children });
 }
-function _TableBody({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames19.default)(Table_default.body, className) }, children);
+function TableBody({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx22($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames20.default)(Table_default.body, className), children });
 }
 function TableRow({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($1910c06f0ca9905e$export$b59bdbef9ce70de2, { ...props, className: (0, import_classnames19.default)(Table_default.row, className) }, children);
+  return /* @__PURE__ */ jsx22($1910c06f0ca9905e$export$b59bdbef9ce70de2, { ...props, className: (0, import_classnames20.default)(Table_default.row, className), children });
 }
 function TableColumn({ children, className, alignment, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx22(
     $1910c06f0ca9905e$export$816b5d811295e6bc,
     {
       ...props,
-      className: (0, import_classnames19.default)(Table_default.column, className, alignment && Table_default[alignment]),
-      isRowHeader: true
-    },
-    children
+      className: (0, import_classnames20.default)(Table_default.column, className, alignment && Table_default[alignment]),
+      isRowHeader: true,
+      children
+    }
   );
 }
 function TableCell({ children, className, alignment, ...props }) {
-  return /* @__PURE__ */ React.createElement($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames19.default)(Table_default.cell, className, alignment && Table_default[alignment]) }, children);
+  return /* @__PURE__ */ jsx22($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames20.default)(Table_default.cell, className, alignment && Table_default[alignment]), children });
 }
 
 // src/components/DataTable.module.css
@@ -24568,27 +25062,32 @@ var DataTable_default = {
 };
 
 // src/components/DataTable.tsx
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { createElement as createElement2 } from "react";
 function DataTable({ data = [], className, children, ...props }) {
   const columns = Children.map(children, (child) => {
     return { ...child.props, value: child.props.children };
   });
-  return /* @__PURE__ */ React.createElement(_Table, { ...props, className: (0, import_classnames20.default)(DataTable_default.datatable, className) }, /* @__PURE__ */ React.createElement(_TableHeader, null, columns.map(({ id, label, hidden, ...columnProps }) => {
-    if (hidden) {
-      return null;
-    }
-    return /* @__PURE__ */ React.createElement(TableColumn, { ...columnProps, key: id, id }, label);
-  })), /* @__PURE__ */ React.createElement(_TableBody, { items: data }, (row) => {
-    return /* @__PURE__ */ React.createElement(TableRow, null, columns.map(({ id, value, className: className2, ...cellProps }) => {
-      return /* @__PURE__ */ React.createElement(TableCell, { ...cellProps, key: id, className: (0, import_classnames20.default)(DataTable_default.cell, className2) }, !value && row[id], typeof value === "function" ? value(row, id) : value);
-    }));
-  }));
+  return /* @__PURE__ */ jsxs12(Table, { ...props, className: (0, import_classnames21.default)(DataTable_default.datatable, className), children: [
+    /* @__PURE__ */ jsx23(TableHeader, { children: columns.map(({ id, label, hidden, ...columnProps }) => {
+      if (hidden) {
+        return null;
+      }
+      return /* @__PURE__ */ createElement2(TableColumn, { ...columnProps, key: id, id }, label);
+    }) }),
+    /* @__PURE__ */ jsx23(TableBody, { items: data, children: (row) => {
+      return /* @__PURE__ */ jsx23(TableRow, { children: columns.map(({ id, value, className: className2, ...cellProps }) => {
+        return /* @__PURE__ */ createElement2(TableCell, { ...cellProps, key: id, className: (0, import_classnames21.default)(DataTable_default.cell, className2) }, !value && row[id], typeof value === "function" ? value(row, id) : value);
+      }) });
+    } })
+  ] });
 }
 function DataColumn(props) {
   return null;
 }
 
 // src/components/Dots.tsx
-var import_classnames21 = __toESM(require_classnames());
+var import_classnames22 = __toESM(require_classnames());
 
 // src/components/Dots.module.css
 var Dots_default = {
@@ -24598,12 +25097,17 @@ var Dots_default = {
 };
 
 // src/components/Dots.tsx
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function Dots({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement("div", { ...props, className: (0, import_classnames21.default)(Dots_default.dots, className) }, /* @__PURE__ */ React.createElement("div", { className: Dots_default.dot }), /* @__PURE__ */ React.createElement("div", { className: Dots_default.dot }), /* @__PURE__ */ React.createElement("div", { className: Dots_default.dot }));
+  return /* @__PURE__ */ jsxs13("div", { ...props, className: (0, import_classnames22.default)(Dots_default.dots, className), children: [
+    /* @__PURE__ */ jsx24("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx24("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx24("div", { className: Dots_default.dot })
+  ] });
 }
 
 // src/components/Heading.tsx
-var import_classnames22 = __toESM(require_classnames());
+var import_classnames23 = __toESM(require_classnames());
 
 // src/components/Heading.module.css
 var Heading_default = {
@@ -24620,20 +25124,21 @@ var Heading_default = {
 };
 
 // src/components/Heading.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Heading({ size = 5, className, children, asChild, ...props }) {
   const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "h1";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx25(
     Component,
     {
       ...props,
-      className: (0, import_classnames22.default)(Heading_default.heading, className, size && Heading_default[`size${size}`])
-    },
-    children
+      className: (0, import_classnames23.default)(Heading_default.heading, className, size && Heading_default[`size${size}`]),
+      children
+    }
   );
 }
 
 // src/components/InlineEditField.tsx
-var import_classnames23 = __toESM(require_classnames());
+var import_classnames24 = __toESM(require_classnames());
 import { useState as useState6, useCallback } from "react";
 
 // src/components/InlineEditField.module.css
@@ -24643,6 +25148,7 @@ var InlineEditField_default = {
 };
 
 // src/components/InlineEditField.tsx
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function InlineEditField({
   value: defaultValue = "",
   defaultEdit,
@@ -24677,31 +25183,33 @@ function InlineEditField({
       handleCancel();
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "aria-label": "Edit",
       ...props,
-      className: (0, import_classnames23.default)(InlineEditField_default.edit, className),
-      onClick: handleEdit
-    },
-    !edit && children,
-    !edit && /* @__PURE__ */ React.createElement(Icon, { className: InlineEditField_default.icon }, /* @__PURE__ */ React.createElement(Icons.Edit, null)),
-    edit && /* @__PURE__ */ React.createElement(
-      _TextField,
-      {
-        value,
-        onKeyDown: handleKeyDown,
-        onBlur: handleCommit,
-        onChange: handleChange,
-        autoFocus: true
-      }
-    )
+      className: (0, import_classnames24.default)(InlineEditField_default.edit, className),
+      onClick: handleEdit,
+      children: [
+        !edit && children,
+        !edit && /* @__PURE__ */ jsx26(Icon, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx26(Icons.Edit, {}) }),
+        edit && /* @__PURE__ */ jsx26(
+          TextField,
+          {
+            value,
+            onKeyDown: handleKeyDown,
+            onBlur: handleCommit,
+            onChange: handleChange,
+            autoFocus: true
+          }
+        )
+      ]
+    }
   );
 }
 
 // src/components/Label.tsx
-var import_classnames24 = __toESM(require_classnames());
+var import_classnames25 = __toESM(require_classnames());
 
 // src/components/Label.module.css
 var Label_default = {
@@ -24709,15 +25217,16 @@ var Label_default = {
 };
 
 // src/components/Label.tsx
-function _Label({ asChild, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames24.default)(Label_default.label, className) });
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Label({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx27($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames25.default)(Label_default.label, className) });
 }
 
 // src/components/Loading.tsx
-var import_classnames26 = __toESM(require_classnames());
+var import_classnames27 = __toESM(require_classnames());
 
 // src/components/Spinner.tsx
-var import_classnames25 = __toESM(require_classnames());
+var import_classnames26 = __toESM(require_classnames());
 
 // src/components/Spinner.module.css
 var Spinner_default = {
@@ -24734,17 +25243,21 @@ var Spinner_default = {
 };
 
 // src/components/Spinner.tsx
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function Spinner(props) {
   const { size = "lg", quiet, className, ...domProps } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       ...domProps,
-      className: (0, import_classnames25.default)(Spinner_default.spinner, className, Spinner_default[`size-${size}`], {
+      className: (0, import_classnames26.default)(Spinner_default.spinner, className, Spinner_default[`size-${size}`], {
         [Spinner_default.quiet]: quiet
-      })
-    },
-    /* @__PURE__ */ React.createElement("svg", { viewBox: "25 25 50 50" }, /* @__PURE__ */ React.createElement("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }), /* @__PURE__ */ React.createElement("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" }))
+      }),
+      children: /* @__PURE__ */ jsxs15("svg", { viewBox: "25 25 50 50", children: [
+        /* @__PURE__ */ jsx28("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
+        /* @__PURE__ */ jsx28("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
+      ] })
+    }
   );
 }
 
@@ -24757,21 +25270,29 @@ var Loading_default = {
 };
 
 // src/components/Loading.tsx
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 function Loading(props) {
   const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
-  return /* @__PURE__ */ React.createElement("div", { ...domProps, className: (0, import_classnames26.default)(Loading_default.loading, className, Loading_default[position]) }, icon === "dots" && /* @__PURE__ */ React.createElement(Dots, null), icon === "spinner" && /* @__PURE__ */ React.createElement(Spinner, { size }));
+  return /* @__PURE__ */ jsxs16("div", { ...domProps, className: (0, import_classnames27.default)(Loading_default.loading, className, Loading_default[position]), children: [
+    icon === "dots" && /* @__PURE__ */ jsx29(Dots, {}),
+    icon === "spinner" && /* @__PURE__ */ jsx29(Spinner, { size })
+  ] });
 }
 
 // src/components/LoadingButton.tsx
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 function LoadingButton({ isLoading, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(_Button, { ...props }, isLoading && /* @__PURE__ */ React.createElement(Icon, { size: "sm" }, /* @__PURE__ */ React.createElement(Spinner, null)), children);
+  return /* @__PURE__ */ jsxs17(Button, { ...props, children: [
+    isLoading && /* @__PURE__ */ jsx30(Icon, { size: "sm", children: /* @__PURE__ */ jsx30(Spinner, {}) }),
+    children
+  ] });
 }
 
 // src/components/Menu.tsx
-var import_classnames28 = __toESM(require_classnames());
+var import_classnames29 = __toESM(require_classnames());
 
 // src/components/MenuItem.tsx
-var import_classnames27 = __toESM(require_classnames());
+var import_classnames28 = __toESM(require_classnames());
 
 // src/components/MenuItem.module.css
 var MenuItem_default = {
@@ -24780,8 +25301,12 @@ var MenuItem_default = {
 };
 
 // src/components/MenuItem.tsx
-function _MenuItem({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames27.default)(MenuItem_default.item, className) }, children, /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React.createElement(Icon, { className: MenuItem_default.check }, /* @__PURE__ */ React.createElement(Icons.Check, null))));
+import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+function MenuItem2({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs18($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames28.default)(MenuItem_default.item, className), children: [
+    children,
+    /* @__PURE__ */ jsx31("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx31(Icon, { className: MenuItem_default.check, children: /* @__PURE__ */ jsx31(Icons.Check, {}) }) })
+  ] });
 }
 
 // src/components/Menu.module.css
@@ -24791,17 +25316,18 @@ var Menu_default = {
 };
 
 // src/components/Menu.tsx
-function _Menu({ items, className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames28.default)(Menu_default.menu, className) }, children || items?.map((item, index) => {
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Menu({ items, className, children, ...props }) {
+  return /* @__PURE__ */ jsx32($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames29.default)(Menu_default.menu, className), children: children || items?.map((item, index) => {
     if (item === null) {
-      return /* @__PURE__ */ React.createElement($431f98aba6844401$export$1ff3c3f08ae963c0, { key: index, className: Menu_default.separator });
+      return /* @__PURE__ */ jsx32($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
     }
-    return /* @__PURE__ */ React.createElement(_MenuItem, { key: index, id: item }, item);
-  }));
+    return /* @__PURE__ */ jsx32(MenuItem2, { id: item, children: item }, index);
+  }) });
 }
 
 // src/components/Modal.tsx
-var import_classnames29 = __toESM(require_classnames());
+var import_classnames30 = __toESM(require_classnames());
 
 // src/components/Modal.module.css
 var Modal_default = {
@@ -24812,16 +25338,17 @@ var Modal_default = {
 };
 
 // src/components/Modal.tsx
-function _Modal({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay }, /* @__PURE__ */ React.createElement(
+import { jsx as jsx33 } from "react/jsx-runtime";
+function Modal({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx33($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, children: /* @__PURE__ */ jsx33(
     $f3f84453ead64de5$export$2b77a92f1a5ad772,
     {
-      className: (0, import_classnames29.default)(Modal_default.modal, className),
+      className: (0, import_classnames30.default)(Modal_default.modal, className),
       isDismissable: true,
-      isKeyboardDismissDisabled: true
-    },
-    children
-  ));
+      isKeyboardDismissDisabled: true,
+      children
+    }
+  ) });
 }
 
 // src/components/PasswordField.tsx
@@ -24835,15 +25362,19 @@ var PasswordField_default = {
 };
 
 // src/components/PasswordField.tsx
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 function PasswordField({ ...props }) {
   const [show, setShow] = useState7(false);
   const type = show ? "text" : "password";
   const handleShowPassword = () => setShow((state) => !state);
-  return /* @__PURE__ */ React.createElement($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, className: PasswordField_default.field }, /* @__PURE__ */ React.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: PasswordField_default.input }), /* @__PURE__ */ React.createElement(Icon, { onClick: handleShowPassword, className: PasswordField_default.icon }, show ? /* @__PURE__ */ React.createElement(Icons.EyeSlash, null) : /* @__PURE__ */ React.createElement(Icons.Eye, null)));
+  return /* @__PURE__ */ jsxs19($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, className: PasswordField_default.field, children: [
+    /* @__PURE__ */ jsx34($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: PasswordField_default.input }),
+    /* @__PURE__ */ jsx34(Icon, { onClick: handleShowPassword, className: PasswordField_default.icon, children: show ? /* @__PURE__ */ jsx34(Icons.EyeSlash, {}) : /* @__PURE__ */ jsx34(Icons.Eye, {}) })
+  ] });
 }
 
 // src/components/Page.tsx
-var import_classnames30 = __toESM(require_classnames());
+var import_classnames31 = __toESM(require_classnames());
 
 // src/components/Page.module.css
 var Page_default = {
@@ -24851,12 +25382,13 @@ var Page_default = {
 };
 
 // src/components/Page.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Page({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement("div", { ...props, className: (0, import_classnames30.default)(Page_default.page, className) }, children);
+  return /* @__PURE__ */ jsx35("div", { ...props, className: (0, import_classnames31.default)(Page_default.page, className), children });
 }
 
 // src/components/ProgressBar.tsx
-var import_classnames31 = __toESM(require_classnames());
+var import_classnames32 = __toESM(require_classnames());
 
 // src/components/ProgressBar.module.css
 var ProgressBar_default = {
@@ -24867,14 +25399,18 @@ var ProgressBar_default = {
 };
 
 // src/components/ProgressBar.tsx
-function _ProgressBar({ className, showValue, ...props }) {
-  return /* @__PURE__ */ React.createElement($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames31.default)(ProgressBar_default.progressbar, className) }, ({ percentage = 0, valueText }) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: ProgressBar_default.track }, /* @__PURE__ */ React.createElement("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } })), showValue && /* @__PURE__ */ React.createElement("div", { className: ProgressBar_default.value }, valueText));
-  });
+import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
+function ProgressBar({ className, showValue, ...props }) {
+  return /* @__PURE__ */ jsx36($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames32.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+    return /* @__PURE__ */ jsxs20(Fragment4, { children: [
+      /* @__PURE__ */ jsx36("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx36("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showValue && /* @__PURE__ */ jsx36("div", { className: ProgressBar_default.value, children: valueText })
+    ] });
+  } });
 }
 
 // src/components/ProgressCircle.tsx
-var import_classnames32 = __toESM(require_classnames());
+var import_classnames33 = __toESM(require_classnames());
 
 // src/components/ProgressCircle.module.css
 var ProgressCircle_default = {
@@ -24885,27 +25421,34 @@ var ProgressCircle_default = {
 };
 
 // src/components/ProgressCircle.tsx
+import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
 function ProgressCircle({ className, showValue, ...props }) {
-  return /* @__PURE__ */ React.createElement($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames32.default)(ProgressCircle_default.progresscircle, className) }, ({ percentage = 0, valueText }) => {
+  return /* @__PURE__ */ jsx37($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames33.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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React.createElement("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }), /* @__PURE__ */ React.createElement(
-      "circle",
-      {
-        className: ProgressCircle_default.fill,
-        cx: "50",
-        cy: "50",
-        r: "45",
-        strokeDasharray: `${circumference} ${circumference}`,
-        strokeDashoffset: offset
-      }
-    )), showValue && /* @__PURE__ */ React.createElement("label", { className: ProgressCircle_default.value }, valueText));
-  });
+    return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+      /* @__PURE__ */ jsxs21("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx37("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ jsx37(
+          "circle",
+          {
+            className: ProgressCircle_default.fill,
+            cx: "50",
+            cy: "50",
+            r: "45",
+            strokeDasharray: `${circumference} ${circumference}`,
+            strokeDashoffset: offset
+          }
+        )
+      ] }),
+      showValue && /* @__PURE__ */ jsx37("label", { className: ProgressCircle_default.value, children: valueText })
+    ] });
+  } });
 }
 
 // src/components/RadioGroup.tsx
-var import_classnames33 = __toESM(require_classnames());
+var import_classnames34 = __toESM(require_classnames());
 
 // src/components/RadioGroup.module.css
 var RadioGroup_default = {
@@ -24914,16 +25457,17 @@ var RadioGroup_default = {
 };
 
 // src/components/RadioGroup.tsx
-function _RadioGroup({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, className: (0, import_classnames33.default)(RadioGroup_default.radiogroup, className) }, children);
+import { jsx as jsx38 } from "react/jsx-runtime";
+function RadioGroup({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx38($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, className: (0, import_classnames34.default)(RadioGroup_default.radiogroup, className), children });
 }
-function _Radio({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames33.default)(RadioGroup_default.radio, className) }, children);
+function Radio({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx38($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames34.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
 import { useState as useState8, useEffect as useEffect2 } from "react";
-var import_classnames34 = __toESM(require_classnames());
+var import_classnames35 = __toESM(require_classnames());
 
 // src/components/SearchField.module.css
 var SearchField_default = {
@@ -24932,7 +25476,8 @@ var SearchField_default = {
 };
 
 // src/components/SearchField.tsx
-function _SearchField({ value, delay = 0, onSearch, className, ...props }) {
+import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+function SearchField({ value, delay = 0, onSearch, className, ...props }) {
   const [search, setSearch] = useState8(value ?? "");
   const searchValue = useDebounce(search, delay);
   const handleChange = (e) => {
@@ -24951,13 +25496,17 @@ function _SearchField({ value, delay = 0, onSearch, className, ...props }) {
       onSearch?.(searchValue);
     }
   }, [searchValue, delay, onSearch]);
-  return /* @__PURE__ */ React.createElement($440f4836bcb56932$export$b94867ecbd698f21, { ...props, className: (0, import_classnames34.default)(Field_default.field, className) }, ({ state }) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icons.MagnifyingGlass, { className: (0, import_classnames34.default)(Field_default.icon, SearchField_default.icon) }), /* @__PURE__ */ React.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Field_default.input, onChange: handleChange }), state.value && /* @__PURE__ */ React.createElement($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: SearchField_default.button, onPress: resetSearch }, /* @__PURE__ */ React.createElement(Icon, null, /* @__PURE__ */ React.createElement(Icons.Close, null))));
-  });
+  return /* @__PURE__ */ jsx39($440f4836bcb56932$export$b94867ecbd698f21, { ...props, className: (0, import_classnames35.default)(Field_default.field, className), children: ({ state }) => {
+    return /* @__PURE__ */ jsxs22(Fragment6, { children: [
+      /* @__PURE__ */ jsx39(Icons.MagnifyingGlass, { className: (0, import_classnames35.default)(Field_default.icon, SearchField_default.icon) }),
+      /* @__PURE__ */ jsx39($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Field_default.input, onChange: handleChange }),
+      state.value && /* @__PURE__ */ jsx39($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: SearchField_default.button, onPress: resetSearch, children: /* @__PURE__ */ jsx39(Icon, { children: /* @__PURE__ */ jsx39(Icons.Close, {}) }) })
+    ] });
+  } });
 }
 
 // src/components/Select.tsx
-var import_classnames35 = __toESM(require_classnames());
+var import_classnames36 = __toESM(require_classnames());
 
 // src/components/Select.module.css
 var Select_default = {
@@ -24968,12 +25517,19 @@ var Select_default = {
 };
 
 // src/components/Select.tsx
-function _Select({ children, items = [], value, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($82d7e5349645de74$export$ef9b1a59e592288f, { ...props, className: (0, import_classnames35.default)(Select_default.select, className) }, /* @__PURE__ */ React.createElement($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Select_default.button }, /* @__PURE__ */ React.createElement($82d7e5349645de74$export$e288731fd71264f0, null), /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React.createElement(Icon, { rotate: 90, size: "xs", className: Select_default.icon }, /* @__PURE__ */ React.createElement(Icons.Chevron, null)))), /* @__PURE__ */ React.createElement(_Popover, null, /* @__PURE__ */ React.createElement(List, { items, className: Select_default.list }, children || items.map((item) => /* @__PURE__ */ React.createElement(ListItem_default2, { key: item, id: item, className: Select_default.item }, item)))));
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+function Select({ children, items = [], value, className, ...props }) {
+  return /* @__PURE__ */ jsxs23($82d7e5349645de74$export$ef9b1a59e592288f, { ...props, className: (0, import_classnames36.default)(Select_default.select, className), children: [
+    /* @__PURE__ */ jsxs23($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Select_default.button, children: [
+      /* @__PURE__ */ jsx40($82d7e5349645de74$export$e288731fd71264f0, {}),
+      /* @__PURE__ */ jsx40("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx40(Icon, { rotate: 90, size: "xs", className: Select_default.icon, children: /* @__PURE__ */ jsx40(Icons.Chevron, {}) }) })
+    ] }),
+    /* @__PURE__ */ jsx40(Popover, { children: /* @__PURE__ */ jsx40(List, { items, className: Select_default.list, children: children || items.map((item) => /* @__PURE__ */ jsx40(ListItem, { id: item, className: Select_default.item, children: item }, item)) }) })
+  ] });
 }
 
 // src/components/Slider.tsx
-var import_classnames36 = __toESM(require_classnames());
+var import_classnames37 = __toESM(require_classnames());
 
 // src/components/Slider.module.css
 var Slider_default = {
@@ -24986,23 +25542,31 @@ var Slider_default = {
 };
 
 // src/components/Slider.tsx
-function _Slider({ className, showValue = true, label, ...props }) {
-  return /* @__PURE__ */ React.createElement($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames36.default)(Slider_default.slider, className) }, label && /* @__PURE__ */ React.createElement(_Label, { className: Slider_default.label }, label), showValue && /* @__PURE__ */ React.createElement($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output }), /* @__PURE__ */ React.createElement($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track }, ({ state }) => {
-    const isHorizontal = state.orientation === "horizontal";
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: Slider_default.fill,
-        style: {
-          [isHorizontal ? "width" : "height"]: (isHorizontal ? state.getThumbPercent(0) : 1 - state.getThumbPercent(0)) * 100 + "%"
-        }
-      }
-    ), /* @__PURE__ */ React.createElement($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb }));
-  }));
+import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+function Slider({ className, showValue = true, label, ...props }) {
+  return /* @__PURE__ */ jsxs24($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames37.default)(Slider_default.slider, className), children: [
+    label && /* @__PURE__ */ jsx41(Label, { className: Slider_default.label, children: label }),
+    showValue && /* @__PURE__ */ jsx41($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output }),
+    /* @__PURE__ */ jsx41($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
+      const isHorizontal = state.orientation === "horizontal";
+      return /* @__PURE__ */ jsxs24(Fragment7, { children: [
+        /* @__PURE__ */ jsx41(
+          "div",
+          {
+            className: Slider_default.fill,
+            style: {
+              [isHorizontal ? "width" : "height"]: (isHorizontal ? state.getThumbPercent(0) : 1 - state.getThumbPercent(0)) * 100 + "%"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx41($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
+      ] });
+    } })
+  ] });
 }
 
 // src/components/StatusLight.tsx
-var import_classnames37 = __toESM(require_classnames());
+var import_classnames38 = __toESM(require_classnames());
 
 // src/components/StatusLight.module.css
 var StatusLight_default = {
@@ -25017,19 +25581,23 @@ var StatusLight_default = {
 };
 
 // src/components/StatusLight.tsx
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 function StatusLight(props) {
   const { color, variant = "inactive", children, className, ...domProps } = props;
-  return /* @__PURE__ */ React.createElement("div", { ...domProps, className: (0, import_classnames37.default)(StatusLight_default.statuslight, className) }, /* @__PURE__ */ React.createElement("div", { className: StatusLight_default.bg }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: (0, import_classnames37.default)(StatusLight_default.status, StatusLight_default[variant]),
-      style: { backgroundColor: color }
-    }
-  )), children);
+  return /* @__PURE__ */ jsxs25("div", { ...domProps, className: (0, import_classnames38.default)(StatusLight_default.statuslight, className), children: [
+    /* @__PURE__ */ jsx42("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ jsx42(
+      "div",
+      {
+        className: (0, import_classnames38.default)(StatusLight_default.status, StatusLight_default[variant]),
+        style: { backgroundColor: color }
+      }
+    ) }),
+    children
+  ] });
 }
 
 // src/components/Switch.tsx
-var import_classnames38 = __toESM(require_classnames());
+var import_classnames39 = __toESM(require_classnames());
 
 // src/components/Switch.module.css
 var Switch_default = {
@@ -25039,8 +25607,12 @@ var Switch_default = {
 };
 
 // src/components/Switch.tsx
-function _Switch({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($8e59e948500a8fe1$export$b5d5cf8927ab7262, { ...props, className: (0, import_classnames38.default)(Switch_default.switch, className) }, /* @__PURE__ */ React.createElement("div", { className: Switch_default.track }, /* @__PURE__ */ React.createElement("div", { className: Switch_default.knob })), children);
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+function Switch({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs26($8e59e948500a8fe1$export$b5d5cf8927ab7262, { ...props, className: (0, import_classnames39.default)(Switch_default.switch, className), children: [
+    /* @__PURE__ */ jsx43("div", { className: Switch_default.track, children: /* @__PURE__ */ jsx43("div", { className: Switch_default.knob }) }),
+    children
+  ] });
 }
 
 // src/components/Tabs.module.css
@@ -25052,21 +25624,22 @@ var Tabs_default = {
 };
 
 // src/components/Tabs.tsx
-function _Tabs({ children, ...props }) {
-  return /* @__PURE__ */ React.createElement($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs }, children);
+import { jsx as jsx44 } from "react/jsx-runtime";
+function Tabs({ children, ...props }) {
+  return /* @__PURE__ */ jsx44($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
 }
-function _TabList({ children, ...props }) {
-  return /* @__PURE__ */ React.createElement($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list }, children);
+function TabList({ children, ...props }) {
+  return /* @__PURE__ */ jsx44($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
 }
-function _Tab({ children, ...props }) {
-  return /* @__PURE__ */ React.createElement($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab }, children);
+function Tab({ children, ...props }) {
+  return /* @__PURE__ */ jsx44($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
 }
-function _TabPanel({ children, ...props }) {
-  return /* @__PURE__ */ React.createElement($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel }, children);
+function TabPanel({ children, ...props }) {
+  return /* @__PURE__ */ jsx44($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
 }
 
 // src/components/TextOverflow.tsx
-var import_classnames39 = __toESM(require_classnames());
+var import_classnames40 = __toESM(require_classnames());
 
 // src/components/TextOverflow.module.css
 var TextOverflow_default = {
@@ -25075,13 +25648,14 @@ var TextOverflow_default = {
 };
 
 // src/components/TextOverflow.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
 function TextOverflow({ asChild, children, className, ...props }) {
   const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "div";
-  return /* @__PURE__ */ React.createElement("div", { ...props, className: (0, import_classnames39.default)(TextOverflow_default.wrapper, className) }, /* @__PURE__ */ React.createElement(Component, { className: TextOverflow_default.overflow }, children));
+  return /* @__PURE__ */ jsx45("div", { ...props, className: (0, import_classnames40.default)(TextOverflow_default.wrapper, className), children: /* @__PURE__ */ jsx45(Component, { className: TextOverflow_default.overflow, children }) });
 }
 
 // src/components/TextArea.tsx
-var import_classnames40 = __toESM(require_classnames());
+var import_classnames41 = __toESM(require_classnames());
 
 // src/components/TextArea.module.css
 var TextArea_default = {
@@ -25091,16 +25665,17 @@ var TextArea_default = {
 };
 
 // src/components/TextArea.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
 function TextArea({ resize, className, ...props }) {
-  return /* @__PURE__ */ React.createElement(_TextField, { ...props, className: (0, import_classnames40.default)(resize && TextArea_default[resize]), asTextArea: true });
+  return /* @__PURE__ */ jsx46(TextField, { ...props, className: (0, import_classnames41.default)(resize && TextArea_default[resize]), asTextArea: true });
 }
 
 // src/components/Toast.tsx
-var import_classnames41 = __toESM(require_classnames());
-import { createElement as createElement2 } from "react";
+var import_classnames42 = __toESM(require_classnames());
+import { createElement as createElement3 } from "react";
 
 // node_modules/@radix-ui/react-toast/dist/index.mjs
-import * as React19 from "react";
+import * as React17 from "react";
 import * as ReactDOM4 from "react-dom";
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/primitive/dist/index.mjs
@@ -25114,7 +25689,7 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React6 from "react";
+import * as React4 from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -25126,30 +25701,30 @@ function composeRefs(...refs) {
   return (node) => refs.forEach((ref) => setRef(ref, node));
 }
 function useComposedRefs(...refs) {
-  return React6.useCallback(composeRefs(...refs), refs);
+  return React4.useCallback(composeRefs(...refs), refs);
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-collection/dist/index.mjs
-import React9 from "react";
+import React7 from "react";
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React7 from "react";
-import { jsx } from "react/jsx-runtime";
+import * as React5 from "react";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React7.createContext(defaultContext);
+    const BaseContext = React5.createContext(defaultContext);
     const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     function Provider(props) {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName][index] || BaseContext;
-      const value = React7.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+      const value = React5.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx47(Context.Provider, { value, children });
     }
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName][index] || BaseContext;
-      const context = React7.useContext(Context);
+      const context = React5.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -25159,11 +25734,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React7.createContext(defaultContext);
+      return React5.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React7.useMemo(
+      return React5.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -25186,7 +25761,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React7.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React5.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -25194,45 +25769,45 @@ function composeContextScopes(...scopes) {
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-slot/dist/index.mjs
-import * as React8 from "react";
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var Slot = React8.forwardRef((props, forwardedRef) => {
+import * as React6 from "react";
+import { Fragment as Fragment8, jsx as jsx48 } from "react/jsx-runtime";
+var Slot = React6.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
-  const childrenArray = React8.Children.toArray(children);
+  const childrenArray = React6.Children.toArray(children);
   const slottable = childrenArray.find(isSlottable);
   if (slottable) {
     const newElement = slottable.props.children;
     const newChildren = childrenArray.map((child) => {
       if (child === slottable) {
-        if (React8.Children.count(newElement) > 1) return React8.Children.only(null);
-        return React8.isValidElement(newElement) ? newElement.props.children : null;
+        if (React6.Children.count(newElement) > 1) return React6.Children.only(null);
+        return React6.isValidElement(newElement) ? newElement.props.children : null;
       } else {
         return child;
       }
     });
-    return /* @__PURE__ */ jsx2(SlotClone, { ...slotProps, ref: forwardedRef, children: React8.isValidElement(newElement) ? React8.cloneElement(newElement, void 0, newChildren) : null });
+    return /* @__PURE__ */ jsx48(SlotClone, { ...slotProps, ref: forwardedRef, children: React6.isValidElement(newElement) ? React6.cloneElement(newElement, void 0, newChildren) : null });
   }
-  return /* @__PURE__ */ jsx2(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  return /* @__PURE__ */ jsx48(SlotClone, { ...slotProps, ref: forwardedRef, children });
 });
 Slot.displayName = "Slot";
-var SlotClone = React8.forwardRef((props, forwardedRef) => {
+var SlotClone = React6.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
-  if (React8.isValidElement(children)) {
+  if (React6.isValidElement(children)) {
     const childrenRef = getElementRef(children);
-    return React8.cloneElement(children, {
+    return React6.cloneElement(children, {
       ...mergeProps(slotProps, children.props),
       // @ts-ignore
       ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
     });
   }
-  return React8.Children.count(children) > 1 ? React8.Children.only(null) : null;
+  return React6.Children.count(children) > 1 ? React6.Children.only(null) : null;
 });
 SlotClone.displayName = "SlotClone";
 var Slottable = ({ children }) => {
-  return /* @__PURE__ */ jsx2(Fragment, { children });
+  return /* @__PURE__ */ jsx48(Fragment8, { children });
 };
 function isSlottable(child) {
-  return React8.isValidElement(child) && child.type === Slottable;
+  return React6.isValidElement(child) && child.type === Slottable;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -25272,7 +25847,7 @@ function getElementRef(element) {
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-collection/dist/index.mjs
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
@@ -25282,40 +25857,40 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React9.useRef(null);
-    const itemMap = React9.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsx3(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    const ref = React7.useRef(null);
+    const itemMap = React7.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ jsx49(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React9.forwardRef(
+  const CollectionSlot = React7.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx3(Slot, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsx49(Slot, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React9.forwardRef(
+  const CollectionItemSlot = React7.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = React9.useRef(null);
+      const ref = React7.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React9.useEffect(() => {
+      React7.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ jsx3(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsx49(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React9.useCallback(() => {
+    const getItems = React7.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -25335,12 +25910,12 @@ function createCollection(name) {
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import * as React13 from "react";
+import * as React11 from "react";
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React10 from "react";
+import * as React8 from "react";
 import * as ReactDOM from "react-dom";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -25360,13 +25935,13 @@ var NODES = [
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Node2 = React10.forwardRef((props, forwardedRef) => {
+  const Node2 = React8.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx4(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx50(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -25376,20 +25951,20 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-import * as React11 from "react";
+import * as React9 from "react";
 function useCallbackRef(callback) {
-  const callbackRef = React11.useRef(callback);
-  React11.useEffect(() => {
+  const callbackRef = React9.useRef(callback);
+  React9.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React11.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React9.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-import * as React12 from "react";
+import * as React10 from "react";
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -25401,18 +25976,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React13.createContext({
+var DismissableLayerContext = React11.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React13.forwardRef(
+var DismissableLayer = React11.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -25423,10 +25998,10 @@ var DismissableLayer = React13.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React13.useContext(DismissableLayerContext);
-    const [node, setNode] = React13.useState(null);
+    const context = React11.useContext(DismissableLayerContext);
+    const [node, setNode] = React11.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React13.useState({});
+    const [, force] = React11.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -25459,7 +26034,7 @@ var DismissableLayer = React13.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React13.useEffect(() => {
+    React11.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -25476,7 +26051,7 @@ var DismissableLayer = React13.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React13.useEffect(() => {
+    React11.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -25484,12 +26059,12 @@ var DismissableLayer = React13.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React13.useEffect(() => {
+    React11.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx51(
       Primitive.div,
       {
         ...layerProps,
@@ -25510,11 +26085,11 @@ var DismissableLayer = React13.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React13.forwardRef((props, forwardedRef) => {
-  const context = React13.useContext(DismissableLayerContext);
-  const ref = React13.useRef(null);
+var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
+  const context = React11.useContext(DismissableLayerContext);
+  const ref = React11.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React13.useEffect(() => {
+  React11.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -25523,15 +26098,15 @@ var DismissableLayerBranch = React13.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx5(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx51(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React13.useRef(false);
-  const handleClickRef = React13.useRef(() => {
+  const isPointerInsideReactTreeRef = React11.useRef(false);
+  const handleClickRef = React11.useRef(() => {
   });
-  React13.useEffect(() => {
+  React11.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -25572,8 +26147,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React13.useRef(false);
-  React13.useEffect(() => {
+  const isFocusInsideReactTreeRef = React11.useRef(false);
+  React11.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -25608,32 +26183,32 @@ var Root = DismissableLayer;
 var Branch = DismissableLayerBranch;
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-portal/dist/index.mjs
-import * as React15 from "react";
+import * as React13 from "react";
 import ReactDOM2 from "react-dom";
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React14 from "react";
-var useLayoutEffect2 = Boolean(globalThis?.document) ? React14.useLayoutEffect : () => {
+import * as React12 from "react";
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React12.useLayoutEffect : () => {
 };
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-portal/dist/index.mjs
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var PORTAL_NAME = "Portal";
-var Portal = React15.forwardRef((props, forwardedRef) => {
+var Portal = React13.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React15.useState(false);
+  const [mounted, setMounted] = React13.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx6(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx52(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-presence/dist/index.mjs
 import * as React22 from "react";
 import * as ReactDOM3 from "react-dom";
-import * as React16 from "react";
+import * as React14 from "react";
 function useStateMachine(initialState3, machine) {
-  return React16.useReducer((state, event) => {
+  return React14.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState3);
@@ -25744,7 +26319,7 @@ function getElementRef2(element) {
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React17 from "react";
+import * as React15 from "react";
 function useControllableState({
   prop,
   defaultProp,
@@ -25755,7 +26330,7 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   const handleChange = useCallbackRef(onChange);
-  const setValue = React17.useCallback(
+  const setValue = React15.useCallback(
     (nextValue) => {
       if (isControlled) {
         const setter = nextValue;
@@ -25773,11 +26348,11 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const uncontrolledState = React17.useState(defaultProp);
+  const uncontrolledState = React15.useState(defaultProp);
   const [value] = uncontrolledState;
-  const prevValueRef = React17.useRef(value);
+  const prevValueRef = React15.useRef(value);
   const handleChange = useCallbackRef(onChange);
-  React17.useEffect(() => {
+  React15.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
       prevValueRef.current = value;
@@ -25787,12 +26362,12 @@ function useUncontrolledState({
 }
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-import * as React18 from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var NAME = "VisuallyHidden";
-var VisuallyHidden = React18.forwardRef(
+var VisuallyHidden = React16.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx53(
       Primitive.span,
       {
         ...props,
@@ -25818,7 +26393,7 @@ var VisuallyHidden = React18.forwardRef(
 VisuallyHidden.displayName = NAME;
 
 // node_modules/@radix-ui/react-toast/dist/index.mjs
-import { Fragment as Fragment2, jsx as jsx8, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx54, jsxs as jsxs27 } from "react/jsx-runtime";
 var PROVIDER_NAME = "ToastProvider";
 var [Collection, useCollection, createCollectionScope] = createCollection("Toast");
 var [createToastContext, createToastScope] = createContextScope("Toast", [createCollectionScope]);
@@ -25832,16 +26407,16 @@ var ToastProvider = (props) => {
     swipeThreshold = 50,
     children
   } = props;
-  const [viewport, setViewport] = React19.useState(null);
-  const [toastCount, setToastCount] = React19.useState(0);
-  const isFocusedToastEscapeKeyDownRef = React19.useRef(false);
-  const isClosePausedRef = React19.useRef(false);
+  const [viewport, setViewport] = React17.useState(null);
+  const [toastCount, setToastCount] = React17.useState(0);
+  const isFocusedToastEscapeKeyDownRef = React17.useRef(false);
+  const isClosePausedRef = React17.useRef(false);
   if (!label.trim()) {
     console.error(
       `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`
     );
   }
-  return /* @__PURE__ */ jsx8(Collection.Provider, { scope: __scopeToast, children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx54(Collection.Provider, { scope: __scopeToast, children: /* @__PURE__ */ jsx54(
     ToastProviderProvider,
     {
       scope: __scopeToast,
@@ -25852,8 +26427,8 @@ var ToastProvider = (props) => {
       toastCount,
       viewport,
       onViewportChange: setViewport,
-      onToastAdd: React19.useCallback(() => setToastCount((prevCount) => prevCount + 1), []),
-      onToastRemove: React19.useCallback(() => setToastCount((prevCount) => prevCount - 1), []),
+      onToastAdd: React17.useCallback(() => setToastCount((prevCount) => prevCount + 1), []),
+      onToastRemove: React17.useCallback(() => setToastCount((prevCount) => prevCount - 1), []),
       isFocusedToastEscapeKeyDownRef,
       isClosePausedRef,
       children
@@ -25865,7 +26440,7 @@ var VIEWPORT_NAME = "ToastViewport";
 var VIEWPORT_DEFAULT_HOTKEY = ["F8"];
 var VIEWPORT_PAUSE = "toast.viewportPause";
 var VIEWPORT_RESUME = "toast.viewportResume";
-var ToastViewport = React19.forwardRef(
+var ToastViewport = React17.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeToast,
@@ -25875,14 +26450,14 @@ var ToastViewport = React19.forwardRef(
     } = props;
     const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast);
     const getItems = useCollection(__scopeToast);
-    const wrapperRef = React19.useRef(null);
-    const headFocusProxyRef = React19.useRef(null);
-    const tailFocusProxyRef = React19.useRef(null);
-    const ref = React19.useRef(null);
+    const wrapperRef = React17.useRef(null);
+    const headFocusProxyRef = React17.useRef(null);
+    const tailFocusProxyRef = React17.useRef(null);
+    const ref = React17.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);
     const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
     const hasToasts = context.toastCount > 0;
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       const handleKeyDown = (event) => {
         const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
         if (isHotkeyPressed) ref.current?.focus();
@@ -25890,7 +26465,7 @@ var ToastViewport = React19.forwardRef(
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
     }, [hotkey]);
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       const wrapper = wrapperRef.current;
       const viewport = ref.current;
       if (hasToasts && wrapper && viewport) {
@@ -25932,7 +26507,7 @@ var ToastViewport = React19.forwardRef(
         };
       }
     }, [hasToasts, context.isClosePausedRef]);
-    const getSortedTabbableCandidates = React19.useCallback(
+    const getSortedTabbableCandidates = React17.useCallback(
       ({ tabbingDirection }) => {
         const toastItems = getItems();
         const tabbableCandidates = toastItems.map((toastItem) => {
@@ -25944,7 +26519,7 @@ var ToastViewport = React19.forwardRef(
       },
       [getItems]
     );
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       const viewport = ref.current;
       if (viewport) {
         const handleKeyDown = (event) => {
@@ -25972,7 +26547,7 @@ var ToastViewport = React19.forwardRef(
         return () => viewport.removeEventListener("keydown", handleKeyDown);
       }
     }, [getItems, getSortedTabbableCandidates]);
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs27(
       Branch,
       {
         ref: wrapperRef,
@@ -25981,7 +26556,7 @@ var ToastViewport = React19.forwardRef(
         tabIndex: -1,
         style: { pointerEvents: hasToasts ? void 0 : "none" },
         children: [
-          hasToasts && /* @__PURE__ */ jsx8(
+          hasToasts && /* @__PURE__ */ jsx54(
             FocusProxy,
             {
               ref: headFocusProxyRef,
@@ -25993,8 +26568,8 @@ var ToastViewport = React19.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ jsx8(Collection.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx8(Primitive.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
-          hasToasts && /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx54(Collection.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx54(Primitive.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
+          hasToasts && /* @__PURE__ */ jsx54(
             FocusProxy,
             {
               ref: tailFocusProxyRef,
@@ -26013,11 +26588,11 @@ var ToastViewport = React19.forwardRef(
 );
 ToastViewport.displayName = VIEWPORT_NAME;
 var FOCUS_PROXY_NAME = "ToastFocusProxy";
-var FocusProxy = React19.forwardRef(
+var FocusProxy = React17.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props;
     const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast);
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx54(
       VisuallyHidden,
       {
         "aria-hidden": true,
@@ -26040,7 +26615,7 @@ var TOAST_SWIPE_START = "toast.swipeStart";
 var TOAST_SWIPE_MOVE = "toast.swipeMove";
 var TOAST_SWIPE_CANCEL = "toast.swipeCancel";
 var TOAST_SWIPE_END = "toast.swipeEnd";
-var Toast = React19.forwardRef(
+var Toast = React17.forwardRef(
   (props, forwardedRef) => {
     const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;
     const [open = true, setOpen] = useControllableState({
@@ -26048,7 +26623,7 @@ var Toast = React19.forwardRef(
       defaultProp: defaultOpen,
       onChange: onOpenChange
     });
-    return /* @__PURE__ */ jsx8(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx54(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsx54(
       ToastImpl,
       {
         open,
@@ -26091,7 +26666,7 @@ var [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(
   onClose() {
   }
 });
-var ToastImpl = React19.forwardRef(
+var ToastImpl = React17.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeToast,
@@ -26109,21 +26684,21 @@ var ToastImpl = React19.forwardRef(
       ...toastProps
     } = props;
     const context = useToastProviderContext(TOAST_NAME, __scopeToast);
-    const [node, setNode] = React19.useState(null);
+    const [node, setNode] = React17.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
-    const pointerStartRef = React19.useRef(null);
-    const swipeDeltaRef = React19.useRef(null);
+    const pointerStartRef = React17.useRef(null);
+    const swipeDeltaRef = React17.useRef(null);
     const duration = durationProp || context.duration;
-    const closeTimerStartTimeRef = React19.useRef(0);
-    const closeTimerRemainingTimeRef = React19.useRef(duration);
-    const closeTimerRef = React19.useRef(0);
+    const closeTimerStartTimeRef = React17.useRef(0);
+    const closeTimerRemainingTimeRef = React17.useRef(duration);
+    const closeTimerRef = React17.useRef(0);
     const { onToastAdd, onToastRemove } = context;
     const handleClose = useCallbackRef(() => {
       const isFocusInToast = node?.contains(document.activeElement);
       if (isFocusInToast) context.viewport?.focus();
       onClose();
     });
-    const startTimer = React19.useCallback(
+    const startTimer = React17.useCallback(
       (duration2) => {
         if (!duration2 || duration2 === Infinity) return;
         window.clearTimeout(closeTimerRef.current);
@@ -26132,7 +26707,7 @@ var ToastImpl = React19.forwardRef(
       },
       [handleClose]
     );
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       const viewport = context.viewport;
       if (viewport) {
         const handleResume = () => {
@@ -26153,19 +26728,19 @@ var ToastImpl = React19.forwardRef(
         };
       }
     }, [context.viewport, duration, onPause, onResume, startTimer]);
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       if (open && !context.isClosePausedRef.current) startTimer(duration);
     }, [open, duration, context.isClosePausedRef, startTimer]);
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       onToastAdd();
       return () => onToastRemove();
     }, [onToastAdd, onToastRemove]);
-    const announceTextContent = React19.useMemo(() => {
+    const announceTextContent = React17.useMemo(() => {
       return node ? getAnnounceTextContent(node) : null;
     }, [node]);
     if (!context.viewport) return null;
-    return /* @__PURE__ */ jsxs(Fragment2, { children: [
-      announceTextContent && /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsxs27(Fragment9, { children: [
+      announceTextContent && /* @__PURE__ */ jsx54(
         ToastAnnounce,
         {
           __scopeToast,
@@ -26175,8 +26750,8 @@ var ToastImpl = React19.forwardRef(
           children: announceTextContent
         }
       ),
-      /* @__PURE__ */ jsx8(ToastInteractiveProvider, { scope: __scopeToast, onClose: handleClose, children: ReactDOM4.createPortal(
-        /* @__PURE__ */ jsx8(Collection.ItemSlot, { scope: __scopeToast, children: /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx54(ToastInteractiveProvider, { scope: __scopeToast, onClose: handleClose, children: ReactDOM4.createPortal(
+        /* @__PURE__ */ jsx54(Collection.ItemSlot, { scope: __scopeToast, children: /* @__PURE__ */ jsx54(
           Root,
           {
             asChild: true,
@@ -26184,7 +26759,7 @@ var ToastImpl = React19.forwardRef(
               if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();
               context.isFocusedToastEscapeKeyDownRef.current = false;
             }),
-            children: /* @__PURE__ */ jsx8(
+            children: /* @__PURE__ */ jsx54(
               Primitive.li,
               {
                 role: "status",
@@ -26277,37 +26852,37 @@ var ToastImpl = React19.forwardRef(
 var ToastAnnounce = (props) => {
   const { __scopeToast, children, ...announceProps } = props;
   const context = useToastProviderContext(TOAST_NAME, __scopeToast);
-  const [renderAnnounceText, setRenderAnnounceText] = React19.useState(false);
-  const [isAnnounced, setIsAnnounced] = React19.useState(false);
+  const [renderAnnounceText, setRenderAnnounceText] = React17.useState(false);
+  const [isAnnounced, setIsAnnounced] = React17.useState(false);
   useNextFrame(() => setRenderAnnounceText(true));
-  React19.useEffect(() => {
+  React17.useEffect(() => {
     const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
     return () => window.clearTimeout(timer);
   }, []);
-  return isAnnounced ? null : /* @__PURE__ */ jsx8(Portal, { asChild: true, children: /* @__PURE__ */ jsx8(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment2, { children: [
+  return isAnnounced ? null : /* @__PURE__ */ jsx54(Portal, { asChild: true, children: /* @__PURE__ */ jsx54(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs27(Fragment9, { children: [
     context.label,
     " ",
     children
   ] }) }) });
 };
 var TITLE_NAME = "ToastTitle";
-var ToastTitle = React19.forwardRef(
+var ToastTitle = React17.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...titleProps } = props;
-    return /* @__PURE__ */ jsx8(Primitive.div, { ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx54(Primitive.div, { ...titleProps, ref: forwardedRef });
   }
 );
 ToastTitle.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "ToastDescription";
-var ToastDescription = React19.forwardRef(
+var ToastDescription = React17.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...descriptionProps } = props;
-    return /* @__PURE__ */ jsx8(Primitive.div, { ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx54(Primitive.div, { ...descriptionProps, ref: forwardedRef });
   }
 );
 ToastDescription.displayName = DESCRIPTION_NAME;
 var ACTION_NAME = "ToastAction";
-var ToastAction = React19.forwardRef(
+var ToastAction = React17.forwardRef(
   (props, forwardedRef) => {
     const { altText, ...actionProps } = props;
     if (!altText.trim()) {
@@ -26316,16 +26891,16 @@ var ToastAction = React19.forwardRef(
       );
       return null;
     }
-    return /* @__PURE__ */ jsx8(ToastAnnounceExclude, { altText, asChild: true, children: /* @__PURE__ */ jsx8(ToastClose, { ...actionProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx54(ToastAnnounceExclude, { altText, asChild: true, children: /* @__PURE__ */ jsx54(ToastClose, { ...actionProps, ref: forwardedRef }) });
   }
 );
 ToastAction.displayName = ACTION_NAME;
 var CLOSE_NAME = "ToastClose";
-var ToastClose = React19.forwardRef(
+var ToastClose = React17.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...closeProps } = props;
     const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);
-    return /* @__PURE__ */ jsx8(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx54(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx54(
       Primitive.button,
       {
         type: "button",
@@ -26337,9 +26912,9 @@ var ToastClose = React19.forwardRef(
   }
 );
 ToastClose.displayName = CLOSE_NAME;
-var ToastAnnounceExclude = React19.forwardRef((props, forwardedRef) => {
+var ToastAnnounceExclude = React17.forwardRef((props, forwardedRef) => {
   const { __scopeToast, altText, ...announceExcludeProps } = props;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx54(
     Primitive.div,
     {
       "data-radix-toast-announce-exclude": "",
@@ -26445,6 +27020,8 @@ var Toast_default = {
 };
 
 // src/components/Toast.tsx
+import { Fragment as Fragment10, jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
+import { createElement as createElement4 } from "react";
 var icons = {
   info: Icons.Info,
   error: Icons.Alert
@@ -26459,17 +27036,26 @@ function Toast2({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(Root2, { ...props, className: (0, import_classnames41.default)(Toast_default.toast, className, variant && Toast_default[variant]) }, /* @__PURE__ */ React.createElement(Icon, { className: Toast_default.icon, size: "md" }, variant && createElement2(icons[variant])), title && /* @__PURE__ */ React.createElement(ToastTitle, { className: Toast_default.title }, title), description && /* @__PURE__ */ React.createElement(ToastDescription, { className: Toast_default.description }, description), children && /* @__PURE__ */ React.createElement(ToastAction, { className: Toast_default.action, altText: actionText || "Action", asChild: true }, children), !children && allowClose && /* @__PURE__ */ React.createElement(ToastClose, { className: Toast_default.close, "aria-label": "Close" }, /* @__PURE__ */ React.createElement(Icon, { size: "sm", "aria-hidden": true }, /* @__PURE__ */ React.createElement(Icons.Close, null))));
+  return /* @__PURE__ */ jsxs28(Root2, { ...props, className: (0, import_classnames42.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
+    /* @__PURE__ */ jsx55(Icon, { className: Toast_default.icon, size: "md", children: variant && createElement3(icons[variant]) }),
+    title && /* @__PURE__ */ jsx55(ToastTitle, { className: Toast_default.title, children: title }),
+    description && /* @__PURE__ */ jsx55(ToastDescription, { className: Toast_default.description, children: description }),
+    children && /* @__PURE__ */ jsx55(ToastAction, { className: Toast_default.action, altText: actionText || "Action", asChild: true, children }),
+    !children && allowClose && /* @__PURE__ */ jsx55(ToastClose, { className: Toast_default.close, "aria-label": "Close", children: /* @__PURE__ */ jsx55(Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsx55(Icons.Close, {}) }) })
+  ] });
 }
 function Toaster(props) {
   const { toasts } = useToast();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, toasts.map(({ id, message, props: props2 }) => {
-    return /* @__PURE__ */ React.createElement(Toast2, { ...props2, key: id, description: message });
-  }), /* @__PURE__ */ React.createElement(Viewport, { className: Toast_default.viewport, ...props }));
+  return /* @__PURE__ */ jsxs28(Fragment10, { children: [
+    toasts.map(({ id, message, props: props2 }) => {
+      return /* @__PURE__ */ createElement4(Toast2, { ...props2, key: id, description: message });
+    }),
+    /* @__PURE__ */ jsx55(Viewport, { className: Toast_default.viewport, ...props })
+  ] });
 }
 
 // src/components/Toggle.tsx
-var import_classnames42 = __toESM(require_classnames());
+var import_classnames43 = __toESM(require_classnames());
 
 // src/components/Toggle.module.css
 var Toggle_default = {
@@ -26477,12 +27063,13 @@ var Toggle_default = {
 };
 
 // src/components/Toggle.tsx
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Toggle({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($efde0372d7a700fe$export$d2b052e7b4be1756, { ...props, className: (0, import_classnames42.default)(Toggle_default.toggle, className) }, children);
+  return /* @__PURE__ */ jsx56($efde0372d7a700fe$export$d2b052e7b4be1756, { ...props, className: (0, import_classnames43.default)(Toggle_default.toggle, className), children });
 }
 
 // src/components/ToggleGroup.tsx
-var import_classnames43 = __toESM(require_classnames());
+var import_classnames44 = __toESM(require_classnames());
 
 // node_modules/@radix-ui/react-toggle-group/dist/index.mjs
 import $jFibJ$react from "react";
@@ -26899,15 +27486,16 @@ var ToggleGroup_default = {
 };
 
 // src/components/ToggleGroup.tsx
-function _ToggleGroup({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement($6c1fd9e6a8969628$export$af3ec21f6cfb5e30, { ...props, className: (0, import_classnames43.default)(ToggleGroup_default.group, className) }, children);
+import { jsx as jsx57 } from "react/jsx-runtime";
+function ToggleGroup({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx57($6c1fd9e6a8969628$export$af3ec21f6cfb5e30, { ...props, className: (0, import_classnames44.default)(ToggleGroup_default.group, className), children });
 }
-function _ToggleGroupItem({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement($6c1fd9e6a8969628$export$b453109e13abe10b, { ...props, className: (0, import_classnames43.default)(ToggleGroup_default.item, className) }, children);
+function ToggleGroupItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx57($6c1fd9e6a8969628$export$b453109e13abe10b, { ...props, className: (0, import_classnames44.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/Tooltip.tsx
-var import_classnames44 = __toESM(require_classnames());
+var import_classnames45 = __toESM(require_classnames());
 
 // src/components/Tooltip.module.css
 var Tooltip_default = {
@@ -26917,14 +27505,22 @@ var Tooltip_default = {
 };
 
 // src/components/Tooltip.tsx
-function _Tooltip({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames44.default)(Tooltip_default.tooltip, className) }, /* @__PURE__ */ React.createElement($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow }, /* @__PURE__ */ React.createElement("svg", { width: 8, height: 8, viewBox: "0 0 8 8" }, /* @__PURE__ */ React.createElement("path", { d: "M0 0 L4 4 L8 0" }))), children);
+import { jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
+function Tooltip({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs29($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames45.default)(Tooltip_default.tooltip, className), children: [
+    /* @__PURE__ */ jsx58($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ jsx58("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx58("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    children
+  ] });
 }
 
 // src/components/ZenProvider.tsx
+import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
 function ZenProvider({ config = {}, children }) {
   const { toast: toast2 } = config;
-  return /* @__PURE__ */ React.createElement(ToastProvider, { ...toast2 }, children, /* @__PURE__ */ React.createElement(Toaster, null));
+  return /* @__PURE__ */ jsxs30(ToastProvider, { ...toast2, children: [
+    children,
+    /* @__PURE__ */ jsx59(Toaster, {})
+  ] });
 }
 export {
   Accordion,
@@ -26933,17 +27529,18 @@ export {
   AccordionItem,
   AlertBanner,
   AlertDialog,
-  _Breadcrumb as Breadcrumb,
-  _Breadcrumbs as Breadcrumbs,
-  _Button as Button,
-  _Calendar as Calendar,
-  _Checkbox as Checkbox,
+  Box,
+  Breadcrumb2 as Breadcrumb,
+  Breadcrumbs,
+  Button,
+  Calendar,
+  Checkbox,
   Column,
   Combobox,
   ConfirmationDialog,
   DataColumn,
   DataTable,
-  _Dialog as Dialog,
+  Dialog,
   $de32f1b87079253c$export$2e1e1122cf0cba88 as DialogTrigger,
   Dots,
   $1e2864c73f66a4da$export$6fb4a10d2c950550 as FileTrigger,
@@ -26952,50 +27549,52 @@ export {
   Icon,
   Icons,
   InlineEditField,
-  _Label as Label,
+  Label,
   List,
   ListItem,
   Loading,
   LoadingButton,
-  _Menu as Menu,
-  _MenuItem as MenuItem,
+  Menu,
+  MenuItem2 as MenuItem,
   $3674c52c6b3c5bce$export$27d2ad3c5815583e as MenuTrigger,
-  _Modal as Modal,
+  Modal,
   Page,
   PasswordField,
-  _Popover as Popover,
-  _ProgressBar as ProgressBar,
+  Popover,
+  ProgressBar,
   ProgressCircle,
-  _Radio as Radio,
-  _RadioGroup as RadioGroup,
+  Radio,
+  RadioGroup,
   Row,
-  _SearchField as SearchField,
-  _Select as Select,
-  _Slider as Slider,
+  SearchField,
+  Select,
+  Slider,
+  $5e63c961fc1ce211$export$8c6ed5c666ac1360 as Slot,
   Spinner,
   StatusLight,
-  _Switch as Switch,
-  _Tab as Tab,
-  _TabList as TabList,
-  _TabPanel as TabPanel,
-  _Table as Table,
-  _TableBody as TableBody,
+  $3674c52c6b3c5bce$export$ecabc99eeffab7ca as SubmenuTrigger,
+  Switch,
+  Tab,
+  TabList,
+  TabPanel,
+  Table,
+  TableBody,
   TableCell,
   TableColumn,
-  _TableHeader as TableHeader,
+  TableHeader,
   TableRow,
-  _Tabs as Tabs,
+  Tabs,
   Text,
   TextArea,
-  _TextField as TextField,
+  TextField,
   TextOverflow,
   Toast2 as Toast,
   ToastProvider,
   Toaster,
   Toggle,
-  _ToggleGroup as ToggleGroup,
-  _ToggleGroupItem as ToggleGroupItem,
-  _Tooltip as Tooltip,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
   $4e3b923658d69c60$export$8c610744efcf8a1d as TooltipTrigger,
   ZenProvider,
   useDebounce,