@optiaxiom/react 1.0.1 → 1.0.3

package/dist/esm/packages/react/src/dropdown-menu-item/DropdownMenuItem.js

@@ -6,7 +6,7 @@ import { useDropdownMenuContext } from '../dropdown-menu-context/DropdownMenuCon
 import { ListboxItem } from '../listbox-item/ListboxItem.js';
 
 const DropdownMenuItem = forwardRef(({ asChild, children, onSelect, ...props }, ref) => {
-  const { open } = useDropdownMenuContext("DropdownMenuItem");
+  const { open } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuItem");
   return /* @__PURE__ */ jsx(ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
     RadixMenu.Item,
     {

package/dist/esm/packages/react/src/dropdown-menu-sub/DropdownMenuSub.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DropdownMenuSubContextProvider } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
+import { DropdownMenuSubProvider } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
 
 function DropdownMenuSub({
   children,
@@ -16,7 +16,7 @@ function DropdownMenuSub({
     onChange: onOpenChange,
     prop: openProp
   });
-  return /* @__PURE__ */ jsx(RadixMenu.Sub, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(DropdownMenuSubContextProvider, { open, children }) });
+  return /* @__PURE__ */ jsx(RadixMenu.Sub, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(DropdownMenuSubProvider, { open, children }) });
 }
 DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
 

package/dist/esm/packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js

@@ -7,7 +7,9 @@ import { MenuListbox } from '../menu-listbox/MenuListbox.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 
 const DropdownMenuSubContent = forwardRef(({ children, ...props }, ref) => {
-  const { open } = useDropdownMenuSubContext("DropdownMenuSubContent");
+  const { open } = useDropdownMenuSubContext(
+    "@optiaxiom/react/DropdownMenuSubContent"
+  );
   return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsx(RadixMenu.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, provider: "dropdown-menu", ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubContent, { alignOffset: -4, ref, sideOffset: 0, children }) }) }) });
 });
 DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";

package/dist/esm/packages/react/src/dropdown-menu-sub-context/DropdownMenuSubContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [DropdownMenuSubContextProvider, useDropdownMenuSubContext] = createContext("DropdownMenuSub");
+const [DropdownMenuSubProvider, useDropdownMenuSubContext] = createContext("@optiaxiom/react/DropdownMenuSub");
 
-export { DropdownMenuSubContextProvider, useDropdownMenuSubContext };
+export { DropdownMenuSubProvider, useDropdownMenuSubContext };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-C8LHP3AM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CJPCQckm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1p0h2fj'});
+var mark = recipeRuntime({base:'_17zepbd'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-_xVF8T2H.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-4-e-wSk6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1hm1vc0',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_28h15w']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_8roseh']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_14yuhov'],variants:{offset:{false:'_1sshhzk',true:{}},position:{'bottom-right':'_2w2f4i','top-right':'_1cerwr6'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_224neg']});
+var badge = recipeRuntime({base:'grsare',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'a4wqbu']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_2puz1f']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1faci4i'],variants:{offset:{false:'_19b7teq',true:{}},position:{'bottom-right':'_1b9s2tj','top-right':'_15v6uyk'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'qpzedt']});
 
 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-DyTVL2_3.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-SynEjQCL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla--SgFZPFK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_1ox14s6',variants:{empty:{false:{},true:'_4wc2ox'}}});
-var input = recipeRuntime({base:'ec9n1y'});
+var editor = recipeRuntime({base:'fdpf9k',variants:{empty:{false:{},true:'j08cm8'}}});
+var input = recipeRuntime({base:'_1kkz7do'});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/esm/packages/react/src/input-addon/InputAddon.js

@@ -8,7 +8,9 @@ import { useInputContext } from '../input-context/InputContext.js';
 
 const InputAddon = forwardRef(
   ({ children, ...props }, ref) => {
-    const { addonPointerEvents, inputRef } = useInputContext("InputAddon");
+    const { addonPointerEvents, inputRef } = useInputContext(
+      "@optiaxiom/react/InputAddon"
+    );
     const addonProps = addonPointerEvents === "none" ? {
       cursor: "text",
       fontSize: "md",

package/dist/esm/packages/react/src/input-context/InputContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [InputContextProvider, useInputContext] = createContext("InputRoot");
+const [InputProvider, useInputContext] = createContext("@optiaxiom/react/Input");
 
-export { InputContextProvider, useInputContext };
+export { InputProvider, useInputContext };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-La8ieGPk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BjLXAT_t.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['qcxxfe',{bg:'transparent',flex:'auto',w:'full'},'ro1csd','_5rqm3g'],variants:{size:{md:{},lg:{},xl:['_1bvvslu']}}});
+var control = recipeRuntime({base:['_12oz2ni',{bg:'transparent',flex:'auto',w:'full'},'_1doed0a','_1d9my7e'],variants:{size:{md:{},lg:{},xl:['_1q929z5']}}});
 
 export { control };

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

@@ -20,7 +20,7 @@ const InputControl = forwardRef(
       error: errorProp
     });
     const { boxProps, restProps } = extractBoxProps(props);
-    const { inputRef } = useInputContext("InputControl");
+    const { inputRef } = useInputContext("@optiaxiom/react/InputControl");
     const ref = useComposedRefs(inputRef, outerRef);
     return /* @__PURE__ */ jsx(
       Box,

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-La8ieGPk.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BwPh9WNi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-5weXmjJ7.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BjLXAT_t.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-Dzj_Gux4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'qj6ym2']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1068z4j']});
 
 export { root };

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

@@ -2,13 +2,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { InputContextProvider } from '../input-context/InputContext.js';
+import { InputProvider } from '../input-context/InputContext.js';
 import { root } from './InputRoot-css.js';
 
 const InputRoot = forwardRef(({ addonPointerEvents = "auto", children, className, ...props }, ref) => {
   const inputRef = useRef(null);
   return /* @__PURE__ */ jsx(Flex, { ref, ...root({}, className), ...props, children: /* @__PURE__ */ jsx(
-    InputContextProvider,
+    InputProvider,
     {
       addonPointerEvents,
       inputRef,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-BVjPNfVh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-ChyPsiFl.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'},'_11co0wk'],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:'_1qsol1p',variants:{variant:{outline:'_1ltuy6e',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'e2sriz'],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:'z86q1',variants:{variant:{outline:'so3g7x',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-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1ezvhn8';
-var reset = 'optiaxiom.ehc3sx';
+var components = 'optiaxiom._8vbgxy';
+var reset = 'optiaxiom._1bl17dw';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layout.js

@@ -4,22 +4,23 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { Flex } from '../flex/Flex.js';
+import { layout } from './Layouts-css.js';
 
 const Layout = forwardRef(
-  ({ children, header, sidenav, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(Flex, { gap: "0", h: "full", ref, ...props, children: [
+  ({ children, className, header, sidebar, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(Box, { ref, ...layout({}, className), ...props, children: [
       header,
       /* @__PURE__ */ jsxs(
-        Flex,
+        Box,
         {
-          alignItems: "start",
+          alignItems: "stretch",
+          display: "flex",
+          flex: "1",
           flexDirection: "row",
-          gap: "0",
-          justifyContent: "flex-start",
+          overflow: "auto",
           children: [
-            sidenav,
-            /* @__PURE__ */ jsx(Box, { flex: "1", h: "full", children })
+            sidebar,
+            /* @__PURE__ */ jsx(Box, { flex: "1", overflow: "auto", px: "32", py: "24", children })
           ]
         }
       )

package/dist/esm/packages/react/src/layout/Layouts-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-KTj0kQeR.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column'},'_6v1wqn']});
+
+export { layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DeqtSkPy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-B7Ubxpmv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1gu0ooz']});
-var link = recipeRuntime({base:['_19nb7aw','sfyhpj'],variants:{appearance:{'default':'yjfvpi',inverse:'hkh5zn',subtle:'l9d7rx'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1au5cf4']});
+var link = recipeRuntime({base:['luatnm','_1f6jsn3'],variants:{appearance:{'default':'gcb82l',inverse:'dzrvkc',subtle:'_1p5bleb'}}});
 
 export { icon, link };

package/dist/esm/packages/react/src/listbox-group/ListboxGroup.js

@@ -5,12 +5,12 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { ListboxGroupContextProvider } from '../listbox-group-context/ListboxGroupContext.js';
+import { ListboxGroupProvider } from '../listbox-group-context/ListboxGroupContext.js';
 
 const ListboxGroup = forwardRef(
   ({ children, ...props }, ref) => {
     const groupId = useId();
-    return /* @__PURE__ */ jsx(ListboxGroupContextProvider, { id: groupId, children: /* @__PURE__ */ jsx(Box, { "aria-labelledby": groupId, ref, role: "group", ...props, children }) });
+    return /* @__PURE__ */ jsx(ListboxGroupProvider, { id: groupId, children: /* @__PURE__ */ jsx(Box, { "aria-labelledby": groupId, ref, role: "group", ...props, children }) });
   }
 );
 ListboxGroup.displayName = "@optiaxiom/react/ListboxGroup";

package/dist/esm/packages/react/src/listbox-group-context/ListboxGroupContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [ListboxGroupContextProvider, useListboxGroupContext] = createContext("ListboxGroup", { id: void 0 });
+const [ListboxGroupProvider, useListboxGroupContext] = createContext("@optiaxiom/react/ListboxGroup", { id: void 0 });
 
-export { ListboxGroupContextProvider, useListboxGroupContext };
+export { ListboxGroupProvider, useListboxGroupContext };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-DncbBP2k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-nGgdT1Xu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1juprah']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'fhvrrt'],variants:{intent:{danger:'_1o7gtn0',neutral:'fppve0'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1ng8sdu']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'bpi9d']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'e9ctd4'],variants:{intent:{danger:'_1p2ax88',neutral:'_1q7i92p'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1xxaw0a']});
 
 export { description, item, title };

package/dist/esm/packages/react/src/listbox-label/ListboxLabel.js

@@ -8,7 +8,7 @@ import { useListboxGroupContext } from '../listbox-group-context/ListboxGroupCon
 
 const ListboxLabel = forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useListboxGroupContext("ListboxLabel");
+    const { id } = useListboxGroupContext("@optiaxiom/react/ListboxLabel");
     return /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", fontSize: "sm", id, p: "8", ref, ...props, children });
   }
 );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Cl6e7RIA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CNFumDy8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1u6a5re'],variants:{maxH:{xs:'_1o6xg73',sm:'qj5n6',md:'as13ix',lg:'_96d4cf',full:{}},minW:{'0':{},trigger:'lkxvrn'},provider:{'dropdown-menu':'_1jhah2z',popover:'i97nk',popper:'anuanl'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_14bcqv5'],variants:{maxH:{xs:'mbtjm3',sm:'qir9t6',md:'_1204r64',lg:'ptzue1',full:{}},minW:{'0':{},trigger:'_1gq5i08'},provider:{'dropdown-menu':'cw9r1l',popover:'_1xy8dud',popper:'rkk0xo'}}});
 
 export { listbox };

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

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

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

@@ -6,11 +6,11 @@ import { FocusGuards } from '@radix-ui/react-focus-guards';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useState, useRef } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
-import { useModalContext, ModalContextProvider } from '../modal-context/ModalContext.js';
+import { useModalContext, ModalProvider } from '../modal-context/ModalContext.js';
 
 const ModalLayer = forwardRef(
   ({ asChild, children, ...props }, outerRef) => {
-    const { shardRef } = useModalContext("ModalLayer");
+    const { shardRef } = useModalContext("@optiaxiom/react/ModalLayer");
     const [locked] = useState(() => document.body.dataset.scrollLocked);
     const [guards] = useState(
       () => document.querySelector("[data-radix-focus-guard]")
@@ -27,7 +27,7 @@ const ModalLayer = forwardRef(
     if (guards) {
       result = /* @__PURE__ */ jsx(FocusGuards, { children: result });
     }
-    return /* @__PURE__ */ jsx(ModalContextProvider, { shardRef: innerRef, children: result });
+    return /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children: result });
   }
 );
 ModalLayer.displayName = "@optiaxiom/react/ModalLayer";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DI7Tow7-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-DRKI83Yv.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'},'wxk0sl']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'btwqbc']});
 
 export { nav };

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

@@ -7,7 +7,7 @@ import { nav } from './Nav-css.js';
 
 const Nav = forwardRef(
   ({ children, ...props }, ref) => {
-    const { expanded, navId } = useSidebarContext("Nav");
+    const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
     return /* @__PURE__ */ jsx(
       Flex,
       {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-CyW80zT5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-OqJLeBzN.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:'_19s6itz',true:'_1rsu4nb'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_7m8zri',true:'veob3o'}}});
 
 export { item };

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

@@ -12,7 +12,7 @@ import { Text } from '../text/Text.js';
 import { item } from './NavAccountItem-css.js';
 
 const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) => {
-  const { expanded } = useSidebarContext("NavAccountItem");
+  const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
   return /* @__PURE__ */ jsx(Flex, { asChild: true, my: "8", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
     Flex,
     {

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

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

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

@@ -7,7 +7,7 @@ import { body } from './NavBody-css.js';
 
 const NavBody = forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { expanded, spacing } = useSidebarContext("NavBody");
+    const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
     return /* @__PURE__ */ jsx(
       Flex,
       {

package/dist/esm/packages/react/src/nav-footer/NavFooter.js

@@ -6,7 +6,7 @@ import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 
 const NavFooter = forwardRef(
   ({ children, ...props }, ref) => {
-    const { spacing } = useSidebarContext("NavFooter");
+    const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
     return /* @__PURE__ */ jsx(
       Flex,
       {

package/dist/esm/packages/react/src/nav-group/NavGroup.js

@@ -3,12 +3,12 @@ import { jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
 import { Disclosure } from '../disclosure/Disclosure.js';
-import { NavGroupContextProvider } from '../nav-group-context/NavGroupContext.js';
+import { NavGroupProvider } from '../nav-group-context/NavGroupContext.js';
 
 const NavGroup = forwardRef(
   ({ children, ...props }, ref) => {
     const groupId = useId();
-    return /* @__PURE__ */ jsx(NavGroupContextProvider, { id: groupId, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(NavGroupProvider, { id: groupId, children: /* @__PURE__ */ jsx(
       Disclosure,
       {
         alignItems: "stretch",

package/dist/esm/packages/react/src/nav-group-context/NavGroupContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [NavGroupContextProvider, useNavGroupContext] = createContext("NavGroup", { id: void 0 });
+const [NavGroupProvider, useNavGroupContext] = createContext("@optiaxiom/react/NavGroup", { id: void 0 });
 
-export { NavGroupContextProvider, useNavGroupContext };
+export { NavGroupProvider, useNavGroupContext };

package/dist/esm/packages/react/src/nav-group-trigger/NavGroupTrigger.js

@@ -6,7 +6,7 @@ import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
 
 const NavGroupTrigger = forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("NavGroupTrigger");
+    const { id } = useNavGroupContext("@optiaxiom/react/NavGroupTrigger");
     return /* @__PURE__ */ jsx(
       DisclosureTrigger,
       {

package/dist/esm/packages/react/src/nav-header/NavHeader.js

@@ -6,7 +6,7 @@ import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 
 const NavHeader = forwardRef(
   ({ children, ...props }, ref) => {
-    const { spacing } = useSidebarContext("NavHeader");
+    const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
     return /* @__PURE__ */ jsx(Flex, { px: spacing, ref, ...props, children });
   }
 );

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DTUlp8SE.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-BR_UPdjp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-5weXmjJ7.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DrQkyKY6.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-CDgxS97n.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1udq3lp']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'isxwcw'],variants:{expanded:{false:'_1jtcshs',true:'_1n14hjq'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'n181ky']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'c9imaj'],variants:{expanded:{false:'_1d6y9zp',true:'bsvgjv'}}});
 
 export { item, label };

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

@@ -27,7 +27,7 @@ const NavItem = forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot : "button";
     const { boxProps, restProps } = extractBoxProps(props);
-    const { expanded } = useSidebarContext("NavItem");
+    const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
     let tooltip = null;
     children = decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;

package/dist/esm/packages/react/src/nav-list/NavList.js

@@ -8,7 +8,7 @@ import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
 
 const NavList = forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("NavList");
+    const { id } = useNavGroupContext("@optiaxiom/react/NavList");
     if (id) {
       throw new Error("huh");
     }

package/dist/esm/packages/react/src/nested-dialog-context/NestedDialogContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [NestedDialogContextProvider, useNestedDialogContext] = createContext("NestedDialog", null);
+const [NestedDialogProvider, useNestedDialogContext] = createContext("@optiaxiom/react/NestedDialog", null);
 
-export { NestedDialogContextProvider, useNestedDialogContext };
+export { NestedDialogProvider, useNestedDialogContext };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-SgNxURt9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-8t4DndA7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1qwhjka']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'vapn0f'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1ekyrxz']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'iyvvon']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'ezatof'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'ktsnkx']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.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'},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'},screen:{}}}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-DHaE_1ux.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-CEBGgfpR.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'},'_19ae8g5'],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'},'_1r5yg2a'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

package/dist/esm/packages/react/src/popover/Popover.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState } from 'react';
-import { PopoverContextProvider } from '../popover-context/PopoverContext.js';
+import { PopoverProvider } from '../popover-context/PopoverContext.js';
 
 function Popover({
   children,
@@ -25,7 +25,7 @@ function Popover({
       open: open || presence,
       ...props,
       children: /* @__PURE__ */ jsx(
-        PopoverContextProvider,
+        PopoverProvider,
         {
           open,
           presence,