@optiaxiom/react 3.0.0-next.1 → 3.0.0-next.2

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { IconOpenInNew } from '@optiaxiom/icons';
+import { IconArrowUpRightFromSquare } from '@optiaxiom/icons';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -39,7 +39,7 @@ const Link = forwardRef(
         },
         children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
           children2,
-          external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconOpenInNew, {}) })
+          external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconArrowUpRightFromSquare, {}) })
         ] }))
       }
     ) }) });

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/listbox/Listbox.css.ts.vanilla-Bd66u1ez.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/listbox/Listbox.css.ts.vanilla-tA0kT7Wr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox$1 = recipeRuntime({base:[{display:'flex',flex:'1',flexDirection:'column',gap:'2',overflow:'auto'},'_1unfi5g']});
+var listbox$1 = recipeRuntime({base:[{display:'flex',flex:'1',flexDirection:'column',gap:'2',overflow:'auto'},'jc4mba']});
 
 export { listbox$1 as listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-PUf72vj-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DmLY-J84.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1ymmwwu']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'ma8w16']});
 
 export { checkbox };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-Q4KGYxEj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-DUIqu8pq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_1nhfgtp'],variants:{slot:{after:{ml:'8'},before:{}}}});
-var description = recipeRuntime({base:[{fontSize:'sm'},'_4pt6wo']});
-var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1ttojz5'],variants:{intent:{danger:'f6nth0',neutral:'we0qsm'}}});
-var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'rj0dhd']});
+var addon$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_1nsi5id'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_2wbsh7']});
+var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'znxjp7'],variants:{intent:{danger:'opcnab',neutral:'rl96wx'}}});
+var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_1vr5n1b']});
 
 export { addon$1 as addon, description, item, title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-C57bwG-S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BlwAW1hW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_17x1kdp'],variants:{active:{false:{},true:'_13w6rnb'}}});
+var indicator = recipeRuntime({base:['y1dyzg'],variants:{active:{false:{},true:'_8vebn5'}}});
 
 export { indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-it8_JzP4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-BT8TF_yl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content$2 = recipeRuntime({base:'_1lshr2t'});
+var content$2 = recipeRuntime({base:'w8kbj0'});
 
 export { content$2 as content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-0O_Mo5GV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-BEfNIGkI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'incptw']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1iiivrb']}}});
 
 export { input };

package/dist/esm/packages/react/src/menu/MenuItem.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { IconOpenInNew } from '@optiaxiom/icons';
+import { IconArrowUpRightFromSquare } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import '../command/Command.js';
 import '../command/CommandInput.js';
@@ -30,7 +30,7 @@ const MenuItem = forwardRef(
     return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
       ListboxItem,
       {
-        addonAfter: props.item.href && props.item.external ? /* @__PURE__ */ jsx(IconOpenInNew, {}) : addonAfter,
+        addonAfter: props.item.href && props.item.external ? /* @__PURE__ */ jsx(IconArrowUpRightFromSquare, {}) : addonAfter,
         addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
         asChild: true,
         "data-focus-visible": focusVisible && highlightedItem === props.item ? "" : void 0,

package/dist/esm/packages/react/src/modal/ModalListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-DTn1kXMO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-Cag6oKCA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1hqvuga'],variants:{maxH:{xs:'ueutk0',sm:'_1y5ovnf',md:'_10328g0',lg:'_1hhqscv',full:{}},minW:{'0':{},trigger:'_4mr4jn'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'jkjdm1'],variants:{maxH:{xs:'kiruul',sm:'_1lrvudp',md:'_16mkvoh',lg:'o9mz65',full:{}},minW:{'0':{},trigger:'_1ted7zx'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DajMbLdL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-Cw9fGGRt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav$1 = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_176cfr2']});
+var nav$1 = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1jgnh']});
 
 export { nav$1 as nav };

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

@@ -11,8 +11,6 @@ const Nav = forwardRef(
     return /* @__PURE__ */ jsx(
       Group,
       {
-        borderColor: "border.tertiary",
-        borderR: "1",
         flexDirection: "column",
         gap: "16",
         h: "full",

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-Cx0hmFuQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DW7MVOqR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item$1 = recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'on5kmk',true:'ed14pr'}}});
+var item$1 = recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1muvzrc',true:'_1wlc9wy'}}});
 
 export { item$1 as item };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconMoreHoriz } from '@optiaxiom/icons';
+import { IconEllipsisStroke } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import { Avatar } from '../avatar/Avatar.js';
 import '../avatar/AvatarGroup.js';
@@ -31,7 +31,7 @@ const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) =
         /* @__PURE__ */ jsx(Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
         /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
       ] }),
-      /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconMoreHoriz, {}) })
+      /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconEllipsisStroke, {}) })
     ] })
   ] }) }) }) });
 });

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-DAfz9OYZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BAmCsSGt.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-Cefb63Dg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'r0ycip']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'be2qig'],variants:{expanded:{false:'aou6xb',true:'_14vvanu'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1l3kbfd']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'emz9va'],variants:{expanded:{false:'ky5q6f',true:'_7w33nh'}}});
 
 export { item, label };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-Co0FpGzt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-ZGhxl9Fb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button$1 = recipeRuntime({base:[{justifyContent:'center'},'_1lckcmh']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1tj4fcn'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = recipeRuntime({base:[{gap:'2'},'asqiie']});
+var button$1 = recipeRuntime({base:[{justifyContent:'center'},'_7ze4bf']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_15ohqe0'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = recipeRuntime({base:[{gap:'2'},'_13za254']});
 
 export { button$1 as button, cursor, list$1 as list };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconChevronLeft, IconMoreHoriz, IconChevronRight } from '@optiaxiom/icons';
+import { IconChevronLeft, IconEllipsisStroke, IconChevronRight } from '@optiaxiom/icons';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import { Box } from '../box/Box.js';
@@ -93,7 +93,7 @@ const Pagination = forwardRef(
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
-                  children: /* @__PURE__ */ jsx(IconMoreHoriz, {})
+                  children: /* @__PURE__ */ jsx(IconEllipsisStroke, {})
                 }
               )
             }

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-r8tM_qbm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DhzQKLp9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontFamily:'mono',fontSize:'sm',gap:'4',px:'6',rounded:'md',textTransform:'uppercase',transition:'colors',whiteSpace:'nowrap'},'_1n2ounn'],variants:{interactive:{false:{},true:'bjh02w'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontFamily:'mono',fontSize:'sm',gap:'4',px:'6',rounded:'md',textTransform:'uppercase',transition:'colors',whiteSpace:'nowrap'},'_1ctzzty'],variants:{interactive:{false:{},true:'v20b'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconClose } from '@optiaxiom/icons';
+import { IconXmark } from '@optiaxiom/icons';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -55,7 +55,7 @@ const Pill = forwardRef(
             ...restProps,
             children: [
               /* @__PURE__ */ jsx(Text, { truncate: true, children }),
-              onDismiss && !readOnly && /* @__PURE__ */ jsx(Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsx(IconClose, {}) })
+              onDismiss && !readOnly && /* @__PURE__ */ jsx(Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsx(IconXmark, {}) })
             ]
           }
         )

package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Da4F37Vb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Ch707-Ke.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root$1 = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1su1klv'],variants:{size:{md:'_1c8yg1z',lg:'_2ym5ax'}}});
-var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1j8rob2']});
-var wrapper = recipeRuntime({base:'_54p333'});
+var root$1 = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1fmkf9f'],variants:{size:{md:'_1xtadh4',lg:'_1cdg3on'}}});
+var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'nh8a4v']});
+var wrapper = recipeRuntime({base:'_11st1p6'});
 
 export { root$1 as root, trigger, wrapper };

package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconAdd2 } from '@optiaxiom/icons';
+import { IconPlus } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -95,7 +95,7 @@ const PillMenuTrigger = forwardRef(
                       }
                     }
                   },
-                  children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsx(Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsx("button", { children: /* @__PURE__ */ jsx(IconAdd2, { size: "16" }) }) }) })
+                  children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsx(Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsx("button", { children: /* @__PURE__ */ jsx(IconPlus, { size: "16" }) }) }) })
                 }
               ) }, "trigger")
             ] })

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-CZDBluIH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-asCCdtCl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator$1 = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'tpd72d',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_85dsw9']});
+var indicator$1 = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_1yz8a2c',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'rpxfio']});
 
 export { indicator$1 as indicator, progress };

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BQpQ5Iyp.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-Db73mXcd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BM9-6W7t.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-MDL4F9Hs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',display:'grid',rounded:'full',size:'sm'},'sq9d59'],variants:{shift:{false:{},true:'m0nlen'}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',transition:'transform'},'_1okpks1']});
-var input$1 = recipeRuntime({base:'hlvj4u'});
-var radio = recipeRuntime({base:'ev41jz'});
+var control = recipeRuntime({base:[{bg:'bg.default',display:'grid',rounded:'full',size:'sm'},'_1rihzlo'],variants:{shift:{false:{},true:'p0lu9r'}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',transition:'transform'},'_1f0mk8h']});
+var input$1 = recipeRuntime({base:'_3en1x9'});
+var radio = recipeRuntime({base:'t5ywjr'});
 
 export { control, indicator, input$1 as input, radio };

package/dist/esm/packages/react/src/range/Range-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/range/Range.css.ts.vanilla-BQ9_6IYl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/range/Range.css.ts.vanilla-7fgDSEzn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'transparent'},'_8ao09o']});
-var fillValue = 'var(--_18yb5ay)';
-var mark = recipeRuntime({base:[{transition:'colors'},'_10bov0y'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_1ce64bm)';
-var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'z0ywqu']});
-var root = recipeRuntime({base:['_1c8ljd8',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'fom6l6'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1px872n']});
-var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1gk1k6o']});
+var control = recipeRuntime({base:[{bg:'transparent'},'_1axl45n']});
+var fillValue = 'var(--_17vj1m7)';
+var mark = recipeRuntime({base:[{transition:'colors'},'iavitg'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_1lmfnb1)';
+var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1wfb2cd']});
+var root = recipeRuntime({base:['_1kdoa69',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'ua2y7e'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'sq3kao']});
+var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'x5u9mt']});
 
 export { control, fillValue, mark, markValue, range, root, thumb, track };

package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-BaRloD8x.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-Y5563t5A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle$1 = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1n1k099']});
-var root$2 = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'ju5k8l']});
+var handle$1 = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_154obv5']});
+var root$2 = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'jl4jz8']});
 
 export { handle$1 as handle, root$2 as root };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-Kw1tkvBM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-B34JEAip.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1uvn2as']});
-var input = recipeRuntime({base:'_1j2wl3o'});
-var search = recipeRuntime({base:'_3iiec6'});
+var clear = recipeRuntime({base:[{size:'sm'},'jf38b6']});
+var input = recipeRuntime({base:'_5f0hi2'});
+var search = recipeRuntime({base:'cb9af1'});
 
 export { clear, input, search };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconSearch, IconClose } from '@optiaxiom/icons';
+import { IconSearch, IconXmark } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef, useRef } from 'react';
@@ -35,7 +35,7 @@ const SearchInput = forwardRef(
           {
             appearance: "subtle",
             "aria-label": "Clear",
-            icon: value && /* @__PURE__ */ jsx(IconClose, {}),
+            icon: value && /* @__PURE__ */ jsx(IconXmark, {}),
             onPointerDown: (event) => {
               event.preventDefault();
               forceValueChange("");

package/dist/esm/packages/react/src/select/SelectItem.js

@@ -25,6 +25,7 @@ const SelectItem = forwardRef(
     const itemProps = downshift.getItemProps({
       "aria-posinset": index + 1,
       "aria-setsize": items.length,
+      index,
       item,
       onMouseMove: (event) => {
         onMouseMove?.(event);

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-5UWAOmQM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-BwAJNsiS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createAtomsFn as createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'pwgzyj',md:'_1uykbfj',base:'_7v661r'},defaultClass:'_7v661r'},vertical:{conditions:{sm:'flq2ho',md:'_11j72lh',base:'hl468h'},defaultClass:'hl468h'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_16y3dmt',md:'lzcd6n',base:'jii9x9'},defaultClass:'jii9x9'},vertical:{conditions:{sm:'_8wtqs',md:'y0rca7',base:'cpqxje'},defaultClass:'cpqxje'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DvMEmxWW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-EcJZMogl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'p13ehr']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1lc1qvz']});
 
 export { skeleton };

package/dist/esm/packages/react/src/sortable/SortableHandle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-CvmccfnU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-XMNVbhww.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:'_1gddca4'});
+var handle = recipeRuntime({base:'ivoofn'});
 
 export { handle };

package/dist/esm/packages/react/src/sortable/SortableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-B23Kau-L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-B5extLTv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_17vuion',variants:{handle:{false:{},true:'_1btkgp9'}}});
+var item = recipeRuntime({base:'_1wmc2ha',variants:{handle:{false:{},true:'_17iswos'}}});
 
 export { item };

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-CYU9mPG2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-CURVeGu0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'opb6sh',inverse:'_1b8yucg'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_19wbjac',inverse:'_1w7bynz'}}});
 
 export { track };