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

package/dist/esm/packages/react/src/data-table/DataTableBody.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,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconKeyboardArrowDown, IconChevronRight } from '@optiaxiom/icons';
+import { IconAngleDown, IconChevronRight } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import clsx from 'clsx';
 import { Box } from '../box/Box.js';
@@ -30,7 +30,7 @@ function DataTableExpandableCell({
         "aria-label": "Toggle row",
         "aria-labelledby": clsx(labelPrefixId, labelId),
         flex: "none",
-        icon: row.getIsExpanded() ? /* @__PURE__ */ jsx(IconKeyboardArrowDown, {}) : /* @__PURE__ */ jsx(IconChevronRight, {}),
+        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-DtGY3B09.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CikuT9xK.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$1 = recipeRuntime({base:'_1v71dvk',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon$1 = recipeRuntime({base:'_1908jey',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-DtGY3B09.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CxlWE16P.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$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'}}});
+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$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-DtGY3B09.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BIcEVjOY.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$1 = recipeRuntime({base:[{size:'sm'},'_5s3jo7']});
-var date = recipeRuntime({base:'_1x7eorp'});
-var input$2 = recipeRuntime({base:'_1yl30m5'});
-var picker = recipeRuntime({base:'_1j55k14'});
+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$1 as clear, date, input$2 as input, picker };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconCalendarToday, IconClose } from '@optiaxiom/icons';
+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';
@@ -70,7 +70,7 @@ const DateInput = forwardRef(
             {
               appearance: "subtle",
               "aria-label": "Clear",
-              icon: /* @__PURE__ */ jsx(IconClose, {}),
+              icon: /* @__PURE__ */ jsx(IconXmark, {}),
               onPointerDown: (event) => {
                 event.preventDefault();
                 forceValueChange("");
@@ -92,7 +92,7 @@ const DateInput = forwardRef(
               ref: pickerRef,
               role: "img",
               ...picker(),
-              children: /* @__PURE__ */ jsx(IconCalendarToday, {})
+              children: /* @__PURE__ */ jsx(IconCalendar, {})
             }
           ),
           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-DtGY3B09.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,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { IconCalendarToday } from '@optiaxiom/icons';
+import { IconCalendar } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
@@ -41,7 +41,7 @@ const DateRangePickerTrigger = forwardRef(
       {
         "aria-labelledby": labelId,
         disabled,
-        icon: /* @__PURE__ */ jsx(IconCalendarToday, {}),
+        icon: /* @__PURE__ */ jsx(IconCalendar, {}),
         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-DtGY3B09.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-Bc1UD4vC.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$3 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'xvgk6y']});
+var root$3 = recipeRuntime({base:[{bg:'bg.default',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1w4zovi']});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DHL6MIbt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-rOtMIP_w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_6gvhp8']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1jszgbr']});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-Bcx7OZtC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CDYHRipx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qzicz2']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1u2l1jl']});
 
 export { header };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.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'},'_16oxp7x']});
+var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_943db1']});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-DvdjPddK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-Y3OrOsSn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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)';
+var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'bjm9hw'}}});
+var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'vp18pn'],variants:{size:{sm:'mvc9t9',md:'ryrtvx',lg:'_6b2vda',fullscreen:'ag2wsl'}}});
+var nestedDialogCountVar$1 = 'var(--_1n1524z)';
+var scrollPaddingBottomVar = 'var(--_5ih3gm)';
+var scrollPaddingTopVar = 'var(--_1bg0s40)';
 
 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-DtGY3B09.css';
-import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-BAo-7RYJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-CmlxxS2N.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'},'ppdq9b']});
+var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_17c9win']});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-BAOpmXw8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-Dql8q7Fe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+var actions = recipeRuntime({base:[{gap:'8'},'hv13qe']});
+var close = recipeRuntime({base:['_1d1j8xv']});
+var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1uynoh']});
+var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_7pz97a']});
+var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'600'},'_1votivm']});
 
 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,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconClose } from '@optiaxiom/icons';
+import { IconXmark } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
@@ -33,7 +33,7 @@ const DialogHeader = forwardRef(
         {
           appearance: "subtle",
           "aria-label": "Close",
-          icon: /* @__PURE__ */ jsx(IconClose, {}),
+          icon: /* @__PURE__ */ jsx(IconXmark, {}),
           ...close()
         }
       ),

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-CsfWUoqc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-KR9lM11u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['u0lp0r']});
-var outer = recipeRuntime({base:[{display:'grid'},'_9tw82j'],variants:{scale:{false:'_1tlsjo9',true:{}}}});
+var inner = recipeRuntime({base:['zv4l72']});
+var outer = recipeRuntime({base:[{display:'grid'},'nvo2z9'],variants:{scale:{false:'g1w5kb',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-DtGY3B09.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CGgfKUN6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-fuH7DXG8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+var icon = recipeRuntime({base:[{flex:'none',size:'sm',transition:'transform'},'_1g88kfd']});
+var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1ci9lmf']});
+var trigger$1 = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1xzvm2m']});
 
 export { icon, root, trigger$1 as trigger };

package/dist/esm/packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js

@@ -1,12 +1,21 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { IconMoreHoriz } from '@optiaxiom/icons';
+import { IconEllipsisStroke } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 
 const EllipsisMenuButton = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconMoreHoriz, {}), iconPosition: "end", ref, ...props, children });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: /* @__PURE__ */ jsx(IconEllipsisStroke, {}),
+      iconPosition: "end",
+      ref,
+      ...props,
+      children
+    }
+  );
 });
 EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
 

package/dist/esm/packages/react/src/field/Field.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconWarning } from '@optiaxiom/icons';
+import { IconTriangleExclamation } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -63,7 +63,7 @@ const Field = forwardRef(
           id: errorId,
           role: "alert",
           children: [
-            /* @__PURE__ */ jsx(Box, { asChild: true, flex: "none", size: "16", children: /* @__PURE__ */ jsx(IconWarning, { "aria-label": "Error" }) }),
+            /* @__PURE__ */ jsx(Box, { asChild: true, flex: "none", size: "16", children: /* @__PURE__ */ jsx(IconTriangleExclamation, { "aria-label": "Error" }) }),
             error
           ]
         }

package/dist/esm/packages/react/src/field/FieldLabel.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconHelp } from '@optiaxiom/icons';
+import { IconCircleQuestion } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import * as RadixLabel from '@radix-ui/react-label';
 import { forwardRef } from 'react';
@@ -66,7 +66,7 @@ const FieldLabel = forwardRef(
           border: "0",
           color: "fg.secondary",
           h: "2xs",
-          icon: /* @__PURE__ */ jsx(Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsx(IconHelp, {}) }),
+          icon: /* @__PURE__ */ jsx(Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsx(IconCircleQuestion, {}) }),
           onClick: (event) => {
             event.currentTarget.focus();
             event.preventDefault();

package/dist/esm/packages/react/src/file-upload/FileUpload-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-C1l4iE9E.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-B4SwpnKD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1s5iw5z']});
+var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1gexr95']});
 
 export { upload };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-C2NTIUqZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Yhwid_II.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1hl99wt'],variants:{drag:{false:{},true:['_17ncs7s']},hidden:{false:'esvqqb',true:'_1t8pu47'},overlay:{false:{flex:'1'},true:[{z:'10'},'wz6bvi']}}});
-var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1h2a8hn'}}});
+var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_185gkog'],variants:{drag:{false:{},true:['mshrqe']},hidden:{false:'qo0z85',true:'i1g3f'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1q414eb']}}});
+var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1hfrarg'}}});
 
 export { dropzone, label };

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BmxhUMbc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BJhoBT6q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark$1 = recipeRuntime({base:'_1wajih9'});
+var mark$1 = recipeRuntime({base:'iqab0v'});
 
 export { mark$1 as mark };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-ChTLDdGM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-D6LUaLHQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var trigger$1 = recipeRuntime({base:'k0ewbz'});
+var trigger$1 = recipeRuntime({base:'_19woysl'});
 
 export { trigger$1 as trigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/icon/Icon.css.ts.vanilla-u-2SWyzf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/icon/Icon.css.ts.vanilla-JxsofU4C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$5 = recipeRuntime({base:[{flex:'none',w:'auto'},'rce9ci']});
+var icon$5 = recipeRuntime({base:[{flex:'none'},'c49ts']});
 
 export { icon$5 as icon };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-B7cprf0a.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DqzkV3dk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_5kbjr4',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_4016jn']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1nhl6r3']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'r1vhkw'],variants:{offset:{false:'w0i01',true:{}},position:{'bottom-right':'_5efck8','top-right':'_1d0xicm'}}});
-var indicator$2 = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'m8458b']});
+var badge = recipeRuntime({base:'hlbd4d',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'bakcbn']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'b2dlpt']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_8q3u40'],variants:{offset:{false:'_1on1l8u',true:{}},position:{'bottom-right':'_1tu1f9a','top-right':'kw92sw'}}});
+var indicator$2 = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1z05gmf']});
 
 export { badge, floating, indicator$2 as indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-8wK-jbKY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CTRM7GAQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'lsaiku',variants:{empty:{false:{},true:'e4mjpf'}}});
-var input = recipeRuntime({base:'_19ccgxw'});
+var editor = recipeRuntime({base:'nyvk08',variants:{empty:{false:{},true:'dih4m'}}});
+var input = recipeRuntime({base:'_18g69dp'});
 
 export { editor, input };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/input/Input.css.ts.vanilla-C5peoBy3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/input/Input.css.ts.vanilla-REVNUfeU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none'},'_1lropl2']});
+var addon = recipeRuntime({base:[{flex:'none'},'rbspdc']});
 var input$1 = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
 var root$2 = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-C2YlbC5j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-fv8xFx5v.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_6z6l7p',{bg:'transparent',flex:'auto',w:'full'},'jeixms','q7yeem'],variants:{size:{md:{},lg:{},xl:['_13amd49']}}});
+var control = recipeRuntime({base:['_9i5jlu',{bg:'transparent',flex:'auto',w:'full'},'_1glv8ni','ckgwyg'],variants:{size:{md:{},lg:{},xl:['p67zw0']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-C2YlbC5j.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-rwz6aL4o.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-fv8xFx5v.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-CDZ_fa_W.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root$1 = recipeRuntime({base:[{gap:'0'},'_1aa6o0e']});
+var root$1 = recipeRuntime({base:[{gap:'0'},'_17rmza4']});
 
 export { root$1 as root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-GY1r8biQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CSCpbR8M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1mz8037'],subtle:{}}}});
+var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1avy2c4'],subtle:{}}}});
 
 export { kbd, key };

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-UchD4k1s.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/label-menu-button/LabelMenuButton.css.ts.vanilla-BkNTpzMs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1xc6qko']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_9e5k5l']});
 var content$1 = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label$1 = recipeRuntime({base:[{color:'fg.tertiary',cursor:'pointer',fontFamily:'mono',fontWeight:'400',maxW:'full',textTransform:'uppercase',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconKeyboardArrowDown } from '@optiaxiom/icons';
+import { IconAngleDown } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import { Label } from '@radix-ui/react-label';
 import clsx from 'clsx';
@@ -39,7 +39,7 @@ const LabelMenuButton = forwardRef(
               ]
             }
           ),
-          /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsx(IconKeyboardArrowDown, {}) })
+          /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsx(IconAngleDown, {}) })
         ]
       }
     );

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1wx78hd';
-var reset = 'optiaxiom._1svfk1i';
+var components = 'optiaxiom._2m54yp';
+var reset = 'optiaxiom._12fbjfp';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layout-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-CD-DQz5y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/layout/Layout.css.ts.vanilla-BgbcsS5C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_13y4rq5'],variants:{size:{full:'_11is1w5',screen:'kt0kfu'}}});
+var layout = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',fontSize:'md'},'_18tabg0'],variants:{size:{full:'_6kxlra',screen:'_16gwsw'}}});
 
 export { layout };

package/dist/esm/packages/react/src/layout/LayoutContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-D8t2n7Kt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-CXXoFgat.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_8g5z7f']});
+var content = recipeRuntime({base:[{bg:'bg.page',flexDirection:'column',gap:'16',m:'4',ml:'0',overflow:'auto',px:'32',py:'24',rounded:'lg'},'qlhey5']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-BtsfK3Pn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-uWzE808h.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$1 = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1yv2mc']});
-var link$1 = recipeRuntime({base:['kihpvp'],variants:{appearance:{'default':'_15ai7m1',inverse:'mlzc9i',subtle:'_8138ij'}}});
+var icon$1 = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1ugq9kf']});
+var link$1 = recipeRuntime({base:['_15b8kvb'],variants:{appearance:{'default':'q6tsxb',inverse:'_1lcz9b3',subtle:'fghxs4'}}});
 
 export { icon$1 as icon, link$1 as link };