@optiaxiom/react 0.12.3 → 0.13.0

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-DvUyVLsY.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DUHjYb7w.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:'_1u8my2m',variants:{empty:{false:{},true:'_44ar1f'}}});
+var input = recipeRuntime({base:'rcxj6e'});
 
 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-DvUyVLsY.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-DvUyVLsY.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D_Y4T4gr.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:['zydbp1',{bg:'transparent',flex:'auto',w:'full'},'_1660juk','_17uia1y'],variants:{size:{md:{},lg:{},xl:['_1p0coh5']}}});
 
 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-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D_Y4T4gr.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-B-a174zk.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'},'_1vbsl41']});
 
 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-DvUyVLsY.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-B271fCLJ.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'},'m62xg4'],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:'_2txbve',variants:{variant:{outline:'_1vq6xw8',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-DvUyVLsY.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._8aqmv';
-var reset = 'optiaxiom.tvrgpe';
+var components = 'optiaxiom.rok3ul';
+var reset = 'optiaxiom._1x7rilg';
 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-DvUyVLsY.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DpUHZuBB.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'},'_1oi7r22']});
+var link = recipeRuntime({base:['fa2lq8','u4xb40'],variants:{appearance:{'default':'_1cjm9qy',inverse:'_18qmi44',subtle:'_10bhhzf'}}});
 
 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-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-DvUyVLsY.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BFoVwm4N.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'},'_5fy8l6']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1rug828'],variants:{intent:{danger:'csgzfw',neutral:'_1lfst83'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'jdx5ea']});
 
 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/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-DvUyVLsY.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Cp_vxKKA.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'},'_140klok'],variants:{maxH:{xs:'_2b39jm',sm:'hsdmto',md:'_1s1aitv',lg:'_14i2xhz',full:{}},minW:{'0':{},trigger:'xxpfk'},provider:{'dropdown-menu':'k0qfck',popover:'fmgcvu',popper:'_31za3'}}});
 
 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-DvUyVLsY.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-Bsugt01p.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'},'u5xd0n']});
 
 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-DvUyVLsY.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-B9OfCtAa.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:'_1c8c7cf',true:'_1ox12c7'}}});
 
 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-DvUyVLsY.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-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BrUGV5jP.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-Dxr49_pT.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'},'_14fykwd']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1rx3axp'],variants:{expanded:{false:'ptfqw3',true:'_1wjl0ub'}}});
 
 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-DvUyVLsY.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D1oh8aQz.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'},'jpvsh8']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_9czaj2'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1oyt8o8']});
 
 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-DvUyVLsY.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-DvUyVLsY.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DIdnsPW2.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'},'_1b0tcjt'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,38 +1,31 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
-import { Button } from '../button/Button.js';
+import { Box } from '../box/Box.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
+import { Icon } from '../icon/Icon.js';
+import { IconX } from '../icons/IconX.js';
 import { Text } from '../text/Text.js';
-import { Tooltip } from '../tooltip/Tooltip.js';
 import { pill } from './Pill-css.js';
 
 const Pill = forwardRef(
-  ({
-    addonAfter,
-    addonBefore,
-    children,
-    className,
-    onRemove,
-    size = "md",
-    ...props
-  }, ref) => {
-    const handleKeyDown = (e) => {
-      if (e.key === "Backspace" && onRemove) {
-        onRemove();
-      }
-    };
-    return /* @__PURE__ */ jsx(Tooltip, { auto: true, content: children, children: /* @__PURE__ */ jsx(
-      Button,
+  ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsx(
+      Box,
       {
-        addonAfter,
-        addonBefore,
-        onKeyDown: handleKeyDown,
-        ref,
+        asChild: true,
+        "data-disabled": disabled ? "" : void 0,
         ...pill({ size }, className),
-        ...props,
-        children: /* @__PURE__ */ jsx(Text, { display: "block", fontSize: "inherit", truncate: true, children })
+        ...boxProps,
+        children: /* @__PURE__ */ jsxs(Comp, { disabled, ref, ...restProps, children: [
+          /* @__PURE__ */ jsx(Text, { fontSize: "inherit", truncate: true, children }),
+          /* @__PURE__ */ jsx(Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsx(IconX, {}) })
+        ] })
       }
-    ) });
+    );
   }
 );
 Pill.displayName = "@optiaxiom/react/Pill";

package/dist/esm/packages/react/src/pill-group/PillGroup.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+
+const PillGroup = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "12", ref, ...props, children });
+  }
+);
+PillGroup.displayName = "@optiaxiom/react/PillGroup";
+
+export { PillGroup };

package/dist/esm/packages/react/src/progress/Progress-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-DA-MaOH4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla--oj9uPJP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var indicator = recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_127iwmn']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1nw9mlr']});
 
 export { indicator, progress };