@optiaxiom/react 1.6.6 → 1.6.8

package/dist/cjs/index.js

@@ -4,123 +4,123 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var Calendar = require('./Calendar-C1aVOr3U.js');
+var Calendar = require('./Calendar-DECZ9-z7.js');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/layers/layers.css.ts.vanilla-CFmysNEj.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-Dgom_nPD.css');
-var RadixAlertDialog = require('@radix-ui/react-alert-dialog');
-var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-var reactContext = require('@radix-ui/react-context');
+require('./assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-DOuiWaLt.css');
+var RadixDialog = require('@radix-ui/react-dialog');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-ByrRVma3.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-wSbAwpvr.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BM_C9Xe3.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DWLSQIjv.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B8pf4G3T.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CqIfnm3u.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Ciq9eYSG.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-aeRpsAP7.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-CClY0-H6.css');
+var reactContext = require('@radix-ui/react-context');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-CI2gXGZj.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-BlQm-M4u.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-CuQ5dewB.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-DoC_kaMK.css');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/badge/Badge.css.ts.vanilla-BMEYA4Ju.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-C8PJYb4C.css');
-require('./assets/src/link/Link.css.ts.vanilla-CXVR7tGl.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CfvhfeVn.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DXcNINS0.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-BxK1B0uK.css');
-require('./assets/src/card/Card.css.ts.vanilla-DBZPMCIo.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-BEUr-i-M.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-B8p9YttE.css');
+require('./assets/src/link/Link.css.ts.vanilla-ktZeg-Hh.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-obcOb9W0.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-Bg8lsw2T.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DUnSH4dy.css');
+require('./assets/src/card/Card.css.ts.vanilla-BSi4lL5Q.css');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-CFtpYunH.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-QksYl29R.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-uPNxq7kb.css');
-require('./assets/src/code/Code.css.ts.vanilla-DPZSXq5F.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-j_4bVRxC.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-B6q8rjeo.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-6ahANOy8.css');
+require('./assets/src/code/Code.css.ts.vanilla-dXjLQ2St.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-Ch_QNw3Y.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-806hR9ZD.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DWxz0ud6.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-4B64q_xV.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-5fQbEJzo.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-CzER9DvK.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-C3ZyTMSZ.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-BNcgAnEz.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-D72uWr7J.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-ByDBjSL1.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-COlMq1he.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CDxj1ZSF.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-DN-FFBSN.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DUKi5NoS.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-p0qqoyn-.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-BZSS5jLf.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Ciq9eYSG.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-sCwAkYb_.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dcs-mJA4.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-CZJFxitJ.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-D9TiARe0.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-BTlQOEoV.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-BPhKEeEJ.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-XJXkCZ2j.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BQ-MwkRO.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BcBFR9Kc.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-B_cXhpyc.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-BZRnUqPX.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla--_AG9Y61.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-Dz8eOpBb.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Ciq9eYSG.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BYhX0tpR.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-DdIZLG0q.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-DHfAG6_t.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-RI_H8zyc.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-SQuwhd_a.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-BkNU2FPn.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-qhzATiwA.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-3dXVV4a0.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-NDoPh1aI.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-By6XElPD.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-Bu88IWyx.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-CUWmWyFW.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-yzWV3U-_.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-NMGLvy0j.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-BgD9M4IL.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-XfNrFpq3.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-Dl1vXVcq.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-B41osks7.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-CjT2ZJ6d.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-zLXYMHfW.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-CJzoWI9G.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-CqXicR1y.css');
-require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Ciq9eYSG.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-W8Y_vGJG.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-BxM25C6B.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BadZ3pSo.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-OSxxeRoK.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-BiE9dwUv.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-BHVXRueV.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-XhnoYHTz.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-CMhXcrcR.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CdlSgP6W.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-BbK0Amno.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-C4OFzhEM.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-Ba_a9N9D.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Ciq9eYSG.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BX_L6bgi.css');
-require('./assets/src/table/Table.css.ts.vanilla-B-ZO2RpA.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-yiq9Ac0z.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BreSeKVA.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-DZMB37iE.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DERWZF9z.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-FZGB5CLP.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-zMfyv4bM.css');
+require('./assets/src/table/Table.css.ts.vanilla-BrJl_I6Q.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-B29YyWgq.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-3SFGrahF.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-Bat0npTM.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-B-4CCTJd.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-qEewikU3.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BvgxklSL.css');
-require('./assets/src/box/Box.css.ts.vanilla-B5q50NA_.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DhLsZA0I.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-BoIueJFE.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-AhPVV6rs.css');
-require('./assets/src/text/Text.css.ts.vanilla-CB1qWJ4n.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BUiomCVL.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DwFK5H6p.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DUHY6fW_.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-COU-1Dps.css');
+require('./assets/src/box/Box.css.ts.vanilla-DVIjus-3.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-0i3NJFHe.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-BGEBA_0v.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CJWaWMHZ.css');
+require('./assets/src/text/Text.css.ts.vanilla-Cz3KaVh_.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-yIm4tgo-.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-6meCZHZP.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-B_mpm8OP.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-DSylinP_.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-CQJcI5Bd.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CJp5eiEk.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DsVj9KAl.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/transition/Transition.css.ts.vanilla-CaZkup1R.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-ri7Lg3zE.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-AdP7ydLR.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-mSfmIKXl.css');
 require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-DfEWrETJ.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BIJzrsBJ.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-Cq4dI3JI.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-xTPhlU2F.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CZ-gsEXF.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-wzHSMD6F.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-mofFnFLD.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CIs1ARXw.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BmyToVa2.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CMtja55x.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-Bm7fO-pz.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-goom7juX.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CglEUZg9.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BM28s8xZ.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-C10nnA2y.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-Bc7aiPAU.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -139,7 +139,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var RadixAlertDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAlertDialog);
+var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
 var RadixAvatar__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAvatar);
 var RadixToast__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToast);
 var RadixCollapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCollapsible);
@@ -227,8 +227,8 @@ const IconTriangleExclamationSolid = Calendar.withIcon(
   )
 );
 
-var alert = Calendar.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},opal:'px89t6',success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$5 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'ge0tpe']});
+var alert = Calendar.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},opal:{backgroundImage:'gradient.opal'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
+var content$5 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_2eyn1j']});
 var icon$5 = Calendar.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},opal:{h:'xs',mt:'2'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 const mapIntentToIcon$2 = {
@@ -272,52 +272,36 @@ const Alert = React.forwardRef(
 );
 Alert.displayName = "@optiaxiom/react/Alert";
 
-const [AlertDialogProvider, useAlertDialogContext] = reactContext.createContext("@optiaxiom/react/AlertDialog");
+function AlertDialog(props) {
+  if (React.useContext(Calendar.DialogKitContext)) {
+    throw new Error(
+      "`@optiaxiom/react/AlertDialog` should not be used explicitly in managed mode.\n\nPlease remove it and only use `@optiaxiom/react/AlertDialogContent` instead."
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Dialog, { ...props });
+}
+AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
 
-function AlertDialog({
-  children,
-  defaultOpen = false,
-  onOpenChange,
-  open: openProp,
-  ...props
-}) {
-  const [open, setOpen] = reactUseControllableState.useControllableState({
-    caller: "@optiaxiom/react/AlertDialog",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [presence, setPresence] = React.useState(false);
-  const [nestedDialogCount, setNestedDialogCount] = Calendar.useNestedDialogCount(
-    "AlertDialog",
-    open
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.NestedDialogProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(
-    RadixAlertDialog__namespace.Root,
+const AlertDialogAction = React.forwardRef(({ appearance = "danger", asChild, children, onClick, ...props }, ref) => {
+  const { onDismiss } = React.useContext(Calendar.DialogKitContext) ?? {};
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDialog__namespace.Close,
     {
-      onOpenChange: setOpen,
-      open: open || presence,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        AlertDialogProvider,
-        {
-          nestedDialogCount,
-          open,
-          presence,
-          setPresence,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.FocusBookmarkRestore, {}) }),
-            children
-          ]
+      asChild: true,
+      onClick: (event) => {
+        if (onDismiss) {
+          onDismiss(event, "action");
+          if (event.defaultPrevented) {
+            return;
+          }
         }
-      )
+        onClick?.(event);
+      },
+      ref,
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { appearance, children })
     }
-  ) });
-}
-AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
-
-const AlertDialogAction = React.forwardRef(({ appearance = "danger", asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Action, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { appearance, children }) });
+  );
 });
 AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
 
@@ -333,98 +317,166 @@ const AlertDialogBody = React.forwardRef(
       ref,
       z: "0",
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children }) })
     }
   )
 );
 AlertDialogBody.displayName = "@optiaxiom/react/AlertDialogBody";
 
-const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, children = "Cancel", ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Cancel, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { appearance, children }) });
-});
+const useAlertDialogContext = Calendar.useDialogContext;
+
+const AlertDialogCancel = React.forwardRef(
+  ({ appearance = "subtle", asChild, children = "Cancel", onClick, ...props }, outerRef) => {
+    const { cancelRef } = useAlertDialogContext(
+      "@optiaxiom/react/AlertDialogCancel"
+    );
+    const { onDismiss } = React.useContext(Calendar.DialogKitContext) ?? {};
+    const ref = reactComposeRefs.useComposedRefs(cancelRef, outerRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixDialog__namespace.Close,
+      {
+        asChild: true,
+        onClick: (event) => {
+          if (onDismiss) {
+            onDismiss(event, "cancel");
+            if (event.defaultPrevented) {
+              return;
+            }
+          }
+          onClick?.(event);
+        },
+        ref,
+        ...props,
+        children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { appearance, children })
+      }
+    );
+  }
+);
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = Calendar.recipeRuntime({variants:{hidden:{false:{},true:'_1sr5mu'}}});
-var content$4 = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1dhfh6g'],variants:{size:{sm:'_1cjcgyv',md:'_1gewn57',lg:'_1pv2uxp'}}});
-var nestedDialogCountVar = 'var(--mt85xd)';
-var root$2 = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_20y5nn']});
+var backdrop = Calendar.recipeRuntime({variants:{hidden:{false:{},true:'_1d07anw'}}});
+var content$4 = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1nv20f0'],variants:{size:{sm:'sxgmlv',md:'y0qe7w',lg:'_18wjcpk'}}});
+var nestedDialogCountVar = 'var(--_18dpv95)';
+var root$2 = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'ku9fv']});
 
-const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
-  const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
-  const innerRef = React.useRef(null);
-  const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Calendar.TransitionGroup,
-    {
-      onPresenceChange: setPresence,
-      open,
-      presence,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Portal, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Backdrop,
-          {
-            asChild: true,
-            onClick: () => {
-              innerRef.current?.animate(
-                [
-                  { translate: "6px" },
-                  { translate: "-4px" },
-                  { translate: "4px" }
-                ],
-                {
-                  duration: 150
-                }
-              );
-            },
-            ...backdrop({ hidden: nestedDialogCount > 0 }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Overlay, {})
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...root$2(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Paper,
+const AlertDialogContent = React.forwardRef(
+  ({
+    children,
+    onCloseAutoFocus,
+    onEscapeKeyDown,
+    onOpenAutoFocus,
+    size = "sm",
+    style,
+    ...props
+  }, outerRef) => {
+    const { cancelRef, nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
+    const { onClose, onDismiss } = React.useContext(Calendar.DialogKitContext) ?? {};
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.TransitionGroup,
+      {
+        onPresenceChange: setPresence,
+        open,
+        presence,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Portal, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            Calendar.Backdrop,
             {
               asChild: true,
-              elevation: "dialog",
-              style: {
-                ...dynamic.assignInlineVars({
-                  [nestedDialogCountVar]: `${nestedDialogCount}`
-                }),
-                ...style
+              onClick: () => {
+                innerRef.current?.animate(
+                  [
+                    { translate: "6px" },
+                    { translate: "-4px" },
+                    { translate: "4px" }
+                  ],
+                  {
+                    duration: 150
+                  }
+                );
               },
-              ...content$4({ size }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.FocusBookmarkProvider, { containerRef: innerRef, children }) }) })
+              ...backdrop({ hidden: nestedDialogCount > 0 }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, {})
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" })
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...root$2(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
+              Calendar.Paper,
+              {
+                asChild: true,
+                elevation: "dialog",
+                style: {
+                  ...dynamic.assignInlineVars({
+                    [nestedDialogCountVar]: `${nestedDialogCount}`
+                  }),
+                  ...style
+                },
+                ...content$4({ size }),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  RadixDialog__namespace.Content,
+                  {
+                    onCloseAutoFocus: (event) => {
+                      onCloseAutoFocus?.(event);
+                      onClose?.();
+                    },
+                    onEscapeKeyDown: (event) => {
+                      if (onDismiss) {
+                        onDismiss(event, "cancel");
+                        if (event.defaultPrevented) {
+                          return;
+                        }
+                      }
+                      onEscapeKeyDown?.(event);
+                    },
+                    onOpenAutoFocus: (event) => {
+                      onOpenAutoFocus?.(event);
+                      if (event.defaultPrevented) {
+                        return;
+                      }
+                      event.preventDefault();
+                      cancelRef.current?.focus({ preventScroll: true });
+                    },
+                    ref,
+                    role: "alertdialog",
+                    ...props,
+                    onInteractOutside: (event) => event.preventDefault(),
+                    onPointerDownOutside: (event) => event.preventDefault(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.FocusBookmarkProvider, { containerRef: innerRef, children }) })
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" })
+          ] })
         ] })
-      ] })
-    }
-  );
-});
+      }
+    );
+  }
+);
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'eo2thr']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1liujpi']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ...footer({}, className), ref, ...props, children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 
-var header$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'i2gf3w']});
+var header$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_17frxus']});
 
 const AlertDialogHeader = React.forwardRef(({ addonBefore, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...header$1({}, className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, color: "fg.error", children: addonBefore && Calendar.fallbackSpan(addonBefore) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Calendar.Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Title, { children }) })
+    /* @__PURE__ */ jsxRuntime.jsx(Calendar.Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { children }) })
   ] });
 });
 AlertDialogHeader.displayName = "@optiaxiom/react/AlertDialogHeader";
 
 const AlertDialogTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { children }) });
 });
 AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
 
@@ -547,7 +599,7 @@ const IconUsersSolid = Calendar.withIcon(
   )
 );
 
-var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'r15ri5'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'oszbxe'],xs:[{fontWeight:'400',size:'xs'},'_1agbdpy'],sm:[{size:'sm'},'_1bixirr'],md:[{size:'md'},'thwt5r'],lg:[{size:'lg'},'_14e1pp5'],xl:[{size:'xl'},'isivey'],'3xl':[{size:'3xl'},'_1fk5euo']}}});
+var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1k9v96b'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'ekopt2'],xs:[{fontWeight:'400',size:'xs'},'iy99hj'],sm:[{size:'sm'},'fkmk6p'],md:[{size:'md'},'l689wo'],lg:[{size:'lg'},'_1txnjgk'],xl:[{size:'xl'},'_18p4pi0'],'3xl':[{size:'3xl'},'_1mqs2m9']}}});
 var fallback = Calendar.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon$4 = Calendar.recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 
@@ -597,7 +649,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = Calendar.recipeRuntime({base:['chvdk5',{display:'flex'}]});
+var avatarGroup = Calendar.recipeRuntime({base:['_1iy29ef',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -608,8 +660,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1hv5zep';
-var reset = 'optiaxiom._1gnr5ke';
+var components = 'optiaxiom._1yb0mp8';
+var reset = 'optiaxiom._1yhbumy';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -659,9 +711,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1i7f63y']});
-var offsetVar = 'var(--_1kkx22k)';
-var root$1 = Calendar.recipeRuntime({base:['_1h6jso0',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1yqtrzr'],variants:{intent:{danger:'_1iarlfq',information:'_19qqbau',neutral:'_1qd9pnx',success:'_1a2xiwz',warning:'gv103b'}}});
+var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'bwqn1v']});
+var offsetVar = 'var(--_12e6hf5)';
+var root$1 = Calendar.recipeRuntime({base:['_1olgnbm',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1lax4h4'],variants:{intent:{danger:'ouu06m',information:'_1n6oqyv',neutral:'_19ejzn2',success:'_5ozudo',warning:'_1ip53l5'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -730,7 +782,7 @@ const ToastAction = React.forwardRef(
 ToastAction.displayName = "@optiaxiom/react/ToastAction";
 
 var gap = '16';
-var viewport = Calendar.recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_4onwkc'],variants:{position:{bottom:'_1bbp2t4','bottom-left':'ubfbof','bottom-right':['right-scroll-bar-position','_9nazwm'],top:'axhzot','top-left':'i8nudg','top-right':['right-scroll-bar-position','bbftkx']}}});
+var viewport = Calendar.recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_10ts54o'],variants:{position:{bottom:'_1uzx0xl','bottom-left':'_1gokrsq','bottom-right':['right-scroll-bar-position','_1rp0kw'],top:'xpyf3p','top-left':'_1n8epbj','top-right':['right-scroll-bar-position','_1ttxetp']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -845,6 +897,7 @@ ToastProvider.displayName = "@optiaxiom/react/ToastProvider";
 
 function AxiomProvider({
   children,
+  dialog,
   toast,
   tooltip
 }) {
@@ -855,11 +908,14 @@ function AxiomProvider({
       /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Calendar.version, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.FocusBookmarkProvider, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Calendar.version, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.FocusBookmarkProvider, { children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(Calendar.DialogKitProvider, { ...dialog })
+  ] }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1qb3jgf'],variants:{intent:{danger:'ljuf4v',information:'_13jlaqd',neutral:'_1l3slet',primary:'_1c2tril',success:'_1ffzfhb',warning:'j0z6qe'},variant:{strong:'_1v4gwin',subtle:'rhbr33'}}});
+var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1vbse7e'],variants:{intent:{danger:'_14jnbc6',information:'qmcdur',neutral:'_12t7xfi',primary:'c6inbx',success:'wp1hrj',warning:'_1n86e9k'},variant:{strong:'ziwc3m',subtle:'_1v1vatu'}}});
 
 const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -886,7 +942,7 @@ const Badge = React.forwardRef(
 Badge.displayName = "@optiaxiom/react/Badge";
 
 var banner = Calendar.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content$3 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'pv9s0h']});
+var content$3 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'b43kre']});
 var icon$2 = Calendar.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 const mapIntentToIcon = {
@@ -944,44 +1000,8 @@ const IconEllipsisSolid = Calendar.withIcon(
   )
 );
 
-const IconUpRightFromSquare = Calendar.withIcon(
-  {
-    fill: "none",
-    name: "IconUpRightFromSquare"
-  },
-  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M15 8.83333V13.8333C15 14.2754 14.8244 14.6993 14.5118 15.0118C14.1993 15.3244 13.7754 15.5 13.3333 15.5H4.16667C3.72464 15.5 3.30072 15.3244 2.98816 15.0118C2.67559 14.6993 2.5 14.2754 2.5 13.8333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H9.16667",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M12.5 0.5H17.5V5.5",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M8.33333 9.66667L17.5 0.5",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] })
-);
-
-var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1rs0n4h']});
-var link$1 = Calendar.recipeRuntime({base:['_1dothsj'],variants:{appearance:{'default':'_1tm5d5r',inverse:'_2ydri0',subtle:'_153mtso'}}});
+var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_192z8jf']});
+var link$1 = Calendar.recipeRuntime({base:['_1nhi7l6'],variants:{appearance:{'default':'qwgi0l',inverse:'h4nbmz',subtle:'_11w3kyg'}}});
 
 const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Link");
 const Link = React.forwardRef(
@@ -1011,7 +1031,7 @@ const Link = React.forwardRef(
         },
         children: Calendar.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           children2,
-          external && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon$1(), children: /* @__PURE__ */ jsxRuntime.jsx(IconUpRightFromSquare, {}) })
+          external && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconUpRightFromSquare, {}) })
         ] }))
       }
     ) }) });
@@ -1019,10 +1039,10 @@ const Link = React.forwardRef(
 );
 Link.displayName = "@optiaxiom/react/Link";
 
-var link = Calendar.recipeRuntime({base:'kfvyyc'});
-var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1ywifdn']});
+var link = Calendar.recipeRuntime({base:'vg2s85'});
+var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_12gttgr']});
 
-var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'m5jc8t']});
+var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1t15rvu']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
@@ -1086,7 +1106,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = Calendar.recipeRuntime({base:['_1ry2905',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'t0cjzk']});
+var card = Calendar.recipeRuntime({base:['_50ldgi',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'fttlsv']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1106,7 +1126,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = Calendar.recipeRuntime({base:['_1sw05ut']});
+var checkbox = Calendar.recipeRuntime({base:['qudf8o']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -1147,9 +1167,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_4godc4',before:'qtge76'}}});
-var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'wcxnzo']});
-var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1x3hou7']});
+var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_19g3gf9',before:'_23rwbq'}}});
+var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'_1o7g4wi']});
+var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_98c6uf']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -1184,8 +1204,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_14908az']});
-var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'jv74v4']});
+var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1j504nb']});
+var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1uhx8vu']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1247,7 +1267,7 @@ const CardPreview = React.forwardRef(
 );
 CardPreview.displayName = "@optiaxiom/react/CardPreview";
 
-var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'_1gmpyef']});
+var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'_1jve6ti']});
 
 const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -1374,12 +1394,12 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_3vo69j'],variants:{pinned:{left:'bibwgm',right:'_1dyviva'},pinnedType:{body:'_11z8cyu',header:{}}}});
-var cellOffsetVar = 'var(--_1n42q5j)';
-var cellSizeVar = 'var(--_12uz0dv)';
-var leftTotalSizeVar = 'var(--o4jtwn)';
-var rightTotalSizeVar = 'var(--hdgj2h)';
-var totalSizeVar = 'var(--_1xk6jiv)';
+var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1q8a6z2'],variants:{pinned:{left:'mqfe72',right:'khmy4p'},pinnedType:{body:'sbtyi6',header:{}}}});
+var cellOffsetVar = 'var(--_1dvx0qv)';
+var cellSizeVar = 'var(--_18peasm)';
+var leftTotalSizeVar = 'var(--_1q9rvzc)';
+var rightTotalSizeVar = 'var(--_5qpve3)';
+var totalSizeVar = 'var(--p7gbz4)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1757,9 +1777,9 @@ const IconEllipsis = Calendar.withIcon(
   ] })
 );
 
-var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_1s3w2fy']});
-var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'ouscdb'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_4w6r3w']});
+var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_1r9mgv1']});
+var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1llkepm'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1nil891']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1873,7 +1893,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = Calendar.recipeRuntime({base:'_1m87ce6',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Calendar.recipeRuntime({base:'_1lrjal',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1968,10 +1988,10 @@ const IconCalendar = Calendar.withIcon(
   )
 );
 
-var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'kof84b']});
-var date = Calendar.recipeRuntime({base:'_1pjoljy'});
-var input$2 = Calendar.recipeRuntime({base:'_5nj1yy'});
-var picker = Calendar.recipeRuntime({base:'_1oxnexy'});
+var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'ogaiwg']});
+var date = Calendar.recipeRuntime({base:'_127k2xs'});
+var input$2 = Calendar.recipeRuntime({base:'_1kl8zsp'});
+var picker = Calendar.recipeRuntime({base:'_15fxuuy'});
 
 const DateInput = React.forwardRef(
   ({
@@ -2318,8 +2338,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Calendar.recipeRuntime({base:['_1ns2tqj']});
-var outer = Calendar.recipeRuntime({base:[{display:'grid'},'_1t6dpf0'],variants:{scale:{false:'mujwrf',true:{}}}});
+var inner = Calendar.recipeRuntime({base:['_1qpd9pm']});
+var outer = Calendar.recipeRuntime({base:[{display:'grid'},'_1kdyzxb'],variants:{scale:{false:'_16lsv9h',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -2343,9 +2363,9 @@ const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...pro
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'l2lyw6',start:'_28leop'}}});
-var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'kiaqym']});
-var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'i9wgd5']});
+var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1kq3dj',start:'faybfe'}}});
+var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'u3yq5n']});
+var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1h23qna']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -2732,9 +2752,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Calendar.recipeRuntime({base:'kmfmce',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1hw716n']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1ss1m4u']}}});
-var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'kefz2i'],variants:{offset:{false:'d95ch3',true:{}},position:{'bottom-right':'_1d4in0y','top-right':'_1o7r4gi'}}});
-var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_1ie4i2u']});
+var badge = Calendar.recipeRuntime({base:'k17fgn',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1dhista']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1lhxgrn']}}});
+var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'uygp59'],variants:{offset:{false:'wjcwm7',true:{}},position:{'bottom-right':'_1dq893z','top-right':'clcimn'}}});
+var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_71vzgb']});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
@@ -2770,7 +2790,7 @@ const Indicator = React.forwardRef(
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
 var kbd = Calendar.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = Calendar.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'ci4kmz'],subtle:{}}}});
+var key = Calendar.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1w0azcd'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2811,7 +2831,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_1ttm22t']});
+var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_10dhk96']});
 var content$1 = Calendar.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label$1 = Calendar.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
@@ -2844,7 +2864,7 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1ifb96']});
+var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'ymu3da']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2865,7 +2885,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'p1r1ff',true:'qppe9'}}});
+var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'uacxm9',true:'dyg0dj'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -3036,8 +3056,8 @@ const NavHeader = React.forwardRef(
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_16qm2oq']});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_4i1hsb'],variants:{expanded:{false:'xplb0z',true:'_1ugmg3y'}}});
+var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_11crb2c']});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_3o01tu'],variants:{expanded:{false:'v3d17f',true:'_1x75hh7'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -3111,8 +3131,8 @@ const NavSeparator = React.forwardRef(
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
-var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1p9lw9b']});
+var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'evklfl',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1dwgzbs']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -3123,6 +3143,7 @@ const Progress = React.forwardRef(
       {
         asChild: true,
         style: {
+          backgroundSize: `${100 * 100 / widthPercentage}%`,
           width: `${widthPercentage}%`
         },
         ...indicator$1({
@@ -3136,10 +3157,10 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_16hss75'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_452pds']});
-var input$1 = Calendar.recipeRuntime({base:'_1hwtq4x'});
-var radio = Calendar.recipeRuntime({base:'f211a6'});
+var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1lh9ij9'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'gqp84r']});
+var input$1 = Calendar.recipeRuntime({base:'ga40bt'});
+var radio = Calendar.recipeRuntime({base:'_131rep1'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -3245,9 +3266,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1ln4n9q']});
-var input = Calendar.recipeRuntime({base:'_1e6sw43'});
-var search = Calendar.recipeRuntime({base:'_1mnemgn'});
+var clear = Calendar.recipeRuntime({base:[{size:'sm'},'m5zh3p']});
+var input = Calendar.recipeRuntime({base:'_11yqoju'});
+var search = Calendar.recipeRuntime({base:'rx6gw6'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -3381,7 +3402,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'pd5eb2']});
+var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'enxbyl']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3411,7 +3432,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_15ejsz9']});
+var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_1h6jdka']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3428,7 +3449,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_14xijlw']});
+var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1xhiy9p']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3437,8 +3458,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'z5xtvi']});
-var trigger = Calendar.recipeRuntime({base:['_1fodo0f',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'zw8azt']});
+var content = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'f34gao']});
+var trigger = Calendar.recipeRuntime({base:['_1niqdd8',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'xowccd']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
@@ -3454,9 +3475,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Calendar.recipeRuntime({base:['i0l2pu','irlwqt']});
-var textarea = Calendar.recipeRuntime({base:['i0l2pu','_1hwnsmu'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['q7vepi','_1el6xr2'],'2':['q7vepi','_1q26p6y'],'3':['q7vepi','_8z3kef'],'4':['q7vepi','_3pwsz9'],'5':['q7vepi','_1lgp5ku']},resize:{auto:{},none:{},vertical:'_1cryhzg'}}});
+var shadow = Calendar.recipeRuntime({base:['_1bvcdg7','u0zy0w']});
+var textarea = Calendar.recipeRuntime({base:['_1bvcdg7','_1c7vbql'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1in1fkn','qxnxow'],'2':['_1in1fkn','_10punat'],'3':['_1in1fkn','_1pnonsz'],'4':['_1in1fkn','_1mgne19'],'5':['_1in1fkn','lkraa1']},resize:{auto:{},none:{},vertical:'_1lqah4x'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(