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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-C-FgIxlS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-tEhGgGEE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1ky8nov'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'r3nw8g'}}});
 
 export { picker };

package/dist/esm/packages/react/src/calendar/CalendarCaptionLabel.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { IconAngleDown } from '@optiaxiom/icons';
 import { CaptionLabel } from 'react-day-picker';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useCalendarContext } from './CalendarContext.js';
 

package/dist/esm/packages/react/src/calendar/CalendarChevron.js

@@ -1,13 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { IconAngleLeft } from '../icons/IconAngleLeft.js';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
+import { IconChevronLeft, IconChevronRight } from '@optiaxiom/icons';
 
 function CalendarChevron({
   orientation,
   ...props
 }) {
-  return orientation === "left" ? /* @__PURE__ */ jsx(IconAngleLeft, { ...props }) : /* @__PURE__ */ jsx(IconAngleRight, { ...props });
+  return orientation === "left" ? /* @__PURE__ */ jsx(IconChevronLeft, { ...props }) : /* @__PURE__ */ jsx(IconChevronRight, { ...props });
 }
 CalendarChevron.displayName = "@optiaxiom/react/CalendarChevron";
 

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-dog_6BUH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-0BctvvBz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'bcnp6h'],variants:{appearance:{'default':'_140rn3b',holiday:[{color:'fg.error.strong'},'yda143'],range_middle:'ug3gf0',selected:['_1w67zfd'],weekend:[{color:'fg.secondary'},'_1m79tjq']},range:{end:['_1bbbkam'],middle:['_1xmcdt'],start:['_18hyjv3']}}});
-var today = recipeRuntime({base:[{mx:'auto',rounded:'full'},'_111bv12']});
+var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1yoh4x9'],variants:{appearance:{'default':'t3p2go',holiday:[{color:'fg.error'},'lgpf1h'],range_middle:'_4f9o0c',selected:['_1ib6akh'],weekend:[{color:'fg.tertiary'},'_1gbkhsz']},range:{end:['_40358d'],middle:['_15tg5ru'],start:['_7m05g0']}}});
+var today = recipeRuntime({base:[{mx:'auto',rounded:'full'},'xl7ccy']});
 
-export { button, today };
+export { button$2 as button, today };

package/dist/esm/packages/react/src/calendar/CalendarDayButton.js

@@ -5,7 +5,7 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { useCalendarContext } from './CalendarContext.js';
-import { button, today } from './CalendarDayButton-css.js';
+import { today, button } from './CalendarDayButton-css.js';
 
 function CalendarDayButton({
   children,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-Hb5e04Qw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-BeZ17YAW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'dvxubb']});
+var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'w46z8g']});
 
-export { grid };
+export { grid$1 as grid };

package/dist/esm/packages/react/src/calendar/CalendarMonthGrid.js

@@ -9,7 +9,7 @@ import { useCalendarContext } from './CalendarContext.js';
 import { CalendarGrid } from './CalendarGrid.js';
 import { withYear, withMonth } from './utils.js';
 
-const months = [
+const months$1 = [
   ["Jan", "January"],
   ["Feb", "February"],
   ["Mar", "March"],
@@ -110,7 +110,7 @@ function CalendarMonthGrid({
           setMonth(withMonth(month, value));
           setView("day");
         },
-        options: months,
+        options: months$1,
         value: month.getMonth()
       }
     );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-D7dcF9um.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DoSP-aty.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'_38wrpo']});
+var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'z5o0ee']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-D0_Rduzl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-OentDDmP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'dgxrqk'});
+var button$1 = recipeRuntime({base:'_1p80qo7'});
 
-export { button };
+export { button$1 as button };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-OqXpfFrS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-wzNnhjpd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_121dsdn'});
+var button = recipeRuntime({base:'_1htsgmt'});
 
 export { button };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BLc5wcST.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-HUjVcCTp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DCq-y0_u.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BY1H3a1x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['rqnbvo',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1vibz5u']});
+var card = recipeRuntime({base:['iqaqo0',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'sw3z3r']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CtAKJkmV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-vVGMA7Ks.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_6937m1']});
+var checkbox = recipeRuntime({base:['_1g90tjf']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CXF8v7Bj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-C64EHOfb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_1eh8ei3',before:'_1gdr6nv'}}});
-var content = recipeRuntime({base:[{flex:'1'},'_1fyzihq']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'kpu631']});
+var addon$2 = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_19pgs0y',before:'_1h32bu0'}}});
+var content$2 = recipeRuntime({base:[{flex:'1'},'n4ssoo']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'_665sx1']});
 
-export { addon, content, header };
+export { addon$2 as addon, content$2 as content, header };

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

@@ -7,7 +7,7 @@ import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
 import { Heading } from '../heading/Heading.js';
 import { useCardContext } from './CardContext.js';
-import { header, content, addon } from './CardHeader-css.js';
+import { content, addon, header } from './CardHeader-css.js';
 
 const CardHeader = forwardRef(
   ({

package/dist/esm/packages/react/src/card/CardImage-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 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-Cmtjywky.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DfrAcWHU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DK7GaPje.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'y8nzqv']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_7w16cb']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1tamtpo']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'sb14cz']});
 
 export { overlay, preview };

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

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { preview, overlay } from './CardPreview-css.js';
+import { overlay, preview } from './CardPreview-css.js';
 
 const CardPreview = forwardRef(
   ({

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

@@ -1,11 +1,11 @@
-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/checkbox/CheckboxControl.css.ts.vanilla-DafXen7C.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/checkbox/CheckboxControl.css.ts.vanilla-DyNlQ9Na.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default',display:'grid',rounded:'md',size:'sm'},'navsz0'],variants:{shift:{false:{},true:'rw7cfl'}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_14snqy2']});
-var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
+var control$2 = recipeRuntime({base:[{display:'grid',rounded:'md',size:'sm'},'lshwe4'],variants:{shift:{false:{},true:'w4akj7'}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'fcyw6w']});
+var indicator$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
-export { control, icon, indicator };
+export { control$2 as control, icon$1 as icon, indicator$1 as indicator };

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

@@ -12,7 +12,7 @@ import { ToggleInputControl } from '../toggle-input/ToggleInputControl.js';
 import '../toggle-input/ToggleInputDescription.js';
 import '../toggle-input/ToggleInputHiddenInput.js';
 import '../toggle-input/ToggleInputLabel.js';
-import { control, indicator, icon } from './CheckboxControl-css.js';
+import { icon, indicator, control } from './CheckboxControl-css.js';
 
 const CheckboxControl = forwardRef(({ className, indeterminate, shift, ...props }, ref) => {
   return /* @__PURE__ */ jsx(

package/dist/esm/packages/react/src/clock/utils.js

@@ -1,5 +1,5 @@
-const locale = new Intl.Locale(navigator.language ?? "en-US");
-const hourCycles = "getHourCycles" in locale && typeof locale.getHourCycles === "function" ? locale.getHourCycles() : ["h12"];
+const locale$1 = new Intl.Locale(navigator.language ?? "en-US");
+const hourCycles = "getHourCycles" in locale$1 && typeof locale$1.getHourCycles === "function" ? locale$1.getHourCycles() : ["h12"];
 const is24Hour = hourCycles[0] === "h23";
 const format = ({
   hour,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BQggTgO3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-DzaIOsgx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_179af9f']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_9vhjy4']});
 
 export { code };

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

@@ -6,10 +6,10 @@ import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { code } from './Code-css.js';
 
-const Slot = createSlot("@optiaxiom/react/Code");
+const Slot$6 = createSlot("@optiaxiom/react/Code");
 const Code = forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot : "code";
+    const Comp = asChild ? Slot$6 : "code";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsx(Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsx(Comp, { ref, ...restProps, children }) });
   }

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

@@ -1,9 +1,9 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-function resolveItemProperty(property, ...context) {
+function resolveItemProperty$1(property, ...context) {
   return typeof property === "function" ? property(...context) : property;
 }
 const [CommandProvider, useCommandContext] = createContext("@optiaxiom/react/Command");
 
-export { CommandProvider, resolveItemProperty, useCommandContext };
+export { CommandProvider, resolveItemProperty$1 as resolveItemProperty, useCommandContext };

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-Cmtjywky.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-BQBXoop5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-CHXAB_98.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'zclru3']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'k6cml0']});
 
 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';
@@ -65,6 +65,7 @@ const CommandItem = forwardRef(
       "aria-posinset": index + 1,
       "aria-selected": selected ?? resolveItemProperty(item.selected),
       "aria-setsize": items.length,
+      index,
       item,
       onClick: (event) => {
         onClick?.(event);
@@ -137,7 +138,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-Cmtjywky.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BLc5wcST.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DCq-y0_u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['tgqs21','_1sbdw8m'],true:{}},inset:{false:'_1o2miaz',true:'_1ua3w4k'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1frvpmu','xtlb8r'],true:{}},inset:{false:'a3wk6i',true:'nizfhj'}}});
 
 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-Cmtjywky.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-AxUvsdb5.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BYSplhaB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-BPRD8lJ4.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BIR_zK_m.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1vkq7fm'],variants:{pinned:{left:'_1w3frvk',right:'chc5n1'},pinnedType:{body:'jpmwqs',header:{}},resizable:{false:{},true:'vz8lxt'}}});
-var cellOffsetVar = 'var(--nnl7p4)';
-var cellSizeVar = 'var(--vph1wr)';
-var leftTotalSizeVar = 'var(--rlwb3e)';
-var rightTotalSizeVar = 'var(--_1o0n899)';
-var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_15eky3w']});
-var totalSizeVar = 'var(--_14f5chv)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1k7qt7e'],variants:{pinned:{left:'_1kyu2bt',right:'cla2gl'},pinnedType:{body:'_1i8uy8s',header:{}},resizable:{false:{},true:'_1e0ebg4'}}});
+var cellOffsetVar = 'var(--_1pr9lqo)';
+var cellSizeVar = 'var(--vcfkn8)';
+var leftTotalSizeVar = 'var(--_1eemmat)';
+var rightTotalSizeVar = 'var(--fltjgt)';
+var root$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1rfcjv9']});
+var totalSizeVar = 'var(--_6v5ff8)';
 
-export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };
+export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root$1 as root, totalSizeVar };

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

@@ -15,7 +15,7 @@ import { TableCell } from '../table/TableCell.js';
 import { TableHeader } from '../table/TableHeader.js';
 import '../table/TableHeaderCell.js';
 import { TableRow } from '../table/TableRow.js';
-import { root, cell, cellSizeVar, cellOffsetVar, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
+import { cell, cellSizeVar, cellOffsetVar, root, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
 import { useDataTableContext } from './DataTableContext.js';
 import { DataTableHeaderCell } from './DataTableHeaderCell.js';
 import { DataTableRow } from './DataTableRow.js';
@@ -56,7 +56,15 @@ const DataTableBody = forwardRef(
         delete innerRef.current.dataset.scrollTimeline;
       }
     };
-    useEffect(calculateScrollTimeline, []);
+    useEffect(() => {
+      calculateScrollTimeline();
+      const node = scrollContainerRef.current;
+      if (!node)
+        return;
+      const observer = new ResizeObserver(calculateScrollTimeline);
+      observer.observe(node);
+      return () => observer.disconnect();
+    }, []);
     const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = useVirtualizer({
       count: centerColumns.length,

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconAngleDown, 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(IconAngleDown, {}) : /* @__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-Cmtjywky.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-B9O1cSWi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-26LB-jGm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'gpp1em',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon$1 = recipeRuntime({base:'_1908jey',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
-export { addon };
+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-Cmtjywky.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-3BWurG_L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CdCq3hSq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'c8k5ag']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'ptf9m1'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_13kyc1i'],variants:{active:{false:'_5dyuxj',true:'_1kgux3l'}}});
+var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',textTransform:'uppercase',transition:'colors',w:'full'},'_1h1s55s']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'debkd1'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'v04nvy'],variants:{active:{false:'_7cvfol',true:'_16fn9pg'}}});
 
-export { button, handle, icon };
+export { button$3 as button, handle, icon };

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

@@ -17,7 +17,7 @@ import '../table/TableHeader.js';
 import { TableHeaderCell } from '../table/TableHeaderCell.js';
 import '../table/TableRow.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
-import { handle, button, icon } from './DataTableHeaderCell-css.js';
+import { handle, icon, button } from './DataTableHeaderCell-css.js';
 
 const DataTableHeaderCell = forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DlFG9ad2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DijBdKyN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_5ot318']});
-var date = recipeRuntime({base:'_1wqqlvu'});
-var input = recipeRuntime({base:'_7ts0be'});
-var picker = recipeRuntime({base:'_1gi6bsw'});
+var clear$1 = recipeRuntime({base:[{size:'sm'},'hzzy3i']});
+var date = recipeRuntime({base:'_1vfpm19'});
+var input$2 = recipeRuntime({base:'_92v9g7'});
+var picker = recipeRuntime({base:'_1ye8xoi'});
 
-export { clear, date, input, picker };
+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 { IconCalendar, IconXmark } 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';
@@ -26,7 +25,7 @@ import { PopoverAnchor } from '../popover/PopoverAnchor.js';
 import { PopoverContent } from '../popover/PopoverContent.js';
 import { PopoverTrigger } from '../popover/PopoverTrigger.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
-import { date, input, picker, clear } from './DateInput-css.js';
+import { input, date, picker, clear } from './DateInput-css.js';
 
 const DateInput = forwardRef(
   ({
@@ -71,7 +70,7 @@ const DateInput = forwardRef(
             {
               appearance: "subtle",
               "aria-label": "Clear",
-              icon: /* @__PURE__ */ jsx(IconX, {}),
+              icon: /* @__PURE__ */ jsx(IconXmark, {}),
               onPointerDown: (event) => {
                 event.preventDefault();
                 forceValueChange("");

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-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 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 { IconCalendar } 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';

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

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