@optiaxiom/react 0.12.3 → 0.13.1

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CRzOHqbX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-z5guNDxs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'fcabbe'});
+var mark = recipeRuntime({base:'_1rwbum2'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BMN-sSCG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BXuuXBd3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'ioejy7',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'iwu1fo']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_16i7wry']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_115urhe'],variants:{offset:{false:'jyfjsf',true:{}},position:{'bottom-right':'_1hwequh','top-right':'_1cblwmt'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'iwtkp3']});
+var badge = recipeRuntime({base:'xxlh6c',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1um1nvk']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'jh579b']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_10ysyd5'],variants:{offset:{false:'_4nvddl',true:{}},position:{'bottom-right':'zd7s7m','top-right':'p98o2h'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1rxbb4e']});
 
 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-Cd9ocVF0.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CjJ0Y3Bx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-C1IFv3nj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_18cego0',variants:{empty:{false:{},true:'_169j7ei'}}});
-var input = recipeRuntime({base:'_9snqya'});
+var editor = recipeRuntime({base:'_1m8k40x',variants:{empty:{false:{},true:'fom7lq'}}});
+var input = recipeRuntime({base:'_1s4r4o5'});
 
 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-Cd9ocVF0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.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-Cd9ocVF0.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BMrlqp3V.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['vl5mba',{bg:'transparent',flex:'auto',w:'full'},'hmoru4','_1lg38j3'],variants:{size:{md:{},lg:{},xl:['_18w05mv']}}});
+var control = recipeRuntime({base:['dcta4w',{bg:'transparent',flex:'auto',w:'full'},'_185vt8t','_1ltm7ao'],variants:{size:{md:{},lg:{},xl:['_1a7babb']}}});
 
 export { control };

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

@@ -25,13 +25,13 @@ const InputControl = forwardRef(
     return /* @__PURE__ */ jsx(
       Box,
       {
-        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : undefined,
+        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
         "aria-disabled": disabled,
-        "aria-invalid": error ? true : undefined,
+        "aria-invalid": error ? true : void 0,
         asChild: true,
-        "data-disabled": disabled ? "" : undefined,
-        "data-invalid": error ? "" : undefined,
-        "data-readonly": readOnly ? "" : undefined,
+        "data-disabled": disabled ? "" : void 0,
+        "data-invalid": error ? "" : void 0,
+        "data-readonly": readOnly ? "" : void 0,
         ...control({ size }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsx(Comp, { id: inputId, ref, ...restProps, children })

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-B4uW-TL9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BMrlqp3V.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-CkFL5aFg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1hn0kbp']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'anz55p']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-C1lW56sH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-oqufCQ-D.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'},'_1h25l91'],variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_14zbjkq',variants:{variant:{outline:'_7wsih2',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_125sy6w'],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:'_47lek1',variants:{variant:{outline:'_1qjy34c',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-Cd9ocVF0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._8aqmv';
-var reset = 'optiaxiom.tvrgpe';
+var components = 'optiaxiom._1c60kh6';
+var reset = 'optiaxiom._1abiwg2';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { Flex } from '../flex/Flex.js';
+
+const Layout = forwardRef(
+  ({ children, header, sidenav, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(Flex, { gap: "0", h: "full", ref, ...props, children: [
+      header,
+      /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          alignItems: "start",
+          flexDirection: "row",
+          gap: "0",
+          justifyContent: "start",
+          children: [
+            sidenav,
+            /* @__PURE__ */ jsx(Box, { flex: "1", h: "full", children })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Layout.displayName = "@optiaxiom/react/Layout";
+
+export { Layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-mAttatgp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-Dszs5ipi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1lycxff']});
-var link = recipeRuntime({base:['_1ib6xn3','fb4qc7'],variants:{appearance:{'default':'_1dk0uc1',inverse:'yijaeu',subtle:'_1khj3y7'},overlay:{false:{},true:'_1rvu7pt'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'aamw72']});
+var link = recipeRuntime({base:['ktlnlg','_6k671e'],variants:{appearance:{'default':'ji9hji',inverse:'hutc6n',subtle:'_9xfcwj'}}});
 
 export { icon, link };

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

@@ -4,6 +4,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
+import { Cover } from '../cover/Cover.js';
 import { IconUpRightFromSquare } from '../icons/IconUpRightFromSquare.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
@@ -17,40 +18,30 @@ const Link = forwardRef(
     className,
     disabled,
     external,
-    href,
     overlay,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "a";
     const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsx(
-      Box,
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...link({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsx(Cover, { asChild: true, overlay, children: /* @__PURE__ */ jsx(
+      Comp,
       {
-        asChild: true,
-        ...link({ appearance, overlay }, className),
-        ...boxProps,
-        children: /* @__PURE__ */ jsx(
-          Comp,
-          {
-            "aria-disabled": disabled,
-            "data-disabled": disabled ? "" : undefined,
-            "data-overlay": overlay ? "" : undefined,
-            href,
-            ref,
-            ...external && { rel: "noopener noreferrer", target: "_blank" },
-            ...restProps,
-            ...disabled && {
-              href: undefined,
-              role: "link"
-            },
-            children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-              children2,
-              external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconUpRightFromSquare, {}) })
-            ] }))
-          }
-        )
+        "aria-disabled": disabled,
+        "data-disabled": disabled ? "" : void 0,
+        "data-overlay": overlay ? "" : void 0,
+        ref,
+        ...external && { rel: "noopener noreferrer", target: "_blank" },
+        ...restProps,
+        ...disabled && {
+          href: void 0,
+          role: "link"
+        },
+        children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          children2,
+          external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconUpRightFromSquare, {}) })
+        ] }))
       }
-    );
+    ) }) });
   }
 );
 Link.displayName = "@optiaxiom/react/Link";

package/dist/esm/packages/react/src/listbox-checkbox-item/ListboxCheckboxItem.js

@@ -17,7 +17,6 @@ const ListboxCheckboxItem = forwardRef(({ addonBefore, icon, ...props }, ref) =>
             checked: Boolean(
               props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
             ),
-            disabled: Boolean(props["aria-disabled"]),
             pointerEvents: "none",
             tabIndex: -1
           }

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: undefined });
+const [ListboxGroupContextProvider, useListboxGroupContext] = createContext("ListboxGroup", { id: void 0 });
 
 export { ListboxGroupContextProvider, useListboxGroupContext };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BYxqoONu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BzU2SdwW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1l2fc4']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vc2ed2'],variants:{intent:{danger:'q79j8d',neutral:'_1t6av8w'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_2pqxhf']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'jxjire']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vkyvrr'],variants:{intent:{danger:'_1p99htz',neutral:'_1nhjrm0'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_9yhg67']});
 
 export { description, item, title };

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

@@ -32,7 +32,7 @@ const ListboxItem = forwardRef(
     return /* @__PURE__ */ jsx(
       Flex,
       {
-        "aria-describedby": description$1 ? descriptionId : undefined,
+        "aria-describedby": description$1 ? descriptionId : void 0,
         "aria-labelledby": labelId,
         asChild: true,
         ref,

package/dist/esm/packages/react/src/listbox-switch-item/ListboxSwitchItem.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { Icon } from '../icon/Icon.js';
+import { ListboxItem } from '../listbox-item/ListboxItem.js';
+import { Switch } from '../switch/Switch.js';
+
+const ListboxSwitchItem = forwardRef(({ addonBefore, icon, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    ListboxItem,
+    {
+      addonBefore: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: Boolean(
+              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
+            ),
+            pointerEvents: "none",
+            tabIndex: -1
+          }
+        ),
+        addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null
+      ] }),
+      ref,
+      ...props
+    }
+  );
+});
+ListboxSwitchItem.displayName = "@optiaxiom/react/ListboxSwitchItem";
+
+export { ListboxSwitchItem };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BH2uKGfQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-z6eYKKz3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'mi8syg'],variants:{maxH:{xs:'_1qq04is',sm:'_1fkz1gi',md:'xewepb',lg:'mdt7gk',full:{}},minW:{'0':{},trigger:'w95sgs'},provider:{'dropdown-menu':'_1tvjs83',popover:'p048ep',popper:'_7xzmct'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'g013z9'],variants:{maxH:{xs:'_1ya7x1i',sm:'joqeum',md:'_80v9qb',lg:'_1a1hntl',full:{}},minW:{'0':{},trigger:'kvumqa'},provider:{'dropdown-menu':'wygoly',popover:'_1rcerap',popper:'_1ubkxcl'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-BIlI-86A.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-x6w1IRbU.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'},'_1jlqldx']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_13oe0i4']});
 
 export { nav };

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

@@ -8,7 +8,18 @@ import { nav } from './Nav-css.js';
 const Nav = forwardRef(
   ({ children, ...props }, ref) => {
     const { expanded, navId } = useSidebarContext("Nav");
-    return /* @__PURE__ */ jsx(Flex, { borderR: "1", h: "full", ref, w: "fit", ...props, children: /* @__PURE__ */ jsx(Flex, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav(), children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", children }) }) });
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        borderColor: "border.tertiary",
+        borderR: "1",
+        h: "full",
+        ref,
+        w: "fit",
+        ...props,
+        children: /* @__PURE__ */ jsx(Flex, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav(), children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", children }) })
+      }
+    );
   }
 );
 Nav.displayName = "@optiaxiom/react/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-Cd9ocVF0.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BemdL50R.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BtCFZN1k.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:'_1nix96y',true:'_18xky8z'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'kc6140',true:'_1mjve4f'}}});
 
 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-Cd9ocVF0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.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-group/NavGroup.js

@@ -12,7 +12,7 @@ const NavGroup = forwardRef(
       Disclosure,
       {
         alignItems: "stretch",
-        "aria-labelledby": props["aria-label"] ? undefined : groupId,
+        "aria-labelledby": props["aria-label"] ? void 0 : groupId,
         asChild: true,
         defaultOpen: true,
         display: "flex",

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

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DisclosureContent } from '../disclosure-content/DisclosureContent.js';
+
+const NavGroupContent = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    DisclosureContent,
+    {
+      asChild: true,
+      display: "flex",
+      flexDirection: "column",
+      gap: "4",
+      p: "0",
+      transitionType: "slidePop",
+      ...props,
+      children: /* @__PURE__ */ jsx("ul", { ref, children })
+    }
+  );
+});
+NavGroupContent.displayName = "@optiaxiom/react/NavGroupContent";
+
+export { NavGroupContent };

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: undefined });
+const [NavGroupContextProvider, useNavGroupContext] = createContext("NavGroup", { id: void 0 });
 
 export { NavGroupContextProvider, useNavGroupContext };

package/dist/esm/packages/react/src/{nav-group-label/NavGroupLabel.js → nav-group-trigger/NavGroupTrigger.js}

@@ -4,20 +4,20 @@ import { forwardRef } from 'react';
 import { DisclosureTrigger } from '../disclosure-trigger/DisclosureTrigger.js';
 import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
 
-const NavGroupLabel = forwardRef(
+const NavGroupTrigger = forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("NavGroupLabel");
+    const { id } = useNavGroupContext("NavGroupTrigger");
     return /* @__PURE__ */ jsx(
       DisclosureTrigger,
       {
         chevronPosition: "end",
         color: "fg.tertiary",
         fontSize: "sm",
+        h: "sm",
         id,
         mb: "4",
         mt: "8",
         px: "12",
-        py: "4",
         ref,
         w: "auto",
         ...props,
@@ -26,6 +26,6 @@ const NavGroupLabel = forwardRef(
     );
   }
 );
-NavGroupLabel.displayName = "@optiaxiom/react/NavGroupLabel";
+NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 
-export { NavGroupLabel };
+export { NavGroupTrigger };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CLWcNZZI.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-9k4ZrF1W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BfU6I3wu.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-BiYMKrXf.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'},'fqk6gf']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'gtxi5x'],variants:{expanded:{false:'_1by8mlq',true:'_19nv3sh'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors'},'pc636a']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_8fkods'],variants:{expanded:{false:'_11roum4',true:'oh3tb6'}}});
 
 export { item, label };

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -12,7 +12,7 @@ import { Tooltip } from '../tooltip/Tooltip.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
-import { item, label } from './NavItem-css.js';
+import { label, item } from './NavItem-css.js';
 
 const NavItem = forwardRef(
   ({
@@ -49,8 +49,8 @@ const NavItem = forwardRef(
           Box,
           {
             asChild: true,
-            "data-disabled": disabled ? "" : undefined,
-            "data-state": active ? "active" : undefined,
+            "data-disabled": disabled ? "" : void 0,
+            "data-state": active ? "active" : void 0,
             ...item({}, className),
             ...boxProps,
             children: /* @__PURE__ */ jsx(Comp, { disabled, ref, ...restProps, children })

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

@@ -4,15 +4,16 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { DisclosureContent } from '../disclosure-content/DisclosureContent.js';
 import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
 
 const NavList = forwardRef(
   ({ children, ...props }, ref) => {
     const { id } = useNavGroupContext("NavList");
-    const Comp = id ? DisclosureContent : Box;
+    if (id) {
+      throw new Error("huh");
+    }
     return /* @__PURE__ */ jsx(
-      Comp,
+      Box,
       {
         asChild: true,
         display: "flex",

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-Bb-clgKZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D4aod7vT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'muxufa']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_8etaso'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1xah36v']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_26993u']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1inokzl'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'kc2j9w']});
 
 export { button, cursor, list };

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

@@ -91,10 +91,10 @@ const Pagination = forwardRef(
             ButtonBase,
             {
               appearance: "subtle",
-              "aria-current": active === page ? "page" : undefined,
+              "aria-current": active === page ? "page" : void 0,
               disabled,
               onClick: () => setPage(page),
-              ref: active === page ? activeRef : undefined,
+              ref: active === page ? activeRef : void 0,
               ...button(),
               children: [
                 /* @__PURE__ */ jsx(VisuallyHidden, { children: "page" }),

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.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-Cd9ocVF0.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-D1aLEcuG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-BrJEIvjr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_28ewa1'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1skitvp'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };