@optiaxiom/react 1.9.25 → 1.9.27

package/dist/esm/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-Dd29k3n9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-shna1_Ea.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'o7b2pj']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'pe3gfh']});
 
 export { code };

package/dist/esm/packages/react/src/code/Code.js

@@ -6,10 +6,10 @@ import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { code } from './Code-css.js';
 
-const Slot = createSlot("@optiaxiom/react/Code");
+const Slot$6 = createSlot("@optiaxiom/react/Code");
 const Code = forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot : "code";
+    const Comp = asChild ? Slot$6 : "code";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsx(Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsx(Comp, { ref, ...restProps, children }) });
   }

package/dist/esm/packages/react/src/command/CommandContext.js

@@ -1,9 +1,9 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-function resolveItemProperty(property, ...context) {
+function resolveItemProperty$1(property, ...context) {
   return typeof property === "function" ? property(...context) : property;
 }
 const [CommandProvider, useCommandContext] = createContext("@optiaxiom/react/Command");
 
-export { CommandProvider, resolveItemProperty, useCommandContext };
+export { CommandProvider, resolveItemProperty$1 as resolveItemProperty, useCommandContext };

package/dist/esm/packages/react/src/command/CommandItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-CHWhh4aa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-BGmmTull.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'_1a0x05p']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'_4e8f7r']});
 
 export { detail };

package/dist/esm/packages/react/src/command/CommandItem.js

@@ -65,6 +65,7 @@ const CommandItem = forwardRef(
       "aria-posinset": index + 1,
       "aria-selected": selected ?? resolveItemProperty(item.selected),
       "aria-setsize": items.length,
+      index,
       item,
       onClick: (event) => {
         onClick?.(event);

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BH4oxlEZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-yymR07dg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1jjqa0v','l238b5'],true:{}},inset:{false:'_1nwspzi',true:'_1yobo50'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_2wo9fh','g1lqrg'],true:{}},inset:{false:'_5csk2s',true:'_1b4nsl9'}}});
 
 export { cover };

package/dist/esm/packages/react/src/data-table/DataTableBody-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-D70eQL5r.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-DfEVN9bG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-BZch5iDk.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-D6SsSAV_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'rhht50'],variants:{pinned:{left:'_6bnziv',right:'_12mcf1m'},pinnedType:{body:'_81bm5g',header:{}},resizable:{false:{},true:'api8aq'}}});
-var cellOffsetVar = 'var(--vt7lqe)';
-var cellSizeVar = 'var(--sh3kzn)';
-var leftTotalSizeVar = 'var(--_11lbfm0)';
-var rightTotalSizeVar = 'var(--_1pr5yl7)';
-var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1ft9560']});
-var totalSizeVar = 'var(--dqhcm8)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_14pi5x5'],variants:{pinned:{left:'_1ov38y',right:'_1v2hn13'},pinnedType:{body:'y9ytpy',header:{}},resizable:{false:{},true:'_1otgl58'}}});
+var cellOffsetVar = 'var(--_1qz8dqr)';
+var cellSizeVar = 'var(--_1eumgk6)';
+var leftTotalSizeVar = 'var(--fdm7uc)';
+var rightTotalSizeVar = 'var(--to3hew)';
+var root$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1mu8ovi']});
+var totalSizeVar = 'var(--_1i8m3bc)';
 
-export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };
+export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root$1 as root, totalSizeVar };

package/dist/esm/packages/react/src/data-table/DataTableBody.js

@@ -15,7 +15,7 @@ import { TableCell } from '../table/TableCell.js';
 import { TableHeader } from '../table/TableHeader.js';
 import '../table/TableHeaderCell.js';
 import { TableRow } from '../table/TableRow.js';
-import { root, cell, cellSizeVar, cellOffsetVar, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
+import { cell, cellSizeVar, cellOffsetVar, root, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
 import { useDataTableContext } from './DataTableContext.js';
 import { DataTableHeaderCell } from './DataTableHeaderCell.js';
 import { DataTableRow } from './DataTableRow.js';
@@ -56,7 +56,15 @@ const DataTableBody = forwardRef(
         delete innerRef.current.dataset.scrollTimeline;
       }
     };
-    useEffect(calculateScrollTimeline, []);
+    useEffect(() => {
+      calculateScrollTimeline();
+      const node = scrollContainerRef.current;
+      if (!node)
+        return;
+      const observer = new ResizeObserver(calculateScrollTimeline);
+      observer.observe(node);
+      return () => observer.disconnect();
+    }, []);
     const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = useVirtualizer({
       count: centerColumns.length,

package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CnMQwu29.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CUhBy3JA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'si2rhc',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon$1 = recipeRuntime({base:'facs0o',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
-export { addon };
+export { addon$1 as addon };

package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-FCfUkPFB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DRTmujD8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'qp9sw2']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'y3a6jl'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'p9mtxv'],variants:{active:{false:'_7zqhfb',true:'_142c86'}}});
+var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'l72xa4']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_15hcq1g'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'woxasb'],variants:{active:{false:'_17m9kj2',true:'hsmsaw'}}});
 
-export { button, handle, icon };
+export { button$3 as button, handle, icon };

package/dist/esm/packages/react/src/data-table/DataTableHeaderCell.js

@@ -17,7 +17,7 @@ import '../table/TableHeader.js';
 import { TableHeaderCell } from '../table/TableHeaderCell.js';
 import '../table/TableRow.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
-import { handle, button, icon } from './DataTableHeaderCell-css.js';
+import { handle, icon, button } from './DataTableHeaderCell-css.js';
 
 const DataTableHeaderCell = forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-B0zHvarO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BTJcJEgz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1l71qwn']});
-var date = recipeRuntime({base:'c60eo9'});
-var input = recipeRuntime({base:'_1dczguk'});
-var picker = recipeRuntime({base:'_1s8i7vz'});
+var clear$1 = recipeRuntime({base:[{size:'sm'},'fgx9fw']});
+var date = recipeRuntime({base:'_1567j7m'});
+var input$2 = recipeRuntime({base:'ep1lw3'});
+var picker = recipeRuntime({base:'_1afywep'});
 
-export { clear, date, input, picker };
+export { clear$1 as clear, date, input$2 as input, picker };

package/dist/esm/packages/react/src/date-input/DateInput.js

@@ -26,7 +26,7 @@ import { PopoverAnchor } from '../popover/PopoverAnchor.js';
 import { PopoverContent } from '../popover/PopoverContent.js';
 import { PopoverTrigger } from '../popover/PopoverTrigger.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
-import { date, input, picker, clear } from './DateInput-css.js';
+import { input, date, picker, clear } from './DateInput-css.js';
 
 const DateInput = forwardRef(
   ({

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var panels = recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-BBo-aSQF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-BrxL9B-S.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_16svkjp']});
+var root$3 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_17zit1x']});
 
-export { root };
+export { root$3 as root };

package/dist/esm/packages/react/src/details-panel/DetailsPanel.js

@@ -9,10 +9,10 @@ import '../sprinkles/sprinklesMerge.js';
 import { root } from './DetailsPanel-css.js';
 import { DetailsPanelProvider } from './DetailsPanelContext.js';
 
-const Slot = createSlot("@optiaxiom/react/DetailsPanel");
+const Slot$4 = createSlot("@optiaxiom/react/DetailsPanel");
 const DetailsPanel = forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot : "aside";
+    const Comp = asChild ? Slot$4 : "aside";
     const labelId = useId();
     const descriptionId = useId();
     return /* @__PURE__ */ jsx(DetailsPanelProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DLAKzKqu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BRCdO1Yu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_6xcvr8']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'lm3wgg']});
 
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DWAxYz9I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-ANpSBvOH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'gok5fu']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_7koon4']});
 
 export { header };

package/dist/esm/packages/react/src/dialog/DialogBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'t62leb']});
+var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'ic6duj']});
 
-export { body };
+export { body$1 as body };

package/dist/esm/packages/react/src/dialog/DialogContent-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
-import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-C-mA20SC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-BUd78dED.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_18yfbar'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_60m4m2'],variants:{size:{sm:'gjlop8',md:'z6tqk2',lg:'_1r2bwd',fullscreen:'_1td8idn'}}});
-var nestedDialogCountVar = 'var(--bb8bu4)';
-var scrollPaddingBottomVar = 'var(--s83pcv)';
-var scrollPaddingTopVar = 'var(--_1avd48d)';
+var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'_1l7gf6z'}}});
+var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_10rcnwh'],variants:{size:{sm:'v8eshs',md:'_7cy3l3',lg:'w6gjvq',fullscreen:'svr8s5'}}});
+var nestedDialogCountVar$1 = 'var(--_1gyhsdf)';
+var scrollPaddingBottomVar = 'var(--a3x4ta)';
+var scrollPaddingTopVar = 'var(--_6n75gv)';
 
-export { backdrop, content, nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };
+export { backdrop$1 as backdrop, content$5 as content, nestedDialogCountVar$1 as nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };

package/dist/esm/packages/react/src/dialog/DialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-C1RSa94r.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-BMuVWLfs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1yycwd7']});
+var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1nt7hrh']});
 
-export { footer };
+export { footer$1 as footer };

package/dist/esm/packages/react/src/dialog/DialogHeader-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-C2xy4d00.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-Dm3yvZC9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{gap:'8'},'_1y2vnhn']});
-var close = recipeRuntime({base:['mkttyb']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'tadb7c']});
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_1da53el']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_3q49yn']});
+var actions = recipeRuntime({base:[{gap:'8'},'mxf5ut']});
+var close = recipeRuntime({base:['_1andxle']});
+var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'gmr057']});
+var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'vyry8i']});
+var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_6568jl']});
 
-export { actions, close, description, header, title };
+export { actions, close, description$1 as description, header$2 as header, title$1 as title };

package/dist/esm/packages/react/src/dialog/DialogHeader.js

@@ -13,7 +13,7 @@ import { Text } from '../text/Text.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { DialogClose } from './DialogClose.js';
 import { useDialogContext } from './DialogContext.js';
-import { header, close, title, actions, description } from './DialogHeader-css.js';
+import { close, title, actions, description, header } from './DialogHeader-css.js';
 
 const DialogHeader = forwardRef(
   ({

package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-D9ORFxnQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-Bc38JtGC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_13doxjw']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1y9qr8z'],variants:{scale:{false:'zk0rhw',true:{}}}});
+var inner = recipeRuntime({base:['x315g1']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1yzr2ps'],variants:{scale:{false:'_8z33zl',true:{}}}});
 
 export { inner, outer };

package/dist/esm/packages/react/src/disclosure/DisclosureContent.js

@@ -7,7 +7,7 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
-import { outer, inner } from './DisclosureContent-css.js';
+import { inner, outer } from './DisclosureContent-css.js';
 import { useDisclosureContext } from './DisclosureContext.js';
 
 const DisclosureContent = forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BEmZcwIA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DLH1NDKk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'},'_2j97e7']});
-var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'_5myu3v']});
-var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_3r94vr']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'},'_1062dvo']});
+var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'yilwq8']});
+var trigger$1 = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'xsmtqu']});
 
-export { icon, root, trigger };
+export { icon, root, trigger$1 as trigger };

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger.js

@@ -10,9 +10,9 @@ import { Cover } from '../cover/Cover.js';
 import { Group } from '../group/Group.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { useDisclosureContext } from './DisclosureContext.js';
-import { root, trigger, icon } from './DisclosureTrigger-css.js';
+import { icon, trigger, root } from './DisclosureTrigger-css.js';
 
-const Slot = createSlot("@optiaxiom/react/DisclosureTrigger");
+const Slot$5 = createSlot("@optiaxiom/react/DisclosureTrigger");
 const DisclosureTrigger = forwardRef(
   ({
     addonAfter,
@@ -24,7 +24,7 @@ const DisclosureTrigger = forwardRef(
     ...props
   }, ref) => {
     useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-    return asChild ? /* @__PURE__ */ jsx(Slot, { className, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxs(Group, { ref, ...root({}, className), ...props, children: [
+    return asChild ? /* @__PURE__ */ jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxs(Group, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsx(Group, { asChild: true, ...trigger(), children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [
         chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconAngleRight, {}) }),

package/dist/esm/packages/react/src/file-upload/FileUpload-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-Du_XVgwq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-Ce1mSwa7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'spf3xn']});
+var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1mvb6zl']});
 
 export { upload };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DjRMWr3G.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-CTJm5r2i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'rk1l0u'],variants:{drag:{false:{},true:['_1cjfeaa']},hidden:{false:'_2dhery',true:'thpgtt'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1telwmp']}}});
-var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'ykrw2a'}}});
+var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1io8rt0'],variants:{drag:{false:{},true:['_1camu6b']},hidden:{false:'_5mse5j',true:'t3qg6g'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1y8zp1e']}}});
+var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'yrlqgl'}}});
 
 export { dropzone, label };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone.js

@@ -8,7 +8,7 @@ import { IconFileImport } from '../icons/IconFileImport.js';
 import { Text } from '../text/Text.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useFileUploadContext } from './FileUploadContext.js';
-import { dropzone, label } from './FileUploadDropzone-css.js';
+import { label, dropzone } from './FileUploadDropzone-css.js';
 import { FileUploadTrigger } from './FileUploadTrigger.js';
 import { useContainerSize } from './useContainerSize.js';
 import { useDraggingOverBody } from './useDraggingOverBody.js';

package/dist/esm/packages/react/src/file-upload/FileUploadTrigger.js

@@ -9,10 +9,10 @@ import '../button/ButtonGroup.js';
 import { useFileUploadContext } from './FileUploadContext.js';
 import { useFileUploadTrigger } from './useFileUploadTrigger.js';
 
-const Slot = createSlot("@optiaxiom/react/FileUploadTrigger");
+const Slot$3 = createSlot("@optiaxiom/react/FileUploadTrigger");
 const FileUploadTrigger = forwardRef(({ asChild, children, onClick, ...props }, ref) => {
   const { boxProps, restProps } = extractBoxProps(props);
-  const Comp = asChild ? Slot : Button;
+  const Comp = asChild ? Slot$3 : Button;
   const { disabled } = useFileUploadContext(
     "@optiaxiom/react/FileUploadTrigger"
   );

package/dist/esm/packages/react/src/file-upload/useFileUploadDrop.js

@@ -28,7 +28,7 @@ const useFileUploadDrop = ({
       event.preventDefault();
       onFilesDrop?.(
         event.dataTransfer.items ? (await Promise.all(
-          Array.from(event.dataTransfer.items).map((item) => {
+          Array.from(event.dataTransfer.items).map(async (item) => {
             if (item.kind === "file") {
               const file = item.getAsFile();
               return file && isValidFile(file, accept) ? file : null;

package/dist/esm/packages/react/src/filtered-slot/FilteredSlot.js

@@ -3,13 +3,13 @@ import { jsx } from 'react/jsx-runtime';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 
-const Slot = createSlot("@optiaxiom/react/FilteredSlot");
+const Slot$8 = createSlot("@optiaxiom/react/FilteredSlot");
 const FilteredSlot = forwardRef(
   ({ exclude, ...props }, ref) => {
     if (exclude) {
       delete props[exclude];
     }
-    return /* @__PURE__ */ jsx(Slot, { ref, ...props });
+    return /* @__PURE__ */ jsx(Slot$8, { ref, ...props });
   }
 );
 FilteredSlot.displayName = "@optiaxiom/react/FilteredSlot";

package/dist/esm/packages/react/src/heading/Heading.js

@@ -4,7 +4,7 @@ import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Text } from '../text/Text.js';
 
-const Slot = createSlot("@optiaxiom/react/Heading");
+const Slot$9 = createSlot("@optiaxiom/react/Heading");
 const mapLevelToTag = {
   "1": "h1",
   "2": "h2",
@@ -19,7 +19,7 @@ const mapLevelToFontSize = {
 };
 const Heading = forwardRef(
   ({ asChild, children, fontWeight = "700", level = "1", ...props }, ref) => {
-    const Comp = asChild ? Slot : mapLevelToTag[level] ?? "h1";
+    const Comp = asChild ? Slot$9 : mapLevelToTag[level] ?? "h1";
     const fontSize = mapLevelToFontSize[level] ?? "4xl";
     return /* @__PURE__ */ jsx(
       Text,

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CTgEw8gW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CfKdaFNd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1lgu5x1'});
+var mark$1 = recipeRuntime({base:'_1ewlqye'});
 
-export { mark };
+export { mark$1 as mark };

package/dist/esm/packages/react/src/hooks/useResponsiveMatches.js

@@ -3,7 +3,7 @@ import { conditions } from '../utils/conditions.js';
 import 'react';
 import 'react/jsx-runtime';
 import '../utils/isHoverSupported.js';
-import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.2.5_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-ywSYnLqu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BKO53C-R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var trigger = recipeRuntime({base:'v9ooby'});
+var trigger$1 = recipeRuntime({base:'_1k9156g'});
 
-export { trigger };
+export { trigger$1 as trigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/icon/Icon.css.ts.vanilla-DQVfnxOC.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon$4 = recipeRuntime({base:[{flex:'none',w:'auto'},'_1b8stqi']});
+
+export { icon$4 as icon };

package/dist/esm/packages/react/src/icon/Icon.js

@@ -4,10 +4,11 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { icon } from './Icon-css.js';
 
 const Icon = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { flex: "none", h: "2xs", ref, w: "auto", ...props, children });
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { ref, ...icon({}, className), ...props, children });
   }
 );
 Icon.displayName = "@optiaxiom/react/Icon";

package/dist/esm/packages/react/src/icons/IconOpal.js

@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 
-const Slot = createSlot("@optiaxiom/react/IconOpal");
+const Slot$a = createSlot("@optiaxiom/react/IconOpal");
 const IconOpal = forwardRef(
   ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot : "img";
+    const Comp = asChild ? Slot$a : "img";
     return /* @__PURE__ */ jsx(
       Comp,
       {