@symbo.ls/scratch 3.14.0 → 3.14.2

package/dist/cjs/system/color.js

@@ -1,268 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var color_exports = {};
-__export(color_exports, {
-  getColor: () => getColor,
-  getMediaColor: () => getMediaColor,
-  setColor: () => setColor,
-  setGradient: () => setGradient
-});
-module.exports = __toCommonJS(color_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-var import_utils2 = require("../utils/index.js");
-const getColor = (value, key, config) => {
-  const CONFIG = config || (0, import_factory.getActiveConfig)();
-  if (!(0, import_utils.isString)(value)) {
-    if (CONFIG.verbose) console.warn(value, "- type for color is not valid");
-    return;
-  }
-  if ((0, import_utils2.isCSSVar)(value)) return `var(${value})`;
-  if (key && value[key]) value = value[key];
-  let name, alpha, tone;
-  if ((0, import_utils.isArray)(value)) {
-    [name, alpha, tone] = value;
-  } else {
-    const parsed = (0, import_utils2.parseColorToken)(value);
-    if (!parsed) {
-      const { color: COLOR2, gradient: GRADIENT2 } = CONFIG;
-      const directVal = GRADIENT2[value] || COLOR2[value];
-      if (directVal) return CONFIG.useVariable ? `var(${directVal.var})` : directVal.value;
-      return value;
-    }
-    if (parsed.passthrough) return parsed.passthrough;
-    if (parsed.cssVar) return `var(${parsed.cssVar})`;
-    name = parsed.name;
-    alpha = parsed.alpha;
-    tone = parsed.tone;
-  }
-  const { color: COLOR, gradient: GRADIENT } = CONFIG;
-  let val = COLOR[name] || GRADIENT[name];
-  if (!val) {
-    if (CONFIG.verbose) console.warn("Can't find color ", name);
-    return value;
-  }
-  if (key) {
-    if (val[key]) val = val[key];
-    else if (CONFIG.verbose) console.warn(value, " - does not have ", key);
-  }
-  let rgb = val.rgb;
-  if (!rgb) {
-    return CONFIG.useVariable ? `var(${val.var})` : val.value;
-  }
-  if (tone && !val[tone]) {
-    rgb = (0, import_utils2.getRgbTone)(rgb, tone);
-    val[tone] = { rgb, var: `${val.var}-${tone}` };
-  }
-  if (val[tone]) rgb = val[tone].rgb;
-  if (alpha) return `rgba(${rgb}, ${alpha})`;
-  if (tone) return `rgba(${rgb}, 1)`;
-  return CONFIG.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
-};
-const getMediaColor = (value, globalTheme, config) => {
-  const CONFIG = config || (0, import_factory.getActiveConfig)();
-  if (!globalTheme) globalTheme = CONFIG.globalTheme === "auto" ? null : CONFIG.globalTheme;
-  if (!(0, import_utils.isString)(value)) {
-    if (CONFIG.verbose) console.warn(value, "- type for color is not valid");
-    return;
-  }
-  if ((0, import_utils2.isCSSVar)(value)) return `var(${value})`;
-  let name;
-  if ((0, import_utils.isArray)(value)) {
-    name = value[0];
-  } else {
-    const parsed = (0, import_utils2.parseColorToken)(value);
-    if (!parsed) return value;
-    if (parsed.passthrough) return parsed.passthrough;
-    if (parsed.cssVar) return `var(${parsed.cssVar})`;
-    name = parsed.name;
-  }
-  const { color: COLOR, gradient: GRADIENT } = CONFIG;
-  const val = COLOR[name] || GRADIENT[name];
-  const isObj = (0, import_utils.isObject)(val);
-  if (isObj && val.value) return getColor(value, `@${globalTheme}`, config);
-  else if (isObj) {
-    if (CONFIG.useVariable && val.var) return `var(${val.var})`;
-    if (globalTheme) return getColor(value, `@${globalTheme}`, config);
-    else {
-      const obj = {};
-      for (const mediaName in val) {
-        if (mediaName.charCodeAt(0) !== 64) continue;
-        const query = CONFIG.media[mediaName.slice(1)];
-        if (!query) continue;
-        const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
-        obj[media] = getColor(value, mediaName, config);
-      }
-      return obj;
-    }
-  } else {
-    if (CONFIG.verbose) console.warn("Can't find color", value);
-    return value;
-  }
-};
-const setColor = (val, key, suffix) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if ((0, import_utils.isString)(val) && (0, import_utils2.isCSSVar)(val)) {
-    const rawRef = val.slice(2);
-    val = getColor(rawRef);
-    if (!(val.includes("rgb") || val.includes("var") || val.includes("#"))) {
-      const parts = rawRef.split(" ");
-      let refColor = CONFIG.color[parts[0]];
-      if (refColor && !refColor.value && !refColor.rgb && ((0, import_utils.isString)(refColor) || (0, import_utils.isArray)(refColor) || (0, import_utils.isObject)(refColor))) {
-        CONFIG.color[parts[0]] = setColor(refColor, parts[0]);
-        refColor = CONFIG.color[parts[0]];
-      }
-      if (refColor && refColor.value) {
-        let rgb2 = refColor.rgb;
-        const alpha2 = parts[1] !== void 0 ? parts[1] : "1";
-        const tone = parts[2];
-        if (tone) {
-          rgb2 = (0, import_utils2.getRgbTone)(rgb2, tone);
-        }
-        val = `rgba(${rgb2}, ${alpha2})`;
-      } else {
-        const tone = parts[2];
-        const alpha2 = parts[1] !== void 0 ? parts[1] : "1";
-        if (tone) {
-          try {
-            const rgb2 = (0, import_utils2.colorStringToRgbaArray)(parts[0]);
-            if (rgb2 && rgb2.length >= 3) {
-              const tonedRgb = (0, import_utils2.getRgbTone)(rgb2.slice(0, 3).join(", "), tone);
-              val = `rgba(${tonedRgb}, ${alpha2})`;
-            } else {
-              val = parts[0];
-            }
-          } catch (e) {
-            val = parts[0];
-          }
-        } else {
-          val = parts[0];
-        }
-      }
-    }
-  }
-  if ((0, import_utils.isArray)(val)) {
-    val = { "@light": val[0], "@dark": val[1] };
-  }
-  if ((0, import_utils.isObject)(val)) {
-    const obj = {};
-    for (const variant in val) {
-      obj[variant] = setColor(
-        val[variant],
-        key,
-        variant.slice(0, 1) === "@" ? variant.slice(1) : variant
-      );
-    }
-    if (CONFIG.useVariable) {
-      const vp2 = CONFIG.varPrefix ? CONFIG.varPrefix + "-" : "";
-      const adaptiveVar = `--${vp2}color-${key}`;
-      let fallbackValue;
-      const schemeValues = {};
-      for (const variant in obj) {
-        if (variant.charCodeAt(0) !== 64) continue;
-        const scheme = variant.slice(1);
-        const entry = obj[variant];
-        const value2 = entry && (entry.value || entry);
-        if (!value2 || typeof value2 !== "string") continue;
-        schemeValues[scheme] = value2;
-        if (scheme === "light" || fallbackValue === void 0) fallbackValue = value2;
-      }
-      if (fallbackValue !== void 0) {
-        CONFIG.cssVars[adaptiveVar] = fallbackValue;
-        if (!CONFIG.cssMediaVars) CONFIG.cssMediaVars = {};
-        for (const scheme in schemeValues) {
-          const sel = `[data-theme="${scheme}"]`;
-          if (!CONFIG.cssMediaVars[sel]) CONFIG.cssMediaVars[sel] = {};
-          CONFIG.cssMediaVars[sel][adaptiveVar] = schemeValues[scheme];
-          if (scheme === "light" || scheme === "dark") {
-            const mq = `@media (prefers-color-scheme: ${scheme})`;
-            if (!CONFIG.cssMediaVars[mq]) CONFIG.cssMediaVars[mq] = {};
-            CONFIG.cssMediaVars[mq][adaptiveVar] = schemeValues[scheme];
-          }
-        }
-        obj.var = adaptiveVar;
-      }
-    }
-    return obj;
-  }
-  const vp = CONFIG.varPrefix ? CONFIG.varPrefix + "-" : "";
-  const CSSVar = `--${vp}color-${key}` + (suffix ? `-${suffix}` : "");
-  let resolvedVal = val.value || val;
-  if ((0, import_utils.isString)(resolvedVal) && resolvedVal.includes(".") && !resolvedVal.includes("(")) {
-    const [colorRef, alphaStr] = resolvedVal.split(".");
-    const refColor = CONFIG.color[colorRef];
-    if (refColor && refColor.rgb) {
-      resolvedVal = `rgba(${refColor.rgb}, ${parseFloat("0." + alphaStr) || 1})`;
-    }
-  }
-  if ((0, import_utils.isString)(resolvedVal) && !resolvedVal.includes("(") && !resolvedVal.startsWith("#")) {
-    const parsed = (0, import_utils2.parseColorToken)(resolvedVal);
-    if (parsed && parsed.name && !parsed.passthrough && !parsed.cssVar) {
-      const refColor = CONFIG.color[parsed.name];
-      if (refColor && !refColor.value && !refColor.rgb && ((0, import_utils.isString)(refColor) || (0, import_utils.isArray)(refColor) || (0, import_utils.isObject)(refColor))) {
-        CONFIG.color[parsed.name] = setColor(refColor, parsed.name);
-      }
-      const baseColor = CONFIG.color[parsed.name];
-      if (baseColor && baseColor.rgb) {
-        let rgb2 = baseColor.rgb;
-        if (parsed.tone) rgb2 = (0, import_utils2.getRgbTone)(rgb2, parsed.tone);
-        const alphaVal = parsed.alpha ? parseFloat(parsed.alpha) : 1;
-        resolvedVal = `rgba(${rgb2}, ${alphaVal})`;
-      }
-    }
-  }
-  const colorArr = (0, import_utils2.colorStringToRgbaArray)(resolvedVal);
-  const [r, g, b, a = 1] = colorArr;
-  const alpha = parseFloat(a.toFixed(2));
-  const rgb = `${r}, ${g}, ${b}`;
-  const value = `rgba(${rgb}, ${alpha})`;
-  if (CONFIG.useVariable) {
-    CONFIG.cssVars[CSSVar] = value;
-  }
-  return {
-    var: CSSVar,
-    rgb,
-    alpha,
-    value
-  };
-};
-const setGradient = (val, key, suffix) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if ((0, import_utils.isString)(val) && (0, import_utils2.isCSSVar)(val)) val = getColor(val.slice(2));
-  if ((0, import_utils.isArray)(val)) {
-    return {
-      "@light": setGradient(val[0], key, "light"),
-      "@dark": setGradient(val[0], key, "dark")
-    };
-  }
-  if ((0, import_utils.isObject)(val)) {
-    const obj = {};
-    for (const variant in val) obj[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
-    return obj;
-  }
-  const vp = CONFIG.varPrefix ? CONFIG.varPrefix + "-" : "";
-  const CSSVar = `--${vp}gradient-${key}` + (suffix ? `-${suffix}` : "");
-  if (CONFIG.useVariable) {
-    CONFIG.cssVars[CSSVar] = val.value || val;
-  }
-  return {
-    var: CSSVar,
-    value: val.value || val
-  };
-};

package/dist/cjs/system/document.js

@@ -1,36 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var document_exports = {};
-__export(document_exports, {
-  applyDocument: () => applyDocument
-});
-module.exports = __toCommonJS(document_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-var import_utils2 = require("../utils/index.js");
-const applyDocument = () => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { document: DOCUMENT, fontFamily: FONT_FAMILY, theme: THEME, typography: TYPOGRAPHY } = CONFIG;
-  return (0, import_utils.merge)(DOCUMENT, {
-    theme: THEME.document,
-    fontFamily: (0, import_utils2.getDefaultOrFirstKey)(FONT_FAMILY),
-    fontSize: TYPOGRAPHY.base,
-    lineHeight: TYPOGRAPHY.lineHeight
-  });
-};

package/dist/cjs/system/font.js

@@ -1,71 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var font_exports = {};
-__export(font_exports, {
-  getFontFamily: () => getFontFamily,
-  setFont: () => setFont,
-  setFontFamily: () => setFontFamily
-});
-module.exports = __toCommonJS(font_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_utils2 = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-var import_utils3 = require("../utils/index.js");
-const setFont = (val, key) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const CSSvar = `--font-${key}`;
-  if (!val || (0, import_utils.isArray)(val) && !val[0]) return;
-  let fontFace;
-  if (val.isVariable) {
-    const url = (0, import_utils3.resolveFileUrl)(val.url, CONFIG.files) || val.url;
-    if ((0, import_utils3.isGoogleFontsUrl)(url)) {
-      fontFace = (0, import_utils3.setFontImport)(url);
-    } else {
-      fontFace = (0, import_utils3.setCustomFontMedia)(key, url, val.fontWeight, {
-        fontStretch: val.fontStretch,
-        fontDisplay: val.fontDisplay || "swap"
-      });
-    }
-  } else if (val[0]) {
-    fontFace = (0, import_utils3.getFontFaceEach)(key, val, CONFIG.files);
-  } else {
-    const url = Array.isArray(val.url) ? val.url.map((u) => (0, import_utils3.resolveFileUrl)(u, CONFIG.files) || u) : (0, import_utils3.resolveFileUrl)(val.url, CONFIG.files) || val.url;
-    fontFace = (0, import_utils3.setCustomFontMedia)(key, url, val.fontWeight, {
-      fontStyle: val.fontStyle,
-      fontDisplay: val.fontDisplay,
-      fontStretch: val.fontStretch
-    });
-  }
-  return { var: CSSvar, value: val, fontFace };
-};
-const getFontFamily = (key, factory) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { fontFamily: FONT_FAMILY } = CONFIG;
-  return (0, import_utils3.getDefaultOrFirstKey)(factory || FONT_FAMILY, key);
-};
-const setFontFamily = (val, key) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { fontFamily: FONT_FAMILY, fontFamilyTypes: FONT_FAMILY_TYPES } = CONFIG;
-  let { value, type } = val;
-  if (val.isDefault) FONT_FAMILY.default = key;
-  if ((0, import_utils.isObject)(value)) value = (0, import_utils2.arrayzeValue)(value);
-  const CSSvar = `--font-family-${key}`;
-  const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES[type]}`;
-  return { var: CSSvar, value: str, arr: value, type };
-};

package/dist/cjs/system/index.js

@@ -1,27 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var system_exports = {};
-module.exports = __toCommonJS(system_exports);
-__reExport(system_exports, require("./color.js"), module.exports);
-__reExport(system_exports, require("./theme.js"), module.exports);
-__reExport(system_exports, require("./font.js"), module.exports);
-__reExport(system_exports, require("./typography.js"), module.exports);
-__reExport(system_exports, require("./spacing.js"), module.exports);
-__reExport(system_exports, require("./shadow.js"), module.exports);
-__reExport(system_exports, require("./timing.js"), module.exports);
-__reExport(system_exports, require("./document.js"), module.exports);
-__reExport(system_exports, require("./svg.js"), module.exports);
-__reExport(system_exports, require("./reset.js"), module.exports);

package/dist/cjs/system/reset.js

@@ -1,114 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var reset_exports = {};
-__export(reset_exports, {
-  applyReset: () => applyReset
-});
-module.exports = __toCommonJS(reset_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-var import_theme = require("./theme.js");
-const applyReset = (reset = {}) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { reset: RESET, typography: TYPOGRAPHY, document: DOCUMENT } = CONFIG;
-  if (RESET) {
-    if (RESET[":root"]) {
-      const configReset = RESET;
-      const configTemplates = TYPOGRAPHY.templates;
-      configReset.body = {
-        ...CONFIG.useDocumentTheme ? (0, import_theme.getMediaTheme)("document") : {},
-        ...configTemplates.body
-      };
-      configReset.h1 = configTemplates.h1;
-      configReset.h2 = configTemplates.h2;
-      configReset.h3 = configTemplates.h3;
-      configReset.h4 = configTemplates.h4;
-      configReset.h5 = configTemplates.h5;
-      configReset.h6 = configTemplates.h6;
-    }
-    const { body, ...templates } = TYPOGRAPHY.templates;
-    const globalTheme = CONFIG.useDocumentTheme ? (0, import_theme.getMediaTheme)("document") : {};
-    if (RESET.html) (0, import_utils.overwriteDeep)(RESET.html, globalTheme);
-    if (TYPOGRAPHY.unit) {
-      const { media: MEDIA } = CONFIG;
-      for (const key in TYPOGRAPHY) {
-        if (key.charAt(0) !== "@") continue;
-        const mediaTypo = TYPOGRAPHY[key];
-        if (!mediaTypo) continue;
-        if (mediaTypo.unit === TYPOGRAPHY.unit || !mediaTypo.unit) continue;
-        const mediaUnit = mediaTypo.unit;
-        const mediaBase = mediaTypo.base || TYPOGRAPHY.base;
-        const mediaBrowserDefault = mediaTypo.browserDefault || TYPOGRAPHY.browserDefault;
-        const mediaName = key.slice(1);
-        const query = MEDIA[mediaName];
-        if (!query) continue;
-        const mediaKey = "@media " + (query === "print" ? query : "screen and " + query);
-        if (!RESET[mediaKey]) RESET[mediaKey] = {};
-        if (!RESET[mediaKey].html) RESET[mediaKey].html = {};
-        RESET[mediaKey].html.fontSize = mediaBase / mediaBrowserDefault + mediaUnit;
-      }
-    }
-    return (0, import_utils.deepMerge)((0, import_utils.merge)(RESET, reset), {
-      html: {
-        position: "absolute",
-        width: "100%",
-        height: "100%",
-        top: "0",
-        left: "0",
-        margin: "0",
-        WebkitFontSmoothing: "subpixel-antialiased",
-        scrollBehavior: "smooth",
-        ...globalTheme,
-        fontSize: TYPOGRAPHY.unit ? TYPOGRAPHY.base / TYPOGRAPHY.browserDefault + TYPOGRAPHY.unit : TYPOGRAPHY.browserDefault + "px",
-        fontFamily: DOCUMENT.fontFamily,
-        lineHeight: DOCUMENT.lineHeight
-      },
-      body: {
-        boxSizing: "border-box",
-        height: "100%",
-        margin: 0,
-        fontFamily: DOCUMENT.fontFamily,
-        fontSize: TYPOGRAPHY.base / TYPOGRAPHY.browserDefault + CONFIG.unit.default,
-        ...templates,
-        ...body
-      },
-      a: {
-        color: "currentColor"
-      },
-      button: {
-        color: "inherit",
-        font: "inherit",
-        background: "transparent",
-        border: "none",
-        cursor: "pointer",
-        appearance: "none",
-        WebkitAppearance: "none"
-      },
-      "input, select, textarea": {
-        color: "inherit",
-        font: "inherit"
-      },
-      fieldset: {
-        border: 0,
-        padding: 0,
-        margin: 0
-      }
-    });
-  }
-};

package/dist/cjs/system/shadow.js

@@ -1,108 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var shadow_exports = {};
-__export(shadow_exports, {
-  getShadow: () => getShadow,
-  setShadow: () => setShadow
-});
-module.exports = __toCommonJS(shadow_exports);
-var import_factory = require("../factory.js");
-var import_color = require("./color.js");
-var import_spacing = require("./spacing.js");
-var import_color2 = require("../utils/color.js");
-var import_utils = require("@symbo.ls/utils");
-const setShadow = (value, key, suffix, prefers) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if ((0, import_utils.isArray)(value)) {
-    return {
-      "@light": setShadow(value[0], key, "light"),
-      "@dark": setShadow(value[1], key, "dark")
-    };
-  }
-  if ((0, import_utils.isObject)(value)) {
-    const obj = {};
-    for (const variant in value) {
-      obj[variant] = setShadow(
-        value[variant],
-        key,
-        variant.startsWith("@") ? variant.slice(1) : variant
-      );
-    }
-    return obj;
-  }
-  if ((0, import_utils.isString)(value) && !import_color2.CSS_NATIVE_COLOR_REGEX.test(value)) {
-    value = (0, import_color2.splitTopLevelCommas)(value).map((shadow) => {
-      shadow = shadow.trim();
-      return shadow.split(/\s+/).map((v) => {
-        v = v.trim();
-        if (!v) return "";
-        if (v.startsWith("--")) return `var(${v})`;
-        const color = (0, import_color.getColor)(v);
-        if ((0, import_color2.isResolvedColor)(color)) return color;
-        if (/^\d/.test(v) || v === "0" || v.includes("px") || v.slice(-2) === "em") return v;
-        if (v === "inset" || v === "none") return v;
-        const spacing = (0, import_spacing.getSpacingByKey)(v, "shadow");
-        if (spacing && spacing.shadow) return spacing.shadow;
-        return v;
-      }).join(" ");
-    }).join(", ");
-  }
-  const vp = CONFIG.varPrefix ? CONFIG.varPrefix + "-" : "";
-  const CSSVar = `--${vp}shadow-${key}` + (suffix ? `-${suffix}` : "");
-  if (CONFIG.useVariable) {
-    CONFIG.cssVars[CSSVar] = value;
-  }
-  return {
-    var: CSSVar,
-    value
-  };
-};
-const getShadow = (value, globalTheme) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (!globalTheme) globalTheme = CONFIG.globalTheme;
-  if (!(0, import_utils.isString)(value)) {
-    if (CONFIG.verbose) console.warn(value, "- type for color is not valid");
-    return;
-  }
-  if ((0, import_color2.isCSSVar)(value)) return `var(${value})`;
-  const [name] = (0, import_utils.isArray)(value) ? value : value.split(" ");
-  const SHADOW = CONFIG.shadow;
-  const val = SHADOW[name];
-  const isObj = (0, import_utils.isObject)(val);
-  if (!val) {
-    if (CONFIG.verbose) console.warn("Can't find color ", name);
-    return value;
-  }
-  if (globalTheme) {
-    if (val[globalTheme]) return val[globalTheme].value;
-    else if (CONFIG.verbose) console.warn(value, " - does not have ", globalTheme);
-  }
-  if (isObj && val.value) return val.value;
-  if (isObj) {
-    const obj = {};
-    for (const mediaName in val) {
-      const query = CONFIG.media[mediaName.slice(1)];
-      const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
-      obj[media] = val.value;
-    }
-    return obj;
-  }
-  if (CONFIG.verbose) console.warn("Can't find color", value);
-  return value;
-};