@optiaxiom/react 0.3.5 → 0.4.0

package/dist/src/command-empty/CommandEmpty.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { useCommandContext } from '../command-context/CommandContext.js';
+
+const CommandEmpty = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { items } = useCommandContext("CommandEmpty");
+    if (items.length > 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        alignItems: "center",
+        color: "fg.disabled",
+        display: "flex",
+        fontSize: "md",
+        justifyContent: "center",
+        p: "md",
+        ref,
+        ...props,
+        children: children || "No options"
+      }
+    );
+  }
+);
+CommandEmpty.displayName = "@optiaxiom/react/CommandEmpty";
+
+export { CommandEmpty };

package/dist/src/{combobox-footer/ComboboxFooter-css.js → command-footer/CommandFooter-css.js}

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'space-between',p:'sm'}]});

package/dist/src/command-footer/CommandFooter.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { footer } from './CommandFooter-css.js';
+
+const CommandFooter = forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Flex, { asChild: true, ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsx("li", { children }) });
+  }
+);
+CommandFooter.displayName = "@optiaxiom/react/CommandFooter";
+
+export { CommandFooter };

package/dist/src/command-input/CommandInput.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { Input } from '../input/Input.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandInput = forwardRef(
+  (props, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { downshift, highlightedItem, setInputValue } = useCommandContext("CommandInput");
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        m: "4",
+        ...sprinkleProps,
+        ...downshift.getInputProps({
+          ...restProps,
+          onChange: (event) => {
+            setInputValue("value" in event.target ? event.target.value : "");
+          },
+          onKeyDown: (event) => {
+            if (event.key === " " && highlightedItem) {
+              event.preventDefault();
+              downshift.selectItem(highlightedItem);
+            }
+          },
+          ref
+        })
+      }
+    );
+  }
+);
+CommandInput.displayName = "@optiaxiom/react/CommandInput";
+
+export { CommandInput };

package/dist/src/command-item/CommandItem.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { CommandItemContextProvider } from '../command-item-context/CommandItemContext.js';
+import { ListboxItemBase } from '../listbox-item-base/ListboxItemBase.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandItem = forwardRef(
+  ({
+    active,
+    addonAfter,
+    addonBefore,
+    children,
+    description,
+    icon,
+    item,
+    ...props
+  }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { downshift, highlightedItem } = useCommandContext("CommandItem");
+    const itemProps = downshift.getItemProps({ item });
+    return /* @__PURE__ */ jsx(CommandItemContextProvider, { active, item, children: /* @__PURE__ */ jsx(
+      ListboxItemBase,
+      {
+        addonAfter,
+        addonBefore,
+        description,
+        icon,
+        ...sprinkleProps,
+        children: /* @__PURE__ */ jsx(
+          "li",
+          {
+            "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+            "data-highlighted": highlightedItem === item ? "" : void 0,
+            "data-selected": downshift.selectedItem === item ? "" : void 0,
+            ref,
+            ...restProps,
+            ...itemProps,
+            children
+          }
+        )
+      }
+    ) });
+  }
+);
+CommandItem.displayName = "@optiaxiom/react/CommandItem";
+
+export { CommandItem };

package/dist/src/command-item-context/CommandItemContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [CommandItemContextProvider, useCommandItemContext] = createContext("CommandItem");
+
+export { CommandItemContextProvider, useCommandItemContext };

package/dist/src/command-item-indicator/CommandItemIndicator.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { useCommandItemContext } from '../command-item-context/CommandItemContext.js';
+import { IconCheck } from '../icons/IconCheck.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandItemIndicator = forwardRef(({ children, ...props }, ref) => {
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  const { active } = useCommandItemContext("CommandItemIndicator");
+  if (!active) {
+    return /* @__PURE__ */ jsx(Box, { w: "12" });
+  }
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: children ?? /* @__PURE__ */ jsx(IconCheck, { ref, ...restProps }) });
+});
+CommandItemIndicator.displayName = "@optiaxiom/react/CommandItemIndicator";
+
+export { CommandItemIndicator };

package/dist/src/command-list/CommandList.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const CommandList = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { downshift, items } = useCommandContext("CommandList");
+    if (!items.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        display: "flex",
+        flex: "1",
+        flexDirection: "column",
+        gap: "2",
+        overflow: "auto",
+        ...sprinkleProps,
+        children: /* @__PURE__ */ jsx("ul", { ...downshift.getMenuProps({ ref, ...restProps }), children })
+      }
+    );
+  }
+);
+CommandList.displayName = "@optiaxiom/react/CommandList";
+
+export { CommandList };

package/dist/src/command-separator/CommandSeparator.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { Separator } from '../separator/Separator.js';
+
+const CommandSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("li", { ref, children: /* @__PURE__ */ jsx(Separator, { asChild: true, bg: "border.secondary", mx: "-4", my: "2", ...props }) }) }));
+CommandSeparator.displayName = "@optiaxiom/react/CommandSeparator";
+
+export { CommandSeparator };

package/dist/src/data-table/DataTable-css.js

@@ -1,11 +1,11 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/data-table/DataTable.css.ts.vanilla-Dr8prppO.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/data-table/DataTable.css.ts.vanilla-BJs_Nl-b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--_2g0l91)';
-var columnWidthVar = 'var(--kj3zj)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1bsqyrz'],variants:{pinned:{false:{},left:'wi2aep',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1d5hff2'],variants:{pinned:{false:{},left:'_1iiszgc',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'qejy89']});
+var cellOffsetVar = 'var(--rfixh2)';
+var columnWidthVar = 'var(--_1so5qbr)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_9fxd1r'],variants:{pinned:{false:{},left:'_4f317o',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1oaj2ea'],variants:{pinned:{false:{},left:'mdovb5',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_177uole']});
 
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

package/dist/src/data-table-header/DataTableHeader-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DqnDDweC.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-xxkcym9y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'_1abfd49'],variants:{sortable:{false:'_3qomjo',true:'ust8zc'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'vrtq97',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'_1kb3mlj'],variants:{sortable:{false:'_1o1idrn',true:'se8b47'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_5qpha9',true:{}}}});
 
 export { header, icon };

package/dist/src/dialog-body/DialogBody-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'}]});

package/dist/src/dialog-content/DialogContent-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Ds32MO_e.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DysCGMhf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_1xh8sak']});
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_250gjt'],variants:{size:{sm:'_1jyz92u',md:'tasm7b',lg:'k4x4d5',fullscreen:'_1nsv810'}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'iu7siz']});
+var close = recipeRuntime({base:[{rounded:'full'},'_6hwd71']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_1m8vxn3'],variants:{size:{sm:'_1sypgvw',md:'o51tln',lg:'_2ex1yo',fullscreen:'p5jfb5'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'dfcztf']});
 
 export { close, content, overlay };

package/dist/src/dialog-footer/DialogFooter-css.js

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

package/dist/src/disclosure-content/DisclosureContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C97DPRK_.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DGvnwBsb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'hidden'},'_19zn17z']});
+var content = recipeRuntime({base:[{overflow:'hidden'},'_1fj23l4']});
 
 export { content };

package/dist/src/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-C7mcv2PW.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DztATFY8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_17c9hpp',start:'_1utelo6'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'ww4t3p']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1fb7ux9',start:'_1aklwji'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'lby3t2']});
 
 export { icon, trigger };

package/dist/src/drawer/Drawer-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/drawer/Drawer.css.ts.vanilla-BiYwxVN6.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-CnCA4xNN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_9c5oqm']});
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_112u0q1'],variants:{position:{bottom:[{borderT:'1'},'_123qmq'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'cqviki'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'t2l94h']}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'l6qi7s']});
+var close = recipeRuntime({base:[{rounded:'full'},'_1jou5gp']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_1nkpfsz'],variants:{position:{bottom:[{borderT:'1'},'y1zfhf'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'jsr4f2'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'rzovp4']}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'apmcqz']});
 
 export { close, content, overlay };

package/dist/src/hover-card-content/HoverCardContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-lySj_lUQ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-B7Unn1_B.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'zo27ke']});
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_3l7pl7']});
 
 export { content };

package/dist/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/indicator/Indicator.css.ts.vanilla-BB2KNGqT.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-DT8h6YNZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_4flbqp',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'gyrm1o']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_168mkfn']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1c052wi'],variants:{offset:{false:'foo2u',true:{}},position:{'bottom-right':'uoxakl','top-right':'_1a7gcnu'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1ntuxgm']});
+var badge = recipeRuntime({base:'_1m6jld1',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1cn5d5d']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1tmq43t']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1vip953'],variants:{offset:{false:'_1qy7tev',true:{}},position:{'bottom-right':'_1wnigzz','top-right':'_19zbvim'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_3f1sdu']});
 
 export { badge, floating, indicator };

package/dist/src/input/Input-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/input/Input.css.ts.vanilla-BmTJx0jV.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/input/Input.css.ts.vanilla-BNBpG_wR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:{flex:'none'},variants:{position:{end:'_1u3ec8h',start:'rqm0i2'},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:'_5og24j',variants:{position:'end',size:'sm'}},{style:'_1ue62av',variants:{position:'start',size:'sm'}}]});
+var addon = recipeRuntime({base:{flex:'none'},variants:{position:{end:'u2iwyl',start:'_15qqgxj'},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:'xdl54h',variants:{position:'end',size:'sm'}},{style:'rknk1b',variants:{position:'start',size:'sm'}}]});
 var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
 
 export { addon, input };

package/dist/src/input-base/InputBase-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
-import './../../assets/src/input-base/InputBase.css.ts.vanilla-DFLR3BqU.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-BRh6TDMo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:['_1icixo7',{bg:'transparent',flex:'auto',w:'full'},'p4ivl5','f9ia0k'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
-var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_18am2vp']});
+var input = recipeRuntime({base:['ekct3w',{bg:'transparent',flex:'auto',w:'full'},'_11xlerj','h9piwq'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
+var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1uptgoh']});
 
 export { input, wrapper };

package/dist/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/kbd/Kbd.css.ts.vanilla-DGV6V8U_.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-DI26I3lo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},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:'_1v1hbs9',variants:{variant:{outline:'_1g5g9r7',subtle:{}}}});
+var keys = recipeRuntime({base:'gkv87b',variants:{variant:{outline:'_18cbnur',subtle:{}}}});
 
 export { kbd, keys };

package/dist/src/layers/layers-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1uoxjkg';
-var reset = 'optiaxiom._1fsvo5r';
+var components = 'optiaxiom.z7nceq';
+var reset = 'optiaxiom.i2qz3s';
 
 export { axiom, base, components, reset };

package/dist/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/link/Link.css.ts.vanilla-aDd_bw53.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/link/Link.css.ts.vanilla-B1rm-mfe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1rfbz2c']});
-var link = recipeRuntime({base:['ig96aq'],variants:{appearance:{'default':'vtcv7l',inverse:'xpbj78',subtle:'b4vdhe'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'pzkhx5']});
+var link = recipeRuntime({base:['_1kl0dj6'],variants:{appearance:{'default':'njqkc5',inverse:'_7bak20',subtle:'rp2kni'}}});
 
 export { icon, link };

package/dist/src/listbox-base/ListboxBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/listbox-base/ListboxBase.css.ts.vanilla-DGeZ_R0t.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/listbox-base/ListboxBase.css.ts.vanilla-OxyS0fbd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'_1j3pkre'],variants:{minW:{'0':{},trigger:'_1iy81rd'},provider:{'dropdown-menu':'_1rw89zc',popover:'_12780y0',popper:'_7hp7zi'}}});
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'_1g9jprk'],variants:{minW:{'0':{},trigger:'rkbwjf'},provider:{'dropdown-menu':'xz7kio',popover:'r6x13q',popper:'_1d3jmpq'}}});
 
 export { content };

package/dist/src/listbox-item-base/ListboxItemBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-C1JB1FI6.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-2nkexoSY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_6n6uno'],variants:{colorScheme:{danger:'_1gqnodb',neutral:'_91nkow'}}});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_45qcqv'],variants:{colorScheme:{danger:'_1gio6ec',neutral:'hu3pbs'}}});
 
 export { item };

package/dist/src/pagination/Pagination-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/pagination/Pagination.css.ts.vanilla-DbNkwf0Z.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/pagination/Pagination.css.ts.vanilla-BO2HXPXk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'hxk07w'});
+var button = recipeRuntime({base:'_1gihcra'});
 
 export { button };

package/dist/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/pill/Pill.css.ts.vanilla-BhiphgSM.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/pill/Pill.css.ts.vanilla-DzzbV1Nh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'xm865d'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'u8mz3z'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

package/dist/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CYG8X4be.css';
-import './../../assets/src/radio/Radio.css.ts.vanilla-B-Wp17XI.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css';
+import './../../assets/src/radio/Radio.css.ts.vanilla-mURefw5x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'_1sjfmjk']});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_15doob9']});
-var input = recipeRuntime({base:'k8rsev'});
-var radio = recipeRuntime({base:'_1oclwmx'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'_1t1kkjk']});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1uzldgj']});
+var input = recipeRuntime({base:'_2uy7ho'});
+var radio = recipeRuntime({base:'az5sm2'});
 
 export { control, indicator, input, radio };

package/dist/src/search-input/SearchInput-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/search-input/SearchInput.css.ts.vanilla-oc3OrG46.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/search-input/SearchInput.css.ts.vanilla-D53cHAo4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1t89cq']});
-var search = recipeRuntime({base:'_4vcoc8'});
+var clear = recipeRuntime({base:[{size:'sm'},'_12gma93']});
+var search = recipeRuntime({base:'abzwue'});
 
 export { clear, search };

package/dist/src/select-content/SelectContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/select-content/SelectContent.css.ts.vanilla-VyK_Ftq8.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/select-content/SelectContent.css.ts.vanilla-MHnZ2e2d.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_16dw7hh']});
+var content = recipeRuntime({base:['lnkwn1']});
 
 export { content };

package/dist/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/separator/Separator.css.ts.vanilla-BFxuHRr5.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/separator/Separator.css.ts.vanilla-N8U1QlYl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';
 
 var base = recipeRuntime({base:{bg:'border.default'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1d29cwa',md:'_10ug2sg',lg:'_1vp924y',base:'_3vzxe'},defaultClass:'_3vzxe'},vertical:{conditions:{sm:'_4nu195',md:'_1j0uuhe',lg:'_11h9epo',base:'_11wc3x5'},defaultClass:'_11wc3x5'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'nxmmkh',md:'_109zf0m',lg:'djd7r8',base:'tqe2gd'},defaultClass:'tqe2gd'},vertical:{conditions:{sm:'_1wnalqk',md:'_13p4qzn',lg:'_1syceqv',base:'hrlzow'},defaultClass:'hrlzow'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/src/{side-nav/SideNav.js → sidenav/Sidenav.js}

@@ -2,9 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { SideNavContextProvider } from '../side-nav-context/SideNavContext.js';
+import { SidenavContextProvider } from '../sidenav-context/SidenavContext.js';
 
-const SideNav = forwardRef(
+const Sidenav = forwardRef(
   ({
     addonAfter,
     addonBefore,
@@ -25,7 +25,7 @@ const SideNav = forwardRef(
       timerRef.current = window.setTimeout(() => setAnimations(false), 300);
     }, [animations]);
     return /* @__PURE__ */ jsx(
-      SideNavContextProvider,
+      SidenavContextProvider,
       {
         animations,
         expanded,
@@ -70,6 +70,6 @@ const SideNav = forwardRef(
     );
   }
 );
-SideNav.displayName = "@optiaxiom/react/SideNav";
+Sidenav.displayName = "@optiaxiom/react/Sidenav";
 
-export { SideNav };
+export { Sidenav };

package/dist/src/{side-nav-account-item/SideNavAccountItem.js → sidenav-account-item/SidenavAccountItem.js}

@@ -3,12 +3,12 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { Flex } from '../flex/Flex.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
-import { useSideNavContext } from '../side-nav-context/SideNavContext.js';
+import { useSidenavContext } from '../sidenav-context/SidenavContext.js';
 import { Text } from '../text/Text.js';
 import { Transition } from '../transition/Transition.js';
 
-const SideNavAccountItem = forwardRef(({ avatar, name, organization, ...props }, ref) => {
-  const { animations, expanded } = useSideNavContext("SideNavAccountItem");
+const SidenavAccountItem = forwardRef(({ avatar, name, organization, ...props }, ref) => {
+  const { animations, expanded } = useSidenavContext("SidenavAccountItem");
   return /* @__PURE__ */ jsx(Flex, { asChild: true, my: "xs", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
     Flex,
     {
@@ -32,6 +32,6 @@ const SideNavAccountItem = forwardRef(({ avatar, name, organization, ...props },
     }
   ) }) });
 });
-SideNavAccountItem.displayName = "@optiaxiom/react/SideNavAccountItem";
+SidenavAccountItem.displayName = "@optiaxiom/react/SidenavAccountItem";
 
-export { SideNavAccountItem };
+export { SidenavAccountItem };

package/dist/src/sidenav-context/SidenavContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [SidenavContextProvider, useSidenavContext] = createContext("Sidenav");
+
+export { SidenavContextProvider, useSidenavContext };