@optiaxiom/react 1.7.3 → 1.7.5

package/dist/cjs/unstable.js

@@ -1,100 +1,100 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-DhaYaXf7.js');
+var Calendar = require('./Calendar-Bv2tmg-1.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-4w5YqnzZ.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-k8dvaIFU.css');
+require('./assets/src/layers/layers.css.ts.vanilla-tuWZhuBC.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-Cl8rJcfz.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-7cyFRbH4.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-COMj-f38.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-D4pPY7We.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-woZTyN5M.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-DeJmXjJU.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DKBZPv_x.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DXFA6nsS.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-CrMLmnes.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DjX4M6Dd.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-CX2d7mTG.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DUqmo_KF.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-VZazWLKu.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-c8Uv4xnJ.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-3bFFcbW4.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-CAtqr_WZ.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-PaTOfBaO.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-BAL_5RiW.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-D9Y9YYf-.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-Bpdpi-8a.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-BGpOx75L.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DXioFQAw.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DMUMkt66.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-CN2Xi1Am.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-CA9M9A5B.css');
 require('@optiaxiom/globals');
-require('clsx');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DZ4rDfbt.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-Dru5hoiw.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-CkIN332A.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BNr0s1Tf.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-CaHHOpE-.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-VG-5WSQc.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-CScxCzWF.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-ttaqvBa5.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-V6KYe5OB.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BFOheFt5.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-uY0A7nuL.css');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-ttaqvBa5.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DlXzDFNm.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-ovwc3wd1.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-_343lVFT.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-VNpeH-iV.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CWbYyps4.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BaIBpQER.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-C9uvyEht.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DFJ9Akau.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DtCeEM4t.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BQDfyK49.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-C1O1mqR8.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CAtJdDu4.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CKPUbLWt.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BjVgltUD.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BzLUlP8J.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-By738yo8.css');
-require('./assets/src/table/Table.css.ts.vanilla-1cmHMs2t.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-Cd6c7_Fl.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-CIR7MDcp.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BQ2Or2iu.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-D1T7Wi5b.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-C_aGLkRa.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CJ5pLVvU.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-ttaqvBa5.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-Cdz1_5h9.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-CNJX-0-P.css');
+require('./assets/src/table/Table.css.ts.vanilla-BRyXPFK4.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BE3YwTDz.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DER39GZS.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-D5Qt3ROI.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-BO5I0x_O.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-D9U0Q5sx.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CrIexdnq.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-4oUdLaM1.css');
-require('./assets/src/box/Box.css.ts.vanilla-Bb-jS95a.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-CecNgy6P.css');
+require('./assets/src/box/Box.css.ts.vanilla-CXlX7TIM.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiS1lFXq.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Ct2NcREw.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-ajgXk_9U.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DH8hvDfy.css');
-require('./assets/src/text/Text.css.ts.vanilla-DBQGME0U.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BmoEuMwD.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DDn7VTpb.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-mZ33V-Qm.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-ttaqvBa5.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-D-GEElSg.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DSvy9--O.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Dr2eLFR0.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BziCiQxj.css');
+require('./assets/src/text/Text.css.ts.vanilla-DiuWaK27.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DQ5ZWidb.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-B9rZrA6S.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-XWgJRdkz.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-CAJzuqnc.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-Ci5gMLAE.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DG-9f1Lz.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-B6ly_BXr.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
 require('react-remove-scroll');
-require('./assets/src/transition/Transition.css.ts.vanilla-D4DKOggp.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-CUbUzZ_G.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BXZuHrwR.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-PNMDIZwG.css');
 require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-DQlDjWG2.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BP8Wy4Ok.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-8HsKqAOI.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-Q6MkpCdN.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CJ23Xmo-.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-VCmetZ1I.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-aTwaMJYt.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-WVvtdNLA.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CuO7jKIr.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-C2Henu2K.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-rdHrs294.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-B7NHbH_j.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-C75n6VfC.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BpWS1kZ1.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-ld6KAxXA.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Dp7GGXN6.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CUy5Gi-5.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-7kllVLK4.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -233,7 +233,46 @@ function useDialogKit() {
   };
 }
 
-var root$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'j60wrz']});
+function DataTableExpandableCell({
+  children,
+  getValue,
+  row
+}) {
+  const labelPrefixId = reactId.useId();
+  const { labelId } = Calendar.useDataTableRowContext(
+    "@optiaxiom/react/DataTableExpandableCell"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { alignItems: "start", flexDirection: "row", 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,
+      {
+        appearance: "subtle",
+        "aria-expanded": row.getIsExpanded(),
+        "aria-label": "Toggle row",
+        "aria-labelledby": clsx(labelPrefixId, labelId),
+        flex: "none",
+        icon: row.getIsExpanded() ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleDown, {}) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}),
+        id: labelPrefixId,
+        onClick: row.getToggleExpandedHandler(),
+        size: "sm",
+        style: { marginBlock: -2 },
+        type: "button"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "none", w: "sm" }),
+    children ?? getValue()
+  ] });
+}
+DataTableExpandableCell.displayName = "@optiaxiom/react/DataTableExpandableCell";
+
+function DataTableExpandableHeader({
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ml: "32", children });
+}
+DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
+
+var root$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'c0bfrj']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -264,14 +303,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'marlb9']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'o1i9dm']});
 
 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 }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'eur7qf']});
+var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_2j90wi']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -308,7 +347,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'xl2ntv']});
+var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'jolipr']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -345,8 +384,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'},'l8ljxe'],variants:{drag:{false:{},true:['oaqthm']},hidden:{false:'as1fpz',true:'dl5969'},overlay:{false:{flex:'1'},true:[{z:'10'},'zi3ds0']}}});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'v0ptll'}}});
+var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1s38bzx'],variants:{drag:{false:{},true:['pw93ns']},hidden:{false:'_1ydkgy7',true:'qpwl7l'},overlay:{false:{flex:'1'},true:[{z:'10'},'e021l']}}});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'y1mf7'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -693,7 +732,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark = Calendar.recipeRuntime({base:'_1jcb1w'});
+var mark = Calendar.recipeRuntime({base:'_14n5m1m'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -725,8 +764,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Calendar.recipeRuntime({base:'_1uh8o9v',variants:{empty:{false:{},true:'gdafn0'}}});
-var input = Calendar.recipeRuntime({base:'ehshvu'});
+var editor = Calendar.recipeRuntime({base:'d6tkmk',variants:{empty:{false:{},true:'tb0zwz'}}});
+var input = Calendar.recipeRuntime({base:'jkubo8'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -812,8 +851,8 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_11ugjup']});
-var root = Calendar.recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'_1cnzt8p']});
+var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1f0oeno']});
+var root = Calendar.recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'uhgos8']});
 
 const ResizableHandle = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...root(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
@@ -825,7 +864,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'y6wgbp'],variants:{size:{full:'hwy5ce',screen:'_3wz8la'}}});
+var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_16d77cc'],variants:{size:{full:'_1wfmsw4',screen:'w5cexx'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -858,7 +897,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Calendar.recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'_18k0i60']});
+var content = Calendar.recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'vl8z34']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -876,7 +915,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'},'m9ej7r'],variants:{interactive:{false:{},true:'_1kotpl6'},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'},'_1kcs2hx'],variants:{interactive:{false:{},true:'_3oqo3r'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1218,7 +1257,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Calendar.recipeRuntime({base:'cyonb2'});
+var handle = Calendar.recipeRuntime({base:'_5qpzy0'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1243,7 +1282,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Calendar.recipeRuntime({base:'_8w6mxq',variants:{handle:{false:{},true:'czixs'}}});
+var item = Calendar.recipeRuntime({base:'_1na6ahk',variants:{handle:{false:{},true:'lkc7js'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -1318,6 +1357,8 @@ exports.CommandListbox = Calendar.CommandListbox;
 exports.DataTableHeaderCell = Calendar.DataTableHeaderCell;
 exports.createDialogKit = Calendar.createDialogKit;
 exports.dialogkit = Calendar.dialogkit;
+exports.DataTableExpandableCell = DataTableExpandableCell;
+exports.DataTableExpandableHeader = DataTableExpandableHeader;
 exports.DetailsPanel = DetailsPanel;
 exports.DetailsPanelBody = DetailsPanelBody;
 exports.DetailsPanelFooter = DetailsPanelFooter;

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-Cdz1_5h9.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._13ixaqr;
+@layer optiaxiom._13ixaqr {
+  ._1869xu9 {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1ukkid:not(:has(._1ukkid)):focus-within ._1869xu9, ._1869xu9:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  .zs2fit {
+    opacity: 1;
+  }
+  ._15tnon0 {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._1ukkid:not(:has(._1ukkid)):hover ._1869xu9 {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,30 @@
+@layer optiaxiom._13ixaqr;
+@layer optiaxiom._13ixaqr {
+  ._1dl7oxj {
+    opacity: 0;
+  }
+  ._1comzzs {
+    inset: 0;
+    position: fixed;
+  }
+  ._1npmle7 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_16pq5sc)))
+      scale(calc(1 - 0.06 * var(--_16pq5sc)))
+    ;
+  }
+  ._1npmle7:focus-visible {
+    outline: none;
+  }
+  ._1iko6gl {
+    width: 400px;
+  }
+  .mzv8b6 {
+    width: 600px;
+  }
+  ._84bu3c {
+    width: 800px;
+  }
+}

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1vcri8r {
+@layer optiaxiom._13ixaqr;
+@layer optiaxiom._13ixaqr {
+  .qmv7sr {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

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

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

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-C08-Oscc.css → Avatar.css.ts.vanilla-_5fYXnOO.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  .mqj4za {
+@layer optiaxiom._13ixaqr;
+@layer optiaxiom._13ixaqr {
+  ._3goxp9 {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1wr2l1c .mqj4za {
+  ._1qcjr93 ._3goxp9 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._1u8a681 {
+  .xc5m8k {
     font-size: 8px;
   }
-  ._1wr2l1c ._1u8a681:not(:first-child) {
+  ._1qcjr93 .xc5m8k:not(:first-child) {
     margin-left: -1px;
   }
-  ._142tpne {
+  ._7brg8y {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1wr2l1c ._142tpne:not(:first-child) {
+  ._1qcjr93 ._7brg8y:not(:first-child) {
     margin-left: -3px;
   }
-  ._1fseiid {
+  ._1jz18dw {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1wr2l1c ._1fseiid:not(:first-child) {
+  ._1qcjr93 ._1jz18dw:not(:first-child) {
     margin-left: -5px;
   }
-  ._1frizu4 {
+  ._233q48 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1wr2l1c ._1frizu4:not(:first-child) {
+  ._1qcjr93 ._233q48:not(:first-child) {
     margin-left: -7px;
   }
-  .ncz5ar {
+  ._3iw7e5 {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1wr2l1c .ncz5ar:not(:first-child) {
+  ._1qcjr93 ._3iw7e5:not(:first-child) {
     margin-left: -9px;
   }
-  ._1k3opyk {
+  ._1djzklt {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1wr2l1c ._1k3opyk:not(:first-child) {
+  ._1qcjr93 ._1djzklt:not(:first-child) {
     margin-left: -11px;
   }
-  .flc037 {
+  ._1vl53bw {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._1wr2l1c .flc037:not(:first-child) {
+  ._1qcjr93 ._1vl53bw:not(:first-child) {
     margin-left: -13px;
   }
 }

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1axae6q {
+@layer optiaxiom._13ixaqr;
+@layer optiaxiom._13ixaqr {
+  ._12cbn34 {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-sE1V7Mtv.css

@@ -0,0 +1,51 @@
+@layer optiaxiom._13ixaqr;
+@layer optiaxiom._13ixaqr {
+  .jp9wkh {
+    --_17sbnjt: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .jp9wkh:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1e95jio {
+    --_182ja21: var(--ax-colors-bg-error);
+    --q9hhyb: var(--ax-colors-bg-error-subtle);
+    --_1pbt660: var(--ax-colors-fg-error-strong);
+  }
+  ._1uiq6nt {
+    --_182ja21: var(--ax-colors-bg-information);
+    --q9hhyb: var(--ax-colors-bg-information-subtle);
+    --_1pbt660: var(--ax-colors-fg-information-strong);
+  }
+  ._1a5v4xh {
+    --_182ja21: var(--ax-colors-bg-tertiary);
+    --_17sbnjt: var(--ax-colors-fg-default);
+    --q9hhyb: var(--ax-colors-bg-secondary);
+    --_1pbt660: var(--ax-colors-fg-secondary);
+  }
+  ._1jd379i {
+    --_182ja21: var(--ax-colors-bg-accent);
+    --q9hhyb: var(--ax-colors-bg-accent-subtle);
+    --_1pbt660: var(--ax-colors-fg-accent-strong);
+  }
+  .vn4lfq {
+    --_182ja21: var(--ax-colors-bg-success);
+    --q9hhyb: var(--ax-colors-bg-success-subtle);
+    --_1pbt660: var(--ax-colors-fg-success-strong);
+  }
+  ._1ifi8l1 {
+    --_182ja21: var(--ax-colors-bg-warning);
+    --_17sbnjt: var(--ax-colors-fg-warning-inverse);
+    --q9hhyb: var(--ax-colors-bg-warning-subtle);
+    --_1pbt660: var(--ax-colors-fg-warning-strong);
+  }
+  .us2u2r {
+    background-color: var(--_182ja21);
+    color: var(--_17sbnjt);
+  }
+  .uxqzbb {
+    background-color: var(--q9hhyb);
+    color: var(--_1pbt660);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-BrrmESFS.css

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