@symbo.ls/scratch 3.4.4 → 3.4.6

package/dist/cjs/defaultConfig/typography.js

@@ -0,0 +1,41 @@
+"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 typography_exports = {};
+__export(typography_exports, {
+  TYPOGRAPHY: () => TYPOGRAPHY
+});
+module.exports = __toCommonJS(typography_exports);
+var import_sequence = require("./sequence.js");
+const defaultProps = {
+  browserDefault: 16,
+  base: 16,
+  type: "font-size",
+  ratio: import_sequence.SEQUENCE["minor-third"],
+  range: [-3, 12],
+  h1Matches: 6,
+  lineHeight: 1.5,
+  subSequence: true,
+  mediaRegenerate: false,
+  unit: "em",
+  templates: {},
+  sequence: {},
+  scales: {},
+  vars: {}
+};
+const TYPOGRAPHY = defaultProps;

package/dist/cjs/defaultConfig/unit.js

@@ -0,0 +1,26 @@
+"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 unit_exports = {};
+__export(unit_exports, {
+  UNIT: () => UNIT
+});
+module.exports = __toCommonJS(unit_exports);
+const UNIT = {
+  default: "em"
+};

package/dist/cjs/system/color.js

@@ -0,0 +1,203 @@
+"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("@domql/utils");
+var import_factory = require("../factory.js");
+var import_utils2 = require("../utils");
+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) 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, 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, 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 (globalTheme) return getColor(value, `@${globalTheme}`, config);
+    else {
+      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] = 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(" ");
+      const 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)) {
+    return {
+      "@light": setColor(val[0], key, "light"),
+      "@dark": setColor(val[1], key, "dark")
+    };
+  }
+  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
+      );
+    }
+    return obj;
+  }
+  const CSSVar = `--color-${key}` + (suffix ? `-${suffix}` : "");
+  const colorArr = (0, import_utils2.colorStringToRgbaArray)(val.value || val);
+  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.CSS_VARS[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 CSSVar = `--gradient-${key}` + (suffix ? `-${suffix}` : "");
+  if (CONFIG.useVariable) {
+    CONFIG.CSS_VARS[CSSVar] = val.value || val;
+  }
+  return {
+    var: CSSVar,
+    value: val.value || val
+  };
+};

package/dist/cjs/system/document.js

@@ -0,0 +1,36 @@
+"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("@domql/utils");
+var import_factory = require("../factory.js");
+var import_utils2 = require("../utils");
+const applyDocument = () => {
+  const CONFIG = (0, import_factory.getActiveConfig)();
+  const { DOCUMENT, FONT_FAMILY, THEME, 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

@@ -0,0 +1,64 @@
+"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("@domql/utils");
+var import_smbls_utils = require("@symbo.ls/smbls-utils");
+var import_factory = require("../factory.js");
+var import_utils2 = require("../utils");
+const setFont = (val, key) => {
+  const CSSvar = `--font-${key}`;
+  if (!val || (0, import_utils.isArray)(val) && !val[0]) return;
+  let fontFace;
+  if (val.isVariable) {
+    if ((0, import_utils2.isGoogleFontsUrl)(val.url)) {
+      fontFace = (0, import_utils2.setFontImport)(val.url);
+    } else {
+      fontFace = (0, import_utils2.setCustomFontMedia)(key, val.url, val.fontWeight, {
+        fontStretch: val.fontStretch,
+        fontDisplay: val.fontDisplay || "swap"
+      });
+    }
+  } else if (val[0]) {
+    fontFace = (0, import_utils2.getFontFaceEach)(key, val);
+  } else {
+    fontFace = (0, import_utils2.setCustomFontMedia)(key, val.url);
+  }
+  return { var: CSSvar, value: val, fontFace };
+};
+const getFontFamily = (key, factory) => {
+  const CONFIG = (0, import_factory.getActiveConfig)();
+  const { FONT_FAMILY } = CONFIG;
+  return (0, import_utils2.getDefaultOrFirstKey)(factory || FONT_FAMILY, key);
+};
+const setFontFamily = (val, key) => {
+  const CONFIG = (0, import_factory.getActiveConfig)();
+  const { FONT_FAMILY, FONT_FAMILY_TYPES } = CONFIG;
+  let { value, type } = val;
+  if (val.isDefault) FONT_FAMILY.default = key;
+  if ((0, import_utils.isObject)(value)) value = (0, import_smbls_utils.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

@@ -0,0 +1,27 @@
+"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

@@ -0,0 +1,87 @@
+"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("@domql/utils");
+var import_factory = require("../factory.js");
+var import_theme = require("./theme.js");
+const applyReset = (reset = {}) => {
+  const CONFIG = (0, import_factory.getActiveConfig)();
+  const { RESET, TYPOGRAPHY, DOCUMENT } = CONFIG;
+  if (RESET) {
+    if (RESET[":root"]) {
+      const configReset = RESET;
+      const configTemplates = TYPOGRAPHY.templates;
+      configReset.body = {
+        ...CONFIG.useDocumentTheme ? (0, import_theme.getMediaTheme)("document", `@${CONFIG.globalTheme}`) : {},
+        ...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", `@${CONFIG.globalTheme}`) : {};
+    if (RESET.html) (0, import_utils.overwriteDeep)(RESET.html, globalTheme);
+    return (0, import_utils.deepMerge)((0, import_utils.merge)(RESET, reset), {
+      html: {
+        position: "absolute",
+        // overflow: 'hidden',
+        width: "100%",
+        height: "100%",
+        top: "0",
+        left: "0",
+        margin: "0",
+        WebkitFontSmoothing: "subpixel-antialiased",
+        scrollBehavior: "smooth",
+        ...globalTheme,
+        fontSize: 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"
+      },
+      // form elements
+      fieldset: {
+        border: 0,
+        padding: 0,
+        margin: 0
+      },
+      "select, input": {
+        fontFamily: DOCUMENT.fontFamily
+      }
+    });
+  }
+};

package/dist/cjs/system/shadow.js

@@ -0,0 +1,107 @@
+"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("@domql/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 CSSVar = `--shadow-${key}` + (suffix ? `-${suffix}` : "");
+  if (CONFIG.useVariable) {
+    CONFIG.CSS_VARS[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;
+  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;
+};