@blockle/blocks 0.11.2 → 0.11.3

package/dist/styles/components/typography/Text/Text.cjs

@@ -1,9 +1,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_components_typography_Text_text_css_cjs = require("./text.css.cjs");
-const Text = require$$0.forwardRef(function Text2({ tag: Tag = "span", asChild, children, className, ...restProps }, ref) {
+const Text = react.forwardRef(function Text2({ tag: Tag = "span", asChild, children, className, ...restProps }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.Box, { ref, asChild: true, className: styles_components_display_Divider_Divider_cjs.classnames(styles_components_typography_Text_text_css_cjs.text, className), ...restProps, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Tag, { children }) });
 });
 exports.Text = Text;

package/dist/styles/lib/css/atoms/sprinkles.css.cjs

@@ -1,326 +1,16 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const recipe = require("@vanilla-extract/css/recipe");
+const sprinkles = require("@vanilla-extract/sprinkles");
 const styles_lib_css_atoms_atomicProperties_cjs = require("./atomicProperties.cjs");
 const styles_lib_css_atoms_breakpoints_cjs = require("./breakpoints.cjs");
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-var createSprinkles$1 = (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 _loop2() {
-      var propValue = finalProps[prop];
-      var sprinkle2 = sprinklesStyles[prop];
-      try {
-        if (sprinkle2.mappings) {
-          return "continue";
-        }
-        if (typeof propValue === "string" || typeof propValue === "number") {
-          if (process.env.NODE_ENV !== "production") {
-            if (!sprinkle2.values[propValue].defaultClass) {
-              throw new Error();
-            }
-          }
-          classNames.push(sprinkle2.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 = sprinkle2.responsiveArray[responsiveIndex];
-              if (process.env.NODE_ENV !== "production") {
-                if (!sprinkle2.values[responsiveValue].conditions[conditionName]) {
-                  throw new Error();
-                }
-              }
-              classNames.push(sprinkle2.values[responsiveValue].conditions[conditionName]);
-            }
-          }
-        } else {
-          for (var _conditionName in propValue) {
-            var _value = propValue[_conditionName];
-            if (_value != null) {
-              if (process.env.NODE_ENV !== "production") {
-                if (!sprinkle2.values[_value].conditions[_conditionName]) {
-                  throw new Error();
-                }
-              }
-              classNames.push(sprinkle2.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 = (prop2, value2, possibleValues) => {
-            throw new SprinklesError('"'.concat(prop2, '" has no value ').concat(format(value2), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(", ")));
-          };
-          if (!sprinkle2) {
-            throw new SprinklesError('"'.concat(prop, '" is not a valid sprinkle'));
-          }
-          if (typeof propValue === "string" || typeof propValue === "number") {
-            if (!(propValue in sprinkle2.values)) {
-              invalidPropValue(prop, propValue, sprinkle2.values);
-            }
-            if (!sprinkle2.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(sprinkle2.values[propValue].conditions).map(format).join(", ")));
-            }
-          }
-          if (typeof propValue === "object") {
-            if (!("conditions" in sprinkle2.values[Object.keys(sprinkle2.values)[0]])) {
-              throw new SprinklesError('"'.concat(prop, '" is not a conditional property'));
-            }
-            if (Array.isArray(propValue)) {
-              if (!("responsiveArray" in sprinkle2)) {
-                throw new SprinklesError('"'.concat(prop, '" does not support responsive arrays'));
-              }
-              var breakpointCount = sprinkle2.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 (!sprinkle2.values[_responsiveValue]) {
-                  invalidPropValue(prop, _responsiveValue, sprinkle2.values);
-                }
-              }
-            } else {
-              for (var _conditionName2 in propValue) {
-                var _value2 = propValue[_conditionName2];
-                if (_value2 != null) {
-                  if (!sprinkle2.values[_value2]) {
-                    invalidPropValue(prop, _value2, sprinkle2.values);
-                  }
-                  if (!sprinkle2.values[_value2].conditions[_conditionName2]) {
-                    throw new SprinklesError('"'.concat(prop, '" has no condition named ').concat(format(_conditionName2), ". Possible values are ").concat(Object.keys(sprinkle2.values[_value2].conditions).map(format).join(", ")));
-                  }
-                }
-              }
-            }
-          }
-        }
-        throw e;
-      }
-    };
-    for (var prop in finalProps) {
-      var _ret = _loop();
-      if (_ret === "continue")
-        continue;
-    }
-    return composeStyles(classNames.join(" "));
-  };
-  return Object.assign(sprinklesFn, {
-    properties: new Set(sprinklesKeys)
-  });
-};
-function defineProperties(options) {
-  var styles = "shorthands" in options ? Object.fromEntries(Object.entries(options.shorthands).map((_ref) => {
-    var [prop, mappings] = _ref;
-    return [prop, {
-      mappings
-    }];
-  })) : {};
-  var _loop = function _loop2(key2) {
-    var property = options.properties[key2];
-    styles[key2] = {
-      values: {}
-    };
-    if ("responsiveArray" in options) {
-      styles[key2].responsiveArray = options.responsiveArray;
-    }
-    var processValue = (valueName2, value2) => {
-      if ("conditions" in options) {
-        styles[key2].values[valueName2] = {
-          conditions: {}
-        };
-        var defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
-        var defaultClasses = [];
-        for (var _conditionName in options.conditions) {
-          var styleValue = typeof value2 === "object" ? value2 : {
-            [key2]: value2
-          };
-          var condition = options.conditions[_conditionName];
-          if (condition["@supports"]) {
-            styleValue = {
-              "@supports": {
-                [condition["@supports"]]: styleValue
-              }
-            };
-          }
-          if (condition["@container"]) {
-            styleValue = {
-              "@container": {
-                [condition["@container"]]: styleValue
-              }
-            };
-          }
-          if (condition["@media"]) {
-            styleValue = {
-              "@media": {
-                [condition["@media"]]: styleValue
-              }
-            };
-          }
-          if (condition.selector) {
-            styleValue = {
-              selectors: {
-                [condition.selector]: styleValue
-              }
-            };
-          }
-          if (options["@layer"]) {
-            styleValue = {
-              "@layer": {
-                [options["@layer"]]: styleValue
-              }
-            };
-          }
-          var className = css.style(styleValue, "".concat(key2, "_").concat(String(valueName2), "_").concat(_conditionName));
-          styles[key2].values[valueName2].conditions[_conditionName] = className;
-          if (defaultConditions.indexOf(_conditionName) > -1) {
-            defaultClasses.push(className);
-          }
-        }
-        if (defaultClasses.length > 0) {
-          styles[key2].values[valueName2].defaultClass = defaultClasses.join(" ");
-        }
-      } else {
-        var _styleValue = typeof value2 === "object" ? value2 : {
-          [key2]: value2
-        };
-        if (options["@layer"]) {
-          _styleValue = {
-            "@layer": {
-              [options["@layer"]]: _styleValue
-            }
-          };
-        }
-        styles[key2].values[valueName2] = {
-          defaultClass: css.style(_styleValue, "".concat(key2, "_").concat(String(valueName2)))
-        };
-      }
-    };
-    if (Array.isArray(property)) {
-      for (var value of property) {
-        processValue(value, value);
-      }
-    } else {
-      for (var valueName in property) {
-        var _value = property[valueName];
-        processValue(valueName, _value);
-      }
-    }
-  };
-  for (var key in options.properties) {
-    _loop(key);
-  }
-  var conditions = "conditions" in options ? {
-    defaultCondition: options.defaultCondition,
-    conditionNames: Object.keys(options.conditions),
-    responsiveArray: options.responsiveArray
-  } : void 0;
-  return {
-    conditions,
-    styles
-  };
-}
-var mockComposeStyles = (classList) => classList;
-function createSprinkles() {
-  for (var _len = arguments.length, config = new Array(_len), _key = 0; _key < _len; _key++) {
-    config[_key] = arguments[_key];
-  }
-  var sprinkles = createSprinkles$1(fileScope.hasFileScope() ? css.composeStyles : mockComposeStyles)(...config);
-  return recipe.addRecipe(sprinkles, {
-    importPath: "@vanilla-extract/sprinkles/createRuntimeSprinkles",
-    importName: "createSprinkles",
-    args: config
-  });
-}
 fileScope.setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
-const unresponsiveAtomicProperties = defineProperties({
+const unresponsiveAtomicProperties = sprinkles.defineProperties({
   properties: styles_lib_css_atoms_atomicProperties_cjs.unresponsiveProperties,
   shorthands: {
     inset: ["insetBlockStart", "insetBlockEnd", "insetInlineStart", "insetInlineEnd"]
   }
 });
-const responsiveAtomicProperties = defineProperties({
+const responsiveAtomicProperties = sprinkles.defineProperties({
   defaultCondition: "mobile",
   conditions: {
     mobile: {},
@@ -343,6 +33,6 @@ const responsiveAtomicProperties = defineProperties({
     placeItems: ["justifyContent", "alignItems"]
   }
 });
-const atoms = createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
+const atoms = sprinkles.createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
 fileScope.endFileScope();
 exports.atoms = atoms;

package/dist/styles/lib/css/atoms/sprinkles.css.mjs

@@ -1,317 +1,7 @@
-import { hasFileScope, setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { composeStyles, style } from "@vanilla-extract/css";
-import { addRecipe } from "@vanilla-extract/css/recipe";
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
 import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.mjs";
 import { breakpointQuery, breakpointNames } from "./breakpoints.mjs";
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-var createSprinkles$1 = (composeStyles2) => 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 _loop2() {
-      var propValue = finalProps[prop];
-      var sprinkle2 = sprinklesStyles[prop];
-      try {
-        if (sprinkle2.mappings) {
-          return "continue";
-        }
-        if (typeof propValue === "string" || typeof propValue === "number") {
-          if (process.env.NODE_ENV !== "production") {
-            if (!sprinkle2.values[propValue].defaultClass) {
-              throw new Error();
-            }
-          }
-          classNames.push(sprinkle2.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 = sprinkle2.responsiveArray[responsiveIndex];
-              if (process.env.NODE_ENV !== "production") {
-                if (!sprinkle2.values[responsiveValue].conditions[conditionName]) {
-                  throw new Error();
-                }
-              }
-              classNames.push(sprinkle2.values[responsiveValue].conditions[conditionName]);
-            }
-          }
-        } else {
-          for (var _conditionName in propValue) {
-            var _value = propValue[_conditionName];
-            if (_value != null) {
-              if (process.env.NODE_ENV !== "production") {
-                if (!sprinkle2.values[_value].conditions[_conditionName]) {
-                  throw new Error();
-                }
-              }
-              classNames.push(sprinkle2.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 = (prop2, value2, possibleValues) => {
-            throw new SprinklesError('"'.concat(prop2, '" has no value ').concat(format(value2), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(", ")));
-          };
-          if (!sprinkle2) {
-            throw new SprinklesError('"'.concat(prop, '" is not a valid sprinkle'));
-          }
-          if (typeof propValue === "string" || typeof propValue === "number") {
-            if (!(propValue in sprinkle2.values)) {
-              invalidPropValue(prop, propValue, sprinkle2.values);
-            }
-            if (!sprinkle2.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(sprinkle2.values[propValue].conditions).map(format).join(", ")));
-            }
-          }
-          if (typeof propValue === "object") {
-            if (!("conditions" in sprinkle2.values[Object.keys(sprinkle2.values)[0]])) {
-              throw new SprinklesError('"'.concat(prop, '" is not a conditional property'));
-            }
-            if (Array.isArray(propValue)) {
-              if (!("responsiveArray" in sprinkle2)) {
-                throw new SprinklesError('"'.concat(prop, '" does not support responsive arrays'));
-              }
-              var breakpointCount = sprinkle2.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 (!sprinkle2.values[_responsiveValue]) {
-                  invalidPropValue(prop, _responsiveValue, sprinkle2.values);
-                }
-              }
-            } else {
-              for (var _conditionName2 in propValue) {
-                var _value2 = propValue[_conditionName2];
-                if (_value2 != null) {
-                  if (!sprinkle2.values[_value2]) {
-                    invalidPropValue(prop, _value2, sprinkle2.values);
-                  }
-                  if (!sprinkle2.values[_value2].conditions[_conditionName2]) {
-                    throw new SprinklesError('"'.concat(prop, '" has no condition named ').concat(format(_conditionName2), ". Possible values are ").concat(Object.keys(sprinkle2.values[_value2].conditions).map(format).join(", ")));
-                  }
-                }
-              }
-            }
-          }
-        }
-        throw e;
-      }
-    };
-    for (var prop in finalProps) {
-      var _ret = _loop();
-      if (_ret === "continue")
-        continue;
-    }
-    return composeStyles2(classNames.join(" "));
-  };
-  return Object.assign(sprinklesFn, {
-    properties: new Set(sprinklesKeys)
-  });
-};
-function defineProperties(options) {
-  var styles = "shorthands" in options ? Object.fromEntries(Object.entries(options.shorthands).map((_ref) => {
-    var [prop, mappings] = _ref;
-    return [prop, {
-      mappings
-    }];
-  })) : {};
-  var _loop = function _loop2(key2) {
-    var property = options.properties[key2];
-    styles[key2] = {
-      values: {}
-    };
-    if ("responsiveArray" in options) {
-      styles[key2].responsiveArray = options.responsiveArray;
-    }
-    var processValue = (valueName2, value2) => {
-      if ("conditions" in options) {
-        styles[key2].values[valueName2] = {
-          conditions: {}
-        };
-        var defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
-        var defaultClasses = [];
-        for (var _conditionName in options.conditions) {
-          var styleValue = typeof value2 === "object" ? value2 : {
-            [key2]: value2
-          };
-          var condition = options.conditions[_conditionName];
-          if (condition["@supports"]) {
-            styleValue = {
-              "@supports": {
-                [condition["@supports"]]: styleValue
-              }
-            };
-          }
-          if (condition["@container"]) {
-            styleValue = {
-              "@container": {
-                [condition["@container"]]: styleValue
-              }
-            };
-          }
-          if (condition["@media"]) {
-            styleValue = {
-              "@media": {
-                [condition["@media"]]: styleValue
-              }
-            };
-          }
-          if (condition.selector) {
-            styleValue = {
-              selectors: {
-                [condition.selector]: styleValue
-              }
-            };
-          }
-          if (options["@layer"]) {
-            styleValue = {
-              "@layer": {
-                [options["@layer"]]: styleValue
-              }
-            };
-          }
-          var className = style(styleValue, "".concat(key2, "_").concat(String(valueName2), "_").concat(_conditionName));
-          styles[key2].values[valueName2].conditions[_conditionName] = className;
-          if (defaultConditions.indexOf(_conditionName) > -1) {
-            defaultClasses.push(className);
-          }
-        }
-        if (defaultClasses.length > 0) {
-          styles[key2].values[valueName2].defaultClass = defaultClasses.join(" ");
-        }
-      } else {
-        var _styleValue = typeof value2 === "object" ? value2 : {
-          [key2]: value2
-        };
-        if (options["@layer"]) {
-          _styleValue = {
-            "@layer": {
-              [options["@layer"]]: _styleValue
-            }
-          };
-        }
-        styles[key2].values[valueName2] = {
-          defaultClass: style(_styleValue, "".concat(key2, "_").concat(String(valueName2)))
-        };
-      }
-    };
-    if (Array.isArray(property)) {
-      for (var value of property) {
-        processValue(value, value);
-      }
-    } else {
-      for (var valueName in property) {
-        var _value = property[valueName];
-        processValue(valueName, _value);
-      }
-    }
-  };
-  for (var key in options.properties) {
-    _loop(key);
-  }
-  var conditions = "conditions" in options ? {
-    defaultCondition: options.defaultCondition,
-    conditionNames: Object.keys(options.conditions),
-    responsiveArray: options.responsiveArray
-  } : void 0;
-  return {
-    conditions,
-    styles
-  };
-}
-var mockComposeStyles = (classList) => classList;
-function createSprinkles() {
-  for (var _len = arguments.length, config = new Array(_len), _key = 0; _key < _len; _key++) {
-    config[_key] = arguments[_key];
-  }
-  var sprinkles = createSprinkles$1(hasFileScope() ? composeStyles : mockComposeStyles)(...config);
-  return addRecipe(sprinkles, {
-    importPath: "@vanilla-extract/sprinkles/createRuntimeSprinkles",
-    importName: "createSprinkles",
-    args: config
-  });
-}
 setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
 const unresponsiveAtomicProperties = defineProperties({
   properties: unresponsiveProperties,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",
@@ -105,7 +105,9 @@
   },
   "peerDependencies": {
     "@vanilla-extract/css": "^1.14",
-    "react": "^18"
+    "@vanilla-extract/sprinkles": "^1.6",
+    "react": "^18",
+    "react-dom": "^18"
   },
   "packageManager": "yarn@1.22.19"
 }