@optiaxiom/react 0.7.2 → 0.7.4

package/dist/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1.16.0/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js

@@ -0,0 +1,191 @@
+"use client";
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+
+var createSprinkles = composeStyles => function () {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var sprinklesStyles = Object.assign({}, ...args.map(a => a.styles));
+  var sprinklesKeys = Object.keys(sprinklesStyles);
+  var shorthandNames = sprinklesKeys.filter(property => 'mappings' in sprinklesStyles[property]);
+  var sprinklesFn = props => {
+    var classNames = [];
+    var shorthands = {};
+    var nonShorthands = _objectSpread2({}, props);
+    var hasShorthands = false;
+    for (var shorthand of shorthandNames) {
+      var value = props[shorthand];
+      if (value != null) {
+        var sprinkle = sprinklesStyles[shorthand];
+        hasShorthands = true;
+        for (var propMapping of sprinkle.mappings) {
+          shorthands[propMapping] = value;
+          if (nonShorthands[propMapping] == null) {
+            delete nonShorthands[propMapping];
+          }
+        }
+      }
+    }
+    var finalProps = hasShorthands ? _objectSpread2(_objectSpread2({}, shorthands), nonShorthands) : props;
+    var _loop = function _loop() {
+      var propValue = finalProps[prop];
+      var sprinkle = sprinklesStyles[prop];
+      try {
+        if (sprinkle.mappings) {
+          // Skip shorthands
+          return 1; // continue
+        }
+        if (typeof propValue === 'string' || typeof propValue === 'number') {
+          if (process.env.NODE_ENV !== 'production') {
+            if (!sprinkle.values[propValue].defaultClass) {
+              throw new Error();
+            }
+          }
+          classNames.push(sprinkle.values[propValue].defaultClass);
+        } else if (Array.isArray(propValue)) {
+          for (var responsiveIndex = 0; responsiveIndex < propValue.length; responsiveIndex++) {
+            var responsiveValue = propValue[responsiveIndex];
+            if (responsiveValue != null) {
+              var conditionName = sprinkle.responsiveArray[responsiveIndex];
+              if (process.env.NODE_ENV !== 'production') {
+                if (!sprinkle.values[responsiveValue].conditions[conditionName]) {
+                  throw new Error();
+                }
+              }
+              classNames.push(sprinkle.values[responsiveValue].conditions[conditionName]);
+            }
+          }
+        } else {
+          for (var _conditionName in propValue) {
+            // Conditional style
+            var _value = propValue[_conditionName];
+            if (_value != null) {
+              if (process.env.NODE_ENV !== 'production') {
+                if (!sprinkle.values[_value].conditions[_conditionName]) {
+                  throw new Error();
+                }
+              }
+              classNames.push(sprinkle.values[_value].conditions[_conditionName]);
+            }
+          }
+        }
+      } catch (e) {
+        if (process.env.NODE_ENV !== 'production') {
+          class SprinklesError extends Error {
+            constructor(message) {
+              super(message);
+              this.name = 'SprinklesError';
+            }
+          }
+          var format = v => typeof v === 'string' ? "\"".concat(v, "\"") : v;
+          var invalidPropValue = (prop, value, possibleValues) => {
+            throw new SprinklesError("\"".concat(prop, "\" has no value ").concat(format(value), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(', ')));
+          };
+          if (!sprinkle) {
+            throw new SprinklesError("\"".concat(prop, "\" is not a valid sprinkle"));
+          }
+          if (typeof propValue === 'string' || typeof propValue === 'number') {
+            if (!(propValue in sprinkle.values)) {
+              invalidPropValue(prop, propValue, sprinkle.values);
+            }
+            if (!sprinkle.values[propValue].defaultClass) {
+              throw new SprinklesError("\"".concat(prop, "\" has no default condition. You must specify which conditions to target explicitly. Possible options are ").concat(Object.keys(sprinkle.values[propValue].conditions).map(format).join(', ')));
+            }
+          }
+          if (typeof propValue === 'object') {
+            if (!('conditions' in sprinkle.values[Object.keys(sprinkle.values)[0]])) {
+              throw new SprinklesError("\"".concat(prop, "\" is not a conditional property"));
+            }
+            if (Array.isArray(propValue)) {
+              if (!('responsiveArray' in sprinkle)) {
+                throw new SprinklesError("\"".concat(prop, "\" does not support responsive arrays"));
+              }
+              var breakpointCount = sprinkle.responsiveArray.length;
+              if (breakpointCount < propValue.length) {
+                throw new SprinklesError("\"".concat(prop, "\" only supports up to ").concat(breakpointCount, " breakpoints. You passed ").concat(propValue.length));
+              }
+              for (var _responsiveValue of propValue) {
+                if (!sprinkle.values[_responsiveValue]) {
+                  invalidPropValue(prop, _responsiveValue, sprinkle.values);
+                }
+              }
+            } else {
+              for (var _conditionName2 in propValue) {
+                var _value2 = propValue[_conditionName2];
+                if (_value2 != null) {
+                  if (!sprinkle.values[_value2]) {
+                    invalidPropValue(prop, _value2, sprinkle.values);
+                  }
+                  if (!sprinkle.values[_value2].conditions[_conditionName2]) {
+                    throw new SprinklesError("\"".concat(prop, "\" has no condition named ").concat(format(_conditionName2), ". Possible values are ").concat(Object.keys(sprinkle.values[_value2].conditions).map(format).join(', ')));
+                  }
+                }
+              }
+            }
+          }
+        }
+        throw e;
+      }
+    };
+    for (var prop in finalProps) {
+      if (_loop()) continue;
+    }
+    return composeStyles(classNames.join(' '));
+  };
+  return Object.assign(sprinklesFn, {
+    properties: new Set(sprinklesKeys)
+  });
+};
+
+export { createSprinkles as c };

package/dist/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.7.2";
+var version = "0.7.4";
 
 export { version };

package/dist/packages/react/src/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/packages/react/src/alert-dialog-body/AlertDialogBody-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CM2SHK-Z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CmGxNSTJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'qn0dbb']});
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_1abbmxx'],variants:{size:{sm:'_14c2xjd',md:'_6k2ld4',lg:'djgbs8'}}});
+var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'fwgfns']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_59y3n4'],variants:{size:{sm:'aldb2n',md:'_1jyt592',lg:'_1td78ur'}}});
 
 export { container, content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DiuYM90Z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BuG2MyR5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1bdfkoj']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_7js0qh']});
 
 export { footer };

package/dist/packages/react/src/alert-dialog-title/AlertDialogTitle.js

@@ -9,6 +9,7 @@ import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import '../utils/conditions.js';
+import '@radix-ui/react-slot';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 
 const AlertDialogTitle = forwardRef(({ addonBefore, children, ...props }, ref) => {

package/dist/packages/react/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Auz9P4C_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DGrtDSIz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_1fq3wub']});
+var content = recipeRuntime({base:[{p:'4'},'rg9g2s']});
 
 export { content };

package/dist/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CQfWosGa.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/avatar/Avatar.css.ts.vanilla-CKsdYta1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'kyd11z'],variants:{colorScheme:{neutral:{bg:'avatar.bg.neutral',color:'avatar.fg.neutral'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1c5uht9'],sm:[{fontSize:'xs',size:'sm'},'_1d1i3yg'],md:[{fontSize:'md',size:'md'},'_1m3s31a'],lg:[{fontSize:'lg',size:'lg'},'kaoejw'],xl:[{fontSize:'2xl',size:'xl'},'_770yzc'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1q7svqy']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'ttckcu'],variants:{colorScheme:{neutral:{bg:'avatar.bg.neutral',color:'avatar.fg.neutral'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1q1jbex'],sm:[{fontSize:'xs',size:'sm'},'_1b4gnvb'],md:[{fontSize:'md',size:'md'},'ffc1cc'],lg:[{fontSize:'lg',size:'lg'},'_15cbrvt'],xl:[{fontSize:'2xl',size:'xl'},'_1utp5qy'],'5xl':[{fontSize:'4xl',size:'5xl'},'r5sgiw']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
 

package/dist/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.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 avatarGroup = recipeRuntime({base:['gkb1xk',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['wsgyh1',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DkM2vw4K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DnNuuS0I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_13j6lqi']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_11ff85k']});
 
 export { backdrop };

package/dist/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-afQz8aOg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-JeWad4NR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_7erjzy'],variants:{intent:{danger:'_41owo0',information:'_7gz0xh',neutral:'_1tm4zuj',primary:'_3i4jcj',success:'_19m7eve',warning:'_13erxru'},variant:{light:'_1nszjla',solid:'ruxwu7'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1q90tcy'],variants:{intent:{danger:'opv8an',information:'_1d0djbj',neutral:'_1bm5l56',primary:'j67wcx',success:'cgdzjc',warning:'_1wknd9j'},variant:{light:'_30hzup',solid:'s4ybv5'}}});
 
 export { badge };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.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-XUGlhnOn.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-Bz_ADEyE.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:'_1bl9fvk'});
+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-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BIJoN1-n.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:['dt9sor',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'axme0t'],variants:{iconOnly:{false:'_159cwj9',true:{}},intent:{danger:'yehpmd',neutral:'uc82vn',primary:'_19o65wk'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'bvdkjy',solid:'_1g69utl',subtle:'ukwws4'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1iei67h',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1pjlpe1',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1ymltf',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'_1q3ayvf'});
+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-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.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:'ad0tlr'});
+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-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BIJoN1-n.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DxEMuSNN.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'},'_8lwg9v']});
+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-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-pCGq_jox.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-D5czNLzB.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:'_1m8da28'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'zbvk8'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['nsw2tc']});
+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:'_1h1sjih'});
+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-XUGlhnOn.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-CJGMODYR.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'},'e5pagu']});
+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-XUGlhnOn.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-tqXG5OtF.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:'_1gv9mc6'});
+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-XUGlhnOn.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-DIapgyBi.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(--xacm21)';
-var columnWidthVar = 'var(--p26rq7)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1bg4q7u'],variants:{pinned:{false:{},left:'_10qb8q2',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'paetcc'],variants:{pinned:{false:{},left:'fj003u',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1844des']});
+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-XUGlhnOn.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-Oe2LZaPG.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'},'olwzjp'],variants:{sortable:{false:'_19zroet',true:'sjm9v2'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1xjilds',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-XUGlhnOn.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-COTXVR-W.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'},'_16h8ldm']});
+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-XUGlhnOn.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CROC5ntU.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'},'_1wd9agg'],variants:{size:{sm:'_1e7c6ar',md:'_1kdy2p7',lg:'b60afh',fullscreen:'_1jd3zmu'}}});
+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-XUGlhnOn.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-CaKXua4s.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'},'n0q67s']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bs7lh']});
 
 export { description };