@optiaxiom/react 1.7.13 → 1.8.1

package/dist/cjs/unstable.js

@@ -1,103 +1,109 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-DCeu_TcB.js');
+var Calendar = require('./Calendar-BkyYSD2t.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-BqIfkBSM.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-D7Vo8OLW.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-BaBSfzS0.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BpsCuq_K.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-JZLYN6bY.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DA3MHwu8.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-BD5p7ZHe.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-vBQJoC4r.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-MjAr2Hka.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-DAkQIM5W.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-BTsncBTF.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-B4xhgbJg.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-D5VkMk71.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-1EvMQaGa.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-RmeebMgp.css');
+require('./assets/src/range/Range.css.ts.vanilla-B8jejAeG.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-CILhwBf3.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-BiLEO1ZX.css');
-require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BqgCec2b.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-d0uJSq6T.css');
+var globals = require('@optiaxiom/globals');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DxmfK7Uv.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/Input.css.ts.vanilla-m7qpF9cK.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DJH-Oysx.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Ck_68vXe.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BWEtopw1.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-fh1HIdfy.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('@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-BoMtptzi.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CH0AOIxR.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-B13kLuUc.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CbQN7HmK.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-Ctv-2YYA.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BDrpUAjw.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BFnEMPVA.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Dib8qJEt.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B5DCuqsb.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-UTrcK4Fi.css');
+require('./assets/src/table/Table.css.ts.vanilla-CWSCJWeT.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-Bp2vHi5A.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-D6fsQ5U9.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-HxTef6QV.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-Ciefr5In.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-TsZaV5Jv.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Cszsl-d8.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-BB7CYd5B.css');
+require('./assets/src/box/Box.css.ts.vanilla-ClZDfclT.css');
+require('@radix-ui/react-popper');
+require('@radix-ui/react-avatar');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-Bi5TvME6.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/button/ButtonRoot.css.ts.vanilla-DFcg7Xy4.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-OmydsJ52.css');
+require('./assets/src/text/Text.css.ts.vanilla-Co0Dm9Je.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DAhrjgU-.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-Dvx-EaPa.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-AeFnPihO.css');
+require('@radix-ui/react-popover');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DIDl3Kx9.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-73AUe7Bx.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-w3MtzJkI.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-CMP1i4Pe.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzOv6YKg.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Bh_4Yq14.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DMtVZw_m.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Bj5Fxqi3.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BtqqaOEn.css');
+require('@radix-ui/react-portal');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B_1qvg20.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('@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/calendar/Calendar.css.ts.vanilla-BmKLCWYL.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DQvNx7tA.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BrudO6CI.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-zMAPAF3B.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DJWNq4a-.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BEXFVZCa.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -246,7 +252,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,14 +282,14 @@ 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$3 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'pfky6s']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
-const Slot$2 = reactSlot.createSlot("@optiaxiom/react/DetailsPanel");
+const Slot$4 = reactSlot.createSlot("@optiaxiom/react/DetailsPanel");
 const DetailsPanel = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$2 : "aside";
+    const Comp = asChild ? Slot$4 : "aside";
     const labelId = reactId.useId();
     const descriptionId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsx(DetailsPanelProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -293,7 +299,7 @@ const DetailsPanel = React.forwardRef(
         "aria-labelledby": labelId,
         asChild: true,
         tabIndex: 0,
-        ...root$2({}, className),
+        ...root$3({}, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, children })
       }
@@ -303,18 +309,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'},'_1bkg23p']});
 
 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'},'n5io5v']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -322,7 +340,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 +352,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 +369,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'},'g2jdgf']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -388,8 +406,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'},'mc9wzy'],variants:{drag:{false:{},true:['_3x4en1']},hidden:{false:'_1p1vhmw',true:'_1ddthn4'},overlay:{false:{flex:'1'},true:[{z:'10'},'ru7tpm']}}});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'mkfirv'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -400,10 +418,10 @@ const useFileUploadTrigger = () => {
   }, [inputRef]);
 };
 
-const Slot$1 = reactSlot.createSlot("@optiaxiom/react/FileUploadTrigger");
+const Slot$3 = reactSlot.createSlot("@optiaxiom/react/FileUploadTrigger");
 const FileUploadTrigger = React.forwardRef(({ asChild, children, onClick, ...props }, ref) => {
   const { boxProps, restProps } = Calendar.extractBoxProps(props);
-  const Comp = asChild ? Slot$1 : Calendar.Button;
+  const Comp = asChild ? Slot$3 : Calendar.Button;
   const { disabled } = useFileUploadContext(
     "@optiaxiom/react/FileUploadTrigger"
   );
@@ -693,7 +711,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 +741,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 +754,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Calendar.recipeRuntime({base:'_1mouya7'});
+var mark$1 = Calendar.recipeRuntime({base:'k5qfqn'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -850,16 +868,16 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger = Calendar.recipeRuntime({base:'_1ett26d'});
+var trigger$1 = Calendar.recipeRuntime({base:'_690tvp'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Calendar.extractBoxProps(props);
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Trigger, { ref, ...restProps, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Trigger, { ref, ...restProps, children }) });
 });
 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:'lyztxl',variants:{empty:{false:{},true:'kmf752'}}});
+var input = Calendar.recipeRuntime({base:'_1f4kyzi'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -945,11 +963,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'},'_176lo8v']});
+var root$2 = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_9yu8kg']});
 
 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$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
 };
 ResizableHandle.displayName = "@optiaxiom/react/ResizableHandle";
 
@@ -958,7 +976,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'},'_5kspga'],variants:{size:{full:'xkrkii',screen:'_1k1mhuh'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -991,12 +1009,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'},'yg4emn']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Flex,
+      Calendar.Group,
       {
         ref,
         tabIndex: 0,
@@ -1009,9 +1027,9 @@ 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'},'_15zi7jo'],variants:{interactive:{false:{},true:'_95k3cf'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
-const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
+const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
   ({
     asChild,
@@ -1020,10 +1038,11 @@ const Pill = React.forwardRef(
     disabled,
     onClick,
     onDismiss,
+    readOnly,
     size = "sm",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : onClick || onDismiss ? "button" : "span";
+    const Comp = asChild ? Slot$2 : readOnly ? "span" : "button";
     const { boxProps, restProps } = Calendar.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Calendar.Box,
@@ -1032,7 +1051,7 @@ const Pill = React.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         ...pill(
           {
-            interactive: Boolean(onClick || onDismiss),
+            interactive: Boolean(!readOnly),
             size
           },
           className
@@ -1043,6 +1062,9 @@ const Pill = React.forwardRef(
           {
             disabled,
             onClick: (event) => {
+              if (readOnly) {
+                return;
+              }
               onClick?.(event);
               if (event.defaultPrevented) {
                 return;
@@ -1053,7 +1075,7 @@ const Pill = React.forwardRef(
             ...restProps,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { truncate: true, children }),
-              onDismiss && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}) })
+              onDismiss && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}) })
             ]
           }
         )
@@ -1065,79 +1087,13 @@ 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";
 
 const [PillMenuProvider, usePillMenuContext] = reactContext.createContext("@optiaxiom/react/PillMenu");
 
-const PillMenuPill = React.forwardRef(
-  ({ item, onKeyDown, ...props }, ref) => {
-    const { options } = usePillMenuContext("@optiaxiom/react/PillMenuPill");
-    const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/PillMenuPill");
-    const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuPill");
-    const index = options.indexOf(item);
-    const hasInteractedInsideRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Pill,
-      {
-        onClick: () => {
-          if (hasInteractedInsideRef.current) {
-            hasInteractedInsideRef.current = false;
-            return;
-          }
-          setOpen(!open);
-        },
-        onKeyDown: (event) => {
-          if (event.key === "Backspace") {
-            if (index === 0 || index !== options.length - 1) {
-              event.key = index > 0 ? "ArrowLeft" : "ArrowRight";
-            }
-            item.execute?.({ dismiss: false, inputValue });
-          }
-          onKeyDown?.(event);
-        },
-        onPointerDown: () => {
-          hasInteractedInsideRef.current = Boolean(open);
-        },
-        ref,
-        ...props,
-        children: Calendar.resolveItemProperty(item.label, { inputValue })
-      }
-    );
-  }
-);
-PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
-
-const PillMenuImpl = React.forwardRef(
-  ({ children, ...props }, outerRef) => {
-    const { options } = usePillMenuContext("@optiaxiom/react/PillMenuImpl");
-    const { size } = Calendar.useMenuContext("@optiaxiom/react/PillMenuImpl");
-    const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuImpl");
-    const innerRef = React.useRef(null);
-    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(PillGroup, { asChild: true, ref, role: "toolbar", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixRovingFocus__namespace.Root, { orientation: "horizontal", children: [
-        options.slice(0, -1).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-          RadixRovingFocus__namespace.Item,
-          {
-            asChild: true,
-            children: /* @__PURE__ */ jsxRuntime.jsx(PillMenuPill, { item })
-          },
-          item.key ?? Calendar.resolveItemProperty(item.label, { inputValue })
-        )),
-        /* @__PURE__ */ jsxRuntime.jsxs(PillGroup, { children: [
-          options.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(RadixRovingFocus__namespace.Item, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(PillMenuPill, { item: options[options.length - 1] }) }, "pill"),
-          children
-        ] })
-      ] }) }),
-      size === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.PopoverAnchor, { staticRef: innerRef })
-    ] });
-  }
-);
-PillMenuImpl.displayName = "@optiaxiom/react/PillMenuImpl";
-
 const PillMenu = React.forwardRef(
   ({
     children,
@@ -1162,44 +1118,49 @@ const PillMenu = React.forwardRef(
     const [optionIndexes, setOptionIndexes] = React.useState(
       () => groupOptions(options)
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      PillMenuProvider,
+    const value = options.filter((item) => Calendar.resolveItemProperty(item.selected));
+    return /* @__PURE__ */ jsxRuntime.jsx(PillMenuProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Menu,
       {
-        options: options.filter((item) => Calendar.resolveItemProperty(item.selected)),
+        empty,
+        inputValue,
+        inputVisible,
+        loading,
+        onInputValueChange,
+        onOpenChange: (open2) => {
+          setOpen(open2);
+          if (open2) {
+            setOptionIndexes(groupOptions(options));
+          }
+        },
+        open,
+        options: React.useMemo(
+          () => optionIndexes.map(({ group, index }) => ({
+            ...options[index],
+            ...group && {
+              group: {
+                hidden: true,
+                label: group,
+                separator: true
+              }
+            }
+          })),
+          [optionIndexes, options]
+        ),
+        placeholder,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Menu,
+          Calendar.Box,
           {
-            empty,
-            inputValue,
-            inputVisible,
-            loading,
-            onInputValueChange,
-            onOpenChange: (open2) => {
-              setOpen(open2);
-              if (open2) {
-                setOptionIndexes(groupOptions(options));
-              }
-            },
-            open,
-            options: React.useMemo(
-              () => optionIndexes.map(({ group, index }) => ({
-                ...options[index],
-                ...group && {
-                  group: {
-                    hidden: true,
-                    label: group,
-                    separator: true
-                  }
-                }
-              })),
-              [optionIndexes, options]
-            ),
-            placeholder,
-            children: /* @__PURE__ */ jsxRuntime.jsx(PillMenuImpl, { ref, ...props, children })
+            alignItems: value.length ? void 0 : "start",
+            display: "flex",
+            flexDirection: "column",
+            ref,
+            ...props,
+            children
           }
         )
       }
-    );
+    ) });
   }
 );
 PillMenu.displayName = "@optiaxiom/react/PillMenu";
@@ -1256,47 +1217,173 @@ const IconPlus = Calendar.withIcon(
   )
 );
 
-const PillMenuTrigger = React.forwardRef(({ children, onKeyDown, ...props }, outerRef) => {
-  const { options } = usePillMenuContext("@optiaxiom/react/PillMenuTrigger");
-  const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuTrigger");
-  const innerRef = React.useRef(null);
-  const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixRovingFocus__namespace.Item, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Calendar.MenuTrigger,
-    {
-      appearance: options.length ? "subtle" : "default",
-      "aria-label": props["aria-label"] ?? (typeof children === "string" ? children : void 0),
-      icon: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}),
-      onKeyDown: (event) => {
-        onKeyDown?.(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (event.key === "Backspace") {
-          if (options.length) {
-            const last = options.length - 1;
-            options[last].execute?.({ dismiss: false, inputValue });
+const [RovingFocusProvider, useRovingFocusContext] = reactContext.createContext("@optiaxiom/react/RovingFocus");
+
+const Slot$1 = reactSlot.createSlot("@optiaxiom/react/RovingFocus");
+const RovingFocus = React.forwardRef(
+  ({ asChild, children, disabled, loop, orientation, ...props }, ref) => {
+    const FocusComp = disabled ? Calendar.Box : RadixRovingFocus__namespace.Root;
+    const Comp = asChild ? Slot$1 : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(RovingFocusProvider, { disabled, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, ...!disabled && { loop, orientation }, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) }) });
+  }
+);
+RovingFocus.displayName = "@optiaxiom/react/RovingFocus";
+
+const Slot = reactSlot.createSlot("@optiaxiom/react/RovingFocusItem");
+const RovingFocusItem = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    const { disabled } = useRovingFocusContext(
+      "@optiaxiom/react/RovingFocusItem"
+    );
+    const FocusComp = disabled ? Calendar.Box : RadixRovingFocus__namespace.Item;
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) });
+  }
+);
+RovingFocusItem.displayName = "@optiaxiom/react/RovingFocusItem";
+
+const PillMenuPill = React.forwardRef(
+  ({ item, onKeyDown, readOnly, ...props }, ref) => {
+    const { value: options } = usePillMenuContext(
+      "@optiaxiom/react/PillMenuPill"
+    );
+    const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/PillMenuPill");
+    const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuPill");
+    const index = options.indexOf(item);
+    const hasInteractedInsideRef = React.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: Calendar.resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(
+      Pill,
+      {
+        onClick: () => {
+          if (hasInteractedInsideRef.current) {
+            hasInteractedInsideRef.current = false;
+            return;
           }
+          setOpen(!open);
+        },
+        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";
+            }
+            item.execute?.({ dismiss: false, inputValue });
+          } else if (event.key === "ArrowDown") {
+            setOpen(!open);
+          }
+          onKeyDown?.(event);
+        },
+        onPointerDown: () => {
+          hasInteractedInsideRef.current = Boolean(open);
+        },
+        readOnly,
+        ref,
+        ...props,
+        children: Calendar.resolveItemProperty(item.label, { inputValue })
+      }
+    ) });
+  }
+);
+PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
+
+var root$1 = Calendar.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'w7838f'],variants:{size:{md:'zxrxmv',lg:'_1doexkm'}}});
+var trigger = Calendar.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'sytds8']});
+var wrapper = Calendar.recipeRuntime({base:'_15g8pbb'});
+
+const remapSize = {
+  md: "xs",
+  lg: "sm"
+};
+const PillMenuTrigger = React.forwardRef(
+  ({ children, className, readOnly, size = "md", ...props }, outerRef) => {
+    const { value } = usePillMenuContext("@optiaxiom/react/PillMenuTrigger");
+    const { size: menuSize } = Calendar.useMenuContext(
+      "@optiaxiom/react/PillMenuTrigger"
+    );
+    const { inputValue } = Calendar.useCommandContext(
+      "@optiaxiom/react/PillMenuTrigger"
+    );
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...wrapper(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PillGroup,
+        {
+          asChild: true,
+          "data-readonly": readOnly,
+          ref,
+          role: "toolbar",
+          ...root$1({ size }, className),
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(RovingFocus, { disabled: readOnly, loop: true, orientation: "horizontal", children: [
+            value.slice(0, -1).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+              RovingFocusItem,
+              {
+                asChild: true,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  PillMenuPill,
+                  {
+                    item,
+                    readOnly,
+                    size: remapSize[size]
+                  }
+                )
+              },
+              item.key ?? Calendar.resolveItemProperty(item.label, { inputValue })
+            )),
+            /* @__PURE__ */ jsxRuntime.jsxs(PillGroup, { children: [
+              value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(RovingFocusItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                PillMenuPill,
+                {
+                  item: value[value.length - 1],
+                  readOnly,
+                  size: remapSize[size]
+                }
+              ) }, "pill"),
+              !readOnly && /* @__PURE__ */ jsxRuntime.jsx(RovingFocusItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                Calendar.MenuTrigger,
+                {
+                  "aria-label": props["aria-label"] ?? (typeof children === "string" ? children : void 0),
+                  asChild: true,
+                  onKeyDown: (event) => {
+                    if (event.defaultPrevented) {
+                      return;
+                    }
+                    if (event.key === "Backspace") {
+                      if (value.length) {
+                        const last = value.length - 1;
+                        if (!Calendar.resolveItemProperty(value[last].disabledReason)) {
+                          value[last].execute?.({
+                            dismiss: false,
+                            inputValue
+                          });
+                        }
+                      }
+                    }
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) }) })
+                }
+              ) }, "trigger")
+            ] })
+          ] })
         }
-      },
-      ref,
-      rounded: options.length ? "full" : void 0,
-      size: "sm",
-      ...props,
-      children: options.length ? void 0 : children
-    }
-  ) }, "trigger");
-});
+      ),
+      menuSize === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.PopoverAnchor, { staticRef: innerRef })
+    ] });
+  }
+);
 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'},'_1n3i961']});
+var fillValue = 'var(--_1xnswfe)';
+var mark = Calendar.recipeRuntime({base:[{transition:'colors'},'_1rynoe0'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--n5dusx)';
+var range = Calendar.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_147wmxq']});
+var root = Calendar.recipeRuntime({base:['_1xhsfs',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'aba7fg'],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'},'_1qzwuie']});
+var track = Calendar.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'ncgq86']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1490,7 +1577,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 +1600,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:'bgomy0'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1543,7 +1630,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:'_1nobec0',variants:{handle:{false:{},true:'e75wko'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -1614,6 +1701,11 @@ exports.Calendar = Calendar.Calendar;
 exports.DataTableHeaderCell = Calendar.DataTableHeaderCell;
 exports.createDialogKit = Calendar.createDialogKit;
 exports.dialogkit = Calendar.dialogkit;
+exports.useSurface = Calendar.useSurface;
+Object.defineProperty(exports, "SurfaceProvider", {
+  enumerable: true,
+  get: function () { return globals.unstable_SurfaceProvider; }
+});
 exports.DataTableExpandableCell = DataTableExpandableCell;
 exports.DataTableExpandableHeader = DataTableExpandableHeader;
 exports.DetailsPanel = DetailsPanel;