@optiaxiom/react 0.7.4 → 0.7.5

package/dist/packages/react/src/box/Box-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-D7l9jDlS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-DP5HRRAY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'taqf23'});
+var box = recipeRuntime({base:'eexgg1'});
 
 export { box };

package/dist/packages/react/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js

@@ -3,7 +3,17 @@ import { Box } from '../box/Box.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
 
 function BreadcrumbEllipsis({ ...props }) {
-  return /* @__PURE__ */ jsx(Box, { display: "grid", placeItems: "center", ...props, children: /* @__PURE__ */ jsx(IconEllipsis, {}) });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "aria-hidden": true,
+      color: "fg.tertiary",
+      display: "grid",
+      placeItems: "center",
+      ...props,
+      children: /* @__PURE__ */ jsx(IconEllipsis, {})
+    }
+  );
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DDkxv587.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_11pi783']});
+
+export { item };

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem.js

@@ -4,11 +4,12 @@ import { Box } from '../box/Box.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { item } from './BreadcrumbItem-css.js';
 
 const BreadcrumbItem = forwardRef(
   ({ children, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("li", { ref, ...restProps, children }) });
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...item(), ...sprinkleProps, children: /* @__PURE__ */ jsx("li", { ref, ...restProps, children }) });
   }
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BaU7K_M6.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'am1efu']});
+
+export { link };

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink.js

@@ -2,10 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Link } from '../link/Link.js';
+import { link } from './BreadcrumbLink-css.js';
 
-const BreadcrumbLink = forwardRef(({ asChild, ...props }, ref) => {
+const BreadcrumbLink = forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : Link;
-  return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+  return /* @__PURE__ */ jsx(Comp, { ...link({}, className), ref, ...props });
 });
 BreadcrumbLink.displayName = "@optiaxiom/react/BreadcrumbLink";
 

package/dist/packages/react/src/breadcrumb-page/BreadcrumbPage.js

@@ -4,7 +4,7 @@ import { Box } from '../box/Box.js';
 
 const BreadcrumbPage = forwardRef(
   ({ ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("span", { ref, ...props }) });
+    return /* @__PURE__ */ jsx(Box, { "aria-current": "page", asChild: true, color: "fg.default", fontSize: "md", children: /* @__PURE__ */ jsx("span", { ref, ...props }) });
   }
 );
 BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";

package/dist/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CNVMJ2-K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CeIvoBZC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1gd66qv',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_1tf5lbl'],variants:{iconOnly:{false:'_1whan5a',true:{}},intent:{danger:'_8q67a0',neutral:'_1ifjt1w',primary:'umh483'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1xi2443',solid:'_70cm88',subtle:'s0xl7i'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'obsilt',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'vep5el',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1u7w8iy',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'_12lhtgi'});
+var buttonBase = recipeRuntime({base:['_1lr5nqx',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_19t5sb9'],variants:{iconOnly:{false:'_1lof8ya',true:{}},intent:{danger:'_190kx90',neutral:'vsdq80',primary:'_6x80y'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1naj65y',solid:'_1mi5kvk',subtle:'wp3txx'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1gotzkh',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'up5hag',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_16ovvr8',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:'_17f6lhu'});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'awlnor'});
+var buttonGroup = recipeRuntime({base:'b29jg'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CNVMJ2-K.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-L_dsLcug.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CeIvoBZC.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DNmAHhCe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1dcblca']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1uppo2s']});
 
 export { loadable };

package/dist/packages/react/src/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-UGTfac3G.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-BEZL7a_W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DDgytmD5.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-CT6bAjQE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_1oz0mf5'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1no9tn7'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['_148i93z']});
+var checkbox = recipeRuntime({base:'_4qv7m'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'kdfsm0'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['dni5ab']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1k0wqdf'});
+var input = recipeRuntime({base:'_1wrc5n9'});
 
 export { checkbox, control, icon, indicator, input };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-B9ARKCBr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BVWgvSsb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_14u3yau']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'b6m9td']});
 
 export { code };

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-5wX-mNhf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DmicvVfb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1k1zgxd'});
+var item = recipeRuntime({base:'e7myi7'});
 
 export { item };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-VIrHdML4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-D3FJQdmg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--_1sz0386)';
-var columnWidthVar = 'var(--_1tpfmxc)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1uke6n1'],variants:{pinned:{false:{},left:'jc4tzx',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1dqtmmu'],variants:{pinned:{false:{},left:'_15a3qay',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_13e730u']});
+var cellOffsetVar = 'var(--r34v6h)';
+var columnWidthVar = 'var(--_2qco0a)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1frmy9z'],variants:{pinned:{false:{},left:'_1ib97mr',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'yioxa2'],variants:{pinned:{false:{},left:'nalqny',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'i1trk9']});
 
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

package/dist/packages/react/src/data-table-header/DataTableHeader-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BYj8YC_O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-CPBuFMhj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'_1rbpl9w'],variants:{sortable:{false:'_8oxwpz',true:'_1eihww8'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1e7w1mu',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'pgvkho'],variants:{sortable:{false:'_1uo35ye',true:'_1nkh1sb'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'lzq3ey',true:{}}}});
 
 export { header, icon };

package/dist/packages/react/src/dialog-actions/DialogActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-BVOTL1A0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-CLWh6-8V.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_3sbcbm']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'wrh7kc']});
 
 export { actions };

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

@@ -10,8 +10,8 @@ const DialogBody = forwardRef(
         flex: "1",
         fontSize: "md",
         overflow: "auto",
-        pb: "md",
         px: "lg",
+        py: "md",
         ref,
         ...props,
         children

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BiSLMfYJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CljTpILB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'y7o4a6'],variants:{size:{sm:'mrntef',md:'g6syu5',lg:'_10khwun',fullscreen:'_113sk1r'}}});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_1j8c8jd'],variants:{size:{sm:'_6iwjez',md:'_1rfep65',lg:'_10oo9ec',fullscreen:'h5fkbx'}}});
 
 export { content };

package/dist/packages/react/src/dialog-description/DialogDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-VDUrhg9L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-DXtC6XTa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bs7lh']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'flhu08']});
 
 export { description };

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

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

package/dist/packages/react/src/dialog-title/DialogTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-CD3TirI2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-BmsbE8BL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'zrq3x3']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'c1sji6']});
 
 export { title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-W5--Hw71.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DWG6Oz3S.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_2tdco5',start:'_3bb9ou'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1st23n4']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_218cr',start:'_14ouihf'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'uqhahs']});
 
 export { icon, trigger };

package/dist/packages/react/src/drawer-actions/DrawerActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DhewRjjY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-HD_PBd9b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_9h6ivk']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_16ghn5j']});
 
 export { actions };

package/dist/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-0masIjKi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-CimVTLuU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_38w734'],variants:{position:{bottom:[{borderT:'1'},'_1rey9sj'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1ik665q'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'bqfgk1']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_993sks'],variants:{position:{bottom:[{borderT:'1'},'_8m3p6y'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_12c88mw'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1kjhjyl']}}});
 
 export { content };

package/dist/packages/react/src/drawer-description/DrawerDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-DqOQ2nmW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-C1tRMijO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'o3zua1']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1u2q5ik']});
 
 export { description };

package/dist/packages/react/src/drawer-title/DrawerTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-6H7xncrV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-DDDluNbW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'plm66o']});
+var title = recipeRuntime({base:[{flex:'1'},'aq9a6x']});
 
 export { title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Yi-m2i-h.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-eUV9Lnsq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'bltofi'});
+var mark = recipeRuntime({base:'gmwcqa'});
 
 export { mark };

package/dist/packages/react/src/hover-card-content/HoverCardContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-B-nTBpwR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-BzB2S7rT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_535vzg']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_5ive50']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-MHk7pvVA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CIm9hHo-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_3buuvo',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'v5ehp4']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'ict18u']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_18qwu0l'],variants:{offset:{false:'iy02o5',true:{}},position:{'bottom-right':'x8f9h3','top-right':'_32kock'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'pndpdl']});
+var badge = recipeRuntime({base:'t8b28s',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1hqszy8']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'urpdxt']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1e0tkge'],variants:{offset:{false:'_1n6u9ob',true:{}},position:{'bottom-right':'_1687yc3','top-right':'_314yqu'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'hcsmow']});
 
 export { badge, floating, indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BEcoUQ6q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CWkMuhTz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:'_66a328'});
+var input = recipeRuntime({base:'_1b96dt9'});
 
 export { input };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DCf0g8ht.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-3MuMKh8B.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1oixdj3',{bg:'transparent',flex:'auto',w:'full'},'_1yvkhsv','_1c8c3z8'],variants:{size:{md:{},lg:{},'2xl':['_1un9ygx']}}});
+var control = recipeRuntime({base:['_194mc0',{bg:'transparent',flex:'auto',w:'full'},'_1ertf0m','_1ouqps1'],variants:{size:{md:{},lg:{},'2xl':['ty9w9n']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DCf0g8ht.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-C6huAyYx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-3MuMKh8B.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BEAkZvlD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_4mtwbh']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_11gp4jd']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-KCVdkoN3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Dm3Qj77c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_16ooler',variants:{variant:{outline:'_1wujs29',subtle:{}}}});
+var keys = recipeRuntime({base:'yi5tt7',variants:{variant:{outline:'z6f7j5',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._186epw8';
-var reset = 'optiaxiom.tlzsm7';
+var components = 'optiaxiom._1i6yjv8';
+var reset = 'optiaxiom.ox4taq';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-0xsKAVy8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CE6qVR20.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'t83239']});
-var link = recipeRuntime({base:['_1h201x1'],variants:{appearance:{'default':'_115eu5b',inverse:'_1spwhs5',subtle:'_13ifno4'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1qq8ntn']});
+var link = recipeRuntime({base:['_330tm1'],variants:{appearance:{'default':'_18skncg',inverse:'_4pl6js',subtle:'_172o7ke'}}});
 
 export { icon, link };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BnQh0brI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CYujgiD8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1b9uih3']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'pl7ee7'],variants:{intent:{danger:'_1k3056r',neutral:'n5erx3'}}});
-var title = recipeRuntime({base:['_13gfwao']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_18qvyi3']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'bblz2g'],variants:{intent:{danger:'zxblej',neutral:'_5qsrg9'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'xs'},'_13yed7t']});
 
 export { description, item, title };

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

@@ -38,7 +38,7 @@ const ListboxItem = forwardRef(
         children: /* @__PURE__ */ jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
           addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null,
           /* @__PURE__ */ jsxs(Flex, { flex: "1", gap: "0", children: [
-            /* @__PURE__ */ jsx(Box, { asChild: true, ...title(), id: labelId, children: fallbackSpan(children2) }),
+            /* @__PURE__ */ jsx(Flex, { asChild: true, ...title(), id: labelId, children: fallbackSpan(children2) }),
             description$1 && /* @__PURE__ */ jsx(Text, { asChild: true, ...description(), id: descriptionId, children: fallbackSpan(description$1) })
           ] }),
           addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "xs", children: fallbackSpan(addonAfter) })

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CCdCnNQz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-C9mCG1mT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_166r79c'],variants:{minW:{'0':{},trigger:'ompuba'},provider:{'dropdown-menu':'_1jtjntb',popover:'lr5jmp',popper:'_1il0hl2'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'pluyd1'],variants:{minW:{'0':{},trigger:'_18q0mqh'},provider:{'dropdown-menu':'_5iaw4e',popover:'_4lb6j1',popper:'_1nhzrw5'}}});
 
 export { listbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BLThWGZY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-_gCjLFi6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'nposc0'});
-var cursor = recipeRuntime({base:[{z:'10'},'_1525t78'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1wk4bid']});
+var button = recipeRuntime({base:'uony2h'});
+var cursor = recipeRuntime({base:[{z:'10'},'kucxik'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'a57qkp']});
 
 export { button, cursor, list };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-K-DXXl8m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-5ABt3tst.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'cgt9y3'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'pd4ij'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.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'}}}});