@optiaxiom/react 1.9.26 → 3.0.0-next.1

package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DdA8WMiQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DKwr4nQ_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_6z0kcu'});
+var button = recipeRuntime({base:'_1lsa767'});
 
 export { button };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CtGIcZEJ.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-h-gBmSiJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BSF8fxeJ.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-iBAEp336.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1sxiv8d',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1gj592z']});
+var card = recipeRuntime({base:['che40p',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'hnyto8']});
 
 export { card };

package/dist/esm/packages/react/src/card/CardCheckbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-BWpDS5WL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CIWxg_kY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['xb0002']});
+var checkbox = recipeRuntime({base:['_5ozbae']});
 
 export { checkbox };

package/dist/esm/packages/react/src/card/CardHeader-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-Dxs-J4np.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-Dga_MZO2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon$2 = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'habhgp',before:'_1ee52ex'}}});
-var content$2 = recipeRuntime({base:[{flex:'1'},'oqucp0']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'_8a1iwj']});
+var addon$2 = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'dvuk3b',before:'_1fi7hh6'}}});
+var content$2 = recipeRuntime({base:[{flex:'1'},'r0ne7g']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'yf7tlg']});
 
 export { addon$2 as addon, content$2 as content, header };

package/dist/esm/packages/react/src/card/CardImage-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 image = recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});

package/dist/esm/packages/react/src/card/CardPreview-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DpsHMWHU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BfeXQYP1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'e7c5ga']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'iya12l']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'nlk4lg']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1ftba07']});
 
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -1,11 +1,11 @@
-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/checkbox/CheckboxControl.css.ts.vanilla-AKeDu-G6.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/checkbox/CheckboxControl.css.ts.vanilla-D8D0Juwr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control$2 = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1q9kd5n'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon$1 = recipeRuntime({base:[{transition:'all'},'_1s8sc9i']});
+var control$2 = recipeRuntime({base:[{color:'fg.black',display:'grid',rounded:'md',size:'sm'},'ey8948'],variants:{shift:{false:{},true:'cpk8ea'}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'_1uiv36q']});
 var indicator$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control$2 as control, icon$1 as icon, indicator$1 as indicator };

package/dist/esm/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-DwyC1hiX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-C2k7C84R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'vmkf2p']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'u56j92']});
 
 export { code };

package/dist/esm/packages/react/src/command/CommandInput.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { IconSearch } from '@optiaxiom/icons';
 import { forwardRef, useEffect, useRef } from 'react';
 import { useEffectEvent } from '../hooks/useEffectEvent.js';
 import '../field/FieldContext.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
-import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { Input } from '../input/Input.js';
 import '../input/InputAddon.js';
 import '../input/InputControl.js';
@@ -24,7 +24,7 @@ const CommandInput = forwardRef(
     return /* @__PURE__ */ jsx(unstable_SurfaceProvider, { disabled: true, children: /* @__PURE__ */ jsx(
       Input,
       {
-        addonBefore: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
+        addonBefore: /* @__PURE__ */ jsx(IconSearch, {}),
         htmlSize: 1,
         size,
         ...downshift.getInputProps({

package/dist/esm/packages/react/src/command/CommandItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-DWr-TzQn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-D9ksb3wq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'tvfn2h']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'_6mj55h']});
 
 export { detail };

package/dist/esm/packages/react/src/command/CommandItem.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IconChevronRight } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef } from 'react';
 import { Avatar } from '../avatar/Avatar.js';
@@ -7,7 +8,6 @@ import '../avatar/AvatarGroup.js';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
 import '@optiaxiom/globals';
 import { useSurface } from '../surface/useSurface.js';
 import { filterSuggestionsBySurface } from '../surface/filterSuggestionsBySurface.js';
@@ -137,7 +137,7 @@ const CommandItem = forwardRef(
               /* @__PURE__ */ jsx(Text, { color: "fg.secondary", children: resolveItemProperty(item.parentOption.label, {
                 inputValue
               }) }),
-              /* @__PURE__ */ jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsx(IconAngleRight, {}) })
+              /* @__PURE__ */ jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
             ] }),
             resolveItemProperty(item.label, { inputValue }),
             isSuggested && /* @__PURE__ */ jsx(Avatar, { fallback: "opal", size: "2xs" }),

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CtGIcZEJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BSF8fxeJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['rwu9my','_1ohn1cr'],true:{}},inset:{false:'_1me01xe',true:'hlbw3k'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_10psrkx','_1084dcg'],true:{}},inset:{false:'vxd3hn',true:'_80z1sp'}}});
 
 export { cover };

package/dist/esm/packages/react/src/data-table/DataTableBody-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-D7gjYtht.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BBzRTedw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-C5iFEXaM.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BKcFTShV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'z952kf'],variants:{pinned:{left:'xfdxl4',right:'_1mylo9b'},pinnedType:{body:'_101wne6',header:{}},resizable:{false:{},true:'_11l7l2z'}}});
-var cellOffsetVar = 'var(--cdtf1s)';
-var cellSizeVar = 'var(--wtyvdf)';
-var leftTotalSizeVar = 'var(--dx3fxa)';
-var rightTotalSizeVar = 'var(--catkh5)';
-var root$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_14njmxv']});
-var totalSizeVar = 'var(--p6n976)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'qof1g2'],variants:{pinned:{left:'_6a0zfs',right:'hdi7l7'},pinnedType:{body:'vczq28',header:{}},resizable:{false:{},true:'_1is61ng'}}});
+var cellOffsetVar = 'var(--_15uy4os)';
+var cellSizeVar = 'var(--ddfr1n)';
+var leftTotalSizeVar = 'var(--_15mww2z)';
+var rightTotalSizeVar = 'var(--_3g4ko)';
+var root$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1yru0l8']});
+var totalSizeVar = 'var(--_1jiv3ux)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root$1 as root, totalSizeVar };

package/dist/esm/packages/react/src/data-table/DataTableExpandableCell.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconKeyboardArrowDown, IconChevronRight } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import clsx from 'clsx';
 import { Box } from '../box/Box.js';
@@ -8,8 +9,6 @@ import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 import { Group } from '../group/Group.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { useDataTableRowContext } from './DataTableRowContext.js';
 
 function DataTableExpandableCell({
@@ -31,7 +30,7 @@ function DataTableExpandableCell({
         "aria-label": "Toggle row",
         "aria-labelledby": clsx(labelPrefixId, labelId),
         flex: "none",
-        icon: row.getIsExpanded() ? /* @__PURE__ */ jsx(IconAngleDown, {}) : /* @__PURE__ */ jsx(IconAngleRight, {}),
+        icon: row.getIsExpanded() ? /* @__PURE__ */ jsx(IconKeyboardArrowDown, {}) : /* @__PURE__ */ jsx(IconChevronRight, {}),
         id: labelPrefixId,
         onClick: row.getToggleExpandedHandler(),
         size: "sm",

package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-FG3_oisP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CikuT9xK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon$1 = recipeRuntime({base:'r9zjce',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon$1 = recipeRuntime({base:'_1v71dvk',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 export { addon$1 as addon };

package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CXUZ0ZJk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CxlWE16P.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'r2ds0j']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'m2lq9'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_15ee83u'],variants:{active:{false:'_195sase',true:'u74wm7'}}});
+var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',textTransform:'uppercase',transition:'colors',w:'full'},'b00oml']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_12zskxm'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_3qmizs'],variants:{active:{false:'_2tdwj6',true:'_13md6gi'}}});
 
 export { button$3 as button, handle, icon };

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BLQWb-GL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BIcEVjOY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear$1 = recipeRuntime({base:[{size:'sm'},'_2p6ae4']});
-var date = recipeRuntime({base:'_1e7ckhe'});
-var input$2 = recipeRuntime({base:'_1hazrxc'});
-var picker = recipeRuntime({base:'_12i8zhu'});
+var clear$1 = recipeRuntime({base:[{size:'sm'},'_5s3jo7']});
+var date = recipeRuntime({base:'_1x7eorp'});
+var input$2 = recipeRuntime({base:'_1yl30m5'});
+var picker = recipeRuntime({base:'_1j55k14'});
 
 export { clear$1 as clear, date, input$2 as input, picker };

package/dist/esm/packages/react/src/date-input/DateInput.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconCalendarToday, IconClose } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useId } from '@radix-ui/react-id';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
@@ -15,8 +16,6 @@ import '../utils/isHoverSupported.js';
 import { toInstant } from '../utils/toInstant.js';
 import { toPlainDate } from '../utils/toPlainDate.js';
 import { toPlainDateTime } from '../utils/toPlainDateTime.js';
-import { IconCalendar } from '../icons/IconCalendar.js';
-import { IconX } from '../icons/IconX.js';
 import { Input } from '../input/Input.js';
 import '../input/InputAddon.js';
 import '../input/InputControl.js';
@@ -71,7 +70,7 @@ const DateInput = forwardRef(
             {
               appearance: "subtle",
               "aria-label": "Clear",
-              icon: /* @__PURE__ */ jsx(IconX, {}),
+              icon: /* @__PURE__ */ jsx(IconClose, {}),
               onPointerDown: (event) => {
                 event.preventDefault();
                 forceValueChange("");
@@ -93,7 +92,7 @@ const DateInput = forwardRef(
               ref: pickerRef,
               role: "img",
               ...picker(),
-              children: /* @__PURE__ */ jsx(IconCalendar, {})
+              children: /* @__PURE__ */ jsx(IconCalendarToday, {})
             }
           ),
           asChild: true,

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-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 panels = recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerTrigger.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { IconCalendarToday } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
@@ -9,7 +10,6 @@ import '../sprinkles/sprinklesMerge.js';
 import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
-import { IconCalendar } from '../icons/IconCalendar.js';
 import '../popover/Popover.js';
 import '../popover/PopoverAnchor.js';
 import '../popover/PopoverContent.js';
@@ -41,7 +41,7 @@ const DateRangePickerTrigger = forwardRef(
       {
         "aria-labelledby": labelId,
         disabled,
-        icon: /* @__PURE__ */ jsx(IconCalendar, {}),
+        icon: /* @__PURE__ */ jsx(IconCalendarToday, {}),
         id,
         ref,
         ...props,

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-DJB0N_2O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-Bc1UD4vC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root$3 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_2n9cvt']});
+var root$3 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'xvgk6y']});
 
 export { root$3 as root };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BqhkzuPj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DHL6MIbt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'lcr8g0']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_6gvhp8']});
 
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B2H9rN85.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-Bcx7OZtC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'abn9xj']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qzicz2']});
 
 export { header };

package/dist/esm/packages/react/src/dialog/DialogBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-YgV0ZPi4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_1gzeq89']});
+var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_16oxp7x']});
 
 export { body$1 as body };

package/dist/esm/packages/react/src/dialog/DialogContent-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/dialog/DialogContent.css.ts.vanilla-BUdYLM2o.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-DvdjPddK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'_1wv4yil'}}});
-var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'g6iid3'],variants:{size:{sm:'djksz1',md:'kuf5j8',lg:'onhrda',fullscreen:'pl3s49'}}});
-var nestedDialogCountVar$1 = 'var(--_1by7dee)';
-var scrollPaddingBottomVar = 'var(--je3c16)';
-var scrollPaddingTopVar = 'var(--_1gqcewu)';
+var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'_1obwspr'}}});
+var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'f9gjhq'],variants:{size:{sm:'_9bf11c',md:'dkq33r',lg:'_1gduafi',fullscreen:'_1jgwbda'}}});
+var nestedDialogCountVar$1 = 'var(--y1qvkr)';
+var scrollPaddingBottomVar = 'var(--_1bil9at)';
+var scrollPaddingTopVar = 'var(--sry9cy)';
 
 export { backdrop$1 as backdrop, content$5 as content, nestedDialogCountVar$1 as nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };

package/dist/esm/packages/react/src/dialog/DialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-CFIl3p1G.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-BAo-7RYJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_12t725x']});
+var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'ppdq9b']});
 
 export { footer$1 as footer };

package/dist/esm/packages/react/src/dialog/DialogHeader-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-Bp5LBiTx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-BAOpmXw8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{gap:'8'},'_1lz3v2o']});
-var close = recipeRuntime({base:['_44ycac']});
-var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'gxoey5']});
-var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_223jgp']});
-var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1fedu1f']});
+var actions = recipeRuntime({base:[{gap:'8'},'_16kpc4j']});
+var close = recipeRuntime({base:['_13f1gtz']});
+var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'qalj2r']});
+var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_1dhj2cj']});
+var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'600'},'_69ueg8']});
 
 export { actions, close, description$1 as description, header$2 as header, title$1 as title };

package/dist/esm/packages/react/src/dialog/DialogHeader.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconClose } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
@@ -8,7 +9,6 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
 import { Heading } from '../heading/Heading.js';
-import { IconX } from '../icons/IconX.js';
 import { Text } from '../text/Text.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { DialogClose } from './DialogClose.js';
@@ -33,7 +33,7 @@ const DialogHeader = forwardRef(
         {
           appearance: "subtle",
           "aria-label": "Close",
-          icon: /* @__PURE__ */ jsx(IconX, {}),
+          icon: /* @__PURE__ */ jsx(IconClose, {}),
           ...close()
         }
       ),

package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-CoieYXAh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-CsfWUoqc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1d8g2wj']});
-var outer = recipeRuntime({base:[{display:'grid'},'_11myh70'],variants:{scale:{false:'_19safi7',true:{}}}});
+var inner = recipeRuntime({base:['u0lp0r']});
+var outer = recipeRuntime({base:[{display:'grid'},'_9tw82j'],variants:{scale:{false:'_1tlsjo9',true:{}}}});
 
 export { inner, outer };

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DJEwPeKY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CGgfKUN6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'},'_1fi8vir']});
-var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'jgfvhy']});
-var trigger$1 = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_19lohcx']});
+var icon = recipeRuntime({base:[{flex:'none',size:'sm',transition:'transform'},'_1vu9urm']});
+var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'ugfbfu']});
+var trigger$1 = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1i3r0fn']});
 
 export { icon, root, trigger$1 as trigger };

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconChevronRight } from '@optiaxiom/icons';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
@@ -8,7 +9,6 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Cover } from '../cover/Cover.js';
 import { Group } from '../group/Group.js';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { useDisclosureContext } from './DisclosureContext.js';
 import { icon, trigger, root } from './DisclosureTrigger-css.js';
 
@@ -27,9 +27,9 @@ const DisclosureTrigger = forwardRef(
     return asChild ? /* @__PURE__ */ jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxs(Group, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsx(Group, { asChild: true, ...trigger(), children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [
-        chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconAngleRight, {}) }),
+        chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconChevronRight, {}) }),
         /* @__PURE__ */ jsx(Box, { flex: "1", overflow: "hidden", children }),
-        chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconAngleRight, {}) })
+        chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
       ] }) }) }),
       addonAfter
     ] });

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuLabel.js

@@ -7,7 +7,20 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 
 const DropdownMenuLabel = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", p: "8", ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Label, { children }) });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      asChild: true,
+      color: "fg.tertiary",
+      fontFamily: "mono",
+      fontSize: "sm",
+      p: "8",
+      ref,
+      textTransform: "uppercase",
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixMenu.Label, { children })
+    }
+  );
 });
 DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
 

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubTrigger.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { IconChevronRight } from '@optiaxiom/icons';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
@@ -16,7 +16,7 @@ import '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
 
 const DropdownMenuSubTrigger = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ListboxItem, { addonAfter: /* @__PURE__ */ jsx(IconAngleRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
+  return /* @__PURE__ */ jsx(ListboxItem, { addonAfter: /* @__PURE__ */ jsx(IconChevronRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
 });
 DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";