@optiaxiom/react 0.7.3 → 0.7.4

package/dist/packages/react/src/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});

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

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

package/dist/packages/react/src/button/Button.js

@@ -1,12 +1,13 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Slottable, Slot } from '@radix-ui/react-slot';
-import { forwardRef, isValidElement, cloneElement, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef, useEffect } from 'react';
 import { ButtonAddon } from '../button-addon/ButtonAddon.js';
 import { ButtonBase } from '../button-base/ButtonBase.js';
 import { ButtonLabel } from '../button-label/ButtonLabel.js';
 import { ButtonLoadable } from '../button-loadable/ButtonLoadable.js';
 import { Icon } from '../icon/Icon.js';
 import '../utils/conditions.js';
+import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 
 const Button = forwardRef(
@@ -21,25 +22,22 @@ const Button = forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
-    let isIconOnly = Boolean(!children && icon);
-    if (asChild) {
-      const newElement = isValidElement(children) ? children : null;
-      isIconOnly = Boolean(!newElement?.props.children && icon);
-      children = newElement ? cloneElement(
-        newElement,
-        void 0,
-        isIconOnly ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: newElement.props.children })
-      ) : children;
-    } else {
-      children = isIconOnly ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children });
-    }
-    if (icon && !isIconOnly) {
-      if (iconPosition === "start") {
-        addonBefore = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
-      } else if (iconPosition === "end") {
-        addonAfter = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
+    let isIconOnly = false;
+    children = decorateChildren({ asChild, children }, (children2) => {
+      isIconOnly = Boolean(!children2 && icon);
+      if (icon && !isIconOnly) {
+        if (iconPosition === "start") {
+          addonBefore = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
+        } else if (iconPosition === "end") {
+          addonAfter = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
+        }
       }
-    }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        addonBefore && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
+        isIconOnly ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: children2 }),
+        addonAfter && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonAfter) })
+      ] });
+    });
     const isIconMissingAriaLabel = isIconOnly && !props["aria-label"];
     useEffect(() => {
       if (isIconMissingAriaLabel) {
@@ -58,11 +56,7 @@ const Button = forwardRef(
         ...(isIconOnly || iconOnly) && {
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ jsxs(Comp, { children: [
-          addonBefore && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
-          /* @__PURE__ */ jsx(Slottable, { children }),
-          addonAfter && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonAfter) })
-        ] })
+        children: /* @__PURE__ */ jsx(Comp, { children })
       }
     );
   }

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cih4osQ4.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['hqsi6j',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_7mn753'],variants:{iconOnly:{false:'r5gnt5',true:{}},intent:{danger:'_5flwgn',neutral:'zt3gr6',primary:'l86hcz'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_164mlxi',solid:'_100494o',subtle:'_1aibwtq'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'tt7j9e',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1hzi9b',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'mpz3pe',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'ga6pot'});
+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'});
 
 export { buttonBase, spinner };

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

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Slottable, Slot } from '@radix-ui/react-slot';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import { Box } from '../box/Box.js';
@@ -7,6 +7,8 @@ import { Spinner } from '../spinner/Spinner.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import '../utils/conditions.js';
+import { decorateChildren } from '../utils/decorateChildren.js';
 import { buttonBase, spinner } from './ButtonBase-css.js';
 
 const appearances = {
@@ -49,7 +51,7 @@ const ButtonBase = forwardRef(
           className
         ),
         ...sprinkleProps,
-        children: /* @__PURE__ */ jsxs(Comp, { disabled, ref, ...restProps, children: [
+        children: /* @__PURE__ */ jsx(Comp, { disabled, ref, ...restProps, children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(AnimatePresence, { children: loading && /* @__PURE__ */ jsx(
             Spinner,
             {
@@ -59,8 +61,8 @@ const ButtonBase = forwardRef(
               ...spinner()
             }
           ) }),
-          /* @__PURE__ */ jsx(Slottable, { children })
-        ] })
+          children2
+        ] })) })
       }
     );
   }

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

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

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cih4osQ4.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-tslZAvMv.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1nq8kos']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1dcblca']});
 
 export { loadable };

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

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla--Bzp5dCV.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-BDsVVnXT.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_17mjtxk'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1tl0ibf'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['_1rh01x0']});
+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 indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1forvsg'});
+var input = recipeRuntime({base:'_1k0wqdf'});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BsCzUzCe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-B9ARKCBr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'suv1ed']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_14u3yau']});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CAmLuvxb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-5wX-mNhf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'j04n73'});
+var item = recipeRuntime({base:'_1k1zgxd'});
 
 export { item };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-BT-Ye6Vi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-VIrHdML4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--g9e90g)';
-var columnWidthVar = 'var(--edfxqy)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_19fieau'],variants:{pinned:{false:{},left:'_1c8unlk',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1lgl07m'],variants:{pinned:{false:{},left:'_1nji38x',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'i49727']});
+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']});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-CyLQLUN7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BYj8YC_O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'_166p9gd'],variants:{sortable:{false:'djdrx',true:'_79ylsu'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'hplfj',true:{}}}});
+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:{}}}});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-D58khv9J.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-BVOTL1A0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_1o8d94p']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_3sbcbm']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DOk5a08b.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BiSLMfYJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_1q0pnk'],variants:{size:{sm:'_1yoo0bb',md:'_2ktktp',lg:'d5pe0q',fullscreen:'eg39fq'}}});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'y7o4a6'],variants:{size:{sm:'mrntef',md:'g6syu5',lg:'_10khwun',fullscreen:'_113sk1r'}}});
 
 export { content };

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

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

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.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-ClDCrYSj.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-f7jQSYVn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-CD3TirI2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_3ienow']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'zrq3x3']});
 
 export { title };

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

@@ -2,10 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { content } from './DisclosureContent-css.js';
 
-const DisclosureContent = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...content({}, className), ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx(Box, { color: "fg.default", fontSize: "md", p: "xs", pt: "0", children }) }) });
+const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx(Box, { color: "fg.default", fontSize: "md", p: "xs", pt: "0", children }) }) });
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BtUPnpD4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-W5--Hw71.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'jz14ge',start:'bx53ne'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1hnqmin']});
+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']});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-A7swygdK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DhewRjjY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_3vh1rl']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_9h6ivk']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-DEFuzxfD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-0masIjKi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_68sg83'],variants:{position:{bottom:[{borderT:'1'},'_136pn8y'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1w2lfw5'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1w5rmse']}}});
+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']}}});
 
 export { content };

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

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

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

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

package/dist/packages/react/src/dropdown-menu-item/DropdownMenuItem.js

@@ -3,8 +3,8 @@ import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
 import { ListboxItem } from '../listbox-item/ListboxItem.js';
 
-const DropdownMenuItem = forwardRef(({ children, onSelect, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Item, { onSelect, children }) });
+const DropdownMenuItem = forwardRef(({ asChild, children, onSelect, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Item, { asChild, onSelect, children }) });
 });
 DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
 

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

@@ -14,6 +14,7 @@ import { IconCircleQuestion } from '../icons/IconCircleQuestion.js';
 import { IconTriangleExclamation } from '../icons/IconTriangleExclamation.js';
 import { Text } from '../text/Text.js';
 import '../utils/conditions.js';
+import '@radix-ui/react-slot';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 
 const Field = forwardRef(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-1IupP8GQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Yi-m2i-h.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'lykwdi'});
+var mark = recipeRuntime({base:'bltofi'});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-BXslTUJO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-B-nTBpwR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_1v6j8fc']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_535vzg']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BVPNhiAI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-MHk7pvVA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1ko8hmv',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1ncrr4e']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_18xkfa8']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1spufr0'],variants:{offset:{false:'_2acupr',true:{}},position:{'bottom-right':'_1k3lvby','top-right':'_1dl6rr1'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_12tdpi8']});
+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']});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-8zmeOIgq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BEcoUQ6q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:'_4rxkyw'});
+var input = recipeRuntime({base:'_66a328'});
 
 export { input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.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-ClDCrYSj.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D8uO61Jd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DCf0g8ht.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['y7bccd',{bg:'transparent',flex:'auto',w:'full'},'r855hu','_1f2kney'],variants:{size:{md:{},lg:{},'2xl':['_185m4gv']}}});
+var control = recipeRuntime({base:['_1oixdj3',{bg:'transparent',flex:'auto',w:'full'},'_1yvkhsv','_1c8c3z8'],variants:{size:{md:{},lg:{},'2xl':['_1un9ygx']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D8uO61Jd.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-D7rE02oU.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_102ux1v']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_4mtwbh']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-YRjoR9F8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-KCVdkoN3.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:'fug93f',variants:{variant:{outline:'s4yz89',subtle:{}}}});
+var keys = recipeRuntime({base:'_16ooler',variants:{variant:{outline:'_1wujs29',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-ClDCrYSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._52sfgs';
-var reset = 'optiaxiom._1vgv45b';
+var components = 'optiaxiom._186epw8';
+var reset = 'optiaxiom.tlzsm7';
 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-ClDCrYSj.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-D6gSVw6c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-0xsKAVy8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'xhyz4l']});
-var link = recipeRuntime({base:['kspdr5'],variants:{appearance:{'default':'av942f',inverse:'afx92b',subtle:'_1u14j1b'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'t83239']});
+var link = recipeRuntime({base:['_1h201x1'],variants:{appearance:{'default':'_115eu5b',inverse:'_1spwhs5',subtle:'_13ifno4'}}});
 
 export { icon, link };

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

@@ -1,11 +1,13 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Slottable, Slot } from '@radix-ui/react-slot';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { IconUpRightFromSquare } from '../icons/IconUpRightFromSquare.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import '../utils/conditions.js';
+import { decorateChildren } from '../utils/decorateChildren.js';
 import { link, icon } from './Link-css.js';
 
 const Link = forwardRef(
@@ -27,7 +29,7 @@ const Link = forwardRef(
         asChild: true,
         ...link({ appearance }, className),
         ...sprinkleProps,
-        children: /* @__PURE__ */ jsxs(
+        children: /* @__PURE__ */ jsx(
           Comp,
           {
             "aria-disabled": disabled,
@@ -40,10 +42,10 @@ const Link = forwardRef(
               href: void 0,
               role: "link"
             },
-            children: [
-              /* @__PURE__ */ jsx(Slottable, { children }),
+            children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+              children2,
               external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconUpRightFromSquare, {}) })
-            ]
+            ] }))
           }
         )
       }