@jasonshimmy/custom-elements-runtime 2.8.2 → 3.0.0

package/dist/css-utils-Cg4o1MqY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-utils-Cg4o1MqY.js","sources":["../src/lib/css/variables.css?raw","../src/lib/runtime/css-utils.ts","../src/lib/runtime/render-bridge.ts"],"sourcesContent":["export default \"/*\\n * Custom Elements Variables CSS\\n * Default fallback values\\n * \\n * Define your overrides in the document's :root to have them\\n * inherited into all Shadow DOM components:\\n * \\n * <style>\\n *   :root {\\n *     --cer-color-primary-500: #8b5cf6;\\n *     --cer-font-sans: 'Inter', sans-serif;\\n *   }\\n * </style>\\n * \\n * Note: Only :root is used here (not :host) so document-level\\n * overrides will inherit into Shadow DOM and take precedence.\\n */\\n\\n:root {\\n  /* Font families (match runtime defaults in src/lib/runtime/style.ts) */\\n  --cer-font-sans:\\n    ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,\\n    'Helvetica Neue', Arial, 'Noto Sans', sans-serif;\\n  --cer-font-serif: ui-serif, Georgia, 'Times New Roman', Times, serif;\\n  --cer-font-mono:\\n    ui-monospace, 'SFMono-Regular', Menlo, Monaco, 'Roboto Mono', 'Courier New',\\n    monospace;\\n\\n  /* Default outline style */\\n  --cer-outline-style: solid;\\n\\n  /* Colors */\\n  --cer-color-transparent: transparent;\\n  --cer-color-current: currentColor;\\n  --cer-color-black: #000000;\\n  --cer-color-white: #ffffff;\\n  --cer-color-inherit: inherit;\\n\\n  /* neutral */\\n  --cer-color-neutral-50: #fafafa;\\n  --cer-color-neutral-100: #f4f4f5;\\n  --cer-color-neutral-200: #e4e4e7;\\n  --cer-color-neutral-300: #d4d4d8;\\n  --cer-color-neutral-400: #9f9fa9;\\n  --cer-color-neutral-500: #71717b;\\n  --cer-color-neutral-600: #52525c;\\n  --cer-color-neutral-700: #3f3f46;\\n  --cer-color-neutral-800: #27272a;\\n  --cer-color-neutral-900: #18181b;\\n  --cer-color-neutral-950: #09090b;\\n\\n  /* primary */\\n  --cer-color-primary-50: #eff6ff;\\n  --cer-color-primary-100: #dbeafe;\\n  --cer-color-primary-200: #bfdbfe;\\n  --cer-color-primary-300: #93c5fd;\\n  --cer-color-primary-400: #60a5fa;\\n  --cer-color-primary-500: #3b82f6;\\n  --cer-color-primary-600: #2563eb;\\n  --cer-color-primary-700: #1d4ed8;\\n  --cer-color-primary-800: #1e40af;\\n  --cer-color-primary-900: #1e3a8a;\\n  --cer-color-primary-950: #172554;\\n\\n  /* secondary */\\n  --cer-color-secondary-50: #eef2ff;\\n  --cer-color-secondary-100: #e0e7ff;\\n  --cer-color-secondary-200: #c7d2fe;\\n  --cer-color-secondary-300: #a5b4fc;\\n  --cer-color-secondary-400: #818cf8;\\n  --cer-color-secondary-500: #6366f1;\\n  --cer-color-secondary-600: #4f46e5;\\n  --cer-color-secondary-700: #4338ca;\\n  --cer-color-secondary-800: #3730a3;\\n  --cer-color-secondary-900: #312e81;\\n  --cer-color-secondary-950: #1e1b4b;\\n\\n  /* success */\\n  --cer-color-success-50: #f0fdf4;\\n  --cer-color-success-100: #dcfce7;\\n  --cer-color-success-200: #bbf7d0;\\n  --cer-color-success-300: #86efac;\\n  --cer-color-success-400: #4ade80;\\n  --cer-color-success-500: #22c55e;\\n  --cer-color-success-600: #16a34a;\\n  --cer-color-success-700: #15803d;\\n  --cer-color-success-800: #166534;\\n  --cer-color-success-900: #14532d;\\n  --cer-color-success-950: #052e16;\\n\\n  /* info */\\n  --cer-color-info-50: #f0f9ff;\\n  --cer-color-info-100: #e0f2fe;\\n  --cer-color-info-200: #bae6fd;\\n  --cer-color-info-300: #7dd3fc;\\n  --cer-color-info-400: #38bdf8;\\n  --cer-color-info-500: #0ea5e9;\\n  --cer-color-info-600: #0284c7;\\n  --cer-color-info-700: #0369a1;\\n  --cer-color-info-800: #075985;\\n  --cer-color-info-900: #0c4a6e;\\n  --cer-color-info-950: #082f49;\\n\\n  /* warning */\\n  --cer-color-warning-50: #fffbeb;\\n  --cer-color-warning-100: #fef3c7;\\n  --cer-color-warning-200: #fde68a;\\n  --cer-color-warning-300: #fcd34d;\\n  --cer-color-warning-400: #fbbf24;\\n  --cer-color-warning-500: #f59e0b;\\n  --cer-color-warning-600: #d97706;\\n  --cer-color-warning-700: #b45309;\\n  --cer-color-warning-800: #92400e;\\n  --cer-color-warning-900: #78350f;\\n  --cer-color-warning-950: #451a03;\\n\\n  /* error */\\n  --cer-color-error-50: #fef2f2;\\n  --cer-color-error-100: #fee2e2;\\n  --cer-color-error-200: #fecaca;\\n  --cer-color-error-300: #fca5a5;\\n  --cer-color-error-400: #f87171;\\n  --cer-color-error-500: #ef4444;\\n  --cer-color-error-600: #dc2626;\\n  --cer-color-error-700: #b91c1c;\\n  --cer-color-error-800: #991b1b;\\n  --cer-color-error-900: #7f1d1d;\\n  --cer-color-error-950: #450a0a;\\n\\n  /* Extended Tailwind palette — override to theme these colors */\\n  /* slate */\\n  --cer-color-slate-50: #f8fafc;\\n  --cer-color-slate-100: #f1f5f9;\\n  --cer-color-slate-200: #e2e8f0;\\n  --cer-color-slate-300: #cbd5e1;\\n  --cer-color-slate-400: #94a3b8;\\n  --cer-color-slate-500: #64748b;\\n  --cer-color-slate-600: #475569;\\n  --cer-color-slate-700: #334155;\\n  --cer-color-slate-800: #1e293b;\\n  --cer-color-slate-900: #0f172a;\\n  --cer-color-slate-950: #020617;\\n  /* gray */\\n  --cer-color-gray-50: #f9fafb;\\n  --cer-color-gray-100: #f3f4f6;\\n  --cer-color-gray-200: #e5e7eb;\\n  --cer-color-gray-300: #d1d5db;\\n  --cer-color-gray-400: #9ca3af;\\n  --cer-color-gray-500: #6b7280;\\n  --cer-color-gray-600: #4b5563;\\n  --cer-color-gray-700: #374151;\\n  --cer-color-gray-800: #1f2937;\\n  --cer-color-gray-900: #111827;\\n  --cer-color-gray-950: #030712;\\n  /* zinc */\\n  --cer-color-zinc-50: #fafafa;\\n  --cer-color-zinc-100: #f4f4f5;\\n  --cer-color-zinc-200: #e4e4e7;\\n  --cer-color-zinc-300: #d4d4d8;\\n  --cer-color-zinc-400: #a1a1aa;\\n  --cer-color-zinc-500: #71717a;\\n  --cer-color-zinc-600: #52525b;\\n  --cer-color-zinc-700: #3f3f46;\\n  --cer-color-zinc-800: #27272a;\\n  --cer-color-zinc-900: #18181b;\\n  --cer-color-zinc-950: #09090b;\\n  /* stone */\\n  --cer-color-stone-50: #fafaf9;\\n  --cer-color-stone-100: #f5f5f4;\\n  --cer-color-stone-200: #e7e5e4;\\n  --cer-color-stone-300: #d6d3d1;\\n  --cer-color-stone-400: #a8a29e;\\n  --cer-color-stone-500: #78716c;\\n  --cer-color-stone-600: #57534e;\\n  --cer-color-stone-700: #44403c;\\n  --cer-color-stone-800: #292524;\\n  --cer-color-stone-900: #1c1917;\\n  --cer-color-stone-950: #0c0a09;\\n  /* red */\\n  --cer-color-red-50: #fef2f2;\\n  --cer-color-red-100: #fee2e2;\\n  --cer-color-red-200: #fecaca;\\n  --cer-color-red-300: #fca5a5;\\n  --cer-color-red-400: #f87171;\\n  --cer-color-red-500: #ef4444;\\n  --cer-color-red-600: #dc2626;\\n  --cer-color-red-700: #b91c1c;\\n  --cer-color-red-800: #991b1b;\\n  --cer-color-red-900: #7f1d1d;\\n  --cer-color-red-950: #450a0a;\\n  /* orange */\\n  --cer-color-orange-50: #fff7ed;\\n  --cer-color-orange-100: #ffedd5;\\n  --cer-color-orange-200: #fed7aa;\\n  --cer-color-orange-300: #fdba74;\\n  --cer-color-orange-400: #fb923c;\\n  --cer-color-orange-500: #f97316;\\n  --cer-color-orange-600: #ea580c;\\n  --cer-color-orange-700: #c2410c;\\n  --cer-color-orange-800: #9a3412;\\n  --cer-color-orange-900: #7c2d12;\\n  --cer-color-orange-950: #431407;\\n  /* amber */\\n  --cer-color-amber-50: #fffbeb;\\n  --cer-color-amber-100: #fef3c7;\\n  --cer-color-amber-200: #fde68a;\\n  --cer-color-amber-300: #fcd34d;\\n  --cer-color-amber-400: #fbbf24;\\n  --cer-color-amber-500: #f59e0b;\\n  --cer-color-amber-600: #d97706;\\n  --cer-color-amber-700: #b45309;\\n  --cer-color-amber-800: #92400e;\\n  --cer-color-amber-900: #78350f;\\n  --cer-color-amber-950: #451a03;\\n  /* yellow */\\n  --cer-color-yellow-50: #fefce8;\\n  --cer-color-yellow-100: #fef9c3;\\n  --cer-color-yellow-200: #fef08a;\\n  --cer-color-yellow-300: #fde047;\\n  --cer-color-yellow-400: #facc15;\\n  --cer-color-yellow-500: #eab308;\\n  --cer-color-yellow-600: #ca8a04;\\n  --cer-color-yellow-700: #a16207;\\n  --cer-color-yellow-800: #854d0e;\\n  --cer-color-yellow-900: #713f12;\\n  --cer-color-yellow-950: #422006;\\n  /* lime */\\n  --cer-color-lime-50: #f7fee7;\\n  --cer-color-lime-100: #ecfccb;\\n  --cer-color-lime-200: #d9f99d;\\n  --cer-color-lime-300: #bef264;\\n  --cer-color-lime-400: #a3e635;\\n  --cer-color-lime-500: #84cc16;\\n  --cer-color-lime-600: #65a30d;\\n  --cer-color-lime-700: #4d7c0f;\\n  --cer-color-lime-800: #3f6212;\\n  --cer-color-lime-900: #365314;\\n  --cer-color-lime-950: #1a2e05;\\n  /* green */\\n  --cer-color-green-50: #f0fdf4;\\n  --cer-color-green-100: #dcfce7;\\n  --cer-color-green-200: #bbf7d0;\\n  --cer-color-green-300: #86efac;\\n  --cer-color-green-400: #4ade80;\\n  --cer-color-green-500: #22c55e;\\n  --cer-color-green-600: #16a34a;\\n  --cer-color-green-700: #15803d;\\n  --cer-color-green-800: #166534;\\n  --cer-color-green-900: #14532d;\\n  --cer-color-green-950: #052e16;\\n  /* emerald */\\n  --cer-color-emerald-50: #ecfdf5;\\n  --cer-color-emerald-100: #d1fae5;\\n  --cer-color-emerald-200: #a7f3d0;\\n  --cer-color-emerald-300: #6ee7b7;\\n  --cer-color-emerald-400: #34d399;\\n  --cer-color-emerald-500: #10b981;\\n  --cer-color-emerald-600: #059669;\\n  --cer-color-emerald-700: #047857;\\n  --cer-color-emerald-800: #065f46;\\n  --cer-color-emerald-900: #064e3b;\\n  --cer-color-emerald-950: #022c22;\\n  /* teal */\\n  --cer-color-teal-50: #f0fdfa;\\n  --cer-color-teal-100: #ccfbf1;\\n  --cer-color-teal-200: #99f6e4;\\n  --cer-color-teal-300: #5eead4;\\n  --cer-color-teal-400: #2dd4bf;\\n  --cer-color-teal-500: #14b8a6;\\n  --cer-color-teal-600: #0d9488;\\n  --cer-color-teal-700: #0f766e;\\n  --cer-color-teal-800: #115e59;\\n  --cer-color-teal-900: #134e4a;\\n  --cer-color-teal-950: #042f2e;\\n  /* cyan */\\n  --cer-color-cyan-50: #ecfeff;\\n  --cer-color-cyan-100: #cffafe;\\n  --cer-color-cyan-200: #a5f3fc;\\n  --cer-color-cyan-300: #67e8f9;\\n  --cer-color-cyan-400: #22d3ee;\\n  --cer-color-cyan-500: #06b6d4;\\n  --cer-color-cyan-600: #0891b2;\\n  --cer-color-cyan-700: #0e7490;\\n  --cer-color-cyan-800: #155e75;\\n  --cer-color-cyan-900: #164e63;\\n  --cer-color-cyan-950: #083344;\\n  /* sky */\\n  --cer-color-sky-50: #f0f9ff;\\n  --cer-color-sky-100: #e0f2fe;\\n  --cer-color-sky-200: #bae6fd;\\n  --cer-color-sky-300: #7dd3fc;\\n  --cer-color-sky-400: #38bdf8;\\n  --cer-color-sky-500: #0ea5e9;\\n  --cer-color-sky-600: #0284c7;\\n  --cer-color-sky-700: #0369a1;\\n  --cer-color-sky-800: #075985;\\n  --cer-color-sky-900: #0c4a6e;\\n  --cer-color-sky-950: #082f49;\\n  /* blue */\\n  --cer-color-blue-50: #eff6ff;\\n  --cer-color-blue-100: #dbeafe;\\n  --cer-color-blue-200: #bfdbfe;\\n  --cer-color-blue-300: #93c5fd;\\n  --cer-color-blue-400: #60a5fa;\\n  --cer-color-blue-500: #3b82f6;\\n  --cer-color-blue-600: #2563eb;\\n  --cer-color-blue-700: #1d4ed8;\\n  --cer-color-blue-800: #1e40af;\\n  --cer-color-blue-900: #1e3a8a;\\n  --cer-color-blue-950: #172554;\\n  /* indigo */\\n  --cer-color-indigo-50: #eef2ff;\\n  --cer-color-indigo-100: #e0e7ff;\\n  --cer-color-indigo-200: #c7d2fe;\\n  --cer-color-indigo-300: #a5b4fc;\\n  --cer-color-indigo-400: #818cf8;\\n  --cer-color-indigo-500: #6366f1;\\n  --cer-color-indigo-600: #4f46e5;\\n  --cer-color-indigo-700: #4338ca;\\n  --cer-color-indigo-800: #3730a3;\\n  --cer-color-indigo-900: #312e81;\\n  --cer-color-indigo-950: #1e1b4b;\\n  /* violet */\\n  --cer-color-violet-50: #f5f3ff;\\n  --cer-color-violet-100: #ede9fe;\\n  --cer-color-violet-200: #ddd6fe;\\n  --cer-color-violet-300: #c4b5fd;\\n  --cer-color-violet-400: #a78bfa;\\n  --cer-color-violet-500: #8b5cf6;\\n  --cer-color-violet-600: #7c3aed;\\n  --cer-color-violet-700: #6d28d9;\\n  --cer-color-violet-800: #5b21b6;\\n  --cer-color-violet-900: #4c1d95;\\n  --cer-color-violet-950: #2e1065;\\n  /* purple */\\n  --cer-color-purple-50: #faf5ff;\\n  --cer-color-purple-100: #f3e8ff;\\n  --cer-color-purple-200: #e9d5ff;\\n  --cer-color-purple-300: #d8b4fe;\\n  --cer-color-purple-400: #c084fc;\\n  --cer-color-purple-500: #a855f7;\\n  --cer-color-purple-600: #9333ea;\\n  --cer-color-purple-700: #7e22ce;\\n  --cer-color-purple-800: #6b21a8;\\n  --cer-color-purple-900: #581c87;\\n  --cer-color-purple-950: #3b0764;\\n  /* fuchsia */\\n  --cer-color-fuchsia-50: #fdf4ff;\\n  --cer-color-fuchsia-100: #fae8ff;\\n  --cer-color-fuchsia-200: #f5d0fe;\\n  --cer-color-fuchsia-300: #f0abfc;\\n  --cer-color-fuchsia-400: #e879f9;\\n  --cer-color-fuchsia-500: #d946ef;\\n  --cer-color-fuchsia-600: #c026d3;\\n  --cer-color-fuchsia-700: #a21caf;\\n  --cer-color-fuchsia-800: #86198f;\\n  --cer-color-fuchsia-900: #701a75;\\n  --cer-color-fuchsia-950: #4a044e;\\n  /* pink */\\n  --cer-color-pink-50: #fdf2f8;\\n  --cer-color-pink-100: #fce7f3;\\n  --cer-color-pink-200: #fbcfe8;\\n  --cer-color-pink-300: #f9a8d4;\\n  --cer-color-pink-400: #f472b6;\\n  --cer-color-pink-500: #ec4899;\\n  --cer-color-pink-600: #db2777;\\n  --cer-color-pink-700: #be185d;\\n  --cer-color-pink-800: #9d174d;\\n  --cer-color-pink-900: #831843;\\n  --cer-color-pink-950: #500724;\\n  /* rose */\\n  --cer-color-rose-50: #fff1f2;\\n  --cer-color-rose-100: #ffe4e6;\\n  --cer-color-rose-200: #fecdd3;\\n  --cer-color-rose-300: #fda4af;\\n  --cer-color-rose-400: #fb7185;\\n  --cer-color-rose-500: #f43f5e;\\n  --cer-color-rose-600: #e11d48;\\n  --cer-color-rose-700: #be123c;\\n  --cer-color-rose-800: #9f1239;\\n  --cer-color-rose-900: #881337;\\n  --cer-color-rose-950: #4c0519;\\n}\\n\\n/* @property registrations for CSS transition composability */\\n@property --cer-rotate {\\n  syntax: '<angle>';\\n  initial-value: 0deg;\\n  inherits: false;\\n}\\n@property --cer-translate-x {\\n  syntax: '<length>';\\n  initial-value: 0px;\\n  inherits: false;\\n}\\n@property --cer-translate-y {\\n  syntax: '<length>';\\n  initial-value: 0px;\\n  inherits: false;\\n}\\n@property --cer-skew-x {\\n  syntax: '<angle>';\\n  initial-value: 0deg;\\n  inherits: false;\\n}\\n@property --cer-skew-y {\\n  syntax: '<angle>';\\n  initial-value: 0deg;\\n  inherits: false;\\n}\\n@property --cer-scale-x {\\n  syntax: '<number>';\\n  initial-value: 1;\\n  inherits: false;\\n}\\n@property --cer-scale-y {\\n  syntax: '<number>';\\n  initial-value: 1;\\n  inherits: false;\\n}\\n/* Filter composition variables (--cer-blur, --cer-brightness, etc.) intentionally\\n   omit @property registration because their \\\"no-op\\\" value is empty string (''),\\n   which is not a valid CSS initial-value. They compose correctly without Houdini. */\\n@property --cer-opacity {\\n  syntax: '<number>';\\n  initial-value: 1;\\n  inherits: false;\\n}\\n\"","/**\n * Pure CSS utility functions — no JIT dependencies, no module-level side effects.\n *\n * Extracted so that render.ts and hooks.ts can import lightweight CSS helpers\n * without pulling the entire JIT CSS engine into every consumer's bundle.\n */\n\nimport variables from '../css/variables.css?raw';\n\n/**\n * CSS template literal tag\n */\nexport function css(\n  strings: TemplateStringsArray,\n  ...values: unknown[]\n): string {\n  let result = '';\n  for (let i = 0; i < strings.length; i++) {\n    result += strings[i];\n    if (i < values.length) result += values[i];\n  }\n  return result;\n}\n\n/**\n * CSS minification utility (basic)\n */\nexport function minifyCSS(input: string): string {\n  return input\n    .replace(/\\/\\*[\\s\\S]*?\\*\\//g, '')\n    .replace(/\\s+/g, ' ')\n    .replace(/\\s*([{}:;,>~])\\s*/g, '$1')\n    .replace(/;}/g, '}')\n    .trim();\n}\n\n/**\n * Sanitize CSS to prevent injection attacks (XSS, javascript: URLs, expression(), etc.)\n */\nexport function sanitizeCSS(input: string): string {\n  return input\n    // Remove @charset rules (can alter encoding interpretation in some parsers)\n    .replace(/@charset\\s+[^;]*;/gi, '')\n    // Remove javascript: URL references inside url()\n    .replace(/url\\s*\\(\\s*['\"]?javascript:[^)]*\\)/gi, '')\n    // Remove data: URI references inside url() (can embed scripts/SVGs)\n    .replace(/url\\s*\\(\\s*['\"]?data:[^)]*\\)/gi, '')\n    // Remove @import rules (can load external malicious stylesheets)\n    .replace(/@import\\s[^;{]*/gi, '')\n    // Remove IE-era -moz-binding and behavior properties\n    .replace(/-moz-binding\\s*:[^;]*/gi, '')\n    .replace(/\\bbehavior\\s*:[^;]*/gi, '')\n    // Remove <script> tags that may be injected alongside CSS\n    .replace(/<script[\\s\\S]*?>[\\s\\S]*?<\\/script>/gi, '')\n    // Remove IE expression() calls\n    .replace(/expression\\s*\\([^)]*\\)/gi, '');\n}\n\n/**\n * Polyfill for CSS.escape() for SSR environments.\n * Based on https://drafts.csswg.org/cssom/#serialize-an-identifier\n */\nexport function cssEscape(value: string): string {\n  if (typeof CSS !== 'undefined' && CSS.escape) {\n    return CSS.escape(value);\n  }\n\n  const str = String(value);\n  const length = str.length;\n  let result = '';\n  let i = 0;\n\n  while (i < length) {\n    const char = str.charAt(i);\n    const code = str.charCodeAt(i);\n\n    if (code === 0x0000) {\n      result += '\\uFFFD';\n    } else if (\n      (code >= 0x0001 && code <= 0x001f) ||\n      code === 0x007f ||\n      (i === 0 && code >= 0x0030 && code <= 0x0039) ||\n      (i === 1 &&\n        code >= 0x0030 &&\n        code <= 0x0039 &&\n        str.charCodeAt(0) === 0x002d)\n    ) {\n      result += '\\\\' + code.toString(16) + ' ';\n    } else if (i === 0 && length === 1 && code === 0x002d) {\n      result += '\\\\' + char;\n    } else if (\n      code >= 0x0080 ||\n      code === 0x002d ||\n      code === 0x005f ||\n      (code >= 0x0030 && code <= 0x0039) ||\n      (code >= 0x0041 && code <= 0x005a) ||\n      (code >= 0x0061 && code <= 0x007a)\n    ) {\n      result += char;\n    } else {\n      result += '\\\\' + char;\n    }\n\n    i++;\n  }\n\n  return result;\n}\n\n/** Escape a class name and prefix it with a dot for use in CSS selectors. */\nexport function escapeClassName(name: string): string {\n  return '.' + cssEscape(name);\n}\n\n/** Escape a string for use in a RegExp. */\nexport function escapeRegExp(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n// --- Base reset stylesheet ---\n\nexport const baseReset = css`\n  ${variables}\n  :host,\n  *,\n  ::before,\n  ::after {\n    all: isolate;\n    box-sizing: border-box;\n    border: 0 solid currentColor;\n    margin: 0;\n    padding: 0;\n    font: inherit;\n    vertical-align: baseline;\n    background: transparent;\n    color: inherit;\n    -webkit-tap-highlight-color: transparent;\n    /* Transform composition variables (reset per-element for composability) */\n    --cer-translate-x: 0px;\n    --cer-translate-y: 0px;\n    --cer-rotate: 0deg;\n    --cer-skew-x: 0deg;\n    --cer-skew-y: 0deg;\n    --cer-scale-x: 1;\n    --cer-scale-y: 1;\n    /* Ring variables */\n    --cer-ring-color: rgb(59 130 246 / 0.5);\n    /* Filter composition variables (empty = no-op in filter chain) */\n    --cer-blur: ;\n    --cer-brightness: ;\n    --cer-contrast: ;\n    --cer-grayscale: ;\n    --cer-hue-rotate: ;\n    --cer-invert: ;\n    --cer-saturate: ;\n    --cer-sepia: ;\n    --cer-drop-shadow: ;\n    --cer-backdrop-blur: ;\n    --cer-backdrop-brightness: ;\n    --cer-backdrop-contrast: ;\n    --cer-backdrop-grayscale: ;\n    --cer-backdrop-hue-rotate: ;\n    --cer-backdrop-invert: ;\n    --cer-backdrop-saturate: ;\n    --cer-backdrop-sepia: ;\n  }\n  :host {\n    display: contents;\n    font: 16px/1.5 var(--cer-font-sans, ui-sans-serif, system-ui, sans-serif);\n    /* Default CE line-height variable so leading-* can reliably override */\n    --cer-line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    /* Default gradient variables to avoid undefined var() usage in generated utilities */\n    --cer-gradient-from-position: 0%;\n    --cer-gradient-to-position: 100%;\n    --cer-gradient-via-position: 50%;\n    --cer-gradient-from: rgba(255, 255, 255, 0);\n    --cer-gradient-to: rgba(255, 255, 255, 0);\n    --cer-gradient-stops: var(--cer-gradient-from), var(--cer-gradient-to);\n    /* Default outline style variable */\n    --cer-outline-style: solid;\n  }\n  button,\n  input,\n  select,\n  textarea {\n    background: transparent;\n    outline: none;\n  }\n  textarea {\n    resize: vertical;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  button,\n  textarea {\n    overflow: visible;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    max-width: 100%;\n    height: auto;\n  }\n  svg {\n    fill: currentColor;\n    stroke: none;\n  }\n  a {\n    text-decoration: inherit;\n    cursor: pointer;\n  }\n  button,\n  [type='button'],\n  [type='reset'],\n  [type='submit'] {\n    cursor: pointer;\n    appearance: button;\n    background: none;\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  ::-webkit-input-placeholder,\n  ::placeholder {\n    color: inherit;\n    opacity: 0.5;\n  }\n  *:focus-visible {\n    outline: 2px solid var(--cer-color-primary-500, #3b82f6);\n    outline-offset: 2px;\n  }\n  ol,\n  ul {\n    list-style: none;\n  }\n  table {\n    border-collapse: collapse;\n  }\n  sub,\n  sup {\n    font-size: 0.75em;\n    line-height: 0;\n    position: relative;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  [disabled],\n  [aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n  [hidden] {\n    display: none;\n  }\n`;\n\n/** Default spacing unit used by the JIT spacing scale. */\nexport const spacing = '0.25rem';\n\n// --- Base reset stylesheet singleton ---\n\nlet baseResetSheet: CSSStyleSheet | null = null;\n\nexport function getBaseResetSheet(): CSSStyleSheet {\n  if (!baseResetSheet) {\n    if (typeof CSSStyleSheet === 'undefined') {\n      baseResetSheet = {\n        cssRules: [],\n        replaceSync: () => {},\n        toString: () => minifyCSS(baseReset),\n      } as unknown as CSSStyleSheet;\n    } else {\n      baseResetSheet = new CSSStyleSheet();\n      baseResetSheet.replaceSync(minifyCSS(baseReset));\n    }\n  }\n  return baseResetSheet;\n}\n\n/** Reset the base reset sheet singleton (for HMR). @internal */\nexport function _resetBaseResetSheet(): void {\n  baseResetSheet = null;\n}\n","/**\n * Lazy render bridge — populated by style.ts when the JIT engine is imported.\n *\n * render.ts always imports this module (so it is always bundled), but\n * style.ts (the full JIT engine, ~24 KB gzip) is only bundled when the\n * consumer explicitly imports JIT CSS symbols such as `enableJITCSS` or\n * `useJITCSS`. When style.ts IS imported it registers itself here so that\n * render.ts can call back into the JIT engine without a static dependency.\n *\n * Result: consumers that never use JIT CSS get zero JIT code in their bundle.\n */\n\ntype JITChecker = (root: ShadowRoot) => boolean;\ntype JITProcessor = (html: string) => string;\ntype ProseSheetGetter = () => CSSStyleSheet | null;\n\nlet _jitChecker: JITChecker | null = null;\nlet _jitProcessor: JITProcessor | null = null;\nlet _proseGetter: ProseSheetGetter | null = null;\n\n/**\n * Register the JIT CSS engine with the render pipeline.\n * Called by style.ts at module load time so renders automatically get\n * JIT processing without render.ts needing to import style.ts directly.\n * @internal\n */\nexport function _registerRenderBridge(\n  checker: JITChecker,\n  processor: JITProcessor,\n  proseGetter: ProseSheetGetter,\n): void {\n  _jitChecker = checker;\n  _jitProcessor = processor;\n  _proseGetter = proseGetter;\n}\n\n/**\n * Returns true when JIT CSS should run for the given shadow root.\n * Returns false if the JIT engine is not loaded.\n */\nexport function isJITCSSActiveFor(root: ShadowRoot): boolean {\n  return _jitChecker ? _jitChecker(root) : false;\n}\n\n/**\n * Run JIT CSS processing over the aggregated HTML string.\n * Returns empty string if the JIT engine is not loaded.\n */\nexport function processJITCSS(html: string): string {\n  return _jitProcessor ? _jitProcessor(html) : '';\n}\n\n/**\n * Get the prose stylesheet singleton.\n * Returns null if the JIT engine is not loaded or no prose classes detected.\n */\nexport function getProseStyleSheet(): CSSStyleSheet | null {\n  return _proseGetter ? _proseGetter() : null;\n}\n"],"names":["variables","css","strings","values","result","i","minifyCSS","input","sanitizeCSS","cssEscape","value","str","length","char","code","escapeClassName","name","escapeRegExp","baseReset","spacing","baseResetSheet","getBaseResetSheet","_jitChecker","_jitProcessor","_proseGetter","_registerRenderBridge","checker","processor","proseGetter","isJITCSSActiveFor","root","processJITCSS","html","getProseStyleSheet"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}

package/dist/css-utils-RqkyBWft.cjs

@@ -0,0 +1,576 @@
+"use strict";const g=`/*
+ * Custom Elements Variables CSS
+ * Default fallback values
+ * 
+ * Define your overrides in the document's :root to have them
+ * inherited into all Shadow DOM components:
+ * 
+ * <style>
+ *   :root {
+ *     --cer-color-primary-500: #8b5cf6;
+ *     --cer-font-sans: 'Inter', sans-serif;
+ *   }
+ * </style>
+ * 
+ * Note: Only :root is used here (not :host) so document-level
+ * overrides will inherit into Shadow DOM and take precedence.
+ */
+
+:root {
+  /* Font families (match runtime defaults in src/lib/runtime/style.ts) */
+  --cer-font-sans:
+    ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  --cer-font-serif: ui-serif, Georgia, 'Times New Roman', Times, serif;
+  --cer-font-mono:
+    ui-monospace, 'SFMono-Regular', Menlo, Monaco, 'Roboto Mono', 'Courier New',
+    monospace;
+
+  /* Default outline style */
+  --cer-outline-style: solid;
+
+  /* Colors */
+  --cer-color-transparent: transparent;
+  --cer-color-current: currentColor;
+  --cer-color-black: #000000;
+  --cer-color-white: #ffffff;
+  --cer-color-inherit: inherit;
+
+  /* neutral */
+  --cer-color-neutral-50: #fafafa;
+  --cer-color-neutral-100: #f4f4f5;
+  --cer-color-neutral-200: #e4e4e7;
+  --cer-color-neutral-300: #d4d4d8;
+  --cer-color-neutral-400: #9f9fa9;
+  --cer-color-neutral-500: #71717b;
+  --cer-color-neutral-600: #52525c;
+  --cer-color-neutral-700: #3f3f46;
+  --cer-color-neutral-800: #27272a;
+  --cer-color-neutral-900: #18181b;
+  --cer-color-neutral-950: #09090b;
+
+  /* primary */
+  --cer-color-primary-50: #eff6ff;
+  --cer-color-primary-100: #dbeafe;
+  --cer-color-primary-200: #bfdbfe;
+  --cer-color-primary-300: #93c5fd;
+  --cer-color-primary-400: #60a5fa;
+  --cer-color-primary-500: #3b82f6;
+  --cer-color-primary-600: #2563eb;
+  --cer-color-primary-700: #1d4ed8;
+  --cer-color-primary-800: #1e40af;
+  --cer-color-primary-900: #1e3a8a;
+  --cer-color-primary-950: #172554;
+
+  /* secondary */
+  --cer-color-secondary-50: #eef2ff;
+  --cer-color-secondary-100: #e0e7ff;
+  --cer-color-secondary-200: #c7d2fe;
+  --cer-color-secondary-300: #a5b4fc;
+  --cer-color-secondary-400: #818cf8;
+  --cer-color-secondary-500: #6366f1;
+  --cer-color-secondary-600: #4f46e5;
+  --cer-color-secondary-700: #4338ca;
+  --cer-color-secondary-800: #3730a3;
+  --cer-color-secondary-900: #312e81;
+  --cer-color-secondary-950: #1e1b4b;
+
+  /* success */
+  --cer-color-success-50: #f0fdf4;
+  --cer-color-success-100: #dcfce7;
+  --cer-color-success-200: #bbf7d0;
+  --cer-color-success-300: #86efac;
+  --cer-color-success-400: #4ade80;
+  --cer-color-success-500: #22c55e;
+  --cer-color-success-600: #16a34a;
+  --cer-color-success-700: #15803d;
+  --cer-color-success-800: #166534;
+  --cer-color-success-900: #14532d;
+  --cer-color-success-950: #052e16;
+
+  /* info */
+  --cer-color-info-50: #f0f9ff;
+  --cer-color-info-100: #e0f2fe;
+  --cer-color-info-200: #bae6fd;
+  --cer-color-info-300: #7dd3fc;
+  --cer-color-info-400: #38bdf8;
+  --cer-color-info-500: #0ea5e9;
+  --cer-color-info-600: #0284c7;
+  --cer-color-info-700: #0369a1;
+  --cer-color-info-800: #075985;
+  --cer-color-info-900: #0c4a6e;
+  --cer-color-info-950: #082f49;
+
+  /* warning */
+  --cer-color-warning-50: #fffbeb;
+  --cer-color-warning-100: #fef3c7;
+  --cer-color-warning-200: #fde68a;
+  --cer-color-warning-300: #fcd34d;
+  --cer-color-warning-400: #fbbf24;
+  --cer-color-warning-500: #f59e0b;
+  --cer-color-warning-600: #d97706;
+  --cer-color-warning-700: #b45309;
+  --cer-color-warning-800: #92400e;
+  --cer-color-warning-900: #78350f;
+  --cer-color-warning-950: #451a03;
+
+  /* error */
+  --cer-color-error-50: #fef2f2;
+  --cer-color-error-100: #fee2e2;
+  --cer-color-error-200: #fecaca;
+  --cer-color-error-300: #fca5a5;
+  --cer-color-error-400: #f87171;
+  --cer-color-error-500: #ef4444;
+  --cer-color-error-600: #dc2626;
+  --cer-color-error-700: #b91c1c;
+  --cer-color-error-800: #991b1b;
+  --cer-color-error-900: #7f1d1d;
+  --cer-color-error-950: #450a0a;
+
+  /* Extended Tailwind palette — override to theme these colors */
+  /* slate */
+  --cer-color-slate-50: #f8fafc;
+  --cer-color-slate-100: #f1f5f9;
+  --cer-color-slate-200: #e2e8f0;
+  --cer-color-slate-300: #cbd5e1;
+  --cer-color-slate-400: #94a3b8;
+  --cer-color-slate-500: #64748b;
+  --cer-color-slate-600: #475569;
+  --cer-color-slate-700: #334155;
+  --cer-color-slate-800: #1e293b;
+  --cer-color-slate-900: #0f172a;
+  --cer-color-slate-950: #020617;
+  /* gray */
+  --cer-color-gray-50: #f9fafb;
+  --cer-color-gray-100: #f3f4f6;
+  --cer-color-gray-200: #e5e7eb;
+  --cer-color-gray-300: #d1d5db;
+  --cer-color-gray-400: #9ca3af;
+  --cer-color-gray-500: #6b7280;
+  --cer-color-gray-600: #4b5563;
+  --cer-color-gray-700: #374151;
+  --cer-color-gray-800: #1f2937;
+  --cer-color-gray-900: #111827;
+  --cer-color-gray-950: #030712;
+  /* zinc */
+  --cer-color-zinc-50: #fafafa;
+  --cer-color-zinc-100: #f4f4f5;
+  --cer-color-zinc-200: #e4e4e7;
+  --cer-color-zinc-300: #d4d4d8;
+  --cer-color-zinc-400: #a1a1aa;
+  --cer-color-zinc-500: #71717a;
+  --cer-color-zinc-600: #52525b;
+  --cer-color-zinc-700: #3f3f46;
+  --cer-color-zinc-800: #27272a;
+  --cer-color-zinc-900: #18181b;
+  --cer-color-zinc-950: #09090b;
+  /* stone */
+  --cer-color-stone-50: #fafaf9;
+  --cer-color-stone-100: #f5f5f4;
+  --cer-color-stone-200: #e7e5e4;
+  --cer-color-stone-300: #d6d3d1;
+  --cer-color-stone-400: #a8a29e;
+  --cer-color-stone-500: #78716c;
+  --cer-color-stone-600: #57534e;
+  --cer-color-stone-700: #44403c;
+  --cer-color-stone-800: #292524;
+  --cer-color-stone-900: #1c1917;
+  --cer-color-stone-950: #0c0a09;
+  /* red */
+  --cer-color-red-50: #fef2f2;
+  --cer-color-red-100: #fee2e2;
+  --cer-color-red-200: #fecaca;
+  --cer-color-red-300: #fca5a5;
+  --cer-color-red-400: #f87171;
+  --cer-color-red-500: #ef4444;
+  --cer-color-red-600: #dc2626;
+  --cer-color-red-700: #b91c1c;
+  --cer-color-red-800: #991b1b;
+  --cer-color-red-900: #7f1d1d;
+  --cer-color-red-950: #450a0a;
+  /* orange */
+  --cer-color-orange-50: #fff7ed;
+  --cer-color-orange-100: #ffedd5;
+  --cer-color-orange-200: #fed7aa;
+  --cer-color-orange-300: #fdba74;
+  --cer-color-orange-400: #fb923c;
+  --cer-color-orange-500: #f97316;
+  --cer-color-orange-600: #ea580c;
+  --cer-color-orange-700: #c2410c;
+  --cer-color-orange-800: #9a3412;
+  --cer-color-orange-900: #7c2d12;
+  --cer-color-orange-950: #431407;
+  /* amber */
+  --cer-color-amber-50: #fffbeb;
+  --cer-color-amber-100: #fef3c7;
+  --cer-color-amber-200: #fde68a;
+  --cer-color-amber-300: #fcd34d;
+  --cer-color-amber-400: #fbbf24;
+  --cer-color-amber-500: #f59e0b;
+  --cer-color-amber-600: #d97706;
+  --cer-color-amber-700: #b45309;
+  --cer-color-amber-800: #92400e;
+  --cer-color-amber-900: #78350f;
+  --cer-color-amber-950: #451a03;
+  /* yellow */
+  --cer-color-yellow-50: #fefce8;
+  --cer-color-yellow-100: #fef9c3;
+  --cer-color-yellow-200: #fef08a;
+  --cer-color-yellow-300: #fde047;
+  --cer-color-yellow-400: #facc15;
+  --cer-color-yellow-500: #eab308;
+  --cer-color-yellow-600: #ca8a04;
+  --cer-color-yellow-700: #a16207;
+  --cer-color-yellow-800: #854d0e;
+  --cer-color-yellow-900: #713f12;
+  --cer-color-yellow-950: #422006;
+  /* lime */
+  --cer-color-lime-50: #f7fee7;
+  --cer-color-lime-100: #ecfccb;
+  --cer-color-lime-200: #d9f99d;
+  --cer-color-lime-300: #bef264;
+  --cer-color-lime-400: #a3e635;
+  --cer-color-lime-500: #84cc16;
+  --cer-color-lime-600: #65a30d;
+  --cer-color-lime-700: #4d7c0f;
+  --cer-color-lime-800: #3f6212;
+  --cer-color-lime-900: #365314;
+  --cer-color-lime-950: #1a2e05;
+  /* green */
+  --cer-color-green-50: #f0fdf4;
+  --cer-color-green-100: #dcfce7;
+  --cer-color-green-200: #bbf7d0;
+  --cer-color-green-300: #86efac;
+  --cer-color-green-400: #4ade80;
+  --cer-color-green-500: #22c55e;
+  --cer-color-green-600: #16a34a;
+  --cer-color-green-700: #15803d;
+  --cer-color-green-800: #166534;
+  --cer-color-green-900: #14532d;
+  --cer-color-green-950: #052e16;
+  /* emerald */
+  --cer-color-emerald-50: #ecfdf5;
+  --cer-color-emerald-100: #d1fae5;
+  --cer-color-emerald-200: #a7f3d0;
+  --cer-color-emerald-300: #6ee7b7;
+  --cer-color-emerald-400: #34d399;
+  --cer-color-emerald-500: #10b981;
+  --cer-color-emerald-600: #059669;
+  --cer-color-emerald-700: #047857;
+  --cer-color-emerald-800: #065f46;
+  --cer-color-emerald-900: #064e3b;
+  --cer-color-emerald-950: #022c22;
+  /* teal */
+  --cer-color-teal-50: #f0fdfa;
+  --cer-color-teal-100: #ccfbf1;
+  --cer-color-teal-200: #99f6e4;
+  --cer-color-teal-300: #5eead4;
+  --cer-color-teal-400: #2dd4bf;
+  --cer-color-teal-500: #14b8a6;
+  --cer-color-teal-600: #0d9488;
+  --cer-color-teal-700: #0f766e;
+  --cer-color-teal-800: #115e59;
+  --cer-color-teal-900: #134e4a;
+  --cer-color-teal-950: #042f2e;
+  /* cyan */
+  --cer-color-cyan-50: #ecfeff;
+  --cer-color-cyan-100: #cffafe;
+  --cer-color-cyan-200: #a5f3fc;
+  --cer-color-cyan-300: #67e8f9;
+  --cer-color-cyan-400: #22d3ee;
+  --cer-color-cyan-500: #06b6d4;
+  --cer-color-cyan-600: #0891b2;
+  --cer-color-cyan-700: #0e7490;
+  --cer-color-cyan-800: #155e75;
+  --cer-color-cyan-900: #164e63;
+  --cer-color-cyan-950: #083344;
+  /* sky */
+  --cer-color-sky-50: #f0f9ff;
+  --cer-color-sky-100: #e0f2fe;
+  --cer-color-sky-200: #bae6fd;
+  --cer-color-sky-300: #7dd3fc;
+  --cer-color-sky-400: #38bdf8;
+  --cer-color-sky-500: #0ea5e9;
+  --cer-color-sky-600: #0284c7;
+  --cer-color-sky-700: #0369a1;
+  --cer-color-sky-800: #075985;
+  --cer-color-sky-900: #0c4a6e;
+  --cer-color-sky-950: #082f49;
+  /* blue */
+  --cer-color-blue-50: #eff6ff;
+  --cer-color-blue-100: #dbeafe;
+  --cer-color-blue-200: #bfdbfe;
+  --cer-color-blue-300: #93c5fd;
+  --cer-color-blue-400: #60a5fa;
+  --cer-color-blue-500: #3b82f6;
+  --cer-color-blue-600: #2563eb;
+  --cer-color-blue-700: #1d4ed8;
+  --cer-color-blue-800: #1e40af;
+  --cer-color-blue-900: #1e3a8a;
+  --cer-color-blue-950: #172554;
+  /* indigo */
+  --cer-color-indigo-50: #eef2ff;
+  --cer-color-indigo-100: #e0e7ff;
+  --cer-color-indigo-200: #c7d2fe;
+  --cer-color-indigo-300: #a5b4fc;
+  --cer-color-indigo-400: #818cf8;
+  --cer-color-indigo-500: #6366f1;
+  --cer-color-indigo-600: #4f46e5;
+  --cer-color-indigo-700: #4338ca;
+  --cer-color-indigo-800: #3730a3;
+  --cer-color-indigo-900: #312e81;
+  --cer-color-indigo-950: #1e1b4b;
+  /* violet */
+  --cer-color-violet-50: #f5f3ff;
+  --cer-color-violet-100: #ede9fe;
+  --cer-color-violet-200: #ddd6fe;
+  --cer-color-violet-300: #c4b5fd;
+  --cer-color-violet-400: #a78bfa;
+  --cer-color-violet-500: #8b5cf6;
+  --cer-color-violet-600: #7c3aed;
+  --cer-color-violet-700: #6d28d9;
+  --cer-color-violet-800: #5b21b6;
+  --cer-color-violet-900: #4c1d95;
+  --cer-color-violet-950: #2e1065;
+  /* purple */
+  --cer-color-purple-50: #faf5ff;
+  --cer-color-purple-100: #f3e8ff;
+  --cer-color-purple-200: #e9d5ff;
+  --cer-color-purple-300: #d8b4fe;
+  --cer-color-purple-400: #c084fc;
+  --cer-color-purple-500: #a855f7;
+  --cer-color-purple-600: #9333ea;
+  --cer-color-purple-700: #7e22ce;
+  --cer-color-purple-800: #6b21a8;
+  --cer-color-purple-900: #581c87;
+  --cer-color-purple-950: #3b0764;
+  /* fuchsia */
+  --cer-color-fuchsia-50: #fdf4ff;
+  --cer-color-fuchsia-100: #fae8ff;
+  --cer-color-fuchsia-200: #f5d0fe;
+  --cer-color-fuchsia-300: #f0abfc;
+  --cer-color-fuchsia-400: #e879f9;
+  --cer-color-fuchsia-500: #d946ef;
+  --cer-color-fuchsia-600: #c026d3;
+  --cer-color-fuchsia-700: #a21caf;
+  --cer-color-fuchsia-800: #86198f;
+  --cer-color-fuchsia-900: #701a75;
+  --cer-color-fuchsia-950: #4a044e;
+  /* pink */
+  --cer-color-pink-50: #fdf2f8;
+  --cer-color-pink-100: #fce7f3;
+  --cer-color-pink-200: #fbcfe8;
+  --cer-color-pink-300: #f9a8d4;
+  --cer-color-pink-400: #f472b6;
+  --cer-color-pink-500: #ec4899;
+  --cer-color-pink-600: #db2777;
+  --cer-color-pink-700: #be185d;
+  --cer-color-pink-800: #9d174d;
+  --cer-color-pink-900: #831843;
+  --cer-color-pink-950: #500724;
+  /* rose */
+  --cer-color-rose-50: #fff1f2;
+  --cer-color-rose-100: #ffe4e6;
+  --cer-color-rose-200: #fecdd3;
+  --cer-color-rose-300: #fda4af;
+  --cer-color-rose-400: #fb7185;
+  --cer-color-rose-500: #f43f5e;
+  --cer-color-rose-600: #e11d48;
+  --cer-color-rose-700: #be123c;
+  --cer-color-rose-800: #9f1239;
+  --cer-color-rose-900: #881337;
+  --cer-color-rose-950: #4c0519;
+}
+
+/* @property registrations for CSS transition composability */
+@property --cer-rotate {
+  syntax: '<angle>';
+  initial-value: 0deg;
+  inherits: false;
+}
+@property --cer-translate-x {
+  syntax: '<length>';
+  initial-value: 0px;
+  inherits: false;
+}
+@property --cer-translate-y {
+  syntax: '<length>';
+  initial-value: 0px;
+  inherits: false;
+}
+@property --cer-skew-x {
+  syntax: '<angle>';
+  initial-value: 0deg;
+  inherits: false;
+}
+@property --cer-skew-y {
+  syntax: '<angle>';
+  initial-value: 0deg;
+  inherits: false;
+}
+@property --cer-scale-x {
+  syntax: '<number>';
+  initial-value: 1;
+  inherits: false;
+}
+@property --cer-scale-y {
+  syntax: '<number>';
+  initial-value: 1;
+  inherits: false;
+}
+/* Filter composition variables (--cer-blur, --cer-brightness, etc.) intentionally
+   omit @property registration because their "no-op" value is empty string (''),
+   which is not a valid CSS initial-value. They compose correctly without Houdini. */
+@property --cer-opacity {
+  syntax: '<number>';
+  initial-value: 1;
+  inherits: false;
+}
+`;function u(e,...c){let n="";for(let o=0;o<e.length;o++)n+=e[o],o<c.length&&(n+=c[o]);return n}function t(e){return e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s+/g," ").replace(/\s*([{}:;,>~])\s*/g,"$1").replace(/;}/g,"}").trim()}function y(e){return e.replace(/@charset\s+[^;]*;/gi,"").replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi,"").replace(/url\s*\(\s*['"]?data:[^)]*\)/gi,"").replace(/@import\s[^;{]*/gi,"").replace(/-moz-binding\s*:[^;]*/gi,"").replace(/\bbehavior\s*:[^;]*/gi,"").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi,"").replace(/expression\s*\([^)]*\)/gi,"")}function p(e){if(typeof CSS<"u"&&CSS.escape)return CSS.escape(e);const c=String(e),n=c.length;let o="",l=0;for(;l<n;){const i=c.charAt(l),r=c.charCodeAt(l);r===0?o+="�":r>=1&&r<=31||r===127||l===0&&r>=48&&r<=57||l===1&&r>=48&&r<=57&&c.charCodeAt(0)===45?o+="\\"+r.toString(16)+" ":l===0&&n===1&&r===45?o+="\\"+i:r>=128||r===45||r===95||r>=48&&r<=57||r>=65&&r<=90||r>=97&&r<=122?o+=i:o+="\\"+i,l++}return o}function m(e){return"."+p(e)}function h(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const s=u`
+  ${g}
+  :host,
+  *,
+  ::before,
+  ::after {
+    all: isolate;
+    box-sizing: border-box;
+    border: 0 solid currentColor;
+    margin: 0;
+    padding: 0;
+    font: inherit;
+    vertical-align: baseline;
+    background: transparent;
+    color: inherit;
+    -webkit-tap-highlight-color: transparent;
+    /* Transform composition variables (reset per-element for composability) */
+    --cer-translate-x: 0px;
+    --cer-translate-y: 0px;
+    --cer-rotate: 0deg;
+    --cer-skew-x: 0deg;
+    --cer-skew-y: 0deg;
+    --cer-scale-x: 1;
+    --cer-scale-y: 1;
+    /* Ring variables */
+    --cer-ring-color: rgb(59 130 246 / 0.5);
+    /* Filter composition variables (empty = no-op in filter chain) */
+    --cer-blur: ;
+    --cer-brightness: ;
+    --cer-contrast: ;
+    --cer-grayscale: ;
+    --cer-hue-rotate: ;
+    --cer-invert: ;
+    --cer-saturate: ;
+    --cer-sepia: ;
+    --cer-drop-shadow: ;
+    --cer-backdrop-blur: ;
+    --cer-backdrop-brightness: ;
+    --cer-backdrop-contrast: ;
+    --cer-backdrop-grayscale: ;
+    --cer-backdrop-hue-rotate: ;
+    --cer-backdrop-invert: ;
+    --cer-backdrop-saturate: ;
+    --cer-backdrop-sepia: ;
+  }
+  :host {
+    display: contents;
+    font: 16px/1.5 var(--cer-font-sans, ui-sans-serif, system-ui, sans-serif);
+    /* Default CE line-height variable so leading-* can reliably override */
+    --cer-line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    /* Default gradient variables to avoid undefined var() usage in generated utilities */
+    --cer-gradient-from-position: 0%;
+    --cer-gradient-to-position: 100%;
+    --cer-gradient-via-position: 50%;
+    --cer-gradient-from: rgba(255, 255, 255, 0);
+    --cer-gradient-to: rgba(255, 255, 255, 0);
+    --cer-gradient-stops: var(--cer-gradient-from), var(--cer-gradient-to);
+    /* Default outline style variable */
+    --cer-outline-style: solid;
+  }
+  button,
+  input,
+  select,
+  textarea {
+    background: transparent;
+    outline: none;
+  }
+  textarea {
+    resize: vertical;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  button,
+  textarea {
+    overflow: visible;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    display: block;
+    max-width: 100%;
+    height: auto;
+  }
+  svg {
+    fill: currentColor;
+    stroke: none;
+  }
+  a {
+    text-decoration: inherit;
+    cursor: pointer;
+  }
+  button,
+  [type='button'],
+  [type='reset'],
+  [type='submit'] {
+    cursor: pointer;
+    appearance: button;
+    background: none;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  ::-webkit-input-placeholder,
+  ::placeholder {
+    color: inherit;
+    opacity: 0.5;
+  }
+  *:focus-visible {
+    outline: 2px solid var(--cer-color-primary-500, #3b82f6);
+    outline-offset: 2px;
+  }
+  ol,
+  ul {
+    list-style: none;
+  }
+  table {
+    border-collapse: collapse;
+  }
+  sub,
+  sup {
+    font-size: 0.75em;
+    line-height: 0;
+    position: relative;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  [disabled],
+  [aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+  [hidden] {
+    display: none;
+  }
+`,v="0.25rem";let a=null;function S(){return a||(typeof CSSStyleSheet>"u"?a={cssRules:[],replaceSync:()=>{},toString:()=>t(s)}:(a=new CSSStyleSheet,a.replaceSync(t(s)))),a}let f=null,d=null,b=null;function k(e,c,n){f=e,d=c,b=n}function w(e){return f?f(e):!1}function x(e){return d?d(e):""}function C(){return b?b():null}exports._registerRenderBridge=k;exports.baseReset=s;exports.css=u;exports.cssEscape=p;exports.escapeClassName=m;exports.escapeRegExp=h;exports.getBaseResetSheet=S;exports.getProseStyleSheet=C;exports.isJITCSSActiveFor=w;exports.minifyCSS=t;exports.processJITCSS=x;exports.sanitizeCSS=y;exports.spacing=v;
+//# sourceMappingURL=css-utils-RqkyBWft.cjs.map