@symbo.ls/scratch 2.11.256 → 2.11.265

package/dist/cjs/factory.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../../domql/packages/utils/dist/cjs/key.js
+// ../../node_modules/@domql/utils/dist/cjs/key.js
 var require_key = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -57,7 +57,7 @@ var require_key = __commonJS({
       generateKey: () => generateKey
     });
     module2.exports = __toCommonJS2(key_exports);
-    var generateKey = function() {
+    var generateKey = /* @__PURE__ */ function() {
       let index = 0;
       function newId() {
         index++;
@@ -69,9 +69,9 @@ var require_key = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/env.js
+// ../../node_modules/@domql/utils/dist/cjs/env.js
 var require_env = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -107,9 +107,9 @@ var require_env = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/globals.js
+// ../../node_modules/@domql/utils/dist/cjs/globals.js
 var require_globals = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -143,9 +143,9 @@ var require_globals = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/node.js
+// ../../node_modules/@domql/utils/dist/cjs/node.js
 var require_node = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -180,9 +180,9 @@ var require_node = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/types.js
+// ../../node_modules/@domql/utils/dist/cjs/types.js
 var require_types = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -270,9 +270,9 @@ var require_types = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/array.js
+// ../../node_modules/@domql/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -383,9 +383,9 @@ var require_array = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/string.js
+// ../../node_modules/@domql/utils/dist/cjs/string.js
 var require_string = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -448,9 +448,9 @@ var require_string = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/object.js
+// ../../node_modules/@domql/utils/dist/cjs/object.js
 var require_object = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -958,9 +958,9 @@ var require_object = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/function.js
+// ../../node_modules/@domql/utils/dist/cjs/function.js
 var require_function = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1033,9 +1033,9 @@ var require_function = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/log.js
+// ../../node_modules/@domql/utils/dist/cjs/log.js
 var require_log = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1074,9 +1074,9 @@ var require_log = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/cookie.js
+// ../../node_modules/@domql/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1130,9 +1130,9 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/tags.js
+// ../../node_modules/@domql/utils/dist/cjs/tags.js
 var require_tags = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1295,9 +1295,9 @@ var require_tags = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/index.js
+// ../../node_modules/@domql/utils/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;

package/dist/cjs/index.js

@@ -66,9 +66,9 @@ var require_cjs = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/key.js
+// ../../node_modules/@domql/utils/dist/cjs/key.js
 var require_key = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -93,7 +93,7 @@ var require_key = __commonJS({
       generateKey: () => generateKey
     });
     module2.exports = __toCommonJS2(key_exports);
-    var generateKey = function() {
+    var generateKey = /* @__PURE__ */ function() {
       let index = 0;
       function newId() {
         index++;
@@ -105,9 +105,9 @@ var require_key = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/env.js
+// ../../node_modules/@domql/utils/dist/cjs/env.js
 var require_env = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -143,9 +143,9 @@ var require_env = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/globals.js
+// ../../node_modules/@domql/utils/dist/cjs/globals.js
 var require_globals = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -179,9 +179,9 @@ var require_globals = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/node.js
+// ../../node_modules/@domql/utils/dist/cjs/node.js
 var require_node = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -216,9 +216,9 @@ var require_node = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/types.js
+// ../../node_modules/@domql/utils/dist/cjs/types.js
 var require_types = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -247,12 +247,12 @@ var require_types = __commonJS({
       isDefined: () => isDefined2,
       isFunction: () => isFunction2,
       isNot: () => isNot,
-      isNull: () => isNull,
+      isNull: () => isNull2,
       isNumber: () => isNumber3,
       isObject: () => isObject8,
       isObjectLike: () => isObjectLike3,
       isString: () => isString10,
-      isUndefined: () => isUndefined
+      isUndefined: () => isUndefined2
     });
     module2.exports = __toCommonJS2(types_exports);
     var import_node = require_node();
@@ -265,7 +265,7 @@ var require_types = __commonJS({
     var isNumber3 = (arg) => typeof arg === "number";
     var isFunction2 = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
-    var isNull = (arg) => arg === null;
+    var isNull2 = (arg) => arg === null;
     var isArray9 = (arg) => Array.isArray(arg);
     var isDate = (d) => d instanceof Date;
     var isObjectLike3 = (arg) => {
@@ -274,9 +274,9 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber3(arg) || isFunction2(arg) || isArray9(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber3(arg) || isFunction2(arg) || isArray9(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull2(arg);
     };
-    var isUndefined = (arg) => {
+    var isUndefined2 = (arg) => {
       return arg === void 0;
     };
     var TYPES = {
@@ -286,7 +286,7 @@ var require_types = __commonJS({
       string: isString10,
       date: isDate,
       number: isNumber3,
-      null: isNull,
+      null: isNull2,
       function: isFunction2,
       objectLike: isObjectLike3,
       node: import_node.isNode,
@@ -306,9 +306,9 @@ var require_types = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/array.js
+// ../../node_modules/@domql/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -419,9 +419,9 @@ var require_array = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/string.js
+// ../../node_modules/@domql/utils/dist/cjs/string.js
 var require_string = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -484,9 +484,9 @@ var require_string = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/object.js
+// ../../node_modules/@domql/utils/dist/cjs/object.js
 var require_object = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -994,9 +994,9 @@ var require_object = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/function.js
+// ../../node_modules/@domql/utils/dist/cjs/function.js
 var require_function = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1069,9 +1069,9 @@ var require_function = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/log.js
+// ../../node_modules/@domql/utils/dist/cjs/log.js
 var require_log = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1110,9 +1110,9 @@ var require_log = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/cookie.js
+// ../../node_modules/@domql/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1166,9 +1166,9 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/tags.js
+// ../../node_modules/@domql/utils/dist/cjs/tags.js
 var require_tags = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1331,9 +1331,9 @@ var require_tags = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/index.js
+// ../../node_modules/@domql/utils/dist/cjs/index.js
 var require_cjs2 = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1410,6 +1410,7 @@ __export(src_exports, {
   applyTimingSequence: () => applyTimingSequence,
   applyTypographySequence: () => applyTypographySequence,
   changeLightness: () => changeLightness,
+  checkIfBoxSize: () => checkIfBoxSize,
   colorStringToRgbaArray: () => colorStringToRgbaArray,
   convertSvgToSymbol: () => convertSvgToSymbol,
   findHeadingLetter: () => findHeadingLetter,
@@ -1483,6 +1484,8 @@ __export(src_exports, {
   transformBoxShadow: () => transformBoxShadow,
   transformDuration: () => transformDuration,
   transformShadow: () => transformShadow,
+  transformSize: () => transformSize,
+  transformSizeRatio: () => transformSizeRatio,
   transformTextStroke: () => transformTextStroke,
   transformTransition: () => transformTransition,
   transfromGap: () => transfromGap
@@ -2141,7 +2144,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
   const prefix = `--${toDashCase(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
   const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
-  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || !startsWithDashOrLetter)
+  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter)
     return value;
   const letterVal = value.toUpperCase();
   const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
@@ -2185,7 +2188,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
 var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
   if (typeof value !== "string") {
     console.warn(propertyName, value, "is not a string");
-    return {};
+    return { [propertyName]: value };
   }
   if (value === "-" || value === "")
     return {};
@@ -2708,22 +2711,24 @@ var findModifier = (val, modifier) => {
   else
     return val;
 };
-var getMediaTheme = (val, mod) => {
-  const CONFIG2 = getActiveConfig();
-  if ((0, import_utils11.isString)(val) && val.slice(0, 2) === "--")
-    val = getMediaTheme(val.slice(2));
-  if (!val || !(0, import_utils11.isString)(val)) {
-    if (CONFIG2.verbose)
-      console.warn(val, "- theme is not string");
+var getMediaTheme = (value, modifier) => {
+  const activeConfig = getActiveConfig();
+  if ((0, import_utils11.isString)(value) && value.slice(0, 2) === "--") {
+    value = getMediaTheme(value.slice(2));
+  }
+  if (!value || !(0, import_utils11.isString)(value)) {
+    if (activeConfig.verbose) {
+      console.warn(`${value} - Theme is not a string`);
+    }
     return;
   }
-  const [name, ...modifier] = (0, import_utils11.isArray)(val) ? val : val.split(" ");
-  let value = CONFIG2.THEME[name];
-  if (value && (modifier || mod)) {
-    value = findModifier(value, modifier.length ? modifier : mod);
+  const [themeName, ...themeModifiers] = (0, import_utils11.isArray)(value) ? value : value.split(" ");
+  let themeValue = activeConfig.THEME[themeName];
+  if (themeValue && (themeModifiers || modifier)) {
+    themeValue = findModifier(themeValue, themeModifiers.length ? themeModifiers : modifier);
   }
-  const r = recursiveTheme(value);
-  return r;
+  const resolvedTheme = recursiveTheme(themeValue);
+  return resolvedTheme;
 };
 
 // src/system/font.js
@@ -2889,12 +2894,12 @@ var getSequence = (sequenceProps) => {
 };
 var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
   const sequence = getSequence(sequenceProps);
+  if ((0, import_utils18.isString)(value) && (value.includes("calc") || value.includes("var"))) {
+    return { [propertyName]: value };
+  }
   const stack = arrayzeValue(value);
   if (!(0, import_utils18.isArray)(stack))
     return;
-  if ((0, import_utils18.isString)(value) && value.includes("calc")) {
-    return { [propertyName]: value };
-  }
   if (stack.length > 1) {
     let suffix = "";
     if (propertyName === "borderWidth") {
@@ -3310,6 +3315,36 @@ var splitTransition = (transition) => {
     return;
   return arr.map(transformTransition).join(",");
 };
+var checkIfBoxSize = (propertyName) => {
+  const prop = propertyName.toLowerCase();
+  return (prop.includes("width") || prop.includes("height")) && !prop.includes("border");
+};
+var transformSize = (propertyName, val, props = {}, opts = {}) => {
+  let value = val || props[propertyName];
+  if ((0, import_utils27.isUndefined)(value) && (0, import_utils27.isNull)(value))
+    return;
+  const shouldScaleBoxSize = props.scaleBoxSize;
+  const isBoxSize = checkIfBoxSize(propertyName);
+  if (!shouldScaleBoxSize && isBoxSize && (0, import_utils27.isString)(value)) {
+    value = value.split(" ").map((v) => {
+      const isSingleLetter = v.length < 3 && /[A-Z]/.test(v);
+      const hasUnits = ["%", "vw", "vh", "ch"].some((unit) => value.includes(unit));
+      if (isSingleLetter && !hasUnits)
+        return v + "_default";
+      return v;
+    }).join(" ");
+  }
+  if (opts.ratio) {
+    return getSpacingBasedOnRatio(props, propertyName, value);
+  } else {
+    return getSpacingByKey(value, propertyName);
+  }
+};
+var transformSizeRatio = (propertyName, props) => {
+  return transformSize(propertyName, null, props, {
+    ratio: true
+  });
+};
 
 // src/set.js
 var import_utils28 = __toESM(require_cjs2(), 1);