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

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-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DZrGLbKa.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-4U7JA48r.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'},'_1gchg9m']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1oq466f'],variants:{expanded:{false:'_1btz2m0',true:'_19sz16c'}}});
+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/nav/NavItem.js

@@ -19,7 +19,7 @@ import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
 import { label, item } from './NavItem-css.js';
 
-const Slot = createSlot("@optiaxiom/react/NavItem");
+const Slot$3 = createSlot("@optiaxiom/react/NavItem");
 const NavItem = forwardRef(
   ({
     active,
@@ -31,7 +31,7 @@ const NavItem = forwardRef(
     icon,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : "button";
+    const Comp = asChild ? Slot$3 : "button";
     const { boxProps, restProps } = extractBoxProps(props);
     const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
     let tooltip = null;

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DWyndATS.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 = recipeRuntime({base:[{justifyContent:'center'},'_19mrqkx']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_5nbe3i'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{gap:'2'},'exwlg1']});
+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, cursor, list };
+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, 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';
@@ -10,17 +11,14 @@ 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';
 import '../tooltip/TooltipRoot.js';
 import '../tooltip/TooltipTrigger.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
-import { list, cursor, button } from './Pagination-css.js';
-import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@8.2.5_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
+import { cursor, button, list } from './Pagination-css.js';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
 const Pagination = forwardRef(
   ({
@@ -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(IconEllipsisStroke, {})
                 }
               )
             }
@@ -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-Cmtjywky.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-Cmtjywky.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-Duqz-saB.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',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_1x6jipg'],variants:{interactive:{false:{},true:'_1qw3mdt'},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,15 +1,15 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconXmark } 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';
 
-const Slot = createSlot("@optiaxiom/react/Pill");
+const Slot$2 = createSlot("@optiaxiom/react/Pill");
 const Pill = forwardRef(
   ({
     asChild,
@@ -22,7 +22,7 @@ const Pill = forwardRef(
     size = "sm",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : readOnly ? "span" : "button";
+    const Comp = asChild ? Slot$2 : readOnly ? "span" : "button";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsx(
       Box,
@@ -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(IconXmark, {}) })
             ]
           }
         )

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-DTkPc7dU.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 = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'e1x51z'],variants:{size:{md:'yr3866',lg:'_1nj1g22'}}});
-var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1aiv3e9']});
-var wrapper = recipeRuntime({base:'xfuykt'});
+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, trigger, wrapper };
+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 { IconPlus } 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';
@@ -22,7 +22,7 @@ import { RovingFocus } from '../roving-focus/RovingFocus.js';
 import { RovingFocusItem } from '../roving-focus/RovingFocusItem.js';
 import { usePillMenuContext } from './PillMenuContext.js';
 import { PillMenuPill } from './PillMenuPill.js';
-import { wrapper, root, trigger } from './PillMenuTrigger-css.js';
+import { trigger, root, wrapper } from './PillMenuTrigger-css.js';
 
 const remapSize = {
   md: "xs",
@@ -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(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-Cmtjywky.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-DxE2RNCj.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 = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'q1kd5r',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_2pq6mw']});
+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, progress };
+export { indicator$1 as indicator, progress };

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

@@ -5,7 +5,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { progress, indicator } from './Progress-css.js';
+import { indicator, progress } from './Progress-css.js';
 
 const Progress = forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B4iQmIuJ.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-4nolrDca.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'},'_1o9tvfu'],variants:{shift:{false:{},true:'ufdr64'}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',transition:'transform'},'_167m131']});
-var input = recipeRuntime({base:'_549mck'});
-var radio = recipeRuntime({base:'tq6ds8'});
+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, radio };
+export { control, indicator, input$1 as input, radio };

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

@@ -9,7 +9,7 @@ import { ToggleInputControl } from '../toggle-input/ToggleInputControl.js';
 import { ToggleInputDescription } from '../toggle-input/ToggleInputDescription.js';
 import { ToggleInputHiddenInput } from '../toggle-input/ToggleInputHiddenInput.js';
 import { ToggleInputLabel } from '../toggle-input/ToggleInputLabel.js';
-import { radio, input, control, indicator } from './Radio-css.js';
+import { input, indicator, control, radio } from './Radio-css.js';
 import { useRadioGroupContext } from './RadioGroupContext.js';
 
 const Radio = forwardRef(

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/range/Range.css.ts.vanilla-DQBMtpcw.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'},'tppy13']});
-var fillValue = 'var(--_1a518lj)';
-var mark = recipeRuntime({base:[{transition:'colors'},'pr85py'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_1766spm)';
-var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_7p9m36']});
-var root = recipeRuntime({base:['_1g1kadq',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1q8h6ri'],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'},'_1t9sier']});
-var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1b626wg']});
+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/range/Range.js

@@ -12,7 +12,7 @@ import '../tooltip/TooltipContent.js';
 import '../tooltip/TooltipProvider.js';
 import '../tooltip/TooltipRoot.js';
 import '../tooltip/TooltipTrigger.js';
-import { root, track, range, thumb, control, fillValue, mark, markValue } from './Range-css.js';
+import { range, thumb, control, track, fillValue, mark, markValue, root } from './Range-css.js';
 import { useTooltipState } from './useTooltipState.js';
 
 const Range = forwardRef(

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-mIaQ60Ld.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 = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'pk5i9e']});
-var root = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_1700m8p']});
+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, root };
+export { handle$1 as handle, root$2 as root };

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

@@ -5,7 +5,7 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
-import { root, handle } from './ResizableHandle-css.js';
+import { handle, root } from './ResizableHandle-css.js';
 
 const ResizableHandle = (props) => {
   return /* @__PURE__ */ jsx(Group, { asChild: true, ...root(), children: /* @__PURE__ */ jsx(ResizablePrimitive.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsx(Box, { ...handle() }) }) });

package/dist/esm/packages/react/src/roving-focus/RovingFocus.js

@@ -8,11 +8,11 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { RovingFocusProvider } from './RovingFocusContext.js';
 
-const Slot = createSlot("@optiaxiom/react/RovingFocus");
+const Slot$1 = createSlot("@optiaxiom/react/RovingFocus");
 const RovingFocus = forwardRef(
   ({ asChild, children, disabled, loop, orientation, ...props }, ref) => {
     const FocusComp = disabled ? Box : RadixRovingFocus.Root;
-    const Comp = asChild ? Slot : "div";
+    const Comp = asChild ? Slot$1 : "div";
     return /* @__PURE__ */ jsx(RovingFocusProvider, { disabled, children: /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(FocusComp, { asChild: true, ...!disabled && { loop, orientation }, children: /* @__PURE__ */ jsx(Comp, { children }) }) }) });
   }
 );

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CX5wT3sh.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'},'_1smmr01']});
-var input = recipeRuntime({base:'_1uiamxk'});
-var search = recipeRuntime({base:'_15b00ea'});
+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,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+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';
@@ -10,13 +11,11 @@ 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';
 import '../input/InputRoot.js';
-import { search, input, clear } from './SearchInput-css.js';
+import { input, search, clear } from './SearchInput-css.js';
 
 const SearchInput = forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -36,7 +35,7 @@ const SearchInput = forwardRef(
           {
             appearance: "subtle",
             "aria-label": "Clear",
-            icon: value && /* @__PURE__ */ jsx(IconX, {}),
+            icon: value && /* @__PURE__ */ jsx(IconXmark, {}),
             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/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-Cmtjywky.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-DfRH3V9K.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_ff29e2a63cc347b263901e6ac2d561ef/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.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:'_1bx45nx',md:'x1ntla',base:'_1g4swhb'},defaultClass:'_1g4swhb'},vertical:{conditions:{sm:'_39itij',md:'_1vbm3aa',base:'yxjouv'},defaultClass:'yxjouv'}},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-Cmtjywky.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-TTQ4j1Nw.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'},'dq9rtf']});
+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/skeleton/Skeleton.js

@@ -7,7 +7,7 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { skeleton } from './Skeleton-css.js';
 
-const Slot = createSlot("@optiaxiom/react/Skeleton");
+const Slot$5 = createSlot("@optiaxiom/react/Skeleton");
 const Skeleton = forwardRef(
   ({ asChild = true, children, circle, className, rounded = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -17,7 +17,7 @@ const Skeleton = forwardRef(
         rounded: circle || rounded === "full" ? "full" : rounded,
         ...skeleton({}, className),
         ...props,
-        children: /* @__PURE__ */ jsx(Slot, { ref, children: children ? children : /* @__PURE__ */ jsx("span", {}) })
+        children: /* @__PURE__ */ jsx(Slot$5, { ref, children: children ? children : /* @__PURE__ */ jsx("span", {}) })
       }
     );
   }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-CWtzHKh0.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:'_103ks9r'});
+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-Cmtjywky.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-C52LPgae.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:'it6aie',variants:{handle:{false:{},true:'_1j73fq'}}});
+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-Cmtjywky.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-BNUTvx8n.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':'_1bu9gyr',inverse:'_1irh5ua'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_19wbjac',inverse:'_1w7bynz'}}});
 
 export { track };

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

@@ -1,23 +1,23 @@
 "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';
 import { useMenuContext } from '../menu/MenuContext.js';
-import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@8.2.5_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
+import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
 
 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";