@optiaxiom/react 0.13.2 → 0.13.4

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

@@ -9,40 +9,58 @@ import { Icon } from '../icon/Icon.js';
 import { IconSort } from '../icons/IconSort.js';
 import { IconSortDown } from '../icons/IconSortDown.js';
 import { IconSortUp } from '../icons/IconSortUp.js';
+import { Separator } from '../separator/Separator.js';
 import { TableHeaderCell } from '../table-header-cell/TableHeaderCell.js';
-import { button, icon } from './DataTableHeaderCell-css.js';
+import { handle, button, icon } from './DataTableHeaderCell-css.js';
 
 const DataTableHeaderCell = forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxs(
     TableHeaderCell,
     {
       "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : void 0,
       colSpan: header.colSpan,
       ref,
       ...props,
-      children: header.column.columnDef.enableSorting ? /* @__PURE__ */ jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsx(Cover, { asChild: true, inset: true, ...button(), children: /* @__PURE__ */ jsxs("button", { onClick: () => header.column.toggleSorting(), children: [
-        children,
-        sortDir && /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
-          "sorted ",
-          sortDir === "asc" ? "ascending" : "descending"
-        ] }),
-        /* @__PURE__ */ jsxs(
-          ActionsContent,
+      children: [
+        header.column.columnDef.enableResizing && /* @__PURE__ */ jsx(ActionsContent, { visible: header.column.getIsResizing(), children: /* @__PURE__ */ jsx(
+          Separator,
           {
-            display: "grid",
-            placeItems: "center",
-            visible: !!sortDir,
-            children: [
-              /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ active: sortDir === false }), children: /* @__PURE__ */ jsx(IconSort, {}) }),
-              /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ active: sortDir === "asc" }), children: /* @__PURE__ */ jsx(IconSortUp, {}) }),
-              /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ active: sortDir === "desc" }), children: /* @__PURE__ */ jsx(IconSortDown, {}) })
-            ]
+            onDoubleClick: () => header.column.resetSize(),
+            onMouseDown: header.getResizeHandler(),
+            onTouchStart: header.getResizeHandler(),
+            orientation: "vertical",
+            style: {
+              transform: header.getContext().table.options.columnResizeMode === "onEnd" && header.column.getIsResizing() ? `translateX(${header.getContext().table.getState().columnSizingInfo.deltaOffset}px)` : ""
+            },
+            ...handle({
+              resizing: header.column.getIsResizing()
+            })
           }
-        )
-      ] }) }) }) : children
+        ) }),
+        header.column.columnDef.enableSorting ? /* @__PURE__ */ jsx(Cover, { asChild: true, inset: true, ...button(), children: /* @__PURE__ */ jsxs("button", { onClick: () => header.column.toggleSorting(), children: [
+          children,
+          sortDir && /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+            "sorted ",
+            sortDir === "asc" ? "ascending" : "descending"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            ActionsContent,
+            {
+              display: "grid",
+              placeItems: "center",
+              visible: !!sortDir,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ active: sortDir === false }), children: /* @__PURE__ */ jsx(IconSort, {}) }),
+                /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ active: sortDir === "asc" }), children: /* @__PURE__ */ jsx(IconSortUp, {}) }),
+                /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ active: sortDir === "desc" }), children: /* @__PURE__ */ jsx(IconSortDown, {}) })
+              ]
+            }
+          )
+        ] }) }) : children
+      ]
     }
-  );
+  ) });
 });
 DataTableHeaderCell.displayName = "@optiaxiom/react/DataTableHeaderCell";
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BkApdH74.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DfxQOfWR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'waylnm'});
+var picker = recipeRuntime({base:'m23k3t'});
 
 export { picker };

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-DPrQXN9P.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'_1csyx8y']});
+
+export { body };

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

@@ -2,23 +2,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
+import { body } from './DialogBody-css.js';
 
 const DialogBody = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Flex,
-      {
-        flex: "1",
-        fontSize: "md",
-        justifyContent: "start",
-        overflow: "auto",
-        px: "24",
-        py: "16",
-        ref,
-        ...props,
-        children
-      }
-    );
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Flex, { ref, ...body({}, className), ...props, children });
   }
 );
 DialogBody.displayName = "@optiaxiom/react/DialogBody";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-3P0jZRFg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Dq_xO4PW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_13gpuu4'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_3kkx1a'],variants:{size:{sm:'mzyfwe',md:'_16l6ull',lg:'_1k50iqr',fullscreen:'qgxoj0'}}});
-var nestedDialogCountVar = 'var(--_10jwuq0)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_16j4w99'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_11w8v27'],variants:{size:{sm:'_116vczg',md:'kgkylb',lg:'mcyixc',fullscreen:'l3jajk'}}});
+var nestedDialogCountVar = 'var(--_3bflf0)';
 
 export { backdrop, content, nestedDialogCountVar };

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

@@ -5,6 +5,7 @@ import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { forwardRef } from 'react';
 import { Backdrop } from '../backdrop/Backdrop.js';
 import { useDialogContext } from '../dialog-context/DialogContext.js';
+import { ModalContextProvider } from '../modal-context/ModalContext.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
@@ -46,7 +47,7 @@ const DialogContent = forwardRef(
           },
           ...content({ size }, className),
           ...props,
-          children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, children })
+          children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, children: /* @__PURE__ */ jsx(ModalContextProvider, { enabled: true, children }) })
         }
       ) })
     ] }) });

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-jgMhCg09.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DjmJKCd3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'ir7d5']});
-var close = recipeRuntime({base:['_1tl8m4c']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1lnh2cj']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_6xfw0h']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'pch0a4']});
+var close = recipeRuntime({base:['uh3m5h']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_8dgcr']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1ooqaat']});
 
 export { actions, close, description, title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DRntf7OZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-l5Q-SzNB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['ptv1ww']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1arfj04']});
+var inner = recipeRuntime({base:['_1yjuiaf']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1xx443t']});
 
 export { inner, outer };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BBOwEkpE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Bgin1fXU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_9re77a',start:'u6jz6i'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',h:'lg',px:'8',transition:'colors'},'_6dmxi7']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'i712sd',start:'_1nstefg'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',h:'lg',px:'8',transition:'colors'},'rgi3fi']});
 
 export { icon, trigger };

package/dist/esm/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-BKuoS_1s.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-Rhn4JTne.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1mjaveq'],variants:{position:{bottom:[{borderT:'1'},'_12cl0gp'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'asbd7i'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'jru15s']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'mczve2'],variants:{position:{bottom:[{borderT:'1'},'_6hutov'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'n5vpia'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1hm5bvd']}}});
 
 export { content };

package/dist/esm/packages/react/src/drawer-content/DrawerContent.js

@@ -4,6 +4,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
 import { Backdrop } from '../backdrop/Backdrop.js';
 import { useDrawerContext } from '../drawer-context/DrawerContext.js';
+import { ModalContextProvider } from '../modal-context/ModalContext.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
@@ -34,7 +35,7 @@ const DrawerContent = forwardRef(
               elevation: "drawer",
               onBlur: onReactSelectInputBlur,
               ...content({ position }),
-              children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, ...props, children })
+              children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(ModalContextProvider, { enabled: true, children }) })
             }
           )
         }

package/dist/esm/packages/react/src/drawer-header/DrawerHeader-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/drawer-header/DrawerHeader.css.ts.vanilla-CgvBxp1f.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/drawer-header/DrawerHeader.css.ts.vanilla-UyIyYKP-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_16g9yt6']});
-var close = recipeRuntime({base:['_11h5dub']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'kxmcok']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'ntffe3']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'eg3ryv']});
+var close = recipeRuntime({base:['lb0cu8']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1fkbcbg']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'gn0yvn']});
 
 export { actions, close, description, title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-47x5K4bb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DTHQFQma.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_9m52b5'});
+var mark = recipeRuntime({base:'_1j0d74c'});
 
 export { mark };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-QSzHlvPm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-hCQatseJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'vp8sqw',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1ns1mdi']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_148u3aa']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'ob85av'],variants:{offset:{false:'_2vpawz',true:{}},position:{'bottom-right':'k28hol','top-right':'zyb2vp'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'t3iie4']});
+var badge = recipeRuntime({base:'nw19sk',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1qdf82i']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1b9fpfj']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_150f2jd'],variants:{offset:{false:'rtgq7f',true:{}},position:{'bottom-right':'fmvpvm','top-right':'_3xgibw'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1fo9e44']});
 
 export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-U6Th0aUJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CoK--FX9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_14wps0z',variants:{empty:{false:{},true:'_1npzjyp'}}});
-var input = recipeRuntime({base:'yc9zn4'});
+var editor = recipeRuntime({base:'lalu1q',variants:{empty:{false:{},true:'_1rcp2fh'}}});
+var input = recipeRuntime({base:'_11r01og'});
 
 export { editor, input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/esm/packages/react/src/input-control/InputControl-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Dvu280Ft.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Bq9DIZUC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1g39uve',{bg:'transparent',flex:'auto',w:'full'},'_1udpfn7','_1howwvs'],variants:{size:{md:{},lg:{},xl:['jxp4n6']}}});
+var control = recipeRuntime({base:['_1lspm4l',{bg:'transparent',flex:'auto',w:'full'},'_11egxc0','_8cb1li'],variants:{size:{md:{},lg:{},xl:['_78k4jn']}}});
 
 export { control };

package/dist/esm/packages/react/src/input-root/InputRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Dvu280Ft.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-CLk29zMr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CWel1AOz.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Bq9DIZUC.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-z6_rlDYl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'cn4w2w']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1s2ynyy']});
 
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DtzS53YA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-BVEzc2AU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'us03bl'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_1m5g0jz',variants:{variant:{outline:'_15zcka0',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_14b5kex'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = recipeRuntime({base:'vn8xm2',variants:{variant:{outline:'u60my4',subtle:{}}}});
 
 export { kbd, keys };

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1aaiej1';
-var reset = 'optiaxiom._1x5n578';
+var components = 'optiaxiom.zrljwu';
+var reset = 'optiaxiom._1jv6vyh';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DVoFEjxE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-Ct3eOjWP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'vtnd2q']});
-var link = recipeRuntime({base:['_1thnq4b','qk7mis'],variants:{appearance:{'default':'_1cffoxa',inverse:'_6cyavr',subtle:'o4pnsp'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_6gjbyc']});
+var link = recipeRuntime({base:['_1vf9hhs','_1gjxazq'],variants:{appearance:{'default':'_4bhzfl',inverse:'kmrpya',subtle:'_300mkz'}}});
 
 export { icon, link };

package/dist/esm/packages/react/src/link/Link.js

@@ -18,12 +18,13 @@ const Link = forwardRef(
     className,
     disabled,
     external,
+    inset,
     overlay,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "a";
     const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...link({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsx(Cover, { asChild: true, disabled: !overlay, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...link({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsx(Cover, { asChild: true, disabled: !overlay, inset, children: /* @__PURE__ */ jsx(
       Comp,
       {
         "aria-disabled": disabled,

package/dist/esm/packages/react/src/listbox-item/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-D9LscEQ6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-biq3BaqB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'rhojax']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_72qzn5'],variants:{intent:{danger:'_1f6gr4y',neutral:'_1sgpend'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_12mpyc']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1rexd68']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_11yjlcm'],variants:{intent:{danger:'_8hw97h',neutral:'_1owhg6c'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'xo1ul8']});
 
 export { description, item, title };

package/dist/esm/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D3Rsyrt1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-SGNoO7lX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'jmxckl'],variants:{maxH:{xs:'_1tm8eif',sm:'_1q1baq3',md:'u99wko',lg:'h0n7wj',full:{}},minW:{'0':{},trigger:'_1f2cq76'},provider:{'dropdown-menu':'_1lduiyj',popover:'_1pt8xz6',popper:'_1awrwze'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1rpt0b3'],variants:{maxH:{xs:'_1rayqt7',sm:'ftzxo2',md:'_122iz59',lg:'g0ykqc',full:{}},minW:{'0':{},trigger:'_8hneum'},provider:{'dropdown-menu':'b6uh7o',popover:'lnpzcc',popper:'_20b0q3'}}});
 
 export { listbox };

package/dist/esm/packages/react/src/modal-context/ModalContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [ModalContextProvider, useModalContext] = createContext("Modal", { enabled: false });
+
+export { ModalContextProvider, useModalContext };

package/dist/esm/packages/react/src/modal-layer/ModalLayer.js

@@ -1,21 +1,26 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
 import { FocusGuards } from '@radix-ui/react-focus-guards';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useState } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
+import { useModalContext } from '../modal-context/ModalContext.js';
 
 const ModalLayer = forwardRef(
   ({ asChild, children, ...props }, ref) => {
-    let result = /* @__PURE__ */ jsx(DismissableLayer, { asChild, ref, ...props, children });
+    const { enabled } = useModalContext("ModalLayer");
     const [locked] = useState(() => document.body.dataset.scrollLocked);
-    if (locked) {
-      result = /* @__PURE__ */ jsx(RemoveScroll, { allowPinchZoom: true, as: Slot, children: result });
-    }
     const [guards] = useState(
       () => document.querySelector("[data-radix-focus-guard]")
     );
+    if (!enabled) {
+      return asChild ? /* @__PURE__ */ jsx(Slot, { ref, ...props, children }) : /* @__PURE__ */ jsx(Fragment, { children });
+    }
+    let result = /* @__PURE__ */ jsx(DismissableLayer, { asChild, ref, ...props, children });
+    if (locked) {
+      result = /* @__PURE__ */ jsx(RemoveScroll, { allowPinchZoom: true, as: Slot, children: result });
+    }
     if (guards) {
       result = /* @__PURE__ */ jsx(FocusGuards, { children: result });
     }

package/dist/esm/packages/react/src/nav/Nav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-BrYzThrt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-Bd1LTsdi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1sakxsa']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'hgv1k3']});
 
 export { nav };

package/dist/esm/packages/react/src/nav-account-item/NavAccountItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-a3IVMipD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-D9zucNT9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1wh7ac0',true:'_1n83gh2'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'o5ervs',true:'czyalz'}}});
 
 export { item };

package/dist/esm/packages/react/src/nav-body/NavBody-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});

package/dist/esm/packages/react/src/nav-item/NavItem-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DYtY44Da.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-D3UZepXO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CWel1AOz.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CZ4YVhfR.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-CL0n46TH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors'},'_5yyip7']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_27p4m4'],variants:{expanded:{false:'_1pu4wx4',true:'_11azwjg'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors'},'nta179']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_9ftk80'],variants:{expanded:{false:'e6s4yv',true:'_2l2c1k'}}});
 
 export { item, label };

package/dist/esm/packages/react/src/pagination/Pagination-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CBaI3dKj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D11uglZ4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'up10ko']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1keuq6q'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_9rgn8n']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_1g3l1ty']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_173prhh'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1kk0zp3']});
 
 export { button, cursor, list };

package/dist/esm/packages/react/src/paper/Paper-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},drawer:{},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'}}}});

package/dist/esm/packages/react/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-FPKXAYuG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-AJ4j3Duj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_11ek7uw'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1a9u9jh'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

package/dist/esm/packages/react/src/popover-content/PopoverContent.js

@@ -4,6 +4,7 @@ import { theme } from '@optiaxiom/globals';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef } from 'react';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
+import { ModalContextProvider } from '../modal-context/ModalContext.js';
 import { usePopoverContext } from '../popover-context/PopoverContext.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
@@ -34,7 +35,7 @@ const PopoverContent = forwardRef(
                 ref,
                 sideOffset,
                 children: [
-                  children,
+                  /* @__PURE__ */ jsx(ModalContextProvider, { enabled: true, children }),
                   withArrow && /* @__PURE__ */ jsx(RadixPopover.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
                     "svg",
                     {