@optiaxiom/react 0.5.4 → 0.6.0

package/dist/packages/react/src/drawer-header/DrawerHeader.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const DrawerHeader = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "xs",
+        p: "lg",
+        pb: "md",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+DrawerHeader.displayName = "@optiaxiom/react/DrawerHeader";
+
+export { DrawerHeader };

package/dist/packages/react/src/drawer-title/DrawerTitle-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-Dz8w4Pgo.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var title = recipeRuntime({base:[{flex:'1'},'acfiuf']});
+
+export { title };

package/dist/packages/react/src/drawer-title/DrawerTitle.js

@@ -1,16 +1,22 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
 import { Heading } from '../heading/Heading.js';
-import { Text } from '../text/Text.js';
+import { title } from './DrawerTitle-css.js';
 
 const DrawerTitle = forwardRef(
-  ({ children, description, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(Flex, { gap: "xs", pb: "md", pt: "lg", px: "lg", ref, ...props, children: [
-      /* @__PURE__ */ jsx(Heading, { asChild: true, level: "4", children: /* @__PURE__ */ jsx(RadixDialog.Title, { children }) }),
-      /* @__PURE__ */ jsx(Text, { asChild: true, empty: "hidden", fontWeight: "400", children: /* @__PURE__ */ jsx(RadixDialog.Description, { children: description }) })
-    ] });
+  ({ asChild, children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Heading,
+      {
+        asChild: true,
+        level: "4",
+        ref,
+        ...title({}, className),
+        ...props,
+        children: /* @__PURE__ */ jsx(RadixDialog.Title, { asChild, children })
+      }
+    );
   }
 );
 DrawerTitle.displayName = "@optiaxiom/react/DrawerTitle";

package/dist/packages/react/src/drawer-trigger/DrawerTrigger.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+
+const DrawerTrigger = forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(RadixDialog.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) });
+  }
+);
+DrawerTrigger.displayName = "@optiaxiom/react/DrawerTrigger";
+
+export { DrawerTrigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DlXdsL4j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-jRiu1MDf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_163bfz7'});
+var mark = recipeRuntime({base:'_159ezan'});
 
 export { mark };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-wabD05Jd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-Dz-mB12y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_11c0qnz']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'dxbude']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DePMcFI5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-AYchKNE5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'hju5gp',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_3yxbjp']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1hpy8iu']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1yivacq'],variants:{offset:{false:'_149k79',true:{}},position:{'bottom-right':'_1iuasko','top-right':'_127vbfd'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1h2wm7v']});
+var badge = recipeRuntime({base:'_1bvljoe',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1x5upb9']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'zn5cx7']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_188hupt'],variants:{offset:{false:'_13x89wx',true:{}},position:{'bottom-right':'_1adj1r3','top-right':'_1r32adl'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_7i0sif']});
 
 export { badge, floating, indicator };

package/dist/packages/react/src/inline-input/InlineInput-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DtLS3OHl.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var input = recipeRuntime({base:'_2lcid9'});
+
+export { input };

package/dist/packages/react/src/inline-input/InlineInput.js

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import Document from '@tiptap/extension-document';
+import History from '@tiptap/extension-history';
+import Paragraph from '@tiptap/extension-paragraph';
+import Placeholder from '@tiptap/extension-placeholder';
+import Text from '@tiptap/extension-text';
+import { useEditor, EditorContent } from '@tiptap/react';
+import { forwardRef, useEffect } from 'react';
+import { Box } from '../box/Box.js';
+import { input } from './InlineInput-css.js';
+
+const InlineInput = forwardRef(
+  ({
+    className,
+    defaultValue = "",
+    disabled,
+    editorRef,
+    label,
+    multiline,
+    onValueChange,
+    placeholder,
+    ...props
+  }, ref) => {
+    const editor = useEditor({
+      content: `<p>${multiline ? defaultValue.replace("\n", "</p><p>") : defaultValue}</p>`,
+      editable: !disabled,
+      editorProps: {
+        attributes: {
+          ...label && { "aria-label": label },
+          "aria-multiline": String(multiline),
+          "aria-readonly": String(Boolean(disabled)),
+          role: "textbox",
+          spellcheck: "true"
+        }
+      },
+      extensions: [
+        Document.extend({
+          content: multiline ? "block+" : "block"
+        }),
+        History,
+        Paragraph,
+        Placeholder.configure({ placeholder: placeholder ?? label }),
+        Text
+      ],
+      immediatelyRender: false,
+      onUpdate: ({ editor: editor2 }) => {
+        onValueChange?.(editor2?.getText());
+      }
+    });
+    useEffect(() => {
+      if (!editorRef) {
+        return;
+      }
+      editorRef.current = editor;
+      return () => {
+        editorRef.current = null;
+      };
+    });
+    if (!editor) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
+  }
+);
+InlineInput.displayName = "@optiaxiom/react/InlineInput";
+
+export { InlineInput };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/packages/react/src/input/Input.js

@@ -20,6 +20,7 @@ const Input = forwardRef(
     asChild,
     children,
     className,
+    htmlSize,
     size = "md",
     style,
     ...props
@@ -42,7 +43,7 @@ const Input = forwardRef(
               size,
               ...input({ appearance, size }),
               ...restProps,
-              children: /* @__PURE__ */ jsx(Comp, { ref, children })
+              children: /* @__PURE__ */ jsx(Comp, { ref, size: htmlSize, children })
             }
           ),
           addonAfter && /* @__PURE__ */ jsx(InputAddon, { asChild: true, ...addon(), children: fallbackSpan(addonAfter) })

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DZ_MpokI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Cfus85Nv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1s8yc55',{bg:'transparent',flex:'auto',w:'full'},'_1w51pei','_1yjlkz7'],variants:{size:{md:{},lg:{},'2xl':['z9it9i']}}});
+var control = recipeRuntime({base:['pmnobd',{bg:'transparent',flex:'auto',w:'full'},'_84pnlu','_4ah5dz'],variants:{size:{md:{},lg:{},'2xl':['_10jeaci']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DZ_MpokI.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-DauYQlGZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Cfus85Nv.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-Djh5ghmY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1l6r291']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1ua490q']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-KTiG6JXI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CY5AH6Ql.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:'_77mq4n',variants:{variant:{outline:'_2gpvy4',subtle:{}}}});
+var keys = recipeRuntime({base:'_6wsiv',variants:{variant:{outline:'uzasf3',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._5hw727';
-var reset = 'optiaxiom._1crvvgf';
+var components = 'optiaxiom._178w3s8';
+var reset = 'optiaxiom._2ask9u';
 
 export { axiom, base, components, reset };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CB4UgyvG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CLYvmhqR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'j8gahk']});
-var link = recipeRuntime({base:['z9lax'],variants:{appearance:{'default':'_1gcifsw',inverse:'yfecka',subtle:'_1i8a190'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1iv8fmq']});
+var link = recipeRuntime({base:['_14yjwrp'],variants:{appearance:{'default':'_13q9mvz',inverse:'_142c383',subtle:'wfwl1v'}}});
 
 export { icon, link };

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

@@ -2,9 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Checkbox } from '../checkbox/Checkbox.js';
 import { Flex } from '../flex/Flex.js';
+import { Icon } from '../icon/Icon.js';
 import { ListboxItem } from '../listbox-item/ListboxItem.js';
 
-const ListboxCheckboxItem = forwardRef(({ addonBefore, ...props }, ref) => {
+const ListboxCheckboxItem = forwardRef(({ addonBefore, icon, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ListboxItem,
     {
@@ -18,7 +19,7 @@ const ListboxCheckboxItem = forwardRef(({ addonBefore, ...props }, ref) => {
             tabIndex: -1
           }
         ),
-        addonBefore
+        addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null
       ] }),
       ref,
       ...props

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CnTL6MJe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BNLhxeLq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1k2rqjx']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1sodkh'],variants:{intent:{danger:'r15ut',neutral:'_8uyx71'}}});
-var title = recipeRuntime({base:['_1qyeih7']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1ul5sho']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1p32v0e'],variants:{intent:{danger:'u80qrr',neutral:'_195o7de'}}});
+var title = recipeRuntime({base:['_1co0ex8']});
 
 export { description, item, title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BoM-vKnA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BjXPArek.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1vwsh9t'],variants:{minW:{'0':{},trigger:'ijhd5e'},provider:{'dropdown-menu':'_115lfai',popover:'_1vflq52',popper:'khbyys'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_4zhimu'],variants:{minW:{'0':{},trigger:'_1qlwwah'},provider:{'dropdown-menu':'_1cwpc51',popover:'_1abslq1',popper:'yjn6ki'}}});
 
 export { listbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CkMDSTPk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D9XMVRUc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'ail2hr'});
-var cursor = recipeRuntime({base:[{z:'10'},'_5cw8qr'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'gzyre5']});
+var button = recipeRuntime({base:'i9ogx3'});
+var cursor = recipeRuntime({base:[{z:'10'},'yiir0k'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1wetvny']});
 
 export { button, cursor, list };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},drawer:{},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'}}}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-CvQpiDVH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-Bna2beye.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'mergxb'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1a8f273'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.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'}}}});

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BAabvprz.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-xzxOxzJM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZS5FCfo.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-BvyHKapA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_13o9rlc'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'tusfh8']});
-var input = recipeRuntime({base:'_109gstj'});
-var radio = recipeRuntime({base:'_14er316'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_19wpno0'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1xbrq7e']});
+var input = recipeRuntime({base:'_1l19loo'});
+var radio = recipeRuntime({base:'jg26ud'});
 
 export { control, indicator, input, radio };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-Wlcjqtr4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DdhfcH19.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_1t3zfet']});
-var search = recipeRuntime({base:'ifvmvf'});
+var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_16288vw']});
+var search = recipeRuntime({base:'w2v6j4'});
 
 export { clear, search };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-8RA4UukF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-BcS74a2e.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['y8jpd']});
+var content = recipeRuntime({base:['ne43u5']});
 
 export { content };

package/dist/packages/react/src/select-item/SelectItem.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
-import { SelectItemContextProvider } from '../select-item-context/SelectItemContext.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
@@ -12,7 +11,7 @@ const SelectItem = forwardRef(
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const { downshift, highlightedItem, selectedItem } = useSelectContext("SelectItem");
     const itemProps = downshift.getItemProps({ item, ...restProps });
-    return /* @__PURE__ */ jsx(SelectItemContextProvider, { active: selectedItem === item, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       Box,
       {
         "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
@@ -23,7 +22,7 @@ const SelectItem = forwardRef(
         ...itemProps,
         children
       }
-    ) });
+    );
   }
 );
 SelectItem.displayName = "@optiaxiom/react/SelectItem";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-lHtLWVc5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-tbkhF289.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:'_140ymw3',md:'ba82sn',lg:'mdgtiu',base:'zf2t4c'},defaultClass:'zf2t4c'},vertical:{conditions:{sm:'n83l63',md:'_1616pys',lg:'josgkw',base:'ubnxva'},defaultClass:'ubnxva'}},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:'_1qu11q9',md:'_1mzb4gd',lg:'pcyvq4',base:'_1vupnmu'},defaultClass:'_1vupnmu'},vertical:{conditions:{sm:'_1lcexk9',md:'_16vcx74',lg:'_1lefh8o',base:'a9my6w'},defaultClass:'a9my6w'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/packages/react/src/sidenav-item/SidenavItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DVG1wJsX.css';
-import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-jPsBU9c0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DrMH1fkC.css';
+import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BErl3UKt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1isjdyt']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1ueadl5']});
 
 export { item };

package/dist/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BJ4nKDYA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-4pjmbsRZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'m2q7ns']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'f3npbl']});
 
 export { skeleton };

package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DYpdErei.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Cy87XbNc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_3ksk43']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1vkylzf']});
 
 export { input };

package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DWgBJ5ZO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-AuaNf5sg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'_1wviad9']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'_6kee9g']});
 
 export { item };

package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-C7hKRSOB.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-C8Vk9MZj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-3hLwWO1L.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-C2ir8b-K.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_5pl3k7',true:'_1w88tbt'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_1nbwvan',true:'_1dliy1r'}}});
 
 export { item };

package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem.js

@@ -4,20 +4,20 @@ import { Badge } from '../badge/Badge.js';
 import { CommandSubItem } from '../command-sub-item/CommandSubItem.js';
 import { item } from './SpotlightSubItem-css.js';
 
-const SpotlightSubItem = forwardRef(({ active, children, className, ...props }, ref) => {
+const SpotlightSubItem = forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     CommandSubItem,
     {
-      active,
       asChild: true,
       ref,
-      ...item({ active: active || false }, className),
+      selected,
+      ...item({ active: selected || false }, className),
       ...props,
       children: /* @__PURE__ */ jsx(
         Badge,
         {
-          intent: active ? "information" : "neutral",
-          variant: active ? "solid" : "light",
+          intent: selected ? "information" : "neutral",
+          variant: selected ? "solid" : "light",
           children
         }
       )