@optiaxiom/react 0.3.5 → 0.4.1

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-CJGLgFlR.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-CJGLgFlR.css';
+import './../../assets/src/data-table/DataTable.css.ts.vanilla-BEwVs_cz.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(--v9bfn5)';
+var columnWidthVar = 'var(--_16nowpf)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_6wikys'],variants:{pinned:{false:{},left:'f6glr1',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_10uxhk3'],variants:{pinned:{false:{},left:'_11q8lxl',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1e5v1zm']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BkykLVv2.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'},'yqqagy'],variants:{sortable:{false:'_1vanb40',true:'_1y07dw9'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'k49nk2',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-CJGLgFlR.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-CJGLgFlR.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DkH1W5Ig.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'},'_1kagzd']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_159ae6h'],variants:{size:{sm:'_1svpqco',md:'_3q737g',lg:'_1wkwgej',fullscreen:'_1rzdjhr'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1pt6kyb']});
 
 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-CJGLgFlR.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-CJGLgFlR.css';
+import './../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Czl73OF_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'hidden'},'_19zn17z']});
+var content = recipeRuntime({base:[{overflow:'hidden'},'_1j0vfyy']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-ltUjGKo_.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:'_1jes6jd',start:'rvk69d'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'k27y2s']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-JF5YhNTl.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'},'d0fw23']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_9w9m6r'],variants:{position:{bottom:[{borderT:'1'},'_24zz0r'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'sww8a0'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1vdeaht']}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1ihhwq9']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-DQL81kGv.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'},'_7l363s']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-CgMxo5QV.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:'_1pzj17q',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_197qeep']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1k979p5']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_8qi4qr'],variants:{offset:{false:'_12p7c95',true:{}},position:{'bottom-right':'e7pcmh','top-right':'_8xb315'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'sy7vnm']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/input/Input.css.ts.vanilla-Bikihc9H.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:'k0xhoj',start:'_1wtdbh0'},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:'_1j3rxz7',variants:{position:'end',size:'sm'}},{style:'_1e9dfpk',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-CJGLgFlR.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-BZRXj-Oz.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:['g56k',{bg:'transparent',flex:'auto',w:'full'},'_1ooymmw','_21gwxi'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
+var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'g4zn5b']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-BdtXsqNY.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:'_1ul51f3',variants:{variant:{outline:'_1pdmqg',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-CJGLgFlR.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1uoxjkg';
-var reset = 'optiaxiom._1fsvo5r';
+var components = 'optiaxiom.wv04ab';
+var reset = 'optiaxiom.a8obos';
 
 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-CJGLgFlR.css';
+import './../../assets/src/link/Link.css.ts.vanilla-D8eEWx7Q.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'},'_14hi1h2']});
+var link = recipeRuntime({base:['xlxrsp'],variants:{appearance:{'default':'qsjce2',inverse:'_1wznq9g',subtle:'_12qr3cv'}}});
 
 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-CJGLgFlR.css';
+import './../../assets/src/listbox-base/ListboxBase.css.ts.vanilla-BuEazx6Q.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'},'nbioe3'],variants:{minW:{'0':{},trigger:'_6wnzbs'},provider:{'dropdown-menu':'_1l7qypc',popover:'_14692r3',popper:'_1muo63r'}}});
 
 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-CJGLgFlR.css';
+import './../../assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-CqgbwB14.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'},'_1rsxlid'],variants:{colorScheme:{danger:'_13x51nu',neutral:'jf3efz'}}});
 
 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-CJGLgFlR.css';
+import './../../assets/src/pagination/Pagination.css.ts.vanilla-CLog_a4B.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'hxk07w'});
+var button = recipeRuntime({base:'_4tsewj'});
 
 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-CJGLgFlR.css';
+import './../../assets/src/pill/Pill.css.ts.vanilla-Nzz1kDwM.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'},'_1665sg5'],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-CJGLgFlR.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5-kSVrB.css';
+import './../../assets/src/radio/Radio.css.ts.vanilla-DtDPLrLz.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',p:'2',rounded:'full',size:'16'},'_109ly6h'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'dh6a5d']});
+var input = recipeRuntime({base:'_7v2q3w'});
+var radio = recipeRuntime({base:'cbpldu'});
 
 export { control, indicator, input, radio };

package/dist/src/radio/Radio.js

@@ -60,9 +60,9 @@ const Radio = forwardRef(
               ...restProps
             }
           ),
-          /* @__PURE__ */ jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsx(Box, { ...indicator() }) }),
-          /* @__PURE__ */ jsxs(ToggleInputContent, { children: [
-            /* @__PURE__ */ jsx(ToggleInputLabel, { children }),
+          /* @__PURE__ */ jsx(ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsx(Box, { ...indicator() }) }),
+          (children || description) && /* @__PURE__ */ jsxs(ToggleInputContent, { children: [
+            children && /* @__PURE__ */ jsx(ToggleInputLabel, { children }),
             description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })
           ] })
         ]

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-CJGLgFlR.css';
+import './../../assets/src/search-input/SearchInput.css.ts.vanilla-B-hZg6l1.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'},'umxsgk']});
+var search = recipeRuntime({base:'_12o9jro'});
 
 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-CJGLgFlR.css';
+import './../../assets/src/select-content/SelectContent.css.ts.vanilla-NbDBejcJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_16dw7hh']});
+var content = recipeRuntime({base:['_935xiu']});
 
 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-CJGLgFlR.css';
+import './../../assets/src/separator/Separator.css.ts.vanilla-Djq4ivaD.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:'_6ery1s',md:'ol9uok',lg:'_1e3bxrm',base:'_1rk7q6z'},defaultClass:'_1rk7q6z'},vertical:{conditions:{sm:'_1j4tfua',md:'nct4',lg:'_1ti0vcp',base:'lmqjbk'},defaultClass:'lmqjbk'}},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 };