@pandacss/transformer 2.0.0-beta.9 → 2.0.1

package/dist/css-BPeL3U6s.d.ts

@@ -0,0 +1,4 @@
+/** Transformed `css()` sites receive pre-encoded class strings only. */
+declare function css(...styles: string[]): string;
+
+export { css as c };

package/dist/index.d.ts

@@ -1,13 +1,12 @@
 import * as _rolldown from 'rolldown';
-import * as unplugin from 'unplugin';
 import * as _rollup from 'rollup';
 import * as _webpack from 'webpack';
-import * as _vite from 'vite';
+import * as unplugin from 'unplugin';
 import * as _pandacss_compiler_shared from '@pandacss/compiler-shared';
 import { PandaTransformerOptions, PandaSourceTransformContext, PandaSourceTransformResult, Compiler, SourceTransformer, TransformerOptions, TransformSourceRequest, TransformResult } from '@pandacss/compiler-shared';
 export { PandaSourceTransformContext, PandaSourceTransformResult, PandaTransformerOptions, SourceTransformer, TransformResult, TransformSourceInput, TransformSourceRequest, TransformerOptions } from '@pandacss/compiler-shared';
 export { CxOptions, CxSeparator, PandaClassPart, createCx, cx, getMergeKey, splitClassName } from './runtime/cx.js';
-export { StringCvaConfig, css, cva, sva } from './runtime/internal.js';
+export { c as css } from './css-BPeL3U6s.js';
 
 /** Marker baked into the default bundle — replaced per-project at load time. */
 declare const CX_SEPARATOR_PLACEHOLDER = "__PANDA_CX_SEPARATOR__";
@@ -36,7 +35,7 @@ declare function createSourceTransformer(compiler: Compiler): SourceTransformer;
 declare function transformSource(input: TransformSourceRequest): TransformResult;
 declare function shouldTransform(path: string, options?: TransformerOptions): boolean;
 
-declare const vite: (options: _pandacss_compiler_shared.PandaTransformerOptions) => _vite.Plugin<any> | _vite.Plugin<any>[];
+declare const vite: (options: _pandacss_compiler_shared.PandaTransformerOptions) => unplugin.VitePlugin<any> | unplugin.VitePlugin<any>[];
 declare const webpack: (options: _pandacss_compiler_shared.PandaTransformerOptions) => _webpack.WebpackPluginInstance;
 declare const rollup: (options: _pandacss_compiler_shared.PandaTransformerOptions) => _rollup.Plugin<any> | _rollup.Plugin<any>[];
 declare const esbuild: (options: _pandacss_compiler_shared.PandaTransformerOptions) => unplugin.EsbuildPlugin;

package/dist/index.js

@@ -1,249 +1,248 @@
 // src/runtime/internal/cx.ts
 var bakedSeparator = typeof __PANDA_CX_SEPARATOR__ !== "undefined" && __PANDA_CX_SEPARATOR__ ? __PANDA_CX_SEPARATOR__ : "_";
+var CHAR_OPEN_BRACKET = 91;
+var CHAR_CLOSE_BRACKET = 93;
+var CHAR_COLON = 58;
 function splitClassName(className) {
   const segments = [];
-  let current = "";
+  let start = 0;
   let bracketDepth = 0;
   for (let i = 0; i < className.length; i++) {
-    const ch = className[i];
-    if (ch === "[") {
+    const code = className.charCodeAt(i);
+    if (code === CHAR_OPEN_BRACKET) {
       bracketDepth++;
-      current += ch;
-    } else if (ch === "]") {
+    } else if (code === CHAR_CLOSE_BRACKET) {
       bracketDepth--;
-      current += ch;
-    } else if (ch === ":" && bracketDepth === 0) {
-      if (current) segments.push(current);
-      current = "";
-    } else {
-      current += ch;
+    } else if (code === CHAR_COLON && bracketDepth === 0) {
+      if (i > start) segments.push(className.slice(start, i));
+      start = i + 1;
     }
   }
-  if (current) segments.push(current);
+  if (start < className.length) segments.push(className.slice(start));
   return segments;
 }
 function getMergeKey(className, separator) {
-  let cls = className;
-  if (cls.endsWith("!")) {
-    cls = cls.slice(0, -1);
+  let end = className.length;
+  if (end > 0 && className.charCodeAt(end - 1) === 33) {
+    end -= 1;
   }
-  const segments = splitClassName(cls);
-  if (segments.length === 0) return null;
-  const last = segments[segments.length - 1];
-  const sepIdx = last.indexOf(separator);
-  if (sepIdx < 1) return null;
-  const property = last.slice(0, sepIdx);
-  if (segments.length === 1) {
-    return property;
+  if (end === 0) return null;
+  let bracketDepth = 0;
+  let lastColon = -1;
+  for (let i = 0; i < end; i++) {
+    const code = className.charCodeAt(i);
+    if (code === CHAR_OPEN_BRACKET) {
+      bracketDepth++;
+    } else if (code === CHAR_CLOSE_BRACKET) {
+      bracketDepth--;
+    } else if (code === CHAR_COLON && bracketDepth === 0) {
+      lastColon = i;
+    }
   }
-  const conditions = segments.slice(0, -1).join(":");
-  return `${conditions}:${property}`;
+  const propStart = lastColon + 1;
+  const sepIdx = className.indexOf(separator, propStart);
+  if (sepIdx < propStart + 1 || sepIdx >= end) return null;
+  return className.slice(0, sepIdx);
 }
-function flattenParts(parts, out) {
-  for (const part of parts) {
-    if (!part) continue;
-    if (Array.isArray(part)) {
-      flattenParts(part, out);
-      continue;
+var CACHE_LIMIT = 2048;
+var CHAR_SPACE = 32;
+var CHAR_BANG = 33;
+var FIELDS = 4;
+function createCache(limit = CACHE_LIMIT) {
+  let size = 0;
+  let current = /* @__PURE__ */ new Map();
+  let previous = /* @__PURE__ */ new Map();
+  const set = (key, value) => {
+    current.set(key, value);
+    if (++size > limit) {
+      size = 0;
+      previous = current;
+      current = /* @__PURE__ */ new Map();
     }
-    if (part === "") continue;
-    out.push(part);
-  }
+  };
+  return {
+    get(key) {
+      let value = current.get(key);
+      if (value === void 0 && (value = previous.get(key)) !== void 0) set(key, value);
+      return value;
+    },
+    set
+  };
 }
-function mergeClassStrings(separator, classes) {
-  const seen = /* @__PURE__ */ new Map();
-  const order = [];
-  let id = 0;
-  for (const cls of classes) {
-    for (const token of cls.split(" ")) {
-      if (!token) continue;
-      const key = getMergeKey(token, separator);
-      if (key !== null) {
-        if (!seen.has(key)) order.push(key);
-        seen.set(key, token);
-      } else {
-        const uniqueKey = `__${id++}`;
-        order.push(uniqueKey);
-        seen.set(uniqueKey, token);
-      }
+function scanPart(part, separator, out, offset) {
+  let count = 0;
+  let clean = part.length > 0;
+  let start = 0;
+  for (let i = 0; i <= part.length; i++) {
+    const code = i === part.length ? CHAR_SPACE : part.charCodeAt(i);
+    if (code !== CHAR_SPACE && (code < 9 || code > 13)) continue;
+    if (code !== CHAR_SPACE || i === start) clean = false;
+    if (i === start) {
+      start = i + 1;
+      continue;
     }
+    const at = offset + count * FIELDS;
+    count++;
+    out[at] = start;
+    out[at + 1] = i;
+    out[at + 2] = -1;
+    let end = i;
+    if (part.charCodeAt(end - 1) === CHAR_BANG) end--;
+    let depth = 0;
+    let propStart = start;
+    for (let c = start; c < end; c++) {
+      const code2 = part.charCodeAt(c);
+      if (code2 === CHAR_OPEN_BRACKET) depth++;
+      else if (code2 === CHAR_CLOSE_BRACKET) depth--;
+      else if (code2 === CHAR_COLON && depth === 0) propStart = c + 1;
+    }
+    const sep = part.indexOf(separator, propStart);
+    if (sep > propStart && sep < end) {
+      let hash = 2166136261;
+      for (let c = start; c < sep; c++) hash = Math.imul(hash ^ part.charCodeAt(c), 16777619);
+      out[at + 2] = sep;
+      out[at + 3] = hash;
+    }
+    start = i + 1;
   }
-  let str = "";
-  for (let i = 0; i < order.length; i++) {
-    if (str) str += " ";
-    str += seen.get(order[i]);
-  }
-  return str;
+  return clean ? count : -count;
 }
 function createCx(options = {}) {
   const separator = options.separator ?? bakedSeparator;
-  return function cx2(...parts) {
-    const flat = [];
-    flattenParts(parts, flat);
-    return mergeClassStrings(separator, flat);
-  };
-}
-var cx = createCx();
-
-// src/runtime/internal/css.ts
-function css(...styles) {
-  return cx(...styles);
-}
-
-// src/runtime/internal/cva.ts
-function withDefaults(defaults, props) {
-  const out = { ...defaults };
-  for (const key in props) {
-    if (props[key] !== void 0) out[key] = props[key];
+  const scanned = createCache();
+  const seenOnce = createCache(512);
+  const parts = [];
+  let tokens = new Int32Array(64 * FIELDS);
+  let tokenPart = new Int32Array(64);
+  let winner = new Int32Array(64);
+  let tableSize = 128;
+  let table = new Int32Array(tableSize);
+  let stamps = new Int32Array(tableSize);
+  let stamp = 0;
+  function collect(value) {
+    if (!value) return;
+    if (typeof value === "string") parts.push(value);
+    else for (let i = 0; i < value.length; i++) collect(value[i]);
   }
-  return out;
-}
-function compoundMatches(compound, variants) {
-  for (const key in compound) {
-    if (key === "css" || key === "className" || key === "classNames") continue;
-    const expected = compound[key];
-    const actual = variants[key];
-    if (Array.isArray(expected)) {
-      if (!expected.includes(actual)) return false;
-    } else if (actual !== expected) {
-      return false;
+  function reserve(tokenCount) {
+    if (tokenCount <= tokenPart.length) return;
+    let size = tokenPart.length;
+    while (size < tokenCount) size *= 2;
+    const grow = (from, length) => {
+      const next = new Int32Array(length);
+      next.set(from);
+      return next;
+    };
+    tokens = grow(tokens, size * FIELDS);
+    tokenPart = grow(tokenPart, size);
+    winner = grow(winner, size);
+  }
+  function sameKey(a, b) {
+    const aStart = tokens[a * FIELDS];
+    const bStart = tokens[b * FIELDS];
+    const length = tokens[a * FIELDS + 2] - aStart;
+    if (tokens[b * FIELDS + 2] - bStart !== length) return false;
+    const left = parts[tokenPart[a]];
+    const right = parts[tokenPart[b]];
+    for (let i = 0; i < length; i++) {
+      if (left.charCodeAt(aStart + i) !== right.charCodeAt(bStart + i)) return false;
     }
+    return true;
   }
-  return true;
-}
-function toVariantMap(variants) {
-  const map = {};
-  for (const key in variants) map[key] = Object.keys(variants[key] ?? {});
-  return map;
-}
-function cva(config) {
-  const base = config.base ?? "";
-  const variants = config.variants ?? {};
-  const defaultVariants = config.defaultVariants ?? {};
-  const compoundVariants = config.compoundVariants ?? [];
-  const variantKeys = Object.keys(variants);
-  const resolve = (props = {}) => {
-    const computed = withDefaults(defaultVariants, props);
-    const parts = [];
-    if (base) parts.push(base);
-    for (const key of variantKeys) {
-      const value = computed[key];
-      if (typeof value === "string" && variants[key]?.[value]) {
-        parts.push(variants[key][value]);
+  function merge() {
+    let count = 0;
+    let clean = true;
+    for (let p = 0; p < parts.length; p++) {
+      const part = parts[p];
+      const cached = scanned.get(part);
+      let partCount;
+      if (cached !== void 0) {
+        partCount = cached[0];
+        reserve(count + Math.abs(partCount));
+        const base = count * FIELDS;
+        for (let i = 1; i < cached.length; i++) tokens[base + i - 1] = cached[i];
+      } else {
+        reserve(count + part.length);
+        partCount = scanPart(part, separator, tokens, count * FIELDS);
+        if (seenOnce.get(part) === void 0) seenOnce.set(part, true);
+        else {
+          const record = new Int32Array(1 + Math.abs(partCount) * FIELDS);
+          record[0] = partCount;
+          record.set(tokens.subarray(count * FIELDS, (count + Math.abs(partCount)) * FIELDS), 1);
+          scanned.set(part, record);
+        }
       }
+      if (partCount <= 0) clean = false;
+      const end = count + Math.abs(partCount);
+      for (; count < end; count++) tokenPart[count] = p;
     }
-    for (const compound of compoundVariants) {
-      if (!compoundMatches(compound, computed)) continue;
-      const cls = compound.className ?? compound.css;
-      if (typeof cls === "string" && cls) parts.push(cls);
+    if (count * 2 > tableSize) {
+      while (count * 2 > tableSize) tableSize *= 2;
+      table = new Int32Array(tableSize);
+      stamps = new Int32Array(tableSize);
+      stamp = 0;
     }
-    return cx(...parts);
-  };
-  const cvaFn = (props = {}) => resolve(props);
-  return Object.assign(cvaFn, {
-    __cva__: true,
-    variantKeys,
-    variantMap: toVariantMap(variants),
-    raw: resolve,
-    config,
-    getVariantProps(props) {
-      return withDefaults(defaultVariants, props);
-    },
-    splitVariantProps(props) {
-      const rest = {};
-      const variantProps = {};
-      for (const key in props) {
-        if (variantKeys.includes(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
+    if (++stamp === 2147483647) {
+      stamp = 1;
+      stamps.fill(0);
     }
-  });
-}
-
-// src/runtime/internal/sva.ts
-function slotCompoundVariants(compoundVariants, slot) {
-  if (!compoundVariants?.length) return void 0;
-  return compoundVariants.map((compound) => {
-    const next = {};
-    for (const key in compound) {
-      if (key === "css" || key === "className" || key === "classNames") continue;
-      next[key] = compound[key];
+    const mask = tableSize - 1;
+    let replaced = false;
+    for (let t = 0; t < count; t++) {
+      winner[t] = t;
+      if (tokens[t * FIELDS + 2] < 0) continue;
+      const hash = tokens[t * FIELDS + 3];
+      let slot = hash & mask;
+      let owner = -1;
+      while (stamps[slot] === stamp) {
+        const candidate = table[slot];
+        if (tokens[candidate * FIELDS + 3] === hash && sameKey(candidate, t)) {
+          owner = candidate;
+          break;
+        }
+        slot = slot + 1 & mask;
+      }
+      if (owner === -1) {
+        stamps[slot] = stamp;
+        table[slot] = t;
+      } else {
+        winner[owner] = t;
+        winner[t] = -1;
+        replaced = true;
+      }
     }
-    const css2 = compound.css;
-    if (typeof css2 === "string") next.css = css2;
-    else if (css2 && typeof css2 === "object" && slot in css2) next.css = css2[slot];
-    const className = compound.classNames?.[slot] ?? compound.className;
-    if (className) next.className = className;
-    return next;
-  }).filter((compound) => compound.css || compound.className);
-}
-function getSlotRecipes(config) {
-  const slots = config.slots ?? Object.keys(config.base ?? {});
-  const recipes = {};
-  for (const slot of slots) {
-    recipes[slot] = {
-      base: config.base?.[slot],
-      variants: config.variants,
-      defaultVariants: config.defaultVariants,
-      compoundVariants: slotCompoundVariants(config.compoundVariants, slot)
-    };
-    if (config.className?.[slot]) {
-      recipes[slot] = {
-        ...recipes[slot],
-        base: cx(recipes[slot]?.base, config.className[slot])
-      };
+    if (!replaced && clean) {
+      let joined = parts[0];
+      for (let p = 1; p < parts.length; p++) joined += " " + parts[p];
+      return joined;
     }
-  }
-  return recipes;
-}
-function sva(config) {
-  const slotRecipes = getSlotRecipes(config);
-  const slots = Object.entries(slotRecipes).map(([slot, recipe]) => [slot, cva(recipe)]);
-  const defaultVariants = config.defaultVariants ?? {};
-  const variantKeys = Object.keys(config.variants ?? {});
-  const svaFn = (props = {}) => {
-    const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn(props);
-    }
-    return result;
-  };
-  const raw = (props = {}) => {
-    const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn.raw(props);
+    let result = "";
+    for (let t = 0; t < count; t++) {
+      const w = winner[t];
+      if (w === -1) continue;
+      const piece = parts[tokenPart[w]].slice(tokens[w * FIELDS], tokens[w * FIELDS + 1]);
+      result = result ? result + " " + piece : piece;
     }
     return result;
+  }
+  return function cx2(...args) {
+    parts.length = 0;
+    for (let i = 0; i < args.length; i++) collect(args[i]);
+    const count = parts.length;
+    if (count === 0) return "";
+    if (count === 1) return parts[0];
+    return merge();
   };
-  return Object.assign(svaFn, {
-    __cva__: false,
-    raw,
-    config,
-    variantMap: Object.fromEntries(variantKeys.map((key) => [key, Object.keys(config.variants?.[key] ?? {})])),
-    variantKeys,
-    classNameMap: config.className ?? {},
-    getVariantProps(props) {
-      const out = { ...defaultVariants };
-      for (const key in props) {
-        if (props[key] !== void 0) out[key] = props[key];
-      }
-      return out;
-    },
-    splitVariantProps(props) {
-      const rest = {};
-      const variantProps = {};
-      for (const key in props) {
-        if (variantKeys.includes(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
-    }
-  });
+}
+var cx = /* @__PURE__ */ createCx();
+
+// src/runtime/internal/css.ts
+function css(...styles) {
+  return cx(...styles);
 }
 
 // src/runtime/internal/source.ts
-var internalCssSource = 'var x="__PANDA_CX_SEPARATOR__";function m(t){let r=[],n="",s=0;for(let a=0;a<t.length;a++){let i=t[a];i==="["?(s++,n+=i):i==="]"?(s--,n+=i):i===":"&&s===0?(n&&r.push(n),n=""):n+=i}return n&&r.push(n),r}function C(t,r){let n=t;n.endsWith("!")&&(n=n.slice(0,-1));let s=m(n);if(s.length===0)return null;let a=s[s.length-1],i=a.indexOf(r);if(i<1)return null;let u=a.slice(0,i);return s.length===1?u:`${s.slice(0,-1).join(":")}:${u}`}function R(t,r){for(let n of t)if(n){if(Array.isArray(n)){R(n,r);continue}n!==""&&r.push(n)}}function V(t,r){let n=new Map,s=[],a=0;for(let u of r)for(let o of u.split(" ")){if(!o)continue;let e=C(o,t);if(e!==null)n.has(e)||s.push(e),n.set(e,o);else{let c=`__${a++}`;s.push(c),n.set(c,o)}}let i="";for(let u=0;u<s.length;u++)i&&(i+=" "),i+=n.get(s[u]);return i}function v(t={}){let r=t.separator??x;return function(...s){let a=[];return R(s,a),V(r,a)}}var g=v();function y(...t){return g(...t)}function _(t,r){let n={...t};for(let s in r)r[s]!==void 0&&(n[s]=r[s]);return n}function w(t,r){for(let n in t){if(n==="css"||n==="className"||n==="classNames")continue;let s=t[n],a=r[n];if(Array.isArray(s)){if(!s.includes(a))return!1}else if(a!==s)return!1}return!0}function N(t){let r={};for(let n in t)r[n]=Object.keys(t[n]??{});return r}function p(t){let r=t.base??"",n=t.variants??{},s=t.defaultVariants??{},a=t.compoundVariants??[],i=Object.keys(n),u=(e={})=>{let c=_(s,e),f=[];r&&f.push(r);for(let l of i){let d=c[l];typeof d=="string"&&n[l]?.[d]&&f.push(n[l][d])}for(let l of a){if(!w(l,c))continue;let d=l.className??l.css;typeof d=="string"&&d&&f.push(d)}return g(...f)};return Object.assign((e={})=>u(e),{__cva__:!0,variantKeys:i,variantMap:N(n),raw:u,config:t,getVariantProps(e){return _(s,e)},splitVariantProps(e){let c={},f={};for(let l in e)i.includes(l)?f[l]=e[l]:c[l]=e[l];return[c,f]}})}function P(t,r){if(t?.length)return t.map(n=>{let s={};for(let u in n)u==="css"||u==="className"||u==="classNames"||(s[u]=n[u]);let a=n.css;typeof a=="string"?s.css=a:a&&typeof a=="object"&&r in a&&(s.css=a[r]);let i=n.classNames?.[r]??n.className;return i&&(s.className=i),s}).filter(n=>n.css||n.className)}function b(t){let r=t.slots??Object.keys(t.base??{}),n={};for(let s of r)n[s]={base:t.base?.[s],variants:t.variants,defaultVariants:t.defaultVariants,compoundVariants:P(t.compoundVariants,s)},t.className?.[s]&&(n[s]={...n[s],base:g(n[s]?.base,t.className[s])});return n}function k(t){let r=b(t),n=Object.entries(r).map(([o,e])=>[o,p(e)]),s=t.defaultVariants??{},a=Object.keys(t.variants??{});return Object.assign((o={})=>{let e={};for(let[c,f]of n)e[c]=f(o);return e},{__cva__:!1,raw:(o={})=>{let e={};for(let[c,f]of n)e[c]=f.raw(o);return e},config:t,variantMap:Object.fromEntries(a.map(o=>[o,Object.keys(t.variants?.[o]??{})])),variantKeys:a,classNameMap:t.className??{},getVariantProps(o){let e={...s};for(let c in o)o[c]!==void 0&&(e[c]=o[c]);return e},splitVariantProps(o){let e={},c={};for(let f in o)a.includes(f)?c[f]=o[f]:e[f]=o[f];return[e,c]}})}export{y as css,p as cva,g as cx,k as sva};\n';
+var internalCssSource = '// src/runtime/internal/cx.ts\nvar z = "__PANDA_CX_SEPARATOR__";\nvar X = 2048, M = 32, G = 33, m = 4;\nfunction H(e = X) {\n  let o = 0, t = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), r = (i, n) => {\n    t.set(i, n), ++o > e && (o = 0, s = t, t = /* @__PURE__ */ new Map());\n  };\n  return {\n    get(i) {\n      let n = t.get(i);\n      return n === void 0 && (n = s.get(i)) !== void 0 && r(i, n), n;\n    },\n    set: r\n  };\n}\nfunction W(e, o, t, s) {\n  let r = 0, i = e.length > 0, n = 0;\n  for (let l = 0; l <= e.length; l++) {\n    let a = l === e.length ? M : e.charCodeAt(l);\n    if (a !== M && (a < 9 || a > 13)) continue;\n    if ((a !== M || l === n) && (i = !1), l === n) {\n      n = l + 1;\n      continue;\n    }\n    let C = s + r * m;\n    r++, t[C] = n, t[C + 1] = l, t[C + 2] = -1;\n    let h = l;\n    e.charCodeAt(h - 1) === G && h--;\n    let u = 0, _ = n;\n    for (let R = n; R < h; R++) {\n      let g = e.charCodeAt(R);\n      g === 91 ? u++ : g === 93 ? u-- : g === 58 && u === 0 && (_ = R + 1);\n    }\n    let p = e.indexOf(o, _);\n    if (p > _ && p < h) {\n      let R = 2166136261;\n      for (let g = n; g < p; g++) R = Math.imul(R ^ e.charCodeAt(g), 16777619);\n      t[C + 2] = p, t[C + 3] = R;\n    }\n    n = l + 1;\n  }\n  return i ? r : -r;\n}\nfunction K(e = {}) {\n  let o = e.separator ?? z, t = H(), s = H(512), r = [], i = new Int32Array(64 * m), n = new Int32Array(64), l = new Int32Array(64), a = 128, C = new Int32Array(a), h = new Int32Array(a), u = 0;\n  function _(c) {\n    if (c)\n      if (typeof c == "string") r.push(c);\n      else for (let f = 0; f < c.length; f++) _(c[f]);\n  }\n  function p(c) {\n    if (c <= n.length) return;\n    let f = n.length;\n    for (; f < c; ) f *= 2;\n    let w = (P, x) => {\n      let d = new Int32Array(x);\n      return d.set(P), d;\n    };\n    i = w(i, f * m), n = w(n, f), l = w(l, f);\n  }\n  function R(c, f) {\n    let w = i[c * m], P = i[f * m], x = i[c * m + 2] - w;\n    if (i[f * m + 2] - P !== x) return !1;\n    let d = r[n[c]], A = r[n[f]];\n    for (let y = 0; y < x; y++)\n      if (d.charCodeAt(w + y) !== A.charCodeAt(P + y)) return !1;\n    return !0;\n  }\n  function g() {\n    let c = 0, f = !0;\n    for (let d = 0; d < r.length; d++) {\n      let A = r[d], y = t.get(A), S;\n      if (y !== void 0) {\n        S = y[0], p(c + Math.abs(S));\n        let T = c * m;\n        for (let V = 1; V < y.length; V++) i[T + V - 1] = y[V];\n      } else if (p(c + A.length), S = W(A, o, i, c * m), s.get(A) === void 0) s.set(A, !0);\n      else {\n        let T = new Int32Array(1 + Math.abs(S) * m);\n        T[0] = S, T.set(i.subarray(c * m, (c + Math.abs(S)) * m), 1), t.set(A, T);\n      }\n      S <= 0 && (f = !1);\n      let O = c + Math.abs(S);\n      for (; c < O; c++) n[c] = d;\n    }\n    if (c * 2 > a) {\n      for (; c * 2 > a; ) a *= 2;\n      C = new Int32Array(a), h = new Int32Array(a), u = 0;\n    }\n    ++u === 2147483647 && (u = 1, h.fill(0));\n    let w = a - 1, P = !1;\n    for (let d = 0; d < c; d++) {\n      if (l[d] = d, i[d * m + 2] < 0) continue;\n      let A = i[d * m + 3], y = A & w, S = -1;\n      for (; h[y] === u; ) {\n        let O = C[y];\n        if (i[O * m + 3] === A && R(O, d)) {\n          S = O;\n          break;\n        }\n        y = y + 1 & w;\n      }\n      S === -1 ? (h[y] = u, C[y] = d) : (l[S] = d, l[d] = -1, P = !0);\n    }\n    if (!P && f) {\n      let d = r[0];\n      for (let A = 1; A < r.length; A++) d += " " + r[A];\n      return d;\n    }\n    let x = "";\n    for (let d = 0; d < c; d++) {\n      let A = l[d];\n      if (A === -1) continue;\n      let y = r[n[A]].slice(i[A * m], i[A * m + 1]);\n      x = x ? x + " " + y : y;\n    }\n    return x;\n  }\n  return function(...f) {\n    r.length = 0;\n    for (let P = 0; P < f.length; P++) _(f[P]);\n    let w = r.length;\n    return w === 0 ? "" : w === 1 ? r[0] : g();\n  };\n}\nvar b = /* @__PURE__ */ K();\n\n// src/runtime/internal/css.ts\nfunction N(...e) {\n  return b(...e);\n}\n\n// src/runtime/internal/memo.ts\nvar B = (e) => e !== null && (typeof e == "object" || typeof e == "function"), F = ["true", "false", "null"];\nfunction q(e, o, t, s) {\n  let r = 1, i = [], n = [], l = [], a = [], C = o.map((_) => {\n    let p = /* @__PURE__ */ Object.create(null), R = 1;\n    for (let g of t[_]) p[g] = R++;\n    if (s)\n      n.push(R++), l.push(R++), a.push(R++);\n    else {\n      for (let g of F) p[g] ??= R++;\n      n.push(p.true), l.push(p.false), a.push(p.null);\n    }\n    return i.push(R), r *= R, p;\n  });\n  if (r > 256) return null;\n  let h = new Array(r), u;\n  return (_) => {\n    if (_ == null) return u === void 0 ? u = e() : u;\n    let p = 0;\n    for (let g = 0; g < o.length; g++) {\n      let c = _[o[g]], f = 0;\n      if (c === !0) f = n[g];\n      else if (c === !1) f = l[g];\n      else if (c === null) f = a[g];\n      else if (typeof c == "string") f = C[g][c];\n      else if (c !== void 0) {\n        if (s || B(c)) return e(_);\n        f = C[g][String(c)];\n      }\n      if (f === void 0) return e(_);\n      p = p * i[g] + f;\n    }\n    let R = h[p];\n    return R === void 0 && (h[p] = R = e(_)), R;\n  };\n}\nfunction J(e, o) {\n  let t = o.length, s = new Array(16 * t), r = new Array(16), i = 0, n = 0, l;\n  return (a) => {\n    if (a == null) return l === void 0 ? l = e() : l;\n    e: for (let u = 0; u < i; u++) {\n      let _ = u * t;\n      for (let p = 0; p < t; p++)\n        if (a[o[p]] !== s[_ + p]) continue e;\n      return r[u];\n    }\n    for (let u = 0; u < t; u++)\n      if (B(a[o[u]])) return e(a);\n    let C = e(a), h = n * t;\n    for (let u = 0; u < t; u++) s[h + u] = a[o[u]];\n    return r[n] = C, n === i && i++, n = (n + 1) % 16, C;\n  };\n}\nfunction k(e, o, t) {\n  let s = Object.keys(o);\n  return s.length === 0 ? e : q(e, s, o, !!t) ?? J(e, s);\n}\n\n// src/runtime/internal/shared.ts\nfunction E(e, o) {\n  let t = { ...e };\n  for (let s in o)\n    o[s] !== void 0 && (t[s] = o[s]);\n  return t;\n}\nfunction j(e, o) {\n  for (let t in e) {\n    if (t === "css" || t === "className" || t === "classNames") continue;\n    let s = e[t], r = o[t];\n    if (Array.isArray(s)) {\n      if (!s.includes(r)) return !1;\n    } else if (r !== s)\n      return !1;\n  }\n  return !0;\n}\n\n// src/runtime/internal/recipe.ts\nvar D = (e) => e != null && typeof e == "object" && !Array.isArray(e);\nfunction I(...e) {\n  let o = {};\n  for (let t of e)\n    if (D(t))\n      for (let s in t) {\n        let r = t[s];\n        o[s] = D(r) ? I(o[s], r) : r;\n      }\n  return o;\n}\nfunction v(e, o, t = (s) => s) {\n  let s = E(e.defaultVariants ?? {}, o), r = e.variants ?? {}, i = [t(e.base)];\n  for (let n in s) i.push(t(r[n]?.[s[n]]));\n  for (let n of e.compoundVariants ?? [])\n    j(n, s) && i.push(t(n.css));\n  return I(...i);\n}\nfunction Q(e, o) {\n  let t = {};\n  for (let s of e.slots ?? Object.keys(e.base ?? {}))\n    t[s] = v(e, o, (r) => r?.[s]);\n  return t;\n}\nfunction U(e, o) {\n  let t = { ...e.config?.defaultVariants, ...o.config?.defaultVariants }, s = [.../* @__PURE__ */ new Set([...e.variantKeys ?? [], ...o.variantKeys ?? []])], r = (n = {}) => E(t, n), i = L(\n    (n) => {\n      let l = r(n);\n      return b(e(l), o(l));\n    },\n    // Compounds from either side rule out the coercing table memo.\n    {\n      defaultVariants: t,\n      compoundVariants: [...e.config?.compoundVariants ?? [], ...o.config?.compoundVariants ?? []]\n    },\n    s,\n    { ...e.variantMap, ...o.variantMap }\n  );\n  return i.raw = (n) => {\n    let l = r(n);\n    return I(e.raw(l), o.raw(l));\n  }, i;\n}\nfunction L(e, o, t, s, r) {\n  let i = o, n = i.defaultVariants ?? {}, l = k(e, s, i.compoundVariants?.length);\n  return Object.assign(l, {\n    __cva__: !r,\n    variantKeys: t,\n    variantMap: s,\n    ...r && { classNameMap: r },\n    config: o,\n    raw: (a = {}) => r ? Q(i, a) : v(i, a),\n    // The styled factory passes its own `cva`, so chains merge exactly like styled-system.\n    merge: (a, C) => C ? C(o).merge(a) : U(l, a),\n    getVariantProps: (a = {}) => E(n, a),\n    splitVariantProps: (a) => {\n      let C = {}, h = {};\n      for (let u in a) (t.includes(u) ? C : h)[u] = a[u];\n      return [C, h];\n    }\n  });\n}\nexport {\n  L as attachRecipe,\n  N as css,\n  b as cx,\n  k as memoRecipe\n};\n';
 
 // src/runtime/internal/load.ts
 var CX_SEPARATOR_PLACEHOLDER = "__PANDA_CX_SEPARATOR__";
@@ -331,9 +330,14 @@ function toNativeOptions(options) {
   };
 }
 var SOURCE_RE = /\.(c|m)?(t|j)sx?$/;
+var SFC_RE = /\.(svelte|vue|astro)$/;
+var VUE_BLOCK_QUERY_RE = /^(.+\.vue)\?vue&type=(?:script|template|style|custom)(?:&|$)/;
+function stripVueBlockQuery(id) {
+  return VUE_BLOCK_QUERY_RE.exec(id)?.[1] ?? id;
+}
 function shouldTransform(path, options = {}) {
-  const id = path.split("?")[0] ?? path;
-  if (!SOURCE_RE.test(id)) return false;
+  const [id = path, query] = path.split("?");
+  if (!SOURCE_RE.test(id) && !(SFC_RE.test(id) && query === void 0)) return false;
   if (options.include && !matchesAny(id, options.include)) return false;
   if (options.exclude && matchesAny(id, options.exclude)) return false;
   return true;
@@ -399,7 +403,7 @@ function createPandaSourcePluginHooks(resolveOptions) {
 
 // src/plugin.ts
 import { createUnplugin } from "unplugin";
-var pandaTransformer = createUnplugin((options) => {
+var pandaTransformer = createUnplugin((options, meta) => {
   const {
     compiler: _compiler,
     transformer: _transformer,
@@ -414,15 +418,20 @@ var pandaTransformer = createUnplugin((options) => {
     getCompiler: options.getCompiler,
     getTransformer: options.getTransformer
   }));
+  const isWebpackLike = meta.framework === "webpack" || meta.framework === "rspack";
+  const transformId = (id) => isWebpackLike ? stripVueBlockQuery(id) : id;
   return {
     name: "pandacss-transformer",
     enforce: "pre",
     ...hooks,
+    transform(code, id) {
+      return hooks.transform.call(this, code, transformId(id));
+    },
     loadInclude(id) {
       return id === INTERNAL_CSS_RESOLVED_ID;
     },
     transformInclude(id) {
-      return shouldTransform(id, transformOptions);
+      return shouldTransform(transformId(id), transformOptions);
     }
   };
 });
@@ -445,7 +454,6 @@ export {
   createPandaSourcePluginHooks,
   createSourceTransformer,
   css,
-  cva,
   cx,
   src_default as default,
   esbuild,
@@ -461,7 +469,6 @@ export {
   runSourceTransform,
   shouldTransform,
   splitClassName,
-  sva,
   transformSource,
   vite,
   webpack

package/dist/runtime/cx.d.ts

@@ -9,8 +9,8 @@ declare function splitClassName(className: string): string[];
 /** Merge key for one Panda atomic class token (conditions + property). */
 declare function getMergeKey(className: string, separator: string): string | null;
 /** Build a transform-time `cx` helper bound to the project separator. */
-declare function createCx(options?: CxOptions): (...parts: PandaClassPart[]) => string;
+declare function createCx(options?: CxOptions): (...args: PandaClassPart[]) => string;
 /** Default transform-time `cx` — mirrors styled-system naming with Panda merge semantics. */
-declare const cx: (...parts: PandaClassPart[]) => string;
+declare const cx: (...args: PandaClassPart[]) => string;
 
 export { type CxOptions, type CxSeparator, type PandaClassPart, createCx, cx, getMergeKey, splitClassName };