@optiaxiom/react 1.0.2 → 1.1.0

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-5Zrh5gFq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BK8ISK5n.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1n42ydu',start:'a0ooav'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1yfty2q']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_14tutyw']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_10lle7q',start:'fo5gpt'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1k8ovz9']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'wl3nuc']});
 
 export { icon, root, trigger };

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

@@ -21,7 +21,7 @@ const DisclosureTrigger = forwardRef(
     className,
     ...props
   }, ref) => {
-    useDisclosureContext("DisclosureTrigger");
+    useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
     return /* @__PURE__ */ jsxs(Flex, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsx(Flex, { asChild: true, ...trigger(), children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [

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

@@ -3,7 +3,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 { useState } from 'react';
-import { DropdownMenuContextProvider } from '../dropdown-menu-context/DropdownMenuContext.js';
+import { DropdownMenuProvider } from '../dropdown-menu-context/DropdownMenuContext.js';
 
 function DropdownMenu({
   children,
@@ -19,7 +19,7 @@ function DropdownMenu({
   });
   const [presence, setPresence] = useState();
   return /* @__PURE__ */ jsx(RadixMenu.Root, { onOpenChange: setOpen, open: open || presence, ...props, children: /* @__PURE__ */ jsx(
-    DropdownMenuContextProvider,
+    DropdownMenuProvider,
     {
       open,
       presence,

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

@@ -12,7 +12,7 @@ import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 
 const DropdownMenuContent = forwardRef(({ align = "start", children, loading, ...props }, ref) => {
   const { open, presence, setPresence } = useDropdownMenuContext(
-    "DropdownMenuContent"
+    "@optiaxiom/react/DropdownMenuContent"
   );
   return /* @__PURE__ */ jsx(
     TransitionGroup,

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

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [DropdownMenuContextProvider, useDropdownMenuContext] = createContext("DropdownMenu");
+const [DropdownMenuProvider, useDropdownMenuContext] = createContext("@optiaxiom/react/DropdownMenu");
 
-export { DropdownMenuContextProvider, useDropdownMenuContext };
+export { DropdownMenuProvider, useDropdownMenuContext };

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/field-label/FieldLabel.js

@@ -32,6 +32,7 @@ const FieldLabel = forwardRef(
           asChild: true,
           color: "fg.secondary",
           display: "flex",
+          fontSize: "md",
           fontWeight: "400",
           gap: "2",
           children: /* @__PURE__ */ jsxs(RadixLabel.Root, { htmlFor: inputId, id: labelId, children: [

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DlB5ywBV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Cu9rnljA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_4pq1t7'});
+var mark = recipeRuntime({base:'zjkqbk'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-D-lzReWt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DEmDTeKC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_6csyhy',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_193opal']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1bg8esb']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'l5a6vk'],variants:{offset:{false:'_1yxnov4',true:{}},position:{'bottom-right':'_13nem6e','top-right':'_1r97425'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1mukwfg']});
+var badge = recipeRuntime({base:'_1898wrm',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1olrw31']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1fbl85v']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1lyw5wn'],variants:{offset:{false:'_184xfix',true:{}},position:{'bottom-right':'yst6f4','top-right':'_1elytef'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1ikt00w']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DDW_L463.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CcZ_-P5w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_1asojwf',variants:{empty:{false:{},true:'bl0opc'}}});
-var input = recipeRuntime({base:'_11k2ce5'});
+var editor = recipeRuntime({base:'_1cggmp5',variants:{empty:{false:{},true:'_1m9hc0t'}}});
+var input = recipeRuntime({base:'_3dsyy2'});
 
 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-6xLEkHBd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.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-6xLEkHBd.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CODeJXi7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BO22HPl9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['b0d4pq',{bg:'transparent',flex:'auto',w:'full'},'n7y4s5','jfnz5o'],variants:{size:{md:{},lg:{},xl:['aosr3k']}}});
+var control = recipeRuntime({base:['occq5c',{bg:'transparent',flex:'auto',w:'full'},'_1rs0zee','_7wqwey'],variants:{size:{md:{},lg:{},xl:['ce0f0g']}}});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CODeJXi7.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-C1aUDOLz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BO22HPl9.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-Cak7u8CN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'g8i4w5']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_3nkz98']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-D2Lr8Z3s.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-T_P_bafO.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'},'v1ceil'],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:'sihn63',variants:{variant:{outline:'_1vmimhr',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1qwr319'],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:'_1xppavn',variants:{variant:{outline:'tn4p96',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-6xLEkHBd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._11kwbmh';
-var reset = 'optiaxiom._1jj4mvh';
+var components = 'optiaxiom._1g2ktwt';
+var reset = 'optiaxiom._11ctu6e';
 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-vkICs9QI.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-BrJZ9b48.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'sdn7n6']});
+
+export { layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DWgR_kLB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-ByffnwI1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'rxroc3']});
-var link = recipeRuntime({base:['_3qf7e3','_12ua4g7'],variants:{appearance:{'default':'ajd2d6',inverse:'_1n58gz4',subtle:'_1i9rt43'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1e31ahp']});
+var link = recipeRuntime({base:['_1js5r4d','_10w4qs8'],variants:{appearance:{'default':'_1yu1qnz',inverse:'_1tjedcq',subtle:'mslpsa'}}});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-D_Wh-eb-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BH3StrZy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1dim2ey']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1sf3z1x'],variants:{intent:{danger:'a9jic',neutral:'_4prtlr'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_14e68n7']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'sfo779']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1r137ef'],variants:{intent:{danger:'_1acnx33',neutral:'_1l4fcld'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'q9814x']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D6zofeeh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CtoX0bQr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1moqj4r'],variants:{maxH:{xs:'_195f592',sm:'_1suhlec',md:'_103mor4',lg:'br4g2z',full:{}},minW:{'0':{},trigger:'_1uzubtt'},provider:{'dropdown-menu':'zmxg25',popover:'sgr8py',popper:'_37su03'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1tcrsj2'],variants:{maxH:{xs:'_85ncgo',sm:'_6hlm3b',md:'leyc9s',lg:'_1smtmsa',full:{}},minW:{'0':{},trigger:'_1x9kgqa'},provider:{'dropdown-menu':'_187nfx5',popover:'_1wv9n0x',popper:'zomvfe'}}});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DX-uxgLI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-BYqKR78o.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'},'_11xyxlr']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'tnnhrw']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-35zhoqm7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-Cyrai6LU.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:'akpi5r',true:'g2ixe9'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1b37e6v',true:'_122x6i6'}}});
 
 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-6xLEkHBd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.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-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CsVNMzoL.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-9-cIOHVY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DB7Rlj5O.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-Eu2uaJN5.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'},'_1x34uop']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'qqpawf'],variants:{expanded:{false:'_11ze0ob',true:'jhss1o'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'a5apa6']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ksd333'],variants:{expanded:{false:'g34f2k',true:'_12yn5t2'}}});
 
 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;