@optiaxiom/react 1.6.5 → 1.6.7

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-DR6y8FVP.js');
+var Calendar = require('./Calendar-CbDwTsaI.js');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/layers/layers.css.ts.vanilla-D_rF7ERt.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-C6Q12t_W.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-C4q1Lh94.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-D3gMOR38.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-Pvwtt340.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-n7IkRL5h.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CWh_y92u.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BayzTPkH.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-Cwbnt2Mx.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-IbSC8r81.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-DZoTmtPc.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-B7hQyNcp.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-DwALCmow.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-ABsLWu0-.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-CMtuhv6B.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-B8walRJY.css');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/badge/Badge.css.ts.vanilla-D2-ZM6fl.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-CAcvPINK.css');
-require('./assets/src/link/Link.css.ts.vanilla-BU4nWYWE.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-BrAHXnMK.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-Cbxmr543.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-DVpB-ZyQ.css');
-require('./assets/src/card/Card.css.ts.vanilla-DZiXEb1p.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-xWBK9hvX.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-Dw01IghL.css');
+require('./assets/src/link/Link.css.ts.vanilla-BDS4VnEt.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DNuqJGax.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DsU_9DG0.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-RmCQvM0v.css');
+require('./assets/src/card/Card.css.ts.vanilla-CLRiwAbl.css');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-B8gdU-Ha.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-CTlGHaCX.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-D2lgjD-W.css');
-require('./assets/src/code/Code.css.ts.vanilla-Bx9kiLKR.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-nzWIl32m.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-BzjcqmMI.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-WPkVxAla.css');
+require('./assets/src/code/Code.css.ts.vanilla-B1mlSR58.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-B_IsO6Ga.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-_ycVurHJ.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-C09g72DC.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-HH-Cx_wO.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-DoyzdRQe.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-BlMzntAm.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-CXKEWItH.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-sIsNyxR4.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-C-cBij_X.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-CCcPLlJb.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-CirYRRTE.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CG8Csy4_.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-qhMSulh0.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-w-2u8uZV.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-BtWmp2LB.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-DEzfrI8E.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-CviSytiE.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Cagduy-S.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-Bfx57Xxq.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-mejIbEzK.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-CPtkF1Z7.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-B_hfL072.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-DHkcqMrH.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-RM21OaIQ.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DzV1Gg-t.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-gR5coDTa.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-U3cX755R.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-CqeCws2D.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-AUGVAL3E.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CawzUOob.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-Ce3pwYfu.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-EtVI1A6e.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-CxTlfXzu.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C_JzcDjn.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-UVRGQxBc.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-DCls-rzi.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-Bd3L_fYd.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-jvR5wvbB.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-V5qA5pbk.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-DpXWfvik.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-CoOznTlT.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-ogCSUkEB.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-CJbpBysJ.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-CqaNPfeY.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-BQuGwqrE.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-DvpUW5-1.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BJbyiHhC.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BbjtQ09q.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-BU1r-HHG.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BnliOB77.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DtxoJNuE.css');
-require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-Dex-9adz.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-cb81-k2A.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BU3BUsOT.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-HYkFhaT9.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DUBX4Ta8.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-BGUBnBXe.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-DJXpD-UY.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DP0fs99r.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D4lJwpWf.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-CL_ZiWzz.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DGU85LKg.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CiG0SjsE.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-sjBKI0iM.css');
-require('./assets/src/table/Table.css.ts.vanilla-CI9_6zXt.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-DICuVAgv.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-Bh54P_S4.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-CWqo7RSK.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-zzATSirh.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DtlTU0j_.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-CRetBKTZ.css');
+require('./assets/src/table/Table.css.ts.vanilla-Da1Q5wtu.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-9e0LRDfq.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-B0JOy8jC.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-JNIXV3Zo.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CgBY-ptY.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DQWYoxRo.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-DSnZ2p-5.css');
-require('./assets/src/box/Box.css.ts.vanilla-Qc6lEHZB.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CKjrg2lI.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CEjpaJ7e.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CxeVfhmu.css');
-require('./assets/src/text/Text.css.ts.vanilla-DBiKoStu.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DvlCcqW5.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CeCfpEHy.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-pN5QfoJv.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Cr7Kkr-z.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dzvlvq-p.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DkDAS0Qn.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DL-Xiihi.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CWI7d3cG.css');
+require('./assets/src/text/Text.css.ts.vanilla-C2wHzsbG.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-IKjR3WCD.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-2cEaYavZ.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CsYZEBiy.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BrxR4H_U.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-88s_-Fhz.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-C7hFwTsD.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-_7WnbltL.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-BaUpWrxR.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Dl2ycUlE.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-Bsb03wID.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-ClFn3Ken.css');
 require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BqtAQKqc.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BZfPoPkk.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-C2wwR-w9.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DNh6Q1-u.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CHMs9jPU.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BvYdwRbs.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BTF5n5wA.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DnqppYzX.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BLkPbEpv.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DgKtPvMF.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-DTaI_UUt.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-C2gaglWJ.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-DCQV9hMs.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-4MZpfiv-.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-rgCLIQZi.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-B7DSX7GF.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:'_1lah60w',success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$5 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'p299wf']});
+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'},'_1xw4awv']});
 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:'_182f10j'}}});
-var content$4 = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1uykyht'],variants:{size:{sm:'j32bzg',md:'_1xxqy3x',lg:'xeaj3m'}}});
-var nestedDialogCountVar = 'var(--_1m7p06l)';
-var root$2 = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1bzd0zk']});
+var backdrop = Calendar.recipeRuntime({variants:{hidden:{false:{},true:'t2x2pe'}}});
+var content$4 = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1xk37xv'],variants:{size:{sm:'_1ahdgh4',md:'_1g3wwqf',lg:'_13c0al3'}}});
+var nestedDialogCountVar = 'var(--_1xq8bo4)';
+var root$2 = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1dbitmy']});
 
-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'},'_35bha7']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1or7hwr']});
 
 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'},'iejjuq']});
+var header$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'usxknk']});
 
 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'},'j4hcfo'],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'},'_1yv7g4k'],xs:[{fontWeight:'400',size:'xs'},'_156auoh'],sm:[{size:'sm'},'_1t0hggt'],md:[{size:'md'},'_1le7bhj'],lg:[{size:'lg'},'_1kj2f7r'],xl:[{size:'xl'},'_5bnb7e'],'3xl':[{size:'3xl'},'_1dnmijv']}}});
+var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_12lnx55'],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'},'yiuho5'],xs:[{fontWeight:'400',size:'xs'},'scx9gj'],sm:[{size:'sm'},'ju6bg4'],md:[{size:'md'},'_1mh46l1'],lg:[{size:'lg'},'_1a7gs7n'],xl:[{size:'xl'},'_3s3a56'],'3xl':[{size:'3xl'},'_22pcks']}}});
 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:['ggftbv',{display:'flex'}]});
+var avatarGroup = Calendar.recipeRuntime({base:['_18s3c9j',{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._8d0mj0';
-var reset = 'optiaxiom._1h7gtjd';
+var components = 'optiaxiom.aoc5fq';
+var reset = 'optiaxiom.zlosn0';
 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'},'_18s7t51']});
-var offsetVar = 'var(--_1dpj8ih)';
-var root$1 = Calendar.recipeRuntime({base:['roxif6',{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']},'iohx3'],variants:{intent:{danger:'ccxsz9',information:'_1t7b8yn',neutral:'_1q7tlzr',success:'gnmbpm',warning:'_4odc7a'}}});
+var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'lk4azp']});
+var offsetVar = 'var(--irx9r4)';
+var root$1 = Calendar.recipeRuntime({base:['isgudf',{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']},'bwjhew'],variants:{intent:{danger:'_11i2z3z',information:'_13m8o6m',neutral:'ndbz3o',success:'_1fs3ard',warning:'_1swceau'}}});
 
 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'},'_1c2j40c'],variants:{position:{bottom:'_10l6r06','bottom-left':'_1gbpo3r','bottom-right':['right-scroll-bar-position','qw352r'],top:'_169v84e','top-left':'ppfe2d','top-right':['right-scroll-bar-position','gce3mk']}}});
+var viewport = Calendar.recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'pbf50b'],variants:{position:{bottom:'_17h6xc0','bottom-left':'_11h7o6g','bottom-right':['right-scroll-bar-position','cx5t28'],top:'fstvmp','top-left':'_10yr0y8','top-right':['right-scroll-bar-position','yc9ql9']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -855,11 +907,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, {})
+  ] }) }) });
 }
 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'},'_13fq5pp'],variants:{intent:{danger:'_1tu5mjh',information:'_9prqx8',neutral:'_12nr42i',primary:'j2gfq4',success:'_6onwzw',warning:'mx91pm'},variant:{strong:'fbgfeh',subtle:'qjnhba'}}});
+var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1qezjb3'],variants:{intent:{danger:'m6f93a',information:'uqcx0g',neutral:'s0nq0m',primary:'h7q1i1',success:'_6gok74',warning:'_114y6ch'},variant:{strong:'hndbn2',subtle:'_1xk6se9'}}});
 
 const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -886,7 +941,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'},'_1ipseeh']});
+var content$3 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1tkvcng']});
 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 +999,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'},'x9ueji']});
-var link$1 = Calendar.recipeRuntime({base:['mj6h1'],variants:{appearance:{'default':'d0i1id',inverse:'kp7ac1',subtle:'_173wxe5'}}});
+var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_186s4no']});
+var link$1 = Calendar.recipeRuntime({base:['_13ew12s'],variants:{appearance:{'default':'og5m2w',inverse:'qr22h0',subtle:'lp73or'}}});
 
 const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Link");
 const Link = React.forwardRef(
@@ -1011,7 +1030,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 +1038,10 @@ const Link = React.forwardRef(
 );
 Link.displayName = "@optiaxiom/react/Link";
 
-var link = Calendar.recipeRuntime({base:'r6dqt2'});
-var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'pqbds2']});
+var link = Calendar.recipeRuntime({base:'_15x3fde'});
+var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'p4f3va']});
 
-var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_4lcfkv']});
+var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1oohjpc']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
@@ -1086,7 +1105,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = Calendar.recipeRuntime({base:['_1ujtu6l',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1eync2m']});
+var card = Calendar.recipeRuntime({base:['uefepq',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1wlml2f']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1106,7 +1125,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = Calendar.recipeRuntime({base:['_18zrm1j']});
+var checkbox = Calendar.recipeRuntime({base:['_131cs9h']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -1147,9 +1166,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:'_1xpwn6p',before:'_1kql3f8'}}});
-var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'toh2vu']});
-var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'lj5rcu']});
+var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1xb5aft',before:'kv2x9p'}}});
+var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'_9thzhc']});
+var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'a5cw6u']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -1184,8 +1203,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'e2yu8n']});
-var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_14xru08']});
+var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1yxrt40']});
+var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1m6lwyw']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1247,7 +1266,7 @@ const CardPreview = React.forwardRef(
 );
 CardPreview.displayName = "@optiaxiom/react/CardPreview";
 
-var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'lolzyy']});
+var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'_14lbm4i']});
 
 const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -1374,12 +1393,12 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1kuv00h'],variants:{pinned:{left:'i8onsp',right:'_13utppu'},pinnedType:{body:'_1jizlx3',header:{}}}});
-var cellOffsetVar = 'var(--_1f9vr11)';
-var cellSizeVar = 'var(--_1kw4r4m)';
-var leftTotalSizeVar = 'var(--se64m5)';
-var rightTotalSizeVar = 'var(--_33uvoi)';
-var totalSizeVar = 'var(--_1hkc5xo)';
+var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'wuszaw'],variants:{pinned:{left:'_1ncn7jb',right:'meeqm1'},pinnedType:{body:'tg85km',header:{}}}});
+var cellOffsetVar = 'var(--bu1d2t)';
+var cellSizeVar = 'var(--q6f0tr)';
+var leftTotalSizeVar = 'var(--o33cit)';
+var rightTotalSizeVar = 'var(--e0c1ld)';
+var totalSizeVar = 'var(--_1fauz5x)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1757,9 +1776,9 @@ const IconEllipsis = Calendar.withIcon(
   ] })
 );
 
-var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_110n9uh']});
-var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1wq7nko'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_12b863y']});
+var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_8gole']});
+var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_257qes'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1kuccml']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1873,7 +1892,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = Calendar.recipeRuntime({base:'nmvltj',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Calendar.recipeRuntime({base:'_44c4dt',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1968,10 +1987,10 @@ const IconCalendar = Calendar.withIcon(
   )
 );
 
-var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'_1m7zxe4']});
-var date = Calendar.recipeRuntime({base:'_8q3tph'});
-var input$2 = Calendar.recipeRuntime({base:'_1f0azl7'});
-var picker = Calendar.recipeRuntime({base:'_1q3q2xb'});
+var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'nw5iz2']});
+var date = Calendar.recipeRuntime({base:'q4gwi8'});
+var input$2 = Calendar.recipeRuntime({base:'l84blp'});
+var picker = Calendar.recipeRuntime({base:'_2twwey'});
 
 const DateInput = React.forwardRef(
   ({
@@ -2159,6 +2178,7 @@ function DateRangePicker({
     onChange: onValueChange,
     prop: valueProp
   });
+  const setValueStable = Calendar.useEffectEvent(setValue);
   React.useEffect(() => {
     if (open) {
       setFrom(void 0);
@@ -2168,10 +2188,10 @@ function DateRangePicker({
     if (!open && from) {
       const end = Calendar.toInstant(Calendar.toPlainDate(from) + "T23:59:59.999");
       if (end) {
-        setValue({ from, to: end });
+        setValueStable({ from, to: end });
       }
     }
-  }, [from, open, setValue]);
+  }, [from, open, setValueStable]);
   return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     DateRangePickerProvider,
     {
@@ -2317,8 +2337,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Calendar.recipeRuntime({base:['_1avvtss']});
-var outer = Calendar.recipeRuntime({base:[{display:'grid'},'_127li89'],variants:{scale:{false:'_4b5yzc',true:{}}}});
+var inner = Calendar.recipeRuntime({base:['_1qg6ee5']});
+var outer = Calendar.recipeRuntime({base:[{display:'grid'},'lxoux7'],variants:{scale:{false:'rq8wzx',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -2342,9 +2362,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:'_1dy94a7',start:'_1fckg0c'}}});
-var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'syabsr']});
-var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1q1a14s']});
+var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_16amq9p',start:'_16kdhkt'}}});
+var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'b8sgms']});
+var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1t76t4l']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -2731,9 +2751,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Calendar.recipeRuntime({base:'_1vpncgj',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'y6cxp6']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_17b9ip1']}}});
-var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1hjdby6'],variants:{offset:{false:'_1oz3rzx',true:{}},position:{'bottom-right':'vxmpb','top-right':'_166xeqt'}}});
-var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_1amroz0']});
+var badge = Calendar.recipeRuntime({base:'_1th0ula',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'cq57y8']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_19egjak']}}});
+var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'qys1r4'],variants:{offset:{false:'_19u9mfw',true:{}},position:{'bottom-right':'_1ycpr7e','top-right':'_9qhgaj'}}});
+var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'t6le5k']});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
@@ -2769,7 +2789,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'},'_1dpdqrw'],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'},'_1qgtof2'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2810,7 +2830,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'r7lyt6']});
+var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_6bcv3p']});
 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'}}}});
 
@@ -2843,7 +2863,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'},'_1wgnlt6']});
+var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1adshsv']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2864,7 +2884,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:'oagh1t',true:'_1bwc6na'}}});
+var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'jlxpfe',true:'zk6vxt'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -3035,8 +3055,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'},'_1550jwm']});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1s6tb6q'],variants:{expanded:{false:'_6dlf2g',true:'_18nsy2n'}}});
+var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'w4n6jq']});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_104nwoe'],variants:{expanded:{false:'_1kvhi5n',true:'_1psxujg'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -3110,8 +3130,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'},'paacqz']});
+var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_2qvysu',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'mhlf6z']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -3122,6 +3142,7 @@ const Progress = React.forwardRef(
       {
         asChild: true,
         style: {
+          backgroundSize: `${100 * 100 / widthPercentage}%`,
           width: `${widthPercentage}%`
         },
         ...indicator$1({
@@ -3135,10 +3156,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'},'_72820h'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1v0c25v']});
-var input$1 = Calendar.recipeRuntime({base:'_1nxmmo6'});
-var radio = Calendar.recipeRuntime({base:'_1kkrbjg'});
+var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_7z5crs'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1n54801']});
+var input$1 = Calendar.recipeRuntime({base:'gk0zu7'});
+var radio = Calendar.recipeRuntime({base:'_1cnpzoh'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -3244,9 +3265,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1cg4rr']});
-var input = Calendar.recipeRuntime({base:'i1wc53'});
-var search = Calendar.recipeRuntime({base:'_1e38osr'});
+var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_739hsh']});
+var input = Calendar.recipeRuntime({base:'_12x1fav'});
+var search = Calendar.recipeRuntime({base:'rx71re'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -3380,7 +3401,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'},'_1ttccyy']});
+var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_15hegq5']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3410,7 +3431,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'jt3hl0']});
+var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'zm8ci6']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3427,7 +3448,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1ddhbit']});
+var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1bcqbe0']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3436,8 +3457,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'},'_9jbk64']});
-var trigger = Calendar.recipeRuntime({base:['_1m2a1s9',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1lpvh7g']});
+var content = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1yolj7w']});
+var trigger = Calendar.recipeRuntime({base:['_1ath3ly',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'lhlf1t']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
@@ -3453,9 +3474,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Calendar.recipeRuntime({base:['rxgo07','_1bah9w8']});
-var textarea = Calendar.recipeRuntime({base:['rxgo07','n8qtrb'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_5iudb','_31e7is'],'2':['_5iudb','_4p9ye'],'3':['_5iudb','_1v57htc'],'4':['_5iudb','_1sxjpq1'],'5':['_5iudb','_156vbfs']},resize:{auto:{},none:{},vertical:'spn886'}}});
+var shadow = Calendar.recipeRuntime({base:['efnlcy','_1x26pwl']});
+var textarea = Calendar.recipeRuntime({base:['efnlcy','i1y9ey'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1c89nf8','_6ctdi8'],'2':['_1c89nf8','q5aap4'],'3':['_1c89nf8','_1hon4op'],'4':['_1c89nf8','cnxvi0'],'5':['_1c89nf8','_1jc4v80']},resize:{auto:{},none:{},vertical:'_12fdis1'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(