@blockle/blocks 0.11.1 → 0.11.2

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

@@ -1,9 +1,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
+const require$$0 = 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 = react.forwardRef(function Text2({ tag: Tag = "span", asChild, children, className, ...restProps }, ref) {
+const Text = require$$0.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,16 +1,326 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
-const sprinkles = require("@vanilla-extract/sprinkles");
+const css = require("@vanilla-extract/css");
+const recipe = require("@vanilla-extract/css/recipe");
 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 = sprinkles.defineProperties({
+const unresponsiveAtomicProperties = defineProperties({
   properties: styles_lib_css_atoms_atomicProperties_cjs.unresponsiveProperties,
   shorthands: {
     inset: ["insetBlockStart", "insetBlockEnd", "insetInlineStart", "insetInlineEnd"]
   }
 });
-const responsiveAtomicProperties = sprinkles.defineProperties({
+const responsiveAtomicProperties = defineProperties({
   defaultCondition: "mobile",
   conditions: {
     mobile: {},
@@ -33,6 +343,6 @@ const responsiveAtomicProperties = sprinkles.defineProperties({
     placeItems: ["justifyContent", "alignItems"]
   }
 });
-const atoms = sprinkles.createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
+const atoms = createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
 fileScope.endFileScope();
 exports.atoms = atoms;

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

@@ -1,7 +1,317 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
+import { hasFileScope, setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { composeStyles, style } from "@vanilla-extract/css";
+import { addRecipe } from "@vanilla-extract/css/recipe";
 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,