@salty-css/core 0.1.0-alpha.26 → 0.1.0-alpha.28

package/config/index.js

@@ -1,4 +1,4 @@
-import { FontFactory, GlobalStylesFactory, VariablesFactory, defineFont, defineGlobalStyles, defineMediaQuery, defineVariables } from "../factories/index.js";
+import { FontFactory, GlobalStylesFactory, ImportFactory, VariablesFactory, defineFont, defineGlobalStyles, defineImport, defineMediaQuery, defineVariables } from "../factories/index.js";
 import { T, a, d } from "../define-templates-CVhhgPnd.js";
 const defineConfig = (config) => {
   return config;
@@ -6,12 +6,14 @@ const defineConfig = (config) => {
 export {
   FontFactory,
   GlobalStylesFactory,
+  ImportFactory,
   T as TemplateFactory,
   a as TemplatesFactory,
   VariablesFactory,
   defineConfig,
   defineFont,
   defineGlobalStyles,
+  defineImport,
   defineMediaQuery,
   d as defineTemplates,
   defineVariables

package/css/dynamic-styles.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const parseStyles = require("../parse-styles-jPtMfgXH.cjs");
+const parseStyles = require("../parse-styles-BFoV7HiL.cjs");
 const toHash = require("../to-hash-C05Y906F.cjs");
 const cache_resolveDynamicConfigCache = require("../cache/resolve-dynamic-config-cache.cjs");
 const getDynamicStylesClassName = (styles) => {

package/css/dynamic-styles.js

@@ -1,4 +1,4 @@
-import { a as parseStyles } from "../parse-styles--vHKY6Mw.js";
+import { a as parseStyles } from "../parse-styles-CtA-RKqt.js";
 import { t as toHash } from "../to-hash-DAN2LcHK.js";
 import { resolveDynamicConfigCache } from "../cache/resolve-dynamic-config-cache.js";
 const getDynamicStylesClassName = (styles) => {

package/css/keyframes.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const parseStyles = require("../parse-styles-jPtMfgXH.cjs");
+const parseStyles = require("../parse-styles-BFoV7HiL.cjs");
 const toHash = require("../to-hash-C05Y906F.cjs");
 const keyframes = ({ animationName: _name, params: _params, appendInitialStyles, ...keyframes2 }) => {
   const modifyKeyframes = async (params = {}) => {

package/css/keyframes.js

@@ -1,4 +1,4 @@
-import { p as parseAndJoinStyles } from "../parse-styles--vHKY6Mw.js";
+import { p as parseAndJoinStyles } from "../parse-styles-CtA-RKqt.js";
 import { t as toHash } from "../to-hash-DAN2LcHK.js";
 const keyframes = ({ animationName: _name, params: _params, appendInitialStyles, ...keyframes2 }) => {
   const modifyKeyframes = async (params = {}) => {

package/factories/define-import.d.ts

@@ -0,0 +1,14 @@
+export interface ImportSpecOptions {
+    url: string;
+    media?: string;
+    supports?: string;
+}
+export type ImportSpec = string | ImportSpecOptions;
+export declare class ImportFactory {
+    _current: ImportSpec[];
+    _path?: string;
+    constructor(_current: ImportSpec[]);
+    get isDefineImport(): boolean;
+    _setPath(path: string): this;
+}
+export declare const defineImport: (...specs: ImportSpec[]) => ImportFactory;

package/factories/index.cjs

@@ -136,6 +136,20 @@ class GlobalStylesFactory {
 const defineGlobalStyles = (styles) => {
   return new GlobalStylesFactory(styles);
 };
+class ImportFactory {
+  constructor(_current) {
+    __publicField(this, "_path");
+    this._current = _current;
+  }
+  get isDefineImport() {
+    return true;
+  }
+  _setPath(path) {
+    this._path = path;
+    return this;
+  }
+}
+const defineImport = (...specs) => new ImportFactory(specs);
 const defineMediaQuery = (mediaFactory) => {
   return mediaFactory(css_media.media);
 };
@@ -155,8 +169,10 @@ exports.TemplatesFactory = defineTemplates.TemplatesFactory;
 exports.defineTemplates = defineTemplates.defineTemplates;
 exports.FontFactory = FontFactory;
 exports.GlobalStylesFactory = GlobalStylesFactory;
+exports.ImportFactory = ImportFactory;
 exports.VariablesFactory = VariablesFactory;
 exports.defineFont = defineFont;
 exports.defineGlobalStyles = defineGlobalStyles;
+exports.defineImport = defineImport;
 exports.defineMediaQuery = defineMediaQuery;
 exports.defineVariables = defineVariables;

package/factories/index.d.ts

@@ -1,5 +1,6 @@
 export * from './define-font';
 export * from './define-global-styles';
+export * from './define-import';
 export * from './define-media-query';
 export * from './define-variables';
 export * from './define-templates';

package/factories/index.js

@@ -134,6 +134,20 @@ class GlobalStylesFactory {
 const defineGlobalStyles = (styles) => {
   return new GlobalStylesFactory(styles);
 };
+class ImportFactory {
+  constructor(_current) {
+    __publicField(this, "_path");
+    this._current = _current;
+  }
+  get isDefineImport() {
+    return true;
+  }
+  _setPath(path) {
+    this._path = path;
+    return this;
+  }
+}
+const defineImport = (...specs) => new ImportFactory(specs);
 const defineMediaQuery = (mediaFactory) => {
   return mediaFactory(media);
 };
@@ -151,11 +165,13 @@ const defineVariables = (variables) => {
 export {
   FontFactory,
   GlobalStylesFactory,
+  ImportFactory,
   T as TemplateFactory,
   a as TemplatesFactory,
   VariablesFactory,
   defineFont,
   defineGlobalStyles,
+  defineImport,
   defineMediaQuery,
   d as defineTemplates,
   defineVariables

package/generators/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classNameGenerator = require("../class-name-generator-BIYysuhW.cjs");
+const classNameGenerator = require("../class-name-generator-DZcz_NT4.cjs");
 const dashCase = require("../dash-case-DIwKaYgE.cjs");
 class StyledGenerator extends classNameGenerator.StylesGenerator {
   constructor(tagName, _params) {

package/generators/index.js

@@ -1,5 +1,5 @@
-import { S as StylesGenerator } from "../class-name-generator-B2LriwKm.js";
-import { C } from "../class-name-generator-B2LriwKm.js";
+import { S as StylesGenerator } from "../class-name-generator-zQ8zLbPI.js";
+import { C } from "../class-name-generator-zQ8zLbPI.js";
 import { d as dashCase } from "../dash-case-DblXvymC.js";
 class StyledGenerator extends StylesGenerator {
   constructor(tagName, _params) {

package/instances/classname-instance.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classNameGenerator = require("../class-name-generator-BIYysuhW.cjs");
+const classNameGenerator = require("../class-name-generator-DZcz_NT4.cjs");
 const classNameInstance = (params) => {
   const generator = new classNameGenerator.ClassNameGenerator(params);
   const createClass = (classNameStr) => {

package/instances/classname-instance.js

@@ -1,4 +1,4 @@
-import { C as ClassNameGenerator } from "../class-name-generator-B2LriwKm.js";
+import { C as ClassNameGenerator } from "../class-name-generator-zQ8zLbPI.js";
 const classNameInstance = (params) => {
   const generator = new ClassNameGenerator(params);
   const createClass = (classNameStr) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.1.0-alpha.26",
+  "version": "0.1.0-alpha.28",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",

package/{parse-styles-jPtMfgXH.cjs → parse-styles-BFoV7HiL.cjs}

@@ -94,6 +94,170 @@ const reportParserIssue = (strict, message) => {
 const pseudoTypoRegex = /^&(hover|focus(-(visible|within))?|active|visited|checked|disabled|enabled|empty|target|first-child|last-child|first-of-type|last-of-type|placeholder|placeholder-shown|root)\b/;
 const templateLiteralLeftoverRegex = /\$\{[^}]+\}/;
 const bareAtRuleRegex = /^@(media|supports|container|layer)\s*$/;
+const isRichTemplateNode = (node) => {
+  if (!node || typeof node !== "object") return false;
+  if (Array.isArray(node)) return false;
+  const keys = Object.keys(node);
+  return keys.includes("base") || keys.includes("variants");
+};
+const parseTemplateCallSite = (value) => {
+  if (typeof value === "string") {
+    const [rawPath, rawQuery] = value.split("@", 2);
+    const path = rawPath.split(".").filter(Boolean);
+    if (!path.length) return void 0;
+    const variants = {};
+    if (rawQuery) {
+      for (const segment of rawQuery.split("&")) {
+        if (!segment) continue;
+        const eq = segment.indexOf("=");
+        if (eq === -1) {
+          variants[segment.trim()] = true;
+        } else {
+          const axis = segment.slice(0, eq).trim();
+          const raw = segment.slice(eq + 1).trim();
+          if (!axis) continue;
+          if (raw === "true") variants[axis] = true;
+          else if (raw === "false") variants[axis] = false;
+          else variants[axis] = raw;
+        }
+      }
+    }
+    return { path, variants };
+  }
+  if (value && typeof value === "object" && !Array.isArray(value)) {
+    const obj = value;
+    const name = obj["name"];
+    if (typeof name !== "string") return void 0;
+    const path = name.split(".").filter(Boolean);
+    if (!path.length) return void 0;
+    const variants = {};
+    for (const [k, v] of Object.entries(obj)) {
+      if (k === "name") continue;
+      if (typeof v === "string" || typeof v === "boolean") variants[k] = v;
+    }
+    return { path, variants };
+  }
+  return void 0;
+};
+const normalizeAxisValue = (v) => {
+  if (v === void 0) return void 0;
+  return typeof v === "boolean" ? String(v) : v;
+};
+const buildPathStack = (root, path) => {
+  const stack = [{ node: root, isRich: isRichTemplateNode(root) }];
+  let cursor = root;
+  for (const segment of path) {
+    if (cursor == null || typeof cursor !== "object") return void 0;
+    const next = cursor[segment];
+    if (next === void 0) return void 0;
+    stack.push({ node: next, isRich: isRichTemplateNode(next) });
+    cursor = next;
+  }
+  return stack;
+};
+const pathHasRichNode = (root, path) => {
+  const stack = buildPathStack(root, path);
+  if (!stack) return false;
+  return stack.some((entry) => entry.isRich);
+};
+const matchesAll = (entry, effective) => {
+  for (const [axis, raw] of Object.entries(entry)) {
+    if (axis === "css") continue;
+    if (effective[axis] !== normalizeAxisValue(raw)) return false;
+  }
+  return true;
+};
+const matchesAny = (entry, effective) => {
+  let any = false;
+  for (const [axis, raw] of Object.entries(entry)) {
+    if (axis === "css") continue;
+    any = true;
+    if (effective[axis] === normalizeAxisValue(raw)) return true;
+  }
+  return !any;
+};
+const resolveRichTemplate = (root, path, callSiteVariants, templateName) => {
+  var _a, _b, _c, _d;
+  const stack = buildPathStack(root, path);
+  if (!stack) return void 0;
+  const rich = stack.map((entry) => {
+    if (entry.isRich) return entry.node;
+    if (entry.node && typeof entry.node === "object" && !Array.isArray(entry.node)) {
+      const onlyChildKeys = Object.keys(entry.node).every((k) => entry.node[k] && typeof entry.node[k] === "object" && !isRichTemplateNode(entry.node[k]));
+      return onlyChildKeys ? {} : { base: entry.node };
+    }
+    return {};
+  });
+  const declaredAxes = /* @__PURE__ */ new Set();
+  for (const r of rich) {
+    if (r.variants) for (const k of Object.keys(r.variants)) declaredAxes.add(k);
+  }
+  for (const r of rich) {
+    if (r.defaultVariants) for (const k of Object.keys(r.defaultVariants)) declaredAxes.add(k);
+  }
+  const effective = {};
+  for (const axis of declaredAxes) {
+    if (axis in callSiteVariants) {
+      effective[axis] = normalizeAxisValue(callSiteVariants[axis]);
+      continue;
+    }
+    for (let i = rich.length - 1; i >= 0; i--) {
+      const d = (_a = rich[i].defaultVariants) == null ? void 0 : _a[axis];
+      if (d !== void 0) {
+        effective[axis] = normalizeAxisValue(d);
+        break;
+      }
+    }
+  }
+  for (const [axis, raw] of Object.entries(callSiteVariants)) {
+    if (!declaredAxes.has(axis)) {
+      console.warn(`Template "${templateName}" path "${path.join(".")}" has no variant axis "${axis}"; ignored.`);
+      continue;
+    }
+    const wanted = normalizeAxisValue(raw);
+    let found = false;
+    for (const r of rich) {
+      if (((_b = r.variants) == null ? void 0 : _b[axis]) && wanted !== void 0 && wanted in r.variants[axis]) {
+        found = true;
+        break;
+      }
+    }
+    if (!found && wanted !== void 0) {
+      const anyBundle = rich.some((r) => r.variants && axis in r.variants);
+      if (anyBundle) {
+        console.warn(`Template "${templateName}" axis "${axis}" has no value "${wanted}" on path "${path.join(".")}"; ignored.`);
+      }
+    }
+  }
+  const acc = {};
+  for (const r of rich) {
+    if (r.base) Object.assign(acc, r.base);
+  }
+  for (const axis of Object.keys(effective)) {
+    const value = effective[axis];
+    if (value === void 0) continue;
+    for (let i = rich.length - 1; i >= 0; i--) {
+      const bundle = (_d = (_c = rich[i].variants) == null ? void 0 : _c[axis]) == null ? void 0 : _d[value];
+      if (bundle) {
+        Object.assign(acc, bundle);
+        break;
+      }
+    }
+  }
+  for (const r of rich) {
+    if (r.compoundVariants) {
+      for (const entry of r.compoundVariants) {
+        if (matchesAll(entry, effective) && entry.css) Object.assign(acc, entry.css);
+      }
+    }
+    if (r.anyOfVariants) {
+      for (const entry of r.anyOfVariants) {
+        if (matchesAny(entry, effective) && entry.css) Object.assign(acc, entry.css);
+      }
+    }
+  }
+  return acc;
+};
 const parseStyles = async (styles, currentScope = "", config, omitTemplates = false) => {
   if (!styles) throw new Error("No styles provided to parseStyles function!");
   const cssStyles = /* @__PURE__ */ new Set();
@@ -137,13 +301,29 @@ const parseStyles = async (styles, currentScope = "", config, omitTemplates = fa
     }
     if ((config == null ? void 0 : config.templates) && config.templates[_key]) {
       if (omitTemplates) return void 0;
-      const path = value.split(".");
-      const templateStyles = path.reduce((acc, key2) => acc[key2], config.templates[_key]);
-      if (templateStyles) {
-        const [result] = await parseStyles(templateStyles, "");
-        return result;
+      const root = config.templates[_key];
+      const callSite = parseTemplateCallSite(value);
+      if (callSite) {
+        const { path, variants } = callSite;
+        const hasCallSiteVariants = Object.keys(variants).length > 0;
+        if (hasCallSiteVariants || pathHasRichNode(root, path)) {
+          const resolved2 = resolveRichTemplate(root, path, variants, _key);
+          if (resolved2) {
+            const [result] = await parseStyles(resolved2, "");
+            return result;
+          }
+          console.warn(`Template "${_key}" with path of "${path.join(".")}" was not found in config!`);
+          return void 0;
+        }
+        const templateStyles = path.reduce((acc, key2) => acc == null ? void 0 : acc[key2], root);
+        if (templateStyles) {
+          const [result] = await parseStyles(templateStyles, "");
+          return result;
+        }
+        console.warn(`Template "${_key}" with path of "${path.join(".")}" was not found in config!`);
+        return void 0;
       }
-      console.warn(`Template "${_key}" with path of "${value}" was not found in config!`);
+      console.warn(`Template "${_key}" received an unsupported call-site value.`);
       return void 0;
     }
     const isVariantArrayKey = _key === "compoundVariants" || _key === "anyOfVariants";
@@ -323,6 +503,7 @@ const combineSelectors = (currentScope, key) => {
   }
   return combos.join(", ");
 };
+exports.isRichTemplateNode = isRichTemplateNode;
 exports.parseAndJoinStyles = parseAndJoinStyles;
 exports.parseStyles = parseStyles;
 exports.parseValueModifiers = parseValueModifiers;

package/{parse-styles--vHKY6Mw.js → parse-styles-CtA-RKqt.js}

@@ -93,6 +93,170 @@ const reportParserIssue = (strict, message) => {
 const pseudoTypoRegex = /^&(hover|focus(-(visible|within))?|active|visited|checked|disabled|enabled|empty|target|first-child|last-child|first-of-type|last-of-type|placeholder|placeholder-shown|root)\b/;
 const templateLiteralLeftoverRegex = /\$\{[^}]+\}/;
 const bareAtRuleRegex = /^@(media|supports|container|layer)\s*$/;
+const isRichTemplateNode = (node) => {
+  if (!node || typeof node !== "object") return false;
+  if (Array.isArray(node)) return false;
+  const keys = Object.keys(node);
+  return keys.includes("base") || keys.includes("variants");
+};
+const parseTemplateCallSite = (value) => {
+  if (typeof value === "string") {
+    const [rawPath, rawQuery] = value.split("@", 2);
+    const path = rawPath.split(".").filter(Boolean);
+    if (!path.length) return void 0;
+    const variants = {};
+    if (rawQuery) {
+      for (const segment of rawQuery.split("&")) {
+        if (!segment) continue;
+        const eq = segment.indexOf("=");
+        if (eq === -1) {
+          variants[segment.trim()] = true;
+        } else {
+          const axis = segment.slice(0, eq).trim();
+          const raw = segment.slice(eq + 1).trim();
+          if (!axis) continue;
+          if (raw === "true") variants[axis] = true;
+          else if (raw === "false") variants[axis] = false;
+          else variants[axis] = raw;
+        }
+      }
+    }
+    return { path, variants };
+  }
+  if (value && typeof value === "object" && !Array.isArray(value)) {
+    const obj = value;
+    const name = obj["name"];
+    if (typeof name !== "string") return void 0;
+    const path = name.split(".").filter(Boolean);
+    if (!path.length) return void 0;
+    const variants = {};
+    for (const [k, v] of Object.entries(obj)) {
+      if (k === "name") continue;
+      if (typeof v === "string" || typeof v === "boolean") variants[k] = v;
+    }
+    return { path, variants };
+  }
+  return void 0;
+};
+const normalizeAxisValue = (v) => {
+  if (v === void 0) return void 0;
+  return typeof v === "boolean" ? String(v) : v;
+};
+const buildPathStack = (root, path) => {
+  const stack = [{ node: root, isRich: isRichTemplateNode(root) }];
+  let cursor = root;
+  for (const segment of path) {
+    if (cursor == null || typeof cursor !== "object") return void 0;
+    const next = cursor[segment];
+    if (next === void 0) return void 0;
+    stack.push({ node: next, isRich: isRichTemplateNode(next) });
+    cursor = next;
+  }
+  return stack;
+};
+const pathHasRichNode = (root, path) => {
+  const stack = buildPathStack(root, path);
+  if (!stack) return false;
+  return stack.some((entry) => entry.isRich);
+};
+const matchesAll = (entry, effective) => {
+  for (const [axis, raw] of Object.entries(entry)) {
+    if (axis === "css") continue;
+    if (effective[axis] !== normalizeAxisValue(raw)) return false;
+  }
+  return true;
+};
+const matchesAny = (entry, effective) => {
+  let any = false;
+  for (const [axis, raw] of Object.entries(entry)) {
+    if (axis === "css") continue;
+    any = true;
+    if (effective[axis] === normalizeAxisValue(raw)) return true;
+  }
+  return !any;
+};
+const resolveRichTemplate = (root, path, callSiteVariants, templateName) => {
+  var _a, _b, _c, _d;
+  const stack = buildPathStack(root, path);
+  if (!stack) return void 0;
+  const rich = stack.map((entry) => {
+    if (entry.isRich) return entry.node;
+    if (entry.node && typeof entry.node === "object" && !Array.isArray(entry.node)) {
+      const onlyChildKeys = Object.keys(entry.node).every((k) => entry.node[k] && typeof entry.node[k] === "object" && !isRichTemplateNode(entry.node[k]));
+      return onlyChildKeys ? {} : { base: entry.node };
+    }
+    return {};
+  });
+  const declaredAxes = /* @__PURE__ */ new Set();
+  for (const r of rich) {
+    if (r.variants) for (const k of Object.keys(r.variants)) declaredAxes.add(k);
+  }
+  for (const r of rich) {
+    if (r.defaultVariants) for (const k of Object.keys(r.defaultVariants)) declaredAxes.add(k);
+  }
+  const effective = {};
+  for (const axis of declaredAxes) {
+    if (axis in callSiteVariants) {
+      effective[axis] = normalizeAxisValue(callSiteVariants[axis]);
+      continue;
+    }
+    for (let i = rich.length - 1; i >= 0; i--) {
+      const d = (_a = rich[i].defaultVariants) == null ? void 0 : _a[axis];
+      if (d !== void 0) {
+        effective[axis] = normalizeAxisValue(d);
+        break;
+      }
+    }
+  }
+  for (const [axis, raw] of Object.entries(callSiteVariants)) {
+    if (!declaredAxes.has(axis)) {
+      console.warn(`Template "${templateName}" path "${path.join(".")}" has no variant axis "${axis}"; ignored.`);
+      continue;
+    }
+    const wanted = normalizeAxisValue(raw);
+    let found = false;
+    for (const r of rich) {
+      if (((_b = r.variants) == null ? void 0 : _b[axis]) && wanted !== void 0 && wanted in r.variants[axis]) {
+        found = true;
+        break;
+      }
+    }
+    if (!found && wanted !== void 0) {
+      const anyBundle = rich.some((r) => r.variants && axis in r.variants);
+      if (anyBundle) {
+        console.warn(`Template "${templateName}" axis "${axis}" has no value "${wanted}" on path "${path.join(".")}"; ignored.`);
+      }
+    }
+  }
+  const acc = {};
+  for (const r of rich) {
+    if (r.base) Object.assign(acc, r.base);
+  }
+  for (const axis of Object.keys(effective)) {
+    const value = effective[axis];
+    if (value === void 0) continue;
+    for (let i = rich.length - 1; i >= 0; i--) {
+      const bundle = (_d = (_c = rich[i].variants) == null ? void 0 : _c[axis]) == null ? void 0 : _d[value];
+      if (bundle) {
+        Object.assign(acc, bundle);
+        break;
+      }
+    }
+  }
+  for (const r of rich) {
+    if (r.compoundVariants) {
+      for (const entry of r.compoundVariants) {
+        if (matchesAll(entry, effective) && entry.css) Object.assign(acc, entry.css);
+      }
+    }
+    if (r.anyOfVariants) {
+      for (const entry of r.anyOfVariants) {
+        if (matchesAny(entry, effective) && entry.css) Object.assign(acc, entry.css);
+      }
+    }
+  }
+  return acc;
+};
 const parseStyles = async (styles, currentScope = "", config, omitTemplates = false) => {
   if (!styles) throw new Error("No styles provided to parseStyles function!");
   const cssStyles = /* @__PURE__ */ new Set();
@@ -136,13 +300,29 @@ const parseStyles = async (styles, currentScope = "", config, omitTemplates = fa
     }
     if ((config == null ? void 0 : config.templates) && config.templates[_key]) {
       if (omitTemplates) return void 0;
-      const path = value.split(".");
-      const templateStyles = path.reduce((acc, key2) => acc[key2], config.templates[_key]);
-      if (templateStyles) {
-        const [result] = await parseStyles(templateStyles, "");
-        return result;
+      const root = config.templates[_key];
+      const callSite = parseTemplateCallSite(value);
+      if (callSite) {
+        const { path, variants } = callSite;
+        const hasCallSiteVariants = Object.keys(variants).length > 0;
+        if (hasCallSiteVariants || pathHasRichNode(root, path)) {
+          const resolved2 = resolveRichTemplate(root, path, variants, _key);
+          if (resolved2) {
+            const [result] = await parseStyles(resolved2, "");
+            return result;
+          }
+          console.warn(`Template "${_key}" with path of "${path.join(".")}" was not found in config!`);
+          return void 0;
+        }
+        const templateStyles = path.reduce((acc, key2) => acc == null ? void 0 : acc[key2], root);
+        if (templateStyles) {
+          const [result] = await parseStyles(templateStyles, "");
+          return result;
+        }
+        console.warn(`Template "${_key}" with path of "${path.join(".")}" was not found in config!`);
+        return void 0;
       }
-      console.warn(`Template "${_key}" with path of "${value}" was not found in config!`);
+      console.warn(`Template "${_key}" received an unsupported call-site value.`);
       return void 0;
     }
     const isVariantArrayKey = _key === "compoundVariants" || _key === "anyOfVariants";
@@ -327,6 +507,7 @@ export {
   parseVariableTokens as b,
   parseValueModifiers as c,
   parseValueTokens as d,
+  isRichTemplateNode as i,
   parseAndJoinStyles as p,
   reportParserIssue as r
 };