@optiaxiom/react 1.7.13 → 1.8.0

package/dist/cjs/unstable.js

@@ -1,103 +1,103 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-DCeu_TcB.js');
+var Calendar = require('./Calendar-BiyxjFQF.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var clsx = require('clsx');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-ChJgPlrQ.css');
+require('./assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-Cnn_D3Tk.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-H98Xh3Lv.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CZLojlL4.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-Cb1iE2SE.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DJ2VI1jj.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-DS4itNTJ.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BkUyLEHv.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-B5JYNmYT.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-DhbaKWla.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-X2bilbUW.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-9lWY6wvn.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-CcbAY_Tj.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DCXjTUF7.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BP4JH1ET.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DiwFQDy1.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-CR6mPLrw.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-BtLFKPhV.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-i5bvQLMy.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-BWlC_xzj.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-Be-XUYFT.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-BW5mwK9Z.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-D_wPoB_R.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-BtHGaqFW.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-RmeebMgp.css');
+require('./assets/src/range/Range.css.ts.vanilla-BC-GeMQC.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-RbQMlVFE.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DiiCKH8L.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-BiLEO1ZX.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-Qw_DSSvk.css');
 require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BqgCec2b.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BRLuMF_D.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-4p6N6l04.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-COgZcQHS.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-B6j8sj5c.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-B6ye-LyC.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-Bg1e6sV-.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-CwDcyfBs.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-DMwQexME.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DAPWgXVs.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BRUq7Gcb.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DvxCM94i.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CJ015n_y.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BfvRykqp.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BnElOmOC.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CpCp6rFA.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEK85f-5.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CoojNkT3.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DiYr8Wii.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CDUbINuU.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DC0TFJ6C.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DbH_XZ1B.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DzPVUes3.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEeG3LeL.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-xcTzrEuj.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-CmnHkNLK.css');
-require('./assets/src/table/Table.css.ts.vanilla-nBnoN9Wy.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-Di6LAh0-.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-B0oL7CJL.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-B1wGoNFv.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-xaFM2plv.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CuR6Aqrk.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-fQYI72Ka.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-CIPKnVwJ.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-4DhuLKkI.css');
+require('./assets/src/table/Table.css.ts.vanilla-DNMMzK6b.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DeDUa_Bw.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-T1dTDIP1.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-B8JpbhP8.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-BMnvG5iS.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BbE_9wyn.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BYHRDTl4.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-Dk5sE9z0.css');
-require('./assets/src/box/Box.css.ts.vanilla-Bp7c1dm4.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BGzzfwpF.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dbo87Hg_.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BRtfBAek.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DeNOd6Sk.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DN6T6NfM.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-nyytmiZt.css');
-require('./assets/src/text/Text.css.ts.vanilla-DKnKo9mG.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-0kdzL3J8.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BEAEi1qp.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-oCVHoj3r.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DR0szHMw.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-dC7qxTbj.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-FnNV3P-x.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-D2giTvo1.css');
+require('./assets/src/text/Text.css.ts.vanilla-BMSaHeIw.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DFaRN0Nu.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DzM1XH0P.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CqxpPZZK.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-EUx58oho.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-amh3c1Uk.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DY6wwOcC.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-XtDykhqq.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
-require('./assets/src/transition/Transition.css.ts.vanilla-DIpwQuV9.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Bk6jM4ro.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-Dv7qhrb8.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-Bi3wP45X.css');
 require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-D_lkRk1X.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BPd-X2i3.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CwQd6L3O.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-BREYfr6S.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-3XOtsElU.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-OdTHHjog.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-B5DUmXkm.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Wfpn5Fkc.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-iXXrhens.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-B39dsJVj.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-9-Q500PR.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DCtjkPl0.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-CCWjYTzv.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CaXsLGN4.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CsU9y-Vq.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DaXFFaYb.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DKVUiRJa.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-D5KcwPgq.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -246,7 +246,7 @@ function DataTableExpandableCell({
   const { labelId } = Calendar.useDataTableRowContext(
     "@optiaxiom/react/DataTableExpandableCell"
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { alignItems: "start", flexDirection: "row", gap: "8", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { alignItems: "start", gap: "8", children: [
     Array.from({ length: row.depth }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "none", w: "sm" }, index)),
     row.getCanExpand() ? /* @__PURE__ */ jsxRuntime.jsx(
       Calendar.Button,
@@ -276,7 +276,7 @@ function DataTableExpandableHeader({
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$2 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'luc1fn']});
+var root$2 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'ezol18']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -303,18 +303,30 @@ const DetailsPanel = React.forwardRef(
 DetailsPanel.displayName = "@optiaxiom/react/DetailsPanel";
 
 const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flex: "1", fontSize: "md", px: "16", ref, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Calendar.Group,
+    {
+      flex: "1",
+      flexDirection: "column",
+      fontSize: "md",
+      gap: "16",
+      px: "16",
+      ref,
+      ...props,
+      children
+    }
+  );
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'cc252s']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1expsqz']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...footer({}, className), ...props, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_16669pq']});
+var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1p0fxp8']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -322,7 +334,7 @@ const DetailsPanelHeader = React.forwardRef(
       "@optiaxiom/react/DetailsPanelHeader"
     );
     return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...header({}, className), ...props, children: [
-      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flexDirection: "row", gap: "8", children: addonBefore }),
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { gap: "8", children: addonBefore }),
       /* @__PURE__ */ jsxRuntime.jsx(
         Calendar.Heading,
         {
@@ -334,7 +346,7 @@ const DetailsPanelHeader = React.forwardRef(
           children
         }
       ),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flexDirection: "row", gap: "8", children: addonAfter }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { gap: "8", children: addonAfter }),
       description && /* @__PURE__ */ jsxRuntime.jsx(
         Calendar.Text,
         {
@@ -351,7 +363,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1591kfi']});
+var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1wdwv72']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -388,8 +400,8 @@ const IconFileImport = Calendar.withIcon(
   )
 );
 
-var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1v6yuzx'],variants:{drag:{false:{},true:['fhu6f8']},hidden:{false:'ywywl7',true:'_1cl9z0c'},overlay:{false:{flex:'1'},true:[{z:'10'},'_13axblb']}}});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'_124m4i4'}}});
+var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1docyso'],variants:{drag:{false:{},true:['_1qh211z']},hidden:{false:'do6n4h',true:'due786'},overlay:{false:{flex:'1'},true:[{z:'10'},'eld3qn']}}});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1akhpg7'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -693,7 +705,7 @@ const FileUploadDropzone = React.forwardRef(
     useStickyPosition(innerRef, overlay && isDraggingOverBody);
     const size = useContainerSize(innerRef) ?? 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Flex,
+      Calendar.Group,
       {
         fontSize: size > 448 ? "lg" : "md",
         ref: reactComposeRefs.useComposedRefs(innerRef, outerRef),
@@ -723,7 +735,7 @@ const FileUploadDropzone = React.forwardRef(
               type: "file"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...label({ disabled }), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...label({ disabled }), children: [
             /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, color: "fg.secondary", h: size > 448 ? "lg" : "sm", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileImport, {}) }),
             /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { children: label$1 }),
             description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", children: description })
@@ -736,7 +748,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Calendar.recipeRuntime({base:'_1mouya7'});
+var mark$1 = Calendar.recipeRuntime({base:'ui6ikm'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -850,7 +862,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger = Calendar.recipeRuntime({base:'_1ett26d'});
+var trigger = Calendar.recipeRuntime({base:'d3dm5z'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Calendar.extractBoxProps(props);
@@ -858,8 +870,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Calendar.recipeRuntime({base:'_14mejht',variants:{empty:{false:{},true:'_1al6bsm'}}});
-var input = Calendar.recipeRuntime({base:'_1c9o4ez'});
+var editor = Calendar.recipeRuntime({base:'fpeg6d',variants:{empty:{false:{},true:'_108v6mq'}}});
+var input = Calendar.recipeRuntime({base:'kxl0v'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -945,11 +957,11 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_14jhkrd']});
-var root$1 = Calendar.recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'seul1x']});
+var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'zgy7oz']});
+var root$1 = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_1v3m5s3']});
 
 const ResizableHandle = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...root$1(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...root$1(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
 };
 ResizableHandle.displayName = "@optiaxiom/react/ResizableHandle";
 
@@ -958,7 +970,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_10nm6wo'],variants:{size:{full:'cmt6ay',screen:'_1ue3s1q'}}});
+var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'xkiurs'],variants:{size:{full:'dutng7',screen:'_1d08qqj'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -991,12 +1003,12 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Calendar.recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'_1krf3t8']});
+var content = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1rw8ont']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Flex,
+      Calendar.Group,
       {
         ref,
         tabIndex: 0,
@@ -1009,7 +1021,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'hk9y99'],variants:{interactive:{false:{},true:'owbgre'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_1mt82z9'],variants:{interactive:{false:{},true:'_7m0839'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1065,7 +1077,7 @@ Pill.displayName = "@optiaxiom/react/Pill";
 
 const PillGroup = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flexDirection: "row", flexWrap: "wrap", gap: "8", ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexWrap: "wrap", gap: "8", ref, ...props, children });
   }
 );
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
@@ -1079,7 +1091,7 @@ const PillMenuPill = React.forwardRef(
     const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuPill");
     const index = options.indexOf(item);
     const hasInteractedInsideRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: Calendar.resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(
       Pill,
       {
         onClick: () => {
@@ -1091,6 +1103,9 @@ const PillMenuPill = React.forwardRef(
         },
         onKeyDown: (event) => {
           if (event.key === "Backspace") {
+            if (Calendar.resolveItemProperty(item.disabledReason)) {
+              return;
+            }
             if (index === 0 || index !== options.length - 1) {
               event.key = index > 0 ? "ArrowLeft" : "ArrowRight";
             }
@@ -1105,7 +1120,7 @@ const PillMenuPill = React.forwardRef(
         ...props,
         children: Calendar.resolveItemProperty(item.label, { inputValue })
       }
-    );
+    ) });
   }
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
@@ -1275,7 +1290,9 @@ const PillMenuTrigger = React.forwardRef(({ children, onKeyDown, ...props }, out
         if (event.key === "Backspace") {
           if (options.length) {
             const last = options.length - 1;
-            options[last].execute?.({ dismiss: false, inputValue });
+            if (!Calendar.resolveItemProperty(options[last].disabledReason)) {
+              options[last].execute?.({ dismiss: false, inputValue });
+            }
           }
         }
       },
@@ -1289,14 +1306,14 @@ const PillMenuTrigger = React.forwardRef(({ children, onKeyDown, ...props }, out
 });
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 
-var control = Calendar.recipeRuntime({base:[{bg:'transparent'},'_1wycooa']});
-var fillValue = 'var(--rwubol)';
-var mark = Calendar.recipeRuntime({base:[{transition:'colors'},'kxnj1t'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_5cwhmp)';
-var range = Calendar.recipeRuntime({base:[{h:'full',rounded:'inherit'},'m1j3vh']});
-var root = Calendar.recipeRuntime({base:['_1o89hgh',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1hs2roq'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Calendar.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1lhx6vq']});
-var track = Calendar.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'wm8963']});
+var control = Calendar.recipeRuntime({base:[{bg:'transparent'},'ry13e2']});
+var fillValue = 'var(--_1wwwl8l)';
+var mark = Calendar.recipeRuntime({base:[{transition:'colors'},'_1f2yjgj'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--wxjcsj)';
+var range = Calendar.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1gh6inu']});
+var root = Calendar.recipeRuntime({base:['_14qnpzv',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'d4ysek'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = Calendar.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1nnmax4']});
+var track = Calendar.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_5iociz']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1490,7 +1507,7 @@ const Sortable = React.forwardRef(
         onDragStart: () => {
           setItemsState(itemsProp ?? []);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...props, children: children?.(items) }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", ...props, ref, children: children?.(items) }) })
       }
     );
   }
@@ -1513,12 +1530,12 @@ const SortableGroup = React.forwardRef(
       type: "group"
     });
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
   }
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Calendar.recipeRuntime({base:'ggxzwy'});
+var handle = Calendar.recipeRuntime({base:'_1xfjv4u'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1543,7 +1560,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Calendar.recipeRuntime({base:'_1ob37iq',variants:{handle:{false:{},true:'_9ft8mi'}}});
+var item = Calendar.recipeRuntime({base:'_1osl2r8',variants:{handle:{false:{},true:'_35dp03'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {

package/dist/{cjs/assets/src/actions/ActionsContent.css.ts.vanilla-xcTzrEuj.css → esm/assets/src/actions/ActionsContent.css.ts.vanilla-CIPKnVwJ.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .u4kkku {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .nsbmik {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  ._17gl504:not(:has(._17gl504)):focus-within .u4kkku, .u4kkku:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  ._1i32x9l:not(:has(._1i32x9l)):focus-within .nsbmik, .nsbmik:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  ._1clbfyu {
+  ._12i0o00 {
     opacity: 1;
   }
-  ._151l1dt {
+  ._1ngayl3 {
     opacity: 0;
   }
   @media (hover: hover) {
-    ._17gl504:not(:has(._17gl504)):hover .u4kkku {
+    ._1i32x9l:not(:has(._1i32x9l)):hover .nsbmik {
       opacity: 1;
       transition: none;
     }

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-B2feya8L.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._17ufaog {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DbH_XZ1B.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1ospztu {
+    opacity: 0;
+  }
+  .cthiln {
+    inset: 0;
+    position: fixed;
+  }
+  ._15hffhp {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--s5u39j)))
+      scale(calc(1 - 0.06 * var(--s5u39j)))
+    ;
+  }
+  ._15hffhp:focus-visible {
+    outline: none;
+  }
+  .qunocg {
+    width: 400px;
+  }
+  .ikxh40 {
+    width: 600px;
+  }
+  .js0mum {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-CpCp6rFA.css → AlertDialogFooter.css.ts.vanilla-DzPVUes3.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .gxnk44 {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1ax7c37 {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEeG3LeL.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .demxki {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-BBotg2z_.css → Avatar.css.ts.vanilla-6C6pZtoC.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .qrpvza {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1jvbssy {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1qr6lcd .qrpvza {
+  .st8ml2 ._1jvbssy {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .m8n1fv {
+  .wb3ctc {
     font-size: 8px;
   }
-  ._1qr6lcd .m8n1fv:not(:first-child) {
+  .st8ml2 .wb3ctc:not(:first-child) {
     margin-left: -1px;
   }
-  .fw3j4i {
+  .qrb3j9 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1qr6lcd .fw3j4i:not(:first-child) {
+  .st8ml2 .qrb3j9:not(:first-child) {
     margin-left: -3px;
   }
-  ._106v254 {
+  .hw58g1 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1qr6lcd ._106v254:not(:first-child) {
+  .st8ml2 .hw58g1:not(:first-child) {
     margin-left: -5px;
   }
-  .ruc6yj {
+  .ae7d43 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1qr6lcd .ruc6yj:not(:first-child) {
+  .st8ml2 .ae7d43:not(:first-child) {
     margin-left: -7px;
   }
-  ._17p4xtx {
+  ._1ptrohs {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1qr6lcd ._17p4xtx:not(:first-child) {
+  .st8ml2 ._1ptrohs:not(:first-child) {
     margin-left: -9px;
   }
-  .u5obl1 {
+  ._1weftay {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1qr6lcd .u5obl1:not(:first-child) {
+  .st8ml2 ._1weftay:not(:first-child) {
     margin-left: -11px;
   }
-  ._1ljwf6b {
+  ._1wdce50 {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._1qr6lcd ._1ljwf6b:not(:first-child) {
+  .st8ml2 ._1wdce50:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-BRUq7Gcb.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-CoojNkT3.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1pqamiu {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._14vvjxa {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;