@optiaxiom/react 1.8.0 → 1.8.1

package/dist/cjs/unstable.js

@@ -1,103 +1,109 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-BiyxjFQF.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-DRA_4QUJ.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-Cnn_D3Tk.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-Cb1iE2SE.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DJ2VI1jj.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-DhbaKWla.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-X2bilbUW.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-9lWY6wvn.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-BP4JH1ET.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DiwFQDy1.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-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');
+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-BC-GeMQC.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-DiiCKH8L.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-Qw_DSSvk.css');
-require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BRLuMF_D.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-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('./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-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-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('./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-BGzzfwpF.css');
-require('./assets/src/box/Box.css.ts.vanilla-Dbo87Hg_.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-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('./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-DY6wwOcC.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-XtDykhqq.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-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-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');
+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);
@@ -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'},'ezol18']});
+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 })
       }
@@ -319,14 +325,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1expsqz']});
+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.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'},'_1p0fxp8']});
+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) => {
@@ -363,7 +369,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1wdwv72']});
+var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'g2jdgf']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -400,8 +406,8 @@ const IconFileImport = Calendar.withIcon(
   )
 );
 
-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'}}});
+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(
@@ -412,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"
   );
@@ -748,7 +754,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Calendar.recipeRuntime({base:'ui6ikm'});
+var mark$1 = Calendar.recipeRuntime({base:'k5qfqn'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -862,16 +868,16 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger = Calendar.recipeRuntime({base:'d3dm5z'});
+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:'fpeg6d',variants:{empty:{false:{},true:'_108v6mq'}}});
-var input = Calendar.recipeRuntime({base:'kxl0v'});
+var editor = Calendar.recipeRuntime({base:'lyztxl',variants:{empty:{false:{},true:'kmf752'}}});
+var input = Calendar.recipeRuntime({base:'_1f4kyzi'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -957,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'},'zgy7oz']});
-var root$1 = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_1v3m5s3']});
+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.Group, { 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";
 
@@ -970,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'},'xkiurs'],variants:{size:{full:'dutng7',screen:'_1d08qqj'}}});
+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(
   ({
@@ -1003,7 +1009,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1rw8ont']});
+var content = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'yg4emn']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1021,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'},'_1mt82z9'],variants:{interactive:{false:{},true:'_7m0839'},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,
@@ -1032,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,
@@ -1044,7 +1051,7 @@ const Pill = React.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         ...pill(
           {
-            interactive: Boolean(onClick || onDismiss),
+            interactive: Boolean(!readOnly),
             size
           },
           className
@@ -1055,6 +1062,9 @@ const Pill = React.forwardRef(
           {
             disabled,
             onClick: (event) => {
+              if (readOnly) {
+                return;
+              }
               onClick?.(event);
               if (event.defaultPrevented) {
                 return;
@@ -1065,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, {}) })
             ]
           }
         )
@@ -1084,75 +1094,6 @@ 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(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 });
-          }
-          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,
@@ -1177,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";
@@ -1271,49 +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;
-            if (!Calendar.resolveItemProperty(options[last].disabledReason)) {
-              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'},'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']});
+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);
@@ -1535,7 +1605,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Calendar.recipeRuntime({base:'_1xfjv4u'});
+var handle = Calendar.recipeRuntime({base:'bgomy0'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1560,7 +1630,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Calendar.recipeRuntime({base:'_1osl2r8',variants:{handle:{false:{},true:'_35dp03'}}});
+var item = Calendar.recipeRuntime({base:'_1nobec0',variants:{handle:{false:{},true:'e75wko'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -1631,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;