@optiaxiom/react 1.0.1 → 1.0.2

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CfXLzb22.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CQes1rIJ.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'},'hvhqj2']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'jtursu'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1wio9g1'],variants:{active:{false:'_1dmyoop',true:'_1r8vtd5'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'i36ohh']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'tft6v7'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_76b24g'],variants:{active:{false:'dds9wk',true:'iweeh1'}}});
 
 export { button, handle, icon };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-Dh7Ttbc1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-B0e6Oo6W.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_1l9hcoo'});
+var picker = recipeRuntime({base:'_114qqkw'});
 
 export { picker };

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

@@ -1,9 +1,17 @@
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import 'react';
+import 'react/jsx-runtime';
+import { toLocalDate } from '../utils/toLocalDate.js';
+
 function format(date) {
-  return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
+  return toLocalDate(date).split("T")[0];
 }
 function parse(str) {
   const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
-  return isValidDate(rawDate) ? new Date(rawDate.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3) : void 0;
+  return isValidDate(rawDate) ? new Date(
+    rawDate.getTime() + new Date(rawDate).getTimezoneOffset() * 60 * 1e3
+  ) : void 0;
 }
 const isValidDate = (date) => date ? !isNaN(+date) : false;
 

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

@@ -12,6 +12,8 @@ function DatePicker({
   onOpenChange,
   onValueChange,
   open: openProp,
+  step,
+  type = "date",
   value: valueProp,
   ...props
 }) {
@@ -30,6 +32,8 @@ function DatePicker({
     {
       disabled,
       setValue,
+      step,
+      type,
       value,
       children
     }

package/dist/esm/packages/react/src/date-picker-content/DatePickerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-Bw17SkGI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-5QVFlo3i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'hhvo11']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_179iirr'],variants:{height:{sm:'_38aklq',lg:'_3286bq'}}});
 
 export { panels };

package/dist/esm/packages/react/src/date-picker-content/DatePickerContent.js

@@ -1,10 +1,15 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { Calendar } from '../calendar/Calendar.js';
+import { Clock } from '../clock/Clock.js';
 import { useDatePickerContext } from '../date-picker-context/DatePickerContext.js';
 import { Flex } from '../flex/Flex.js';
 import { PopoverContent } from '../popover-content/PopoverContent.js';
+import { usePopoverContext } from '../popover-context/PopoverContext.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import { toLocalDate } from '../utils/toLocalDate.js';
 import { panels } from './DatePickerContent-css.js';
 
 const DatePickerContent = forwardRef(
@@ -19,22 +24,50 @@ const DatePickerContent = forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { setValue, value } = useDatePickerContext("DatePickerContent");
+    const { open } = usePopoverContext("DatePickerContent");
+    const { setValue, step, type, value } = useDatePickerContext("DatePickerContent");
+    const [height, setHeight] = useState("sm");
+    const [time, setTime] = useState();
+    useEffect(() => {
+      setTime(
+        type === "date" ? "00:00" : formatTime(value ?? /* @__PURE__ */ new Date(), parseInt(step) / 60)
+      );
+    }, [open, step, type, value]);
     return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
-      /* @__PURE__ */ jsxs(Flex, { ...panels(), children: [
+      /* @__PURE__ */ jsxs(Flex, { ...panels({ height }), children: [
         addonBefore,
         /* @__PURE__ */ jsx(
           Calendar,
           {
+            alignSelf: "start",
             holiday,
             max,
             min,
-            onValueChange: setValue,
+            onHeightChange: (height2) => {
+              setHeight(height2 > 300 ? "lg" : "sm");
+            },
+            onValueChange: (value2) => setValue(
+              value2 ? /* @__PURE__ */ new Date(formatDate(value2) + "T" + (time ?? "00:00")) : void 0
+            ),
             today,
             value,
             weekend
           }
         ),
+        type === "datetime-local" && /* @__PURE__ */ jsx(
+          Clock,
+          {
+            ml: "8",
+            onValueChange: (time2) => {
+              setTime(time2);
+              if (value) {
+                setValue(/* @__PURE__ */ new Date(formatDate(value) + "T" + time2));
+              }
+            },
+            step,
+            value: time
+          }
+        ),
         addonAfter
       ] }),
       children
@@ -42,5 +75,12 @@ const DatePickerContent = forwardRef(
   }
 );
 DatePickerContent.displayName = "@optiaxiom/react/DatePickerContent";
+function formatDate(date) {
+  return toLocalDate(date).split("T")[0];
+}
+function formatTime(date, step = 1) {
+  const [hour, minute] = toLocalDate(date).split("T")[1].slice(0, 5).split(":");
+  return hour + ":" + (Math.floor(parseInt(minute) / step) * step).toString().padStart(2, "0");
+}
 
 export { DatePickerContent };

package/dist/esm/packages/react/src/date-picker-trigger/DatePickerTrigger.js

@@ -10,20 +10,28 @@ import { IconCalendar } from '../icons/IconCalendar.js';
 import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
 import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
 
-const DEFAULT_FORMATTER = (date) => date.toLocaleDateString(void 0, {
+const dateFormatter = new Intl.DateTimeFormat(void 0, {
   day: "numeric",
   month: "short",
   year: "numeric"
 });
+const dateTimeFormatter = new Intl.DateTimeFormat(void 0, {
+  day: "numeric",
+  hour: "numeric",
+  minute: "numeric",
+  month: "short",
+  year: "numeric"
+});
 const DatePickerTrigger = forwardRef(
   ({
     "aria-labelledby": ariaLabelledBy,
     children,
-    format = DEFAULT_FORMATTER,
+    format,
     placeholder = "Pick a date",
     ...props
   }, outerRef) => {
-    const { disabled, value } = useDatePickerContext("DatePickerTrigger");
+    const { disabled, type, value } = useDatePickerContext("DatePickerTrigger");
+    const formatter = format ? { format } : type === "datetime-local" ? dateTimeFormatter : dateFormatter;
     const buttonRef = useRef(null);
     const ref = useComposedRefs(outerRef, buttonRef);
     const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
@@ -35,7 +43,7 @@ const DatePickerTrigger = forwardRef(
         icon: /* @__PURE__ */ jsx(IconCalendar, {}),
         ref,
         ...props,
-        children: children ?? (value ? format(value) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
+        children: children ?? (value ? formatter.format(value) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
       }
     );
   }

package/dist/esm/packages/react/src/date-range-picker-content/DateRangePickerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-MGfoUcbA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-w1iL6nG7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'ynn8r2']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_180nydb']});
 
 export { panels };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-fu3h4666.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-D4FqLhkk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'ftyftk']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1fzh83a']});
 
 export { body };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CiyPX0lq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CBpuJlOi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'d50948'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1x1zajw'],variants:{size:{sm:'_14sb8lf',md:'_1m1rgf1',lg:'f0ww25',fullscreen:'_6moa2e'}}});
-var nestedDialogCountVar = 'var(--_1iwstgs)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_8p3nne'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1y4c3uf'],variants:{size:{sm:'_1b75zaa',md:'yzmx9k',lg:'_1r80nxr',fullscreen:'q84p9j'}}});
+var nestedDialogCountVar = 'var(--_1ssmgzb)';
 
 export { backdrop, content, nestedDialogCountVar };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'}]});

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DgTTVtjy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DckzuXrK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_15qirn3']});
-var close = recipeRuntime({base:['_1l7j8a9']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'pwbspz']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1m18ypk']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'ddwdqn']});
+var close = recipeRuntime({base:['v3m9x4']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1cs9cvb']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1rizneh']});
 
 export { actions, close, description, title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-xm0OKFDK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-s-wSZli9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1onppan']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1ybbz09']});
+var inner = recipeRuntime({base:['_1xc6tuf']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1jt7xhj']});
 
 export { inner, outer };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BtF4kZQF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-5Zrh5gFq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'ssf9gk',start:'_1c1hfyb'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1jxbcav']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1vlk2tw']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1n42ydu',start:'a0ooav'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1yfty2q']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_14tutyw']});
 
 export { icon, root, trigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-C8LHP3AM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DlB5ywBV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1p0h2fj'});
+var mark = recipeRuntime({base:'_4pq1t7'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-_xVF8T2H.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-D-lzReWt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1hm1vc0',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_28h15w']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_8roseh']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_14yuhov'],variants:{offset:{false:'_1sshhzk',true:{}},position:{'bottom-right':'_2w2f4i','top-right':'_1cerwr6'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_224neg']});
+var badge = recipeRuntime({base:'_6csyhy',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_193opal']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1bg8esb']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'l5a6vk'],variants:{offset:{false:'_1yxnov4',true:{}},position:{'bottom-right':'_13nem6e','top-right':'_1r97425'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1mukwfg']});
 
 export { badge, floating, indicator };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-SynEjQCL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DDW_L463.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_1ox14s6',variants:{empty:{false:{},true:'_4wc2ox'}}});
-var input = recipeRuntime({base:'ec9n1y'});
+var editor = recipeRuntime({base:'_1asojwf',variants:{empty:{false:{},true:'bl0opc'}}});
+var input = recipeRuntime({base:'_11k2ce5'});
 
 export { editor, input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-La8ieGPk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CODeJXi7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['qcxxfe',{bg:'transparent',flex:'auto',w:'full'},'ro1csd','_5rqm3g'],variants:{size:{md:{},lg:{},xl:['_1bvvslu']}}});
+var control = recipeRuntime({base:['b0d4pq',{bg:'transparent',flex:'auto',w:'full'},'n7y4s5','jfnz5o'],variants:{size:{md:{},lg:{},xl:['aosr3k']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-La8ieGPk.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BwPh9WNi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CODeJXi7.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-C1aUDOLz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'qj6ym2']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'g8i4w5']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-BVjPNfVh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-D2Lr8Z3s.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_11co0wk'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_1qsol1p',variants:{variant:{outline:'_1ltuy6e',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'v1ceil'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = recipeRuntime({base:'sihn63',variants:{variant:{outline:'_1vmimhr',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1ezvhn8';
-var reset = 'optiaxiom.ehc3sx';
+var components = 'optiaxiom._11kwbmh';
+var reset = 'optiaxiom._1jj4mvh';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DeqtSkPy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DWgR_kLB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1gu0ooz']});
-var link = recipeRuntime({base:['_19nb7aw','sfyhpj'],variants:{appearance:{'default':'yjfvpi',inverse:'hkh5zn',subtle:'l9d7rx'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'rxroc3']});
+var link = recipeRuntime({base:['_3qf7e3','_12ua4g7'],variants:{appearance:{'default':'ajd2d6',inverse:'_1n58gz4',subtle:'_1i9rt43'}}});
 
 export { icon, link };

package/dist/esm/packages/react/src/listbox-item/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-DncbBP2k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-D_Wh-eb-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1juprah']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'fhvrrt'],variants:{intent:{danger:'_1o7gtn0',neutral:'fppve0'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1ng8sdu']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1dim2ey']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1sf3z1x'],variants:{intent:{danger:'a9jic',neutral:'_4prtlr'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_14e68n7']});
 
 export { description, item, title };

package/dist/esm/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Cl6e7RIA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D6zofeeh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1u6a5re'],variants:{maxH:{xs:'_1o6xg73',sm:'qj5n6',md:'as13ix',lg:'_96d4cf',full:{}},minW:{'0':{},trigger:'lkxvrn'},provider:{'dropdown-menu':'_1jhah2z',popover:'i97nk',popper:'anuanl'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1moqj4r'],variants:{maxH:{xs:'_195f592',sm:'_1suhlec',md:'_103mor4',lg:'br4g2z',full:{}},minW:{'0':{},trigger:'_1uzubtt'},provider:{'dropdown-menu':'zmxg25',popover:'sgr8py',popper:'_37su03'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DI7Tow7-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-DX-uxgLI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'wxk0sl']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_11xyxlr']});
 
 export { nav };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-CyW80zT5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-35zhoqm7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_19s6itz',true:'_1rsu4nb'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'akpi5r',true:'g2ixe9'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DTUlp8SE.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-BR_UPdjp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CsVNMzoL.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-9-cIOHVY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1udq3lp']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'isxwcw'],variants:{expanded:{false:'_1jtcshs',true:'_1n14hjq'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1x34uop']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'qqpawf'],variants:{expanded:{false:'_11ze0ob',true:'jhss1o'}}});
 
 export { item, label };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-SgNxURt9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BjG7sX12.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1qwhjka']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'vapn0f'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1ekyrxz']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_7e4v8d']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_149zdjm'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_7iycjq']});
 
 export { button, cursor, list };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'},screen:{}}}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-DHaE_1ux.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DTEQ70xM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_19ae8g5'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'lun9je'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-BA-J8sXk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-FB7P31-X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var indicator = recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1tw0qnq']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1g8w5j6']});
 
 export { indicator, progress };

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cv1vG0-L.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-CJjnR9UK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BwHzm_lE.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-mgYJ2b2O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1398311'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_80mw73']});
-var input = recipeRuntime({base:'g2lf17'});
-var radio = recipeRuntime({base:'_1t7whzj'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'pr1fzj'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'n8g4st']});
+var input = recipeRuntime({base:'s3es2o'});
+var radio = recipeRuntime({base:'_96xasl'});
 
 export { control, indicator, input, radio };