@umami/react-zen 0.3.0 → 0.4.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;
@@ -23674,6 +23674,7 @@ var Icon_default = {
 };
 
 // src/components/Icon.tsx
+import { jsx } from "react/jsx-runtime";
 function Icon({
   size = "sm",
   variant,
@@ -23683,22 +23684,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 +23707,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 +23796,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 +23816,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 +23828,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 +23944,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 +23976,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 +23988,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,
@@ -24002,10 +24016,14 @@ 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
@@ -24105,6 +24123,7 @@ var Flexbox_default = {
 };
 
 // src/components/Flexbox.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Flexbox({
   inline,
   direction,
@@ -24125,7 +24144,7 @@ function Flexbox({
   children,
   ...attributes
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       ...attributes,
@@ -24142,9 +24161,9 @@ function Flexbox({
         inline && Flexbox_default.inline,
         spacing && Flexbox_default[`spacing${spacing}`]
       ),
-      style: { order, gap, flexBasis: basis, flexGrow: grow, flexShrink: shrink, ...style }
-    },
-    children
+      style: { order, gap, flexBasis: basis, flexGrow: grow, flexShrink: shrink, ...style },
+      children
+    }
   );
 }
 function replace(s) {
@@ -24152,17 +24171,18 @@ function replace(s) {
 }
 
 // src/components/Column.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Column({ reverse, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column" }, children);
+  return /* @__PURE__ */ jsx6(Flexbox, { ...props, direction: reverse ? "column-reverse" : "column", children });
 }
 
 // src/components/Row.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Row({ reverse, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row" }, children);
+  return /* @__PURE__ */ jsx7(Flexbox, { ...props, direction: reverse ? "row-reverse" : "row", children });
 }
 
 // src/components/Button.tsx
-import React5 from "react";
 var import_classnames6 = __toESM(require_classnames());
 
 // src/components/Button.module.css
@@ -24180,7 +24200,8 @@ var Button_default = {
 };
 
 // src/components/Button.tsx
-function _Button({
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Button({
   variant = "secondary",
   size = "md",
   preventFocusOnPress = true,
@@ -24190,19 +24211,19 @@ function _Button({
   ...props
 }) {
   const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ jsx8(
     Component,
     {
       ...props,
-      preventFocusOnPress,
+      preventFocusOnPress: Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? preventFocusOnPress : void 0,
       className: (0, import_classnames6.default)(
         Button_default.button,
         className,
         variant && Button_default[variant],
         size && Button_default[size]
-      )
-    },
-    children
+      ),
+      children
+    }
   );
 }
 
@@ -24213,6 +24234,7 @@ var AlertDialog_default = {
 };
 
 // src/components/AlertDialog.tsx
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function AlertDialog({
   title,
   description,
@@ -24234,17 +24256,23 @@ 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__ */ jsx9(Dialog, { ...props, title, className: (0, import_classnames7.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__ */ jsx9(Button, { onPress: () => handleClose(close), children: cancelLabel }),
+        /* @__PURE__ */ jsx9(
+          Button,
+          {
+            variant: isDanger ? "danger" : "primary",
+            isDisabled: isConfirmDisabled,
+            onPress: () => handleConfirm(close),
+            children: confirmLabel
+          }
+        )
+      ] })
+    ] });
+  } });
 }
 
 // src/components/Breadcrumbs.tsx
@@ -24258,11 +24286,15 @@ 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 jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function Breadcrumbs({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx10($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames8.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_classnames8.default)(Breadcrumbs_default.breadcrumb, className), children: [
+    children,
+    /* @__PURE__ */ jsx10(Icon, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx10(Icons.Chevron, {}) })
+  ] });
 }
 
 // src/components/Calendar.tsx
@@ -24279,8 +24311,19 @@ 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 jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function Calendar({ className, ...props }) {
+  return /* @__PURE__ */ jsxs6($dfd62f934fc76fed$export$e1aef45b828286de, { ...props, className: (0, import_classnames9.default)(Calendar_default.calendar, className), children: [
+    /* @__PURE__ */ jsxs6("header", { className: Calendar_default.header, children: [
+      /* @__PURE__ */ jsx11(Button, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx11(Icon, { rotate: 180, children: /* @__PURE__ */ jsx11(Icons.Chevron, {}) }) }),
+      /* @__PURE__ */ jsx11($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+      /* @__PURE__ */ jsx11(Button, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx11(Icon, { children: /* @__PURE__ */ jsx11(Icons.Chevron, {}) }) })
+    ] }),
+    /* @__PURE__ */ jsxs6($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
+      /* @__PURE__ */ jsx11($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx11($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
+      /* @__PURE__ */ jsx11($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx11($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+    ] })
+  ] });
 }
 
 // src/components/Checkbox.tsx
@@ -24294,10 +24337,14 @@ 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 jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function Checkbox({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx12($bc237834342dbd75$export$48513f6b9f8ce62d, { ...props, className: (0, import_classnames10.default)(Checkbox_default.checkbox, className), children: ({ isIndeterminate, isSelected }) => {
+    return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx12("div", { className: Checkbox_default.box, children: /* @__PURE__ */ jsx12(Icon, { className: Checkbox_default.icon, size: "xs", children: isIndeterminate ? /* @__PURE__ */ jsx12(Icons.Minus, {}) : isSelected ? /* @__PURE__ */ jsx12(Icons.Check, {}) : null }) }),
+      children
+    ] });
+  } });
 }
 
 // src/components/Combobox.tsx
@@ -24316,8 +24363,12 @@ var ListItem_default = {
 };
 
 // src/components/ListItem.tsx
+import { jsx as jsx13, 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_classnames11.default)(ListItem_default.item, className), children: [
+    children,
+    /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx13(Icon, { size: "sm", className: ListItem_default.check, children: /* @__PURE__ */ jsx13(Icons.Check, {}) }) })
+  ] });
 }
 var ListItem_default2 = ListItem;
 
@@ -24328,13 +24379,14 @@ var List_default = {
 };
 
 // src/components/List.tsx
+import { jsx as jsx14 } 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__ */ jsx14($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames12.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__ */ jsx14($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }, index);
     }
-    return /* @__PURE__ */ React.createElement(ListItem_default2, { key: index, id: item }, item);
-  }));
+    return /* @__PURE__ */ jsx14(ListItem_default2, { id: item, children: item }, index);
+  }) });
 }
 
 // src/components/Popover.tsx
@@ -24347,8 +24399,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 jsx15 } from "react/jsx-runtime";
+function Popover({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx15($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames13.default)(Popover_default.popover, className), children });
 }
 
 // src/components/Combobox.module.css
@@ -24362,8 +24415,15 @@ var Combobox_default = {
 };
 
 // src/components/Combobox.tsx
+import { jsx as jsx16, 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_classnames14.default)(Combobox_default.combobox, className), children: [
+    /* @__PURE__ */ jsxs9("div", { className: Combobox_default.field, children: [
+      /* @__PURE__ */ jsx16($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Combobox_default.input }),
+      /* @__PURE__ */ jsx16($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Combobox_default.button, children: /* @__PURE__ */ jsx16(Icon, { rotate: 90, size: "xs", className: Combobox_default.icon, children: /* @__PURE__ */ jsx16(Icons.Chevron, {}) }) })
+    ] }),
+    /* @__PURE__ */ jsx16(Popover, { children: /* @__PURE__ */ jsx16(List, { items, className: Combobox_default.list, children: items.map((item) => /* @__PURE__ */ jsx16(ListItem, { textValue: item, children: item }, item)) }) })
+  ] });
 }
 
 // src/components/ConfirmationDialog.tsx
@@ -24385,6 +24445,7 @@ var CopyButton_default = {
 };
 
 // src/components/CopyButton.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
 var TIMEOUT = 2e3;
 function CopyButton({ value, className, children, ...props }) {
   const [copied, setCopied] = useState3(false);
@@ -24397,7 +24458,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__ */ jsx17(Icon, { ...props, className: (0, import_classnames15.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ jsx17(Icons.Check, {}) : /* @__PURE__ */ jsx17(Icons.Copy, {}) });
 }
 
 // src/components/Field.module.css
@@ -24414,7 +24475,8 @@ var TextField_default = {
 };
 
 // src/components/TextField.tsx
-function _TextField({
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+function TextField({
   value,
   defaultValue,
   asTextArea,
@@ -24429,14 +24491,17 @@ 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_classnames16.default)(Field_default.field, className), children: [
+    /* @__PURE__ */ jsx18(
+      Component,
+      {
+        value: inputValue,
+        className: (0, import_classnames16.default)(Field_default.input, asTextArea && TextField_default.textarea),
+        onChange: handleChange
+      }
+    ),
+    allowCopy && /* @__PURE__ */ jsx18(CopyButton, { className: TextField_default.copy, value: inputValue })
+  ] });
 }
 
 // src/components/Text.tsx
@@ -24463,9 +24528,10 @@ var Text_default = {
 };
 
 // src/components/Text.tsx
+import { jsx as jsx19 } 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__ */ jsx19(
     Component,
     {
       ...props,
@@ -24476,9 +24542,9 @@ function Text({ children, type, size, spacing, weight, asChild, className, ...pr
         spacing && Text_default[spacing],
         type && Text_default[type],
         weight && Text_default[weight]
-      )
-    },
-    children
+      ),
+      children
+    }
   );
 }
 
@@ -24489,6 +24555,7 @@ var ConfirmationDialog_default = {
 };
 
 // src/components/ConfirmationDialog.tsx
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -24500,15 +24567,23 @@ function ConfirmationDialog({
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx20(
     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 }));
+      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__ */ jsx20("div", { className: ConfirmationDialog_default.value, children: value }),
+          /* @__PURE__ */ jsx20(TextField, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
+        ] });
+      }
     }
   );
 }
@@ -24534,31 +24609,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 jsx21 } from "react/jsx-runtime";
+function Table({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx21($1910c06f0ca9905e$export$54ec01a60f47d33d, { ...props, className: (0, import_classnames19.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__ */ jsx21($1910c06f0ca9905e$export$f850895b287ef28e, { ...props, className: (0, import_classnames19.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__ */ jsx21($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames19.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__ */ jsx21($1910c06f0ca9905e$export$b59bdbef9ce70de2, { ...props, className: (0, import_classnames19.default)(Table_default.row, className), children });
 }
 function TableColumn({ children, className, alignment, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx21(
     $1910c06f0ca9905e$export$816b5d811295e6bc,
     {
       ...props,
       className: (0, import_classnames19.default)(Table_default.column, className, alignment && Table_default[alignment]),
-      isRowHeader: true
-    },
-    children
+      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__ */ jsx21($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames19.default)(Table_default.cell, className, alignment && Table_default[alignment]), children });
 }
 
 // src/components/DataTable.module.css
@@ -24568,20 +24644,25 @@ var DataTable_default = {
 };
 
 // src/components/DataTable.tsx
+import { jsx as jsx22, 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_classnames20.default)(DataTable_default.datatable, className), children: [
+    /* @__PURE__ */ jsx22(TableHeader, { children: columns.map(({ id, label, hidden, ...columnProps }) => {
+      if (hidden) {
+        return null;
+      }
+      return /* @__PURE__ */ createElement2(TableColumn, { ...columnProps, key: id, id }, label);
+    }) }),
+    /* @__PURE__ */ jsx22(TableBody, { items: data, children: (row) => {
+      return /* @__PURE__ */ jsx22(TableRow, { children: columns.map(({ id, value, className: className2, ...cellProps }) => {
+        return /* @__PURE__ */ createElement2(TableCell, { ...cellProps, key: id, className: (0, import_classnames20.default)(DataTable_default.cell, className2) }, !value && row[id], typeof value === "function" ? value(row, id) : value);
+      }) });
+    } })
+  ] });
 }
 function DataColumn(props) {
   return null;
@@ -24598,8 +24679,13 @@ var Dots_default = {
 };
 
 // src/components/Dots.tsx
+import { jsx as jsx23, 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_classnames21.default)(Dots_default.dots, className), children: [
+    /* @__PURE__ */ jsx23("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx23("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx23("div", { className: Dots_default.dot })
+  ] });
 }
 
 // src/components/Heading.tsx
@@ -24620,15 +24706,16 @@ var Heading_default = {
 };
 
 // src/components/Heading.tsx
+import { jsx as jsx24 } 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__ */ jsx24(
     Component,
     {
       ...props,
-      className: (0, import_classnames22.default)(Heading_default.heading, className, size && Heading_default[`size${size}`])
-    },
-    children
+      className: (0, import_classnames22.default)(Heading_default.heading, className, size && Heading_default[`size${size}`]),
+      children
+    }
   );
 }
 
@@ -24643,6 +24730,7 @@ var InlineEditField_default = {
 };
 
 // src/components/InlineEditField.tsx
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function InlineEditField({
   value: defaultValue = "",
   defaultEdit,
@@ -24677,26 +24765,28 @@ 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
-      }
-    )
+      onClick: handleEdit,
+      children: [
+        !edit && children,
+        !edit && /* @__PURE__ */ jsx25(Icon, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx25(Icons.Edit, {}) }),
+        edit && /* @__PURE__ */ jsx25(
+          TextField,
+          {
+            value,
+            onKeyDown: handleKeyDown,
+            onBlur: handleCommit,
+            onChange: handleChange,
+            autoFocus: true
+          }
+        )
+      ]
+    }
   );
 }
 
@@ -24709,8 +24799,9 @@ 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 jsx26 } from "react/jsx-runtime";
+function Label({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx26($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames24.default)(Label_default.label, className) });
 }
 
 // src/components/Loading.tsx
@@ -24734,17 +24825,21 @@ var Spinner_default = {
 };
 
 // src/components/Spinner.tsx
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function Spinner(props) {
   const { size = "lg", quiet, className, ...domProps } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       ...domProps,
       className: (0, import_classnames25.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__ */ jsx27("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
+        /* @__PURE__ */ jsx27("circle", { className: Spinner_default.fill, cx: "50", cy: "50", r: "20" })
+      ] })
+    }
   );
 }
 
@@ -24757,14 +24852,22 @@ var Loading_default = {
 };
 
 // src/components/Loading.tsx
+import { jsx as jsx28, 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_classnames26.default)(Loading_default.loading, className, Loading_default[position]), children: [
+    icon === "dots" && /* @__PURE__ */ jsx28(Dots, {}),
+    icon === "spinner" && /* @__PURE__ */ jsx28(Spinner, { size })
+  ] });
 }
 
 // src/components/LoadingButton.tsx
+import { jsx as jsx29, 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__ */ jsx29(Icon, { size: "sm", children: /* @__PURE__ */ jsx29(Spinner, {}) }),
+    children
+  ] });
 }
 
 // src/components/Menu.tsx
@@ -24780,8 +24883,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 jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+function MenuItem2({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs18($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames27.default)(MenuItem_default.item, className), children: [
+    children,
+    /* @__PURE__ */ jsx30("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx30(Icon, { className: MenuItem_default.check, children: /* @__PURE__ */ jsx30(Icons.Check, {}) }) })
+  ] });
 }
 
 // src/components/Menu.module.css
@@ -24791,13 +24898,14 @@ 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 jsx31 } from "react/jsx-runtime";
+function Menu({ items, className, children, ...props }) {
+  return /* @__PURE__ */ jsx31($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames28.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__ */ jsx31($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
     }
-    return /* @__PURE__ */ React.createElement(_MenuItem, { key: index, id: item }, item);
-  }));
+    return /* @__PURE__ */ jsx31(MenuItem2, { id: item, children: item }, index);
+  }) });
 }
 
 // src/components/Modal.tsx
@@ -24812,16 +24920,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 jsx32 } from "react/jsx-runtime";
+function Modal({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx32($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, children: /* @__PURE__ */ jsx32(
     $f3f84453ead64de5$export$2b77a92f1a5ad772,
     {
       className: (0, import_classnames29.default)(Modal_default.modal, className),
       isDismissable: true,
-      isKeyboardDismissDisabled: true
-    },
-    children
-  ));
+      isKeyboardDismissDisabled: true,
+      children
+    }
+  ) });
 }
 
 // src/components/PasswordField.tsx
@@ -24835,11 +24944,15 @@ var PasswordField_default = {
 };
 
 // src/components/PasswordField.tsx
+import { jsx as jsx33, 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__ */ jsx33($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: PasswordField_default.input }),
+    /* @__PURE__ */ jsx33(Icon, { onClick: handleShowPassword, className: PasswordField_default.icon, children: show ? /* @__PURE__ */ jsx33(Icons.EyeSlash, {}) : /* @__PURE__ */ jsx33(Icons.Eye, {}) })
+  ] });
 }
 
 // src/components/Page.tsx
@@ -24851,8 +24964,9 @@ var Page_default = {
 };
 
 // src/components/Page.tsx
+import { jsx as jsx34 } 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__ */ jsx34("div", { ...props, className: (0, import_classnames30.default)(Page_default.page, className), children });
 }
 
 // src/components/ProgressBar.tsx
@@ -24867,10 +24981,14 @@ 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 jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+function ProgressBar({ className, showValue, ...props }) {
+  return /* @__PURE__ */ jsx35($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames31.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+    return /* @__PURE__ */ jsxs20(Fragment4, { children: [
+      /* @__PURE__ */ jsx35("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx35("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showValue && /* @__PURE__ */ jsx35("div", { className: ProgressBar_default.value, children: valueText })
+    ] });
+  } });
 }
 
 // src/components/ProgressCircle.tsx
@@ -24885,23 +25003,30 @@ var ProgressCircle_default = {
 };
 
 // src/components/ProgressCircle.tsx
+import { Fragment as Fragment5, jsx as jsx36, 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__ */ jsx36($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames32.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__ */ jsx36("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ jsx36(
+          "circle",
+          {
+            className: ProgressCircle_default.fill,
+            cx: "50",
+            cy: "50",
+            r: "45",
+            strokeDasharray: `${circumference} ${circumference}`,
+            strokeDashoffset: offset
+          }
+        )
+      ] }),
+      showValue && /* @__PURE__ */ jsx36("label", { className: ProgressCircle_default.value, children: valueText })
+    ] });
+  } });
 }
 
 // src/components/RadioGroup.tsx
@@ -24914,11 +25039,12 @@ 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 jsx37 } from "react/jsx-runtime";
+function RadioGroup({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx37($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, className: (0, import_classnames33.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__ */ jsx37($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames33.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
@@ -24932,7 +25058,8 @@ var SearchField_default = {
 };
 
 // src/components/SearchField.tsx
-function _SearchField({ value, delay = 0, onSearch, className, ...props }) {
+import { Fragment as Fragment6, jsx as jsx38, 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,9 +25078,13 @@ 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__ */ jsx38($440f4836bcb56932$export$b94867ecbd698f21, { ...props, className: (0, import_classnames34.default)(Field_default.field, className), children: ({ state }) => {
+    return /* @__PURE__ */ jsxs22(Fragment6, { children: [
+      /* @__PURE__ */ jsx38(Icons.MagnifyingGlass, { className: (0, import_classnames34.default)(Field_default.icon, SearchField_default.icon) }),
+      /* @__PURE__ */ jsx38($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Field_default.input, onChange: handleChange }),
+      state.value && /* @__PURE__ */ jsx38($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: SearchField_default.button, onPress: resetSearch, children: /* @__PURE__ */ jsx38(Icon, { children: /* @__PURE__ */ jsx38(Icons.Close, {}) }) })
+    ] });
+  } });
 }
 
 // src/components/Select.tsx
@@ -24968,8 +25099,15 @@ 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 jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+function Select({ children, items = [], value, className, ...props }) {
+  return /* @__PURE__ */ jsxs23($82d7e5349645de74$export$ef9b1a59e592288f, { ...props, className: (0, import_classnames35.default)(Select_default.select, className), children: [
+    /* @__PURE__ */ jsxs23($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Select_default.button, children: [
+      /* @__PURE__ */ jsx39($82d7e5349645de74$export$e288731fd71264f0, {}),
+      /* @__PURE__ */ jsx39("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx39(Icon, { rotate: 90, size: "xs", className: Select_default.icon, children: /* @__PURE__ */ jsx39(Icons.Chevron, {}) }) })
+    ] }),
+    /* @__PURE__ */ jsx39(Popover, { children: /* @__PURE__ */ jsx39(List, { items, className: Select_default.list, children: children || items.map((item) => /* @__PURE__ */ jsx39(ListItem_default2, { id: item, className: Select_default.item, children: item }, item)) }) })
+  ] });
 }
 
 // src/components/Slider.tsx
@@ -24986,19 +25124,27 @@ 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 jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+function Slider({ className, showValue = true, label, ...props }) {
+  return /* @__PURE__ */ jsxs24($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames36.default)(Slider_default.slider, className), children: [
+    label && /* @__PURE__ */ jsx40(Label, { className: Slider_default.label, children: label }),
+    showValue && /* @__PURE__ */ jsx40($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output }),
+    /* @__PURE__ */ jsx40($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
+      const isHorizontal = state.orientation === "horizontal";
+      return /* @__PURE__ */ jsxs24(Fragment7, { children: [
+        /* @__PURE__ */ jsx40(
+          "div",
+          {
+            className: Slider_default.fill,
+            style: {
+              [isHorizontal ? "width" : "height"]: (isHorizontal ? state.getThumbPercent(0) : 1 - state.getThumbPercent(0)) * 100 + "%"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx40($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
+      ] });
+    } })
+  ] });
 }
 
 // src/components/StatusLight.tsx
@@ -25017,15 +25163,19 @@ var StatusLight_default = {
 };
 
 // src/components/StatusLight.tsx
+import { jsx as jsx41, 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_classnames37.default)(StatusLight_default.statuslight, className), children: [
+    /* @__PURE__ */ jsx41("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ jsx41(
+      "div",
+      {
+        className: (0, import_classnames37.default)(StatusLight_default.status, StatusLight_default[variant]),
+        style: { backgroundColor: color }
+      }
+    ) }),
+    children
+  ] });
 }
 
 // src/components/Switch.tsx
@@ -25039,8 +25189,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 jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
+function Switch({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs26($8e59e948500a8fe1$export$b5d5cf8927ab7262, { ...props, className: (0, import_classnames38.default)(Switch_default.switch, className), children: [
+    /* @__PURE__ */ jsx42("div", { className: Switch_default.track, children: /* @__PURE__ */ jsx42("div", { className: Switch_default.knob }) }),
+    children
+  ] });
 }
 
 // src/components/Tabs.module.css
@@ -25052,17 +25206,18 @@ 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 jsx43 } from "react/jsx-runtime";
+function Tabs({ children, ...props }) {
+  return /* @__PURE__ */ jsx43($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__ */ jsx43($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__ */ jsx43($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__ */ jsx43($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
 }
 
 // src/components/TextOverflow.tsx
@@ -25075,9 +25230,10 @@ var TextOverflow_default = {
 };
 
 // src/components/TextOverflow.tsx
+import { jsx as jsx44 } 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__ */ jsx44("div", { ...props, className: (0, import_classnames39.default)(TextOverflow_default.wrapper, className), children: /* @__PURE__ */ jsx44(Component, { className: TextOverflow_default.overflow, children }) });
 }
 
 // src/components/TextArea.tsx
@@ -25091,16 +25247,17 @@ var TextArea_default = {
 };
 
 // src/components/TextArea.tsx
+import { jsx as jsx45 } 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__ */ jsx45(TextField, { ...props, className: (0, import_classnames40.default)(resize && TextArea_default[resize]), asTextArea: true });
 }
 
 // src/components/Toast.tsx
 var import_classnames41 = __toESM(require_classnames());
-import { createElement as createElement2 } from "react";
+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 +25271,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 +25283,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 jsx46 } 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__ */ jsx46(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 +25316,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 +25343,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 +25351,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 jsx47 } 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__ */ jsx47(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__ */ jsx47(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__ */ jsx47(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 +25429,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 jsx48 } from "react/jsx-runtime";
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
@@ -25282,40 +25439,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__ */ jsx48(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__ */ jsx48(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__ */ jsx48(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 +25492,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 jsx49 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -25360,13 +25517,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__ */ jsx49(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -25376,20 +25533,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 +25558,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 jsx50 } 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 +25580,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 +25616,7 @@ var DismissableLayer = React13.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React13.useEffect(() => {
+    React11.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -25476,7 +25633,7 @@ var DismissableLayer = React13.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React13.useEffect(() => {
+    React11.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -25484,12 +25641,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__ */ jsx50(
       Primitive.div,
       {
         ...layerProps,
@@ -25510,11 +25667,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 +25680,15 @@ var DismissableLayerBranch = React13.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx5(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx50(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 +25729,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 +25765,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 jsx51 } 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__ */ jsx51(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 +25901,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 +25912,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 +25930,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 +25944,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 jsx52 } from "react/jsx-runtime";
 var NAME = "VisuallyHidden";
-var VisuallyHidden = React18.forwardRef(
+var VisuallyHidden = React16.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx52(
       Primitive.span,
       {
         ...props,
@@ -25818,7 +25975,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 jsx53, 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 +25989,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__ */ jsx53(Collection.Provider, { scope: __scopeToast, children: /* @__PURE__ */ jsx53(
     ToastProviderProvider,
     {
       scope: __scopeToast,
@@ -25852,8 +26009,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 +26022,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 +26032,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 +26047,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 +26089,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 +26101,7 @@ var ToastViewport = React19.forwardRef(
       },
       [getItems]
     );
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       const viewport = ref.current;
       if (viewport) {
         const handleKeyDown = (event) => {
@@ -25972,7 +26129,7 @@ var ToastViewport = React19.forwardRef(
         return () => viewport.removeEventListener("keydown", handleKeyDown);
       }
     }, [getItems, getSortedTabbableCandidates]);
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs27(
       Branch,
       {
         ref: wrapperRef,
@@ -25981,7 +26138,7 @@ var ToastViewport = React19.forwardRef(
         tabIndex: -1,
         style: { pointerEvents: hasToasts ? void 0 : "none" },
         children: [
-          hasToasts && /* @__PURE__ */ jsx8(
+          hasToasts && /* @__PURE__ */ jsx53(
             FocusProxy,
             {
               ref: headFocusProxyRef,
@@ -25993,8 +26150,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__ */ jsx53(Collection.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx53(Primitive.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
+          hasToasts && /* @__PURE__ */ jsx53(
             FocusProxy,
             {
               ref: tailFocusProxyRef,
@@ -26013,11 +26170,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__ */ jsx53(
       VisuallyHidden,
       {
         "aria-hidden": true,
@@ -26040,7 +26197,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 +26205,7 @@ var Toast = React19.forwardRef(
       defaultProp: defaultOpen,
       onChange: onOpenChange
     });
-    return /* @__PURE__ */ jsx8(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx53(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsx53(
       ToastImpl,
       {
         open,
@@ -26091,7 +26248,7 @@ var [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(
   onClose() {
   }
 });
-var ToastImpl = React19.forwardRef(
+var ToastImpl = React17.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeToast,
@@ -26109,21 +26266,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 +26289,7 @@ var ToastImpl = React19.forwardRef(
       },
       [handleClose]
     );
-    React19.useEffect(() => {
+    React17.useEffect(() => {
       const viewport = context.viewport;
       if (viewport) {
         const handleResume = () => {
@@ -26153,19 +26310,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__ */ jsx53(
         ToastAnnounce,
         {
           __scopeToast,
@@ -26175,8 +26332,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__ */ jsx53(ToastInteractiveProvider, { scope: __scopeToast, onClose: handleClose, children: ReactDOM4.createPortal(
+        /* @__PURE__ */ jsx53(Collection.ItemSlot, { scope: __scopeToast, children: /* @__PURE__ */ jsx53(
           Root,
           {
             asChild: true,
@@ -26184,7 +26341,7 @@ var ToastImpl = React19.forwardRef(
               if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();
               context.isFocusedToastEscapeKeyDownRef.current = false;
             }),
-            children: /* @__PURE__ */ jsx8(
+            children: /* @__PURE__ */ jsx53(
               Primitive.li,
               {
                 role: "status",
@@ -26277,37 +26434,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__ */ jsx53(Portal, { asChild: true, children: /* @__PURE__ */ jsx53(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__ */ jsx53(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__ */ jsx53(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 +26473,16 @@ var ToastAction = React19.forwardRef(
       );
       return null;
     }
-    return /* @__PURE__ */ jsx8(ToastAnnounceExclude, { altText, asChild: true, children: /* @__PURE__ */ jsx8(ToastClose, { ...actionProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx53(ToastAnnounceExclude, { altText, asChild: true, children: /* @__PURE__ */ jsx53(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__ */ jsx53(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx53(
       Primitive.button,
       {
         type: "button",
@@ -26337,9 +26494,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__ */ jsx53(
     Primitive.div,
     {
       "data-radix-toast-announce-exclude": "",
@@ -26445,6 +26602,8 @@ var Toast_default = {
 };
 
 // src/components/Toast.tsx
+import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+import { createElement as createElement4 } from "react";
 var icons = {
   info: Icons.Info,
   error: Icons.Alert
@@ -26459,13 +26618,22 @@ 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_classnames41.default)(Toast_default.toast, className, variant && Toast_default[variant]), children: [
+    /* @__PURE__ */ jsx54(Icon, { className: Toast_default.icon, size: "md", children: variant && createElement3(icons[variant]) }),
+    title && /* @__PURE__ */ jsx54(ToastTitle, { className: Toast_default.title, children: title }),
+    description && /* @__PURE__ */ jsx54(ToastDescription, { className: Toast_default.description, children: description }),
+    children && /* @__PURE__ */ jsx54(ToastAction, { className: Toast_default.action, altText: actionText || "Action", asChild: true, children }),
+    !children && allowClose && /* @__PURE__ */ jsx54(ToastClose, { className: Toast_default.close, "aria-label": "Close", children: /* @__PURE__ */ jsx54(Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsx54(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__ */ jsx54(Viewport, { className: Toast_default.viewport, ...props })
+  ] });
 }
 
 // src/components/Toggle.tsx
@@ -26477,8 +26645,9 @@ var Toggle_default = {
 };
 
 // src/components/Toggle.tsx
+import { jsx as jsx55 } 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__ */ jsx55($efde0372d7a700fe$export$d2b052e7b4be1756, { ...props, className: (0, import_classnames42.default)(Toggle_default.toggle, className), children });
 }
 
 // src/components/ToggleGroup.tsx
@@ -26899,11 +27068,12 @@ 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 jsx56 } from "react/jsx-runtime";
+function ToggleGroup({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx56($6c1fd9e6a8969628$export$af3ec21f6cfb5e30, { ...props, className: (0, import_classnames43.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__ */ jsx56($6c1fd9e6a8969628$export$b453109e13abe10b, { ...props, className: (0, import_classnames43.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/Tooltip.tsx
@@ -26917,14 +27087,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 jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+function Tooltip({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs29($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames44.default)(Tooltip_default.tooltip, className), children: [
+    /* @__PURE__ */ jsx57($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ jsx57("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx57("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    children
+  ] });
 }
 
 // src/components/ZenProvider.tsx
+import { jsx as jsx58, 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__ */ jsx58(Toaster, {})
+  ] });
 }
 export {
   Accordion,
@@ -26933,17 +27111,17 @@ export {
   AccordionItem,
   AlertBanner,
   AlertDialog,
-  _Breadcrumb as Breadcrumb,
-  _Breadcrumbs as Breadcrumbs,
-  _Button as Button,
-  _Calendar as Calendar,
-  _Checkbox as Checkbox,
+  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 +27130,50 @@ 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,
   Spinner,
   StatusLight,
-  _Switch as Switch,
-  _Tab as Tab,
-  _TabList as TabList,
-  _TabPanel as TabPanel,
-  _Table as Table,
-  _TableBody as TableBody,
+  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,