@optiaxiom/react 1.9.26 → 3.0.0-next.1

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-CWJnydm9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-Cx0hmFuQ.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:'_1gmvg4r',true:'_14klpbb'}}});
+var item$1 = recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'on5kmk',true:'ed14pr'}}});
 
 export { item$1 as item };

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconMoreHoriz } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import { Avatar } from '../avatar/Avatar.js';
 import '../avatar/AvatarGroup.js';
@@ -7,7 +8,6 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
-import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { useSidebarContext } from '../sidebar/SidebarContext.js';
 import { Text } from '../text/Text.js';
 import { item } from './NavAccountItem-css.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(IconEllipsis, {}) })
+      /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconMoreHoriz, {}) })
     ] })
   ] }) }) }) });
 });

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.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/NavGroupTrigger.js

@@ -7,6 +7,7 @@ import '../sprinkles/sprinklesMerge.js';
 import '../disclosure/Disclosure.js';
 import '../disclosure/DisclosureContent.js';
 import { DisclosureTrigger } from '../disclosure/DisclosureTrigger.js';
+import { Text } from '../text/Text.js';
 import { useNavGroupContext } from './NavGroupContext.js';
 
 const NavGroupTrigger = forwardRef(
@@ -29,7 +30,7 @@ const NavGroupTrigger = forwardRef(
         ref,
         w: "auto",
         ...props,
-        children
+        children: /* @__PURE__ */ jsx(Text, { fontFamily: "mono", textTransform: "uppercase", children })
       }
     ) : /* @__PURE__ */ jsx(
       Box,
@@ -37,6 +38,7 @@ const NavGroupTrigger = forwardRef(
         alignItems: "center",
         color: "fg.tertiary",
         display: "flex",
+        fontFamily: "mono",
         fontSize: "sm",
         h: "sm",
         id,
@@ -45,6 +47,7 @@ const NavGroupTrigger = forwardRef(
         p: "0",
         px: "12",
         ref,
+        textTransform: "uppercase",
         w: "auto",
         children
       }

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-YgV0ZPi4.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Ct7VHHem.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BxaCz-0R.css';
+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 { 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'},'_1fn0twv']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1nb8dy0'],variants:{expanded:{false:'rn1n8e',true:'zb4mcu'}}});
+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'}}});
 
 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-RAdWmDOg.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CaQlFzN8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-Co0FpGzt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button$1 = recipeRuntime({base:[{justifyContent:'center'},'_1mugqf6']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1l8uipf'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = recipeRuntime({base:[{gap:'2'},'b0pph0']});
+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']});
 
 export { button$1 as button, cursor, list$1 as list };

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconChevronLeft, IconMoreHoriz, 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';
@@ -10,9 +11,6 @@ import '../button/ButtonGroup.js';
 import { ButtonRoot } from '../button/ButtonRoot.js';
 import { Group } from '../group/Group.js';
 import { Icon } from '../icon/Icon.js';
-import { IconAngleLeft } from '../icons/IconAngleLeft.js';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
-import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import '../tooltip/TooltipContent.js';
 import '../tooltip/TooltipProvider.js';
@@ -74,7 +72,7 @@ const Pagination = forwardRef(
           appearance: "subtle",
           "aria-label": "Previous page",
           disabled: disabled || active === 1,
-          icon: /* @__PURE__ */ jsx(IconAngleLeft, {}),
+          icon: /* @__PURE__ */ jsx(IconChevronLeft, {}),
           onClick: previous
         }
       ) }) }),
@@ -95,7 +93,7 @@ const Pagination = forwardRef(
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
-                  children: /* @__PURE__ */ jsx(IconEllipsis, {})
+                  children: /* @__PURE__ */ jsx(IconMoreHoriz, {})
                 }
               )
             }
@@ -125,7 +123,7 @@ const Pagination = forwardRef(
           appearance: "subtle",
           "aria-label": "Next page",
           disabled: disabled || active === total,
-          icon: /* @__PURE__ */ jsx(IconAngleRight, {}),
+          icon: /* @__PURE__ */ jsx(IconChevronRight, {}),
           onClick: next
         }
       ) }) })

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.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-RAdWmDOg.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-B_sYM7qG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-r8tM_qbm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_1ems15t'],variants:{interactive:{false:{},true:'p1lr2z'},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'},'_1n2ounn'],variants:{interactive:{false:{},true:'bjh02w'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconClose } from '@optiaxiom/icons';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Icon } from '../icon/Icon.js';
-import { IconX } from '../icons/IconX.js';
 import { Text } from '../text/Text.js';
 import { pill } from './Pill-css.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(IconX, {}) })
+              onDismiss && !readOnly && /* @__PURE__ */ jsx(Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsx(IconClose, {}) })
             ]
           }
         )

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Zqf4fPix.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Da4F37Vb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root$1 = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_15rg4az'],variants:{size:{md:'_1ys6cv4',lg:'_6adlsd'}}});
-var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1ys4dhy']});
-var wrapper = recipeRuntime({base:'sb4hah'});
+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'});
 
 export { root$1 as root, trigger, wrapper };

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconAdd2 } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -7,7 +8,6 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { useCommandContext, resolveItemProperty } from '../command/CommandContext.js';
 import { Cover } from '../cover/Cover.js';
-import { IconPlus } from '../icons/IconPlus.js';
 import '../menu/Menu.js';
 import '../menu/MenuContent.js';
 import { MenuTrigger } from '../menu/MenuTrigger.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(IconPlus, {}) }) }) })
+                  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" }) }) }) })
                 }
               ) }, "trigger")
             ] })

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-BMcqutgy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-CZDBluIH.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:'q6qcwj',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_12wfy4s']});
+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']});
 
 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-RAdWmDOg.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-YgV0ZPi4.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BOL2DkUU.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-CxWiTZ4o.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_15bpdmp'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_18yr1xx']});
-var input$1 = recipeRuntime({base:'_1w1s9nw'});
-var radio = recipeRuntime({base:'_8pzv1r'});
+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'});
 
 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-RAdWmDOg.css';
-import './../../../../assets/src/range/Range.css.ts.vanilla-CCBunIHJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/range/Range.css.ts.vanilla-BQ9_6IYl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'transparent'},'ufdlvl']});
-var fillValue = 'var(--c5fff3)';
-var mark = recipeRuntime({base:[{transition:'colors'},'a5owiq'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_119zjo3)';
-var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'yz72l8']});
-var root = recipeRuntime({base:['k1gvbz',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'xx84qe'],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'},'kunm2v']});
-var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1v8so7h']});
+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']});
 
 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-RAdWmDOg.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-CvXZdpYV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-BaRloD8x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle$1 = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_10y0o3m']});
-var root$2 = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'dt3hvx']});
+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']});
 
 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-RAdWmDOg.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BTZ9MyYe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-Kw1tkvBM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'layn3t']});
-var input = recipeRuntime({base:'xxngh6'});
-var search = recipeRuntime({base:'_102xpm6'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1uvn2as']});
+var input = recipeRuntime({base:'_1j2wl3o'});
+var search = recipeRuntime({base:'_3iiec6'});
 
 export { clear, input, search };

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconSearch, IconClose } 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';
@@ -10,8 +11,6 @@ import '../field/FieldContext.js';
 import { useObserveValue } from '../hooks/useObserveValue.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
-import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
-import { IconX } from '../icons/IconX.js';
 import { Input } from '../input/Input.js';
 import '../input/InputAddon.js';
 import '../input/InputControl.js';
@@ -36,7 +35,7 @@ const SearchInput = forwardRef(
           {
             appearance: "subtle",
             "aria-label": "Clear",
-            icon: value && /* @__PURE__ */ jsx(IconX, {}),
+            icon: value && /* @__PURE__ */ jsx(IconClose, {}),
             onPointerDown: (event) => {
               event.preventDefault();
               forceValueChange("");
@@ -47,7 +46,7 @@ const SearchInput = forwardRef(
           }
         ),
         addonBefore: /* @__PURE__ */ jsxs(Group, { gap: "8", children: [
-          /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
+          /* @__PURE__ */ jsx(IconSearch, {}),
           addonBefore
         ] }),
         addonPointerEvents: "none",

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-Qrv7t5YI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-5UWAOmQM.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:'_12i0jj9',md:'w4j42v',base:'_1xo8a0j'},defaultClass:'_1xo8a0j'},vertical:{conditions:{sm:'bym75p',md:'_19miwow',base:'yvsoap'},defaultClass:'yvsoap'}},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:'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;}()));
 
 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-RAdWmDOg.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla--iRiDEPq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DvMEmxWW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1a3cti9']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'p13ehr']});
 
 export { skeleton };

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

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

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

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

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

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

package/dist/esm/packages/react/src/spotlight/SpotlightTrigger.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { IconSearch } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
-import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import '../menu/Menu.js';
 import '../menu/MenuContent.js';
 import { MenuTrigger } from '../menu/MenuTrigger.js';
@@ -17,7 +17,7 @@ const DEFAULT_HOTKEY = "mod+K";
 const SpotlightTrigger = forwardRef(({ children, ...props }, ref) => {
   const { open, setOpen } = useMenuContext("@optiaxiom/react/SpotlightTrigger");
   useHotkeys([[DEFAULT_HOTKEY, () => setOpen(!open)]]);
-  return /* @__PURE__ */ jsx(MenuTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}), children: /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children }) }) });
+  return /* @__PURE__ */ jsx(MenuTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconSearch, {}), children: /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children }) }) });
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";