@jasonshimmy/custom-elements-runtime 2.8.1 → 3.0.0

package/dist/custom-elements-runtime.ssr.es.js

@@ -1,6 +1,8 @@
-import { e, S as f, T as g } from "./namespace-helpers-DhLBqt-7.js";
-import { g as j, l as A, h as E } from "./namespace-helpers-DhLBqt-7.js";
-const m = /* @__PURE__ */ new Set([
+import { e as h } from "./helpers-CweFZFWU.js";
+import { g as E, l as b, h as x } from "./helpers-CweFZFWU.js";
+import { S as f, T as p } from "./namespace-helpers-CnpZ5__p.js";
+import { e as m, j as S } from "./style-BmyOIMcU.js";
+const u = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -16,28 +18,41 @@ const m = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
-function s(r, n) {
-  if (typeof r == "string") return e(r);
+function g(r, a) {
+  if (typeof r == "string") return h(r);
   if (r.tag === "#text")
-    return typeof r.children == "string" ? e(r.children) : "";
+    return typeof r.children == "string" ? h(r.children) : "";
   if (r.tag === "#anchor")
-    return (Array.isArray(r.children) ? r.children.filter((a) => a != null) : []).map((a) => s(a, n)).join("");
+    return (Array.isArray(r.children) ? r.children.filter((l) => l != null) : []).map((l) => g(l, a)).join("");
   if (r.tag === "#raw")
     return typeof r.children == "string" ? r.children : "";
   let i = {};
   r.props && r.props.attrs && (i = { ...r.props.attrs });
-  const c = n?.injectSvgNamespace ?? !0, p = n?.injectKnownNamespaces ?? c;
-  c && r.tag === "svg" && !("xmlns" in i) ? i.xmlns = f : p && r.tag in g && !("xmlns" in i) && (i.xmlns = g[r.tag]);
-  const l = Object.entries(i).map(([t, a]) => ` ${t}="${e(String(a))}"`).join("");
-  if (m.has(r.tag))
-    return `<${r.tag}${l}>`;
-  const h = Array.isArray(r.children) ? r.children.filter((t) => t != null).map((t) => s(t, n)).join("") : typeof r.children == "string" ? e(r.children) : r.children ? s(r.children, n) : "";
-  return `<${r.tag}${l}>${h}</${r.tag}>`;
+  const c = a?.injectSvgNamespace ?? !0, e = a?.injectKnownNamespaces ?? c;
+  c && r.tag === "svg" && !("xmlns" in i) ? i.xmlns = f : e && r.tag in p && !("xmlns" in i) && (i.xmlns = p[r.tag]);
+  const s = Object.entries(i).map(([t, l]) => ` ${t}="${h(String(l))}"`).join("");
+  if (u.has(r.tag))
+    return `<${r.tag}${s}>`;
+  const n = Array.isArray(r.children) ? r.children.filter((t) => t != null).map((t) => g(t, a)).join("") : typeof r.children == "string" ? h(r.children) : r.children ? g(r.children, a) : "";
+  return `<${r.tag}${s}>${n}</${r.tag}>`;
+}
+function $(r, a) {
+  const { jit: i, ...c } = a ?? {};
+  i && m(i);
+  const e = g(r, c), s = S(e);
+  let n;
+  if (s) {
+    const t = `<style id="cer-ssr-jit">${s}</style>`;
+    e.includes("</head>") ? n = e.replace("</head>", `${t}</head>`) : n = `${t}${e}`;
+  } else
+    n = e;
+  return { html: e, css: s, htmlWithStyles: n };
 }
 export {
-  j as clearRegisteredEntityMap,
-  A as loadEntityMap,
-  E as registerEntityMap,
-  s as renderToString
+  E as clearRegisteredEntityMap,
+  b as loadEntityMap,
+  x as registerEntityMap,
+  g as renderToString,
+  $ as renderToStringWithJITCSS
 };
 //# sourceMappingURL=custom-elements-runtime.ssr.es.js.map

package/dist/custom-elements-runtime.ssr.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.ssr.es.js","sources":["../src/lib/runtime/vdom-ssr.ts"],"sourcesContent":["import type { VNode } from './types';\nimport { escapeHTML } from './helpers';\nimport { TAG_NAMESPACE_MAP, SVG_NS } from './namespace-helpers';\n\n/**\n * Render a VNode to a string (SSR).\n * Kept intentionally minimal: only serializes attributes under `props.attrs`\n * to avoid leaking runtime-only values (functions, reactive state, directives).\n * @param vnode The virtual node to render.\n * @returns The rendered HTML string.\n */\nexport type RenderOptions = {\n  /** Backwards-compatible: whether to inject the SVG namespace on <svg> nodes (default true) */\n  injectSvgNamespace?: boolean;\n  /** Inject known well-known namespaces for tags like <math> when missing (default follows injectSvgNamespace) */\n  injectKnownNamespaces?: boolean;\n};\n\n// HTML void elements that should be self-closing\nconst VOID_ELEMENTS = new Set([\n  'area',\n  'base',\n  'br',\n  'col',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr',\n]);\n\nexport function renderToString(vnode: VNode, opts?: RenderOptions): string {\n  if (typeof vnode === 'string') return escapeHTML(vnode) as string;\n\n  if (vnode.tag === '#text') {\n    return typeof vnode.children === 'string'\n      ? (escapeHTML(vnode.children) as string)\n      : '';\n  }\n\n  if (vnode.tag === '#anchor') {\n    // Preserve meaningful falsy children (0, false, '') while filtering out\n    // only null and undefined. Anchor blocks are normalized by the compiler\n    // to exclude null/undefined; SSR should follow the same rule to avoid\n    // hydration mismatches where falsy values are significant.\n    const children = Array.isArray(vnode.children)\n      ? vnode.children.filter((c) => c !== null && c !== undefined)\n      : [];\n    return children.map((c) => renderToString(c, opts)).join('');\n  }\n\n  if (vnode.tag === '#raw') {\n    return typeof vnode.children === 'string' ? vnode.children : '';\n  }\n\n  // Collect attributes from props.attrs. For SSR we mirror vnode.attrs\n  // but ensure SVG nodes behave like client-side: if this is an <svg>\n  // and no xmlns was provided, inject the standard SVG namespace so\n  // server markup matches client-created DOM namespace.\n  let attrsObj: Record<string, unknown> = {};\n  if (vnode.props && vnode.props.attrs) {\n    attrsObj = { ...vnode.props.attrs };\n  }\n\n  const inject = opts?.injectSvgNamespace ?? true;\n  const injectKnown = opts?.injectKnownNamespaces ?? inject;\n\n  // Inject namespace for well-known tags when missing. By default we\n  // preserve previous behavior (SVG injected) and also allow injecting\n  // other known namespaces (MathML) when injectKnownNamespaces is true.\n  if (inject && vnode.tag === 'svg' && !('xmlns' in attrsObj)) {\n    attrsObj.xmlns = SVG_NS;\n  } else if (\n    injectKnown &&\n    vnode.tag in TAG_NAMESPACE_MAP &&\n    !('xmlns' in attrsObj)\n  ) {\n    attrsObj.xmlns = TAG_NAMESPACE_MAP[vnode.tag];\n  }\n\n  const attrsString = Object.entries(attrsObj)\n    .map(([k, v]) => ` ${k}=\"${escapeHTML(String(v))}\"`)\n    .join('');\n\n  // Handle void elements (self-closing tags)\n  if (VOID_ELEMENTS.has(vnode.tag)) {\n    return `<${vnode.tag}${attrsString}>`;\n  }\n\n  const children = Array.isArray(vnode.children)\n    ? vnode.children\n        .filter((c) => c !== null && c !== undefined)\n        .map((c) => renderToString(c, opts))\n        .join('')\n    : typeof vnode.children === 'string'\n      ? escapeHTML(vnode.children)\n      : vnode.children\n        ? renderToString(vnode.children, opts)\n        : '';\n\n  return `<${vnode.tag}${attrsString}>${children}</${vnode.tag}>`;\n}\n"],"names":["VOID_ELEMENTS","renderToString","vnode","opts","escapeHTML","c","attrsObj","inject","injectKnown","SVG_NS","TAG_NAMESPACE_MAP","attrsString","k","v","children"],"mappings":";;AAmBA,MAAMA,wBAAoB,IAAI;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAASC,EAAeC,GAAcC,GAA8B;AACzE,MAAI,OAAOD,KAAU,SAAU,QAAOE,EAAWF,CAAK;AAEtD,MAAIA,EAAM,QAAQ;AAChB,WAAO,OAAOA,EAAM,YAAa,WAC5BE,EAAWF,EAAM,QAAQ,IAC1B;AAGN,MAAIA,EAAM,QAAQ;AAQhB,YAHiB,MAAM,QAAQA,EAAM,QAAQ,IACzCA,EAAM,SAAS,OAAO,CAACG,MAAMA,KAAM,IAAuB,IAC1D,CAAA,GACY,IAAI,CAACA,MAAMJ,EAAeI,GAAGF,CAAI,CAAC,EAAE,KAAK,EAAE;AAG7D,MAAID,EAAM,QAAQ;AAChB,WAAO,OAAOA,EAAM,YAAa,WAAWA,EAAM,WAAW;AAO/D,MAAII,IAAoC,CAAA;AACxC,EAAIJ,EAAM,SAASA,EAAM,MAAM,UAC7BI,IAAW,EAAE,GAAGJ,EAAM,MAAM,MAAA;AAG9B,QAAMK,IAASJ,GAAM,sBAAsB,IACrCK,IAAcL,GAAM,yBAAyBI;AAKnD,EAAIA,KAAUL,EAAM,QAAQ,SAAS,EAAE,WAAWI,KAChDA,EAAS,QAAQG,IAEjBD,KACAN,EAAM,OAAOQ,KACb,EAAE,WAAWJ,OAEbA,EAAS,QAAQI,EAAkBR,EAAM,GAAG;AAG9C,QAAMS,IAAc,OAAO,QAAQL,CAAQ,EACxC,IAAI,CAAC,CAACM,GAAGC,CAAC,MAAM,IAAID,CAAC,KAAKR,EAAW,OAAOS,CAAC,CAAC,CAAC,GAAG,EAClD,KAAK,EAAE;AAGV,MAAIb,EAAc,IAAIE,EAAM,GAAG;AAC7B,WAAO,IAAIA,EAAM,GAAG,GAAGS,CAAW;AAGpC,QAAMG,IAAW,MAAM,QAAQZ,EAAM,QAAQ,IACzCA,EAAM,SACH,OAAO,CAACG,MAAMA,KAAM,IAAuB,EAC3C,IAAI,CAACA,MAAMJ,EAAeI,GAAGF,CAAI,CAAC,EAClC,KAAK,EAAE,IACV,OAAOD,EAAM,YAAa,WACxBE,EAAWF,EAAM,QAAQ,IACzBA,EAAM,WACJD,EAAeC,EAAM,UAAUC,CAAI,IACnC;AAER,SAAO,IAAID,EAAM,GAAG,GAAGS,CAAW,IAAIG,CAAQ,KAAKZ,EAAM,GAAG;AAC9D;"}
+{"version":3,"file":"custom-elements-runtime.ssr.es.js","sources":["../src/lib/runtime/vdom-ssr.ts","../src/lib/ssr.ts"],"sourcesContent":["import type { VNode } from './types';\nimport { escapeHTML } from './helpers';\nimport { TAG_NAMESPACE_MAP, SVG_NS } from './namespace-helpers';\n\n/**\n * Render a VNode to a string (SSR).\n * Kept intentionally minimal: only serializes attributes under `props.attrs`\n * to avoid leaking runtime-only values (functions, reactive state, directives).\n * @param vnode The virtual node to render.\n * @returns The rendered HTML string.\n */\nexport type RenderOptions = {\n  /** Backwards-compatible: whether to inject the SVG namespace on <svg> nodes (default true) */\n  injectSvgNamespace?: boolean;\n  /** Inject known well-known namespaces for tags like <math> when missing (default follows injectSvgNamespace) */\n  injectKnownNamespaces?: boolean;\n};\n\n// HTML void elements that should be self-closing\nconst VOID_ELEMENTS = new Set([\n  'area',\n  'base',\n  'br',\n  'col',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr',\n]);\n\nexport function renderToString(vnode: VNode, opts?: RenderOptions): string {\n  if (typeof vnode === 'string') return escapeHTML(vnode) as string;\n\n  if (vnode.tag === '#text') {\n    return typeof vnode.children === 'string'\n      ? (escapeHTML(vnode.children) as string)\n      : '';\n  }\n\n  if (vnode.tag === '#anchor') {\n    // Preserve meaningful falsy children (0, false, '') while filtering out\n    // only null and undefined. Anchor blocks are normalized by the compiler\n    // to exclude null/undefined; SSR should follow the same rule to avoid\n    // hydration mismatches where falsy values are significant.\n    const children = Array.isArray(vnode.children)\n      ? vnode.children.filter((c) => c !== null && c !== undefined)\n      : [];\n    return children.map((c) => renderToString(c, opts)).join('');\n  }\n\n  if (vnode.tag === '#raw') {\n    return typeof vnode.children === 'string' ? vnode.children : '';\n  }\n\n  // Collect attributes from props.attrs. For SSR we mirror vnode.attrs\n  // but ensure SVG nodes behave like client-side: if this is an <svg>\n  // and no xmlns was provided, inject the standard SVG namespace so\n  // server markup matches client-created DOM namespace.\n  let attrsObj: Record<string, unknown> = {};\n  if (vnode.props && vnode.props.attrs) {\n    attrsObj = { ...vnode.props.attrs };\n  }\n\n  const inject = opts?.injectSvgNamespace ?? true;\n  const injectKnown = opts?.injectKnownNamespaces ?? inject;\n\n  // Inject namespace for well-known tags when missing. By default we\n  // preserve previous behavior (SVG injected) and also allow injecting\n  // other known namespaces (MathML) when injectKnownNamespaces is true.\n  if (inject && vnode.tag === 'svg' && !('xmlns' in attrsObj)) {\n    attrsObj.xmlns = SVG_NS;\n  } else if (\n    injectKnown &&\n    vnode.tag in TAG_NAMESPACE_MAP &&\n    !('xmlns' in attrsObj)\n  ) {\n    attrsObj.xmlns = TAG_NAMESPACE_MAP[vnode.tag];\n  }\n\n  const attrsString = Object.entries(attrsObj)\n    .map(([k, v]) => ` ${k}=\"${escapeHTML(String(v))}\"`)\n    .join('');\n\n  // Handle void elements (self-closing tags)\n  if (VOID_ELEMENTS.has(vnode.tag)) {\n    return `<${vnode.tag}${attrsString}>`;\n  }\n\n  const children = Array.isArray(vnode.children)\n    ? vnode.children\n        .filter((c) => c !== null && c !== undefined)\n        .map((c) => renderToString(c, opts))\n        .join('')\n    : typeof vnode.children === 'string'\n      ? escapeHTML(vnode.children)\n      : vnode.children\n        ? renderToString(vnode.children, opts)\n        : '';\n\n  return `<${vnode.tag}${attrsString}>${children}</${vnode.tag}>`;\n}\n","/**\n * SSR entrypoint — small re-export so consumers can import SSR-only helpers\n * without pulling them into the main client runtime bundle.\n *\n * renderToString accepts an optional second argument to control SSR behavior:\n *\n *   renderToString(vnode, { injectSvgNamespace?: boolean })\n *\n * - injectSvgNamespace (default: true): when true, the SSR renderer will\n *   inject the standard SVG namespace attribute (xmlns=\"http://www.w3.org/2000/svg\")\n *   onto `<svg>` elements that do not already provide an explicit `xmlns`.\n *   This matches the client runtime behavior (createElementNS) and avoids\n *   hydration/namespace mismatches. Set to `false` to opt out and keep SSR\n *   output minimal.\n *\n * Examples\n *\n *   // Default (injects xmlns for <svg> if missing)\n *   import { renderToString } from '@jasonshimmy/custom-elements-runtime/ssr';\n *   const html = renderToString(vnodeTree);\n *\n *   // Opt-out\n *   const htmlNoNs = renderToString(vnodeTree, { injectSvgNamespace: false });\n */\nexport { renderToString } from './runtime/vdom-ssr';\nexport type { VNode } from './runtime/types';\nexport type { RenderOptions } from './runtime/vdom-ssr';\n\n// Entity map utilities for SSR — register the full HTML5 named-entity map at\n// server startup so decodeEntities uses the complete mapping. Kept out of the\n// main client bundle to reduce client-side payload.\nexport {\n  registerEntityMap,\n  loadEntityMap,\n  clearRegisteredEntityMap,\n} from './runtime/helpers';\n\n// ---- SSR JIT CSS pre-generation (§5.8) ----\n\nimport { renderToString as _render } from './runtime/vdom-ssr';\nimport { jitCSS, enableJITCSS, type JITCSSOptions } from './runtime/style';\nimport type { VNode } from './runtime/types';\nimport type { RenderOptions } from './runtime/vdom-ssr';\n\n/**\n * Result of `renderToStringWithJITCSS()`.\n */\nexport interface SSRJITResult {\n  /** The rendered HTML string. */\n  html: string;\n  /**\n   * Pre-generated JIT CSS extracted from the rendered HTML.\n   * Embed this in a `<style>` element in your document `<head>` to eliminate\n   * Flash of Unstyled Content (FOUC) on hydration.\n   */\n  css: string;\n  /**\n   * Convenience: the HTML with a `<style>` element injected before `</head>`.\n   * If no `</head>` tag is found, the `<style>` is prepended to the HTML.\n   */\n  htmlWithStyles: string;\n}\n\n/**\n * Server-side render a VNode tree and simultaneously pre-generate JIT CSS for\n * all utility classes present in the rendered output.\n *\n * Embed the returned `css` in a `<style>` element in your document `<head>`\n * to ensure correct styles are present before the client runtime hydrates,\n * eliminating Flash of Unstyled Content (FOUC).\n *\n * @example\n * ```ts\n * import { renderToStringWithJITCSS } from '@jasonshimmy/custom-elements-runtime/ssr';\n *\n * const { htmlWithStyles } = await renderToStringWithJITCSS(appVNode, {\n *   jit: { extendedColors: true },\n * });\n * res.send(`<!DOCTYPE html><html><head>${headTags}</head><body>${htmlWithStyles}</body></html>`);\n * ```\n */\nexport function renderToStringWithJITCSS(\n  vnode: VNode,\n  options?: RenderOptions & { jit?: JITCSSOptions },\n): SSRJITResult {\n  const { jit, ...renderOptions } = options ?? {};\n\n  if (jit) enableJITCSS(jit);\n\n  const html = _render(vnode, renderOptions);\n  const css = jitCSS(html);\n\n  let htmlWithStyles: string;\n  if (css) {\n    const styleTag = `<style id=\"cer-ssr-jit\">${css}</style>`;\n    if (html.includes('</head>')) {\n      htmlWithStyles = html.replace('</head>', `${styleTag}</head>`);\n    } else {\n      htmlWithStyles = `${styleTag}${html}`;\n    }\n  } else {\n    htmlWithStyles = html;\n  }\n\n  return { html, css, htmlWithStyles };\n}\n"],"names":["VOID_ELEMENTS","renderToString","vnode","opts","escapeHTML","c","attrsObj","inject","injectKnown","SVG_NS","TAG_NAMESPACE_MAP","attrsString","k","v","children","renderToStringWithJITCSS","options","jit","renderOptions","html","_render","css","jitCSS","htmlWithStyles","styleTag"],"mappings":";;;;AAmBA,MAAMA,wBAAoB,IAAI;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAASC,EAAeC,GAAcC,GAA8B;AACzE,MAAI,OAAOD,KAAU,SAAU,QAAOE,EAAWF,CAAK;AAEtD,MAAIA,EAAM,QAAQ;AAChB,WAAO,OAAOA,EAAM,YAAa,WAC5BE,EAAWF,EAAM,QAAQ,IAC1B;AAGN,MAAIA,EAAM,QAAQ;AAQhB,YAHiB,MAAM,QAAQA,EAAM,QAAQ,IACzCA,EAAM,SAAS,OAAO,CAACG,MAAMA,KAAM,IAAuB,IAC1D,CAAA,GACY,IAAI,CAACA,MAAMJ,EAAeI,GAAGF,CAAI,CAAC,EAAE,KAAK,EAAE;AAG7D,MAAID,EAAM,QAAQ;AAChB,WAAO,OAAOA,EAAM,YAAa,WAAWA,EAAM,WAAW;AAO/D,MAAII,IAAoC,CAAA;AACxC,EAAIJ,EAAM,SAASA,EAAM,MAAM,UAC7BI,IAAW,EAAE,GAAGJ,EAAM,MAAM,MAAA;AAG9B,QAAMK,IAASJ,GAAM,sBAAsB,IACrCK,IAAcL,GAAM,yBAAyBI;AAKnD,EAAIA,KAAUL,EAAM,QAAQ,SAAS,EAAE,WAAWI,KAChDA,EAAS,QAAQG,IAEjBD,KACAN,EAAM,OAAOQ,KACb,EAAE,WAAWJ,OAEbA,EAAS,QAAQI,EAAkBR,EAAM,GAAG;AAG9C,QAAMS,IAAc,OAAO,QAAQL,CAAQ,EACxC,IAAI,CAAC,CAACM,GAAGC,CAAC,MAAM,IAAID,CAAC,KAAKR,EAAW,OAAOS,CAAC,CAAC,CAAC,GAAG,EAClD,KAAK,EAAE;AAGV,MAAIb,EAAc,IAAIE,EAAM,GAAG;AAC7B,WAAO,IAAIA,EAAM,GAAG,GAAGS,CAAW;AAGpC,QAAMG,IAAW,MAAM,QAAQZ,EAAM,QAAQ,IACzCA,EAAM,SACH,OAAO,CAACG,MAAMA,KAAM,IAAuB,EAC3C,IAAI,CAACA,MAAMJ,EAAeI,GAAGF,CAAI,CAAC,EAClC,KAAK,EAAE,IACV,OAAOD,EAAM,YAAa,WACxBE,EAAWF,EAAM,QAAQ,IACzBA,EAAM,WACJD,EAAeC,EAAM,UAAUC,CAAI,IACnC;AAER,SAAO,IAAID,EAAM,GAAG,GAAGS,CAAW,IAAIG,CAAQ,KAAKZ,EAAM,GAAG;AAC9D;ACzBO,SAASa,EACdb,GACAc,GACc;AACd,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAkBF,KAAW,CAAA;AAE7C,EAAIC,OAAkBA,CAAG;AAEzB,QAAME,IAAOC,EAAQlB,GAAOgB,CAAa,GACnCG,IAAMC,EAAOH,CAAI;AAEvB,MAAII;AACJ,MAAIF,GAAK;AACP,UAAMG,IAAW,2BAA2BH,CAAG;AAC/C,IAAIF,EAAK,SAAS,SAAS,IACzBI,IAAiBJ,EAAK,QAAQ,WAAW,GAAGK,CAAQ,SAAS,IAE7DD,IAAiB,GAAGC,CAAQ,GAAGL,CAAI;AAAA,EAEvC;AACE,IAAAI,IAAiBJ;AAGnB,SAAO,EAAE,MAAAA,GAAM,KAAAE,GAAK,gBAAAE,EAAA;AACtB;"}

package/dist/custom-elements-runtime.store.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(c){let e={...c};const n=[];function f(t){return n.push(t),t(e),()=>{const o=n.indexOf(t);o!==-1&&n.splice(o,1)}}function u(){return e}function r(t){const o=typeof t=="function"?t(e):t;e={...e,...o},i()}function i(){for(const t of n)t(e)}return{subscribe:f,getState:u,setState:r}}exports.createStore=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./logger-CSALKaYm.cjs"),f=50;function d(o){let t={...o};const n=[];function s(e){return n.push(e),n.length>=f&&a.devWarn(`[store] ${n.length} active subscriptions detected. This may indicate orphaned listeners from components that were destroyed without calling their unsubscribe function. Check that every subscribe() call is paired with the returned unsubscribe in a disconnect/cleanup handler.`),e(t),()=>{const c=n.indexOf(e);c!==-1&&n.splice(c,1)}}function i(){return t}function r(e){const c=typeof e=="function"?e(t):e;t={...t,...c},u()}function u(){const e=n.slice();for(const c of e)c(t)}return{subscribe:s,getState:i,setState:r}}exports.createStore=d;
 //# sourceMappingURL=custom-elements-runtime.store.cjs.js.map

package/dist/custom-elements-runtime.store.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.store.cjs.js","sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nexport interface Store<T extends object> {\n  /**\n   * Subscribe to store updates.\n   * Returns an unsubscribe function to remove the listener.\n   */\n  subscribe(listener: Listener<T>): () => void;\n  getState(): T;\n  setState(partial: Partial<T> | ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n  let state = { ...initial } as T; // no Proxy needed if we update via setState\n  const listeners: Listener<T>[] = [];\n\n  function subscribe(listener: Listener<T>) {\n    listeners.push(listener);\n    listener(state); // initial push\n\n    // Return unsubscribe function\n    return () => {\n      const idx = listeners.indexOf(listener);\n      if (idx !== -1) listeners.splice(idx, 1);\n    };\n  }\n\n  function getState(): T {\n    return state;\n  }\n\n  function setState(partial: Partial<T> | ((prev: T) => Partial<T>)) {\n    const next = typeof partial === 'function' ? partial(state) : partial;\n\n    state = { ...state, ...next };\n    notify();\n  }\n\n  function notify() {\n    for (const fn of listeners) fn(state);\n  }\n\n  return { subscribe, getState, setState };\n}\n"],"names":["createStore","initial","state","listeners","subscribe","listener","idx","getState","setState","partial","next","notify","fn"],"mappings":"gFAYO,SAASA,EAA8BC,EAAsB,CAClE,IAAIC,EAAQ,CAAE,GAAGD,CAAA,EACjB,MAAME,EAA2B,CAAA,EAEjC,SAASC,EAAUC,EAAuB,CACxC,OAAAF,EAAU,KAAKE,CAAQ,EACvBA,EAASH,CAAK,EAGP,IAAM,CACX,MAAMI,EAAMH,EAAU,QAAQE,CAAQ,EAClCC,IAAQ,IAAIH,EAAU,OAAOG,EAAK,CAAC,CACzC,CACF,CAEA,SAASC,GAAc,CACrB,OAAOL,CACT,CAEA,SAASM,EAASC,EAAiD,CACjE,MAAMC,EAAO,OAAOD,GAAY,WAAaA,EAAQP,CAAK,EAAIO,EAE9DP,EAAQ,CAAE,GAAGA,EAAO,GAAGQ,CAAA,EACvBC,EAAA,CACF,CAEA,SAASA,GAAS,CAChB,UAAWC,KAAMT,EAAWS,EAAGV,CAAK,CACtC,CAEA,MAAO,CAAE,UAAAE,EAAW,SAAAG,EAAU,SAAAC,CAAA,CAChC"}
+{"version":3,"file":"custom-elements-runtime.store.cjs.js","sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nimport { devWarn } from './runtime/logger';\n\nconst STORE_LISTENER_WARN_THRESHOLD = 50;\n\nexport interface Store<T extends object> {\n  /**\n   * Subscribe to store updates.\n   * Returns an unsubscribe function to remove the listener.\n   */\n  subscribe(listener: Listener<T>): () => void;\n  getState(): T;\n  setState(partial: Partial<T> | ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n  let state = { ...initial } as T; // no Proxy needed if we update via setState\n  const listeners: Listener<T>[] = [];\n\n  function subscribe(listener: Listener<T>) {\n    listeners.push(listener);\n    if (listeners.length >= STORE_LISTENER_WARN_THRESHOLD) {\n      devWarn(\n        `[store] ${listeners.length} active subscriptions detected. ` +\n          'This may indicate orphaned listeners from components that were destroyed ' +\n          'without calling their unsubscribe function. Check that every subscribe() ' +\n          'call is paired with the returned unsubscribe in a disconnect/cleanup handler.',\n      );\n    }\n    listener(state); // initial push\n\n    // Return unsubscribe function\n    return () => {\n      const idx = listeners.indexOf(listener);\n      if (idx !== -1) listeners.splice(idx, 1);\n    };\n  }\n\n  function getState(): T {\n    return state;\n  }\n\n  function setState(partial: Partial<T> | ((prev: T) => Partial<T>)) {\n    const next = typeof partial === 'function' ? partial(state) : partial;\n\n    state = { ...state, ...next };\n    notify();\n  }\n\n  function notify() {\n    // Snapshot the listeners array before iterating so that a listener calling\n    // setState() (re-entrant notify) cannot corrupt the current iteration.\n    const snapshot = listeners.slice();\n    for (const fn of snapshot) fn(state);\n  }\n\n  return { subscribe, getState, setState };\n}\n"],"names":["STORE_LISTENER_WARN_THRESHOLD","createStore","initial","state","listeners","subscribe","listener","devWarn","idx","getState","setState","partial","next","notify","snapshot","fn"],"mappings":"yHAIMA,EAAgC,GAY/B,SAASC,EAA8BC,EAAsB,CAClE,IAAIC,EAAQ,CAAE,GAAGD,CAAA,EACjB,MAAME,EAA2B,CAAA,EAEjC,SAASC,EAAUC,EAAuB,CACxC,OAAAF,EAAU,KAAKE,CAAQ,EACnBF,EAAU,QAAUJ,GACtBO,EAAAA,QACE,WAAWH,EAAU,MAAM,iQAAA,EAM/BE,EAASH,CAAK,EAGP,IAAM,CACX,MAAMK,EAAMJ,EAAU,QAAQE,CAAQ,EAClCE,IAAQ,IAAIJ,EAAU,OAAOI,EAAK,CAAC,CACzC,CACF,CAEA,SAASC,GAAc,CACrB,OAAON,CACT,CAEA,SAASO,EAASC,EAAiD,CACjE,MAAMC,EAAO,OAAOD,GAAY,WAAaA,EAAQR,CAAK,EAAIQ,EAE9DR,EAAQ,CAAE,GAAGA,EAAO,GAAGS,CAAA,EACvBC,EAAA,CACF,CAEA,SAASA,GAAS,CAGhB,MAAMC,EAAWV,EAAU,MAAA,EAC3B,UAAWW,KAAMD,EAAUC,EAAGZ,CAAK,CACrC,CAEA,MAAO,CAAE,UAAAE,EAAW,SAAAI,EAAU,SAAAC,CAAA,CAChC"}

package/dist/custom-elements-runtime.store.es.js

@@ -1,25 +1,30 @@
-function r(c) {
-  let n = { ...c };
-  const e = [];
-  function f(t) {
-    return e.push(t), t(n), () => {
-      const o = e.indexOf(t);
-      o !== -1 && e.splice(o, 1);
+import { a as f } from "./logger-BvkEbVM4.js";
+const a = 50;
+function d(c) {
+  let e = { ...c };
+  const n = [];
+  function i(t) {
+    return n.push(t), n.length >= a && f(
+      `[store] ${n.length} active subscriptions detected. This may indicate orphaned listeners from components that were destroyed without calling their unsubscribe function. Check that every subscribe() call is paired with the returned unsubscribe in a disconnect/cleanup handler.`
+    ), t(e), () => {
+      const s = n.indexOf(t);
+      s !== -1 && n.splice(s, 1);
     };
   }
-  function u() {
-    return n;
+  function o() {
+    return e;
   }
-  function s(t) {
-    const o = typeof t == "function" ? t(n) : t;
-    n = { ...n, ...o }, i();
+  function r(t) {
+    const s = typeof t == "function" ? t(e) : t;
+    e = { ...e, ...s }, u();
   }
-  function i() {
-    for (const t of e) t(n);
+  function u() {
+    const t = n.slice();
+    for (const s of t) s(e);
   }
-  return { subscribe: f, getState: u, setState: s };
+  return { subscribe: i, getState: o, setState: r };
 }
 export {
-  r as createStore
+  d as createStore
 };
 //# sourceMappingURL=custom-elements-runtime.store.es.js.map

package/dist/custom-elements-runtime.store.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.store.es.js","sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nexport interface Store<T extends object> {\n  /**\n   * Subscribe to store updates.\n   * Returns an unsubscribe function to remove the listener.\n   */\n  subscribe(listener: Listener<T>): () => void;\n  getState(): T;\n  setState(partial: Partial<T> | ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n  let state = { ...initial } as T; // no Proxy needed if we update via setState\n  const listeners: Listener<T>[] = [];\n\n  function subscribe(listener: Listener<T>) {\n    listeners.push(listener);\n    listener(state); // initial push\n\n    // Return unsubscribe function\n    return () => {\n      const idx = listeners.indexOf(listener);\n      if (idx !== -1) listeners.splice(idx, 1);\n    };\n  }\n\n  function getState(): T {\n    return state;\n  }\n\n  function setState(partial: Partial<T> | ((prev: T) => Partial<T>)) {\n    const next = typeof partial === 'function' ? partial(state) : partial;\n\n    state = { ...state, ...next };\n    notify();\n  }\n\n  function notify() {\n    for (const fn of listeners) fn(state);\n  }\n\n  return { subscribe, getState, setState };\n}\n"],"names":["createStore","initial","state","listeners","subscribe","listener","idx","getState","setState","partial","next","notify","fn"],"mappings":"AAYO,SAASA,EAA8BC,GAAsB;AAClE,MAAIC,IAAQ,EAAE,GAAGD,EAAA;AACjB,QAAME,IAA2B,CAAA;AAEjC,WAASC,EAAUC,GAAuB;AACxC,WAAAF,EAAU,KAAKE,CAAQ,GACvBA,EAASH,CAAK,GAGP,MAAM;AACX,YAAMI,IAAMH,EAAU,QAAQE,CAAQ;AACtC,MAAIC,MAAQ,MAAIH,EAAU,OAAOG,GAAK,CAAC;AAAA,IACzC;AAAA,EACF;AAEA,WAASC,IAAc;AACrB,WAAOL;AAAA,EACT;AAEA,WAASM,EAASC,GAAiD;AACjE,UAAMC,IAAO,OAAOD,KAAY,aAAaA,EAAQP,CAAK,IAAIO;AAE9D,IAAAP,IAAQ,EAAE,GAAGA,GAAO,GAAGQ,EAAA,GACvBC,EAAA;AAAA,EACF;AAEA,WAASA,IAAS;AAChB,eAAWC,KAAMT,EAAW,CAAAS,EAAGV,CAAK;AAAA,EACtC;AAEA,SAAO,EAAE,WAAAE,GAAW,UAAAG,GAAU,UAAAC,EAAA;AAChC;"}
+{"version":3,"file":"custom-elements-runtime.store.es.js","sources":["../src/lib/store.ts"],"sourcesContent":["type Listener<T> = (state: T) => void;\n\nimport { devWarn } from './runtime/logger';\n\nconst STORE_LISTENER_WARN_THRESHOLD = 50;\n\nexport interface Store<T extends object> {\n  /**\n   * Subscribe to store updates.\n   * Returns an unsubscribe function to remove the listener.\n   */\n  subscribe(listener: Listener<T>): () => void;\n  getState(): T;\n  setState(partial: Partial<T> | ((prev: T) => Partial<T>)): void;\n}\n\nexport function createStore<T extends object>(initial: T): Store<T> {\n  let state = { ...initial } as T; // no Proxy needed if we update via setState\n  const listeners: Listener<T>[] = [];\n\n  function subscribe(listener: Listener<T>) {\n    listeners.push(listener);\n    if (listeners.length >= STORE_LISTENER_WARN_THRESHOLD) {\n      devWarn(\n        `[store] ${listeners.length} active subscriptions detected. ` +\n          'This may indicate orphaned listeners from components that were destroyed ' +\n          'without calling their unsubscribe function. Check that every subscribe() ' +\n          'call is paired with the returned unsubscribe in a disconnect/cleanup handler.',\n      );\n    }\n    listener(state); // initial push\n\n    // Return unsubscribe function\n    return () => {\n      const idx = listeners.indexOf(listener);\n      if (idx !== -1) listeners.splice(idx, 1);\n    };\n  }\n\n  function getState(): T {\n    return state;\n  }\n\n  function setState(partial: Partial<T> | ((prev: T) => Partial<T>)) {\n    const next = typeof partial === 'function' ? partial(state) : partial;\n\n    state = { ...state, ...next };\n    notify();\n  }\n\n  function notify() {\n    // Snapshot the listeners array before iterating so that a listener calling\n    // setState() (re-entrant notify) cannot corrupt the current iteration.\n    const snapshot = listeners.slice();\n    for (const fn of snapshot) fn(state);\n  }\n\n  return { subscribe, getState, setState };\n}\n"],"names":["STORE_LISTENER_WARN_THRESHOLD","createStore","initial","state","listeners","subscribe","listener","devWarn","idx","getState","setState","partial","next","notify","snapshot","fn"],"mappings":";AAIA,MAAMA,IAAgC;AAY/B,SAASC,EAA8BC,GAAsB;AAClE,MAAIC,IAAQ,EAAE,GAAGD,EAAA;AACjB,QAAME,IAA2B,CAAA;AAEjC,WAASC,EAAUC,GAAuB;AACxC,WAAAF,EAAU,KAAKE,CAAQ,GACnBF,EAAU,UAAUJ,KACtBO;AAAA,MACE,WAAWH,EAAU,MAAM;AAAA,IAAA,GAM/BE,EAASH,CAAK,GAGP,MAAM;AACX,YAAMK,IAAMJ,EAAU,QAAQE,CAAQ;AACtC,MAAIE,MAAQ,MAAIJ,EAAU,OAAOI,GAAK,CAAC;AAAA,IACzC;AAAA,EACF;AAEA,WAASC,IAAc;AACrB,WAAON;AAAA,EACT;AAEA,WAASO,EAASC,GAAiD;AACjE,UAAMC,IAAO,OAAOD,KAAY,aAAaA,EAAQR,CAAK,IAAIQ;AAE9D,IAAAR,IAAQ,EAAE,GAAGA,GAAO,GAAGS,EAAA,GACvBC,EAAA;AAAA,EACF;AAEA,WAASA,IAAS;AAGhB,UAAMC,IAAWV,EAAU,MAAA;AAC3B,eAAWW,KAAMD,EAAU,CAAAC,EAAGZ,CAAK;AAAA,EACrC;AAEA,SAAO,EAAE,WAAAE,GAAW,UAAAI,GAAU,UAAAC,EAAA;AAChC;"}

package/dist/custom-elements-runtime.transitions.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./custom-elements-runtime.directives.cjs.js");const t=require("./transitions-f4KfN29T.cjs");exports.Transition=t.Transition;exports.TransitionGroup=t.TransitionGroup;exports.createTransitionPreset=t.createTransitionPreset;exports.getTransitionStyleSheet=t.getTransitionStyleSheet;exports.transitionPresets=t.transitionPresets;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./custom-elements-runtime.directives.cjs.js"),q=require("./css-utils-RqkyBWft.cjs"),d={fade:{enterFrom:"opacity-0",enterActive:"transition-opacity duration-300 ease-out",enterTo:"opacity-100",leaveFrom:"opacity-100",leaveActive:"transition-opacity duration-200 ease-in",leaveTo:"opacity-0"},"slide-right":{enterFrom:"translate-x-[100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-x-[0%] opacity-100",leaveFrom:"translate-x-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-x-[100%] opacity-0"},"slide-left":{enterFrom:"translate-x-[-100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-x-[0%] opacity-100",leaveFrom:"translate-x-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-x-[-100%] opacity-0"},"slide-up":{enterFrom:"translate-y-[100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-y-[0%] opacity-100",leaveFrom:"translate-y-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-y-[100%] opacity-0"},"slide-down":{enterFrom:"translate-y-[-100%] opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"translate-y-[0%] opacity-100",leaveFrom:"translate-y-[0%] opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"translate-y-[-100%] opacity-0"},scale:{enterFrom:"scale-95 opacity-0",enterActive:"transition-all duration-200 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-150 ease-in",leaveTo:"scale-95 opacity-0"},"scale-down":{enterFrom:"scale-105 opacity-0",enterActive:"transition-all duration-200 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-150 ease-in",leaveTo:"scale-105 opacity-0"},bounce:{enterFrom:"scale-0 opacity-0",enterActive:"transition-all duration-500 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"scale-0 opacity-0"},zoom:{enterFrom:"scale-0 opacity-0",enterActive:"transition-all duration-300 ease-out",enterTo:"scale-100 opacity-100",leaveFrom:"scale-100 opacity-100",leaveActive:"transition-all duration-200 ease-in",leaveTo:"scale-0 opacity-0"},flip:{enterFrom:"rotate-[90deg] opacity-0",enterActive:"transition-all duration-400 ease-out",enterTo:"rotate-[0deg] opacity-100",leaveFrom:"rotate-[0deg] opacity-100",leaveActive:"transition-all duration-300 ease-in",leaveTo:"rotate-[90deg] opacity-0"}};function N(t,s){const{preset:o,show:e,mode:l="default",duration:k,appear:E=!1,css:b=!0,name:x,enterFrom:f,enterActive:m,enterTo:u,leaveFrom:r,leaveActive:c,leaveTo:v,onBeforeEnter:T,onEnter:A,onAfterEnter:h,onEnterCancelled:F,onBeforeLeave:L,onLeave:j,onAfterLeave:w,onLeaveCancelled:B}=t;let a;o&&d[o]?(a={...d[o]},f&&(a.enterFrom=f),m&&(a.enterActive=m),u&&(a.enterTo=u),r&&(a.leaveFrom=r),c&&(a.leaveActive=c),v&&(a.leaveTo=v)):a={enterFrom:f,enterActive:m,enterTo:u,leaveFrom:r,leaveActive:c,leaveTo:v};const P=e&&typeof s=="function"?s():s,S=x||(o?`transition-${o}`:"transition"),g=_.anchorBlock(e?P:[],S);return g._transition={name:S,classes:a,mode:l,duration:k,appear:E,css:b,state:e?"visible":"hidden",hooks:{onBeforeEnter:T,onEnter:A,onAfterEnter:h,onEnterCancelled:F,onBeforeLeave:L,onLeave:j,onAfterLeave:w,onLeaveCancelled:B}},g}function R(t,s){const{tag:o="div",moveClass:e="transition-transform duration-300",preset:l,show:k=!0,mode:E="default",duration:b,appear:x=!1,css:f=!0,name:m,class:u,style:r,enterFrom:c,enterActive:v,enterTo:T,leaveFrom:A,leaveActive:h,leaveTo:F,onBeforeEnter:L,onEnter:j,onAfterEnter:w,onEnterCancelled:B,onBeforeLeave:a,onLeave:P,onAfterLeave:S,onLeaveCancelled:g}=t;let i;l&&d[l]?(i={...d[l]},c&&(i.enterFrom=c),v&&(i.enterActive=v),T&&(i.enterTo=T),A&&(i.leaveFrom=A),h&&(i.leaveActive=h),F&&(i.leaveTo=F)):i={enterFrom:c,enterActive:v,enterTo:T,leaveFrom:A,leaveActive:h,leaveTo:F};const G=m||(l?`transition-group-${l}`:"transition-group"),C=[];for(const n of k?s:[])if(n&&typeof n=="object"&&n.tag==="#anchor"){const $=Array.isArray(n.children)?n.children:[];for(const p of $)if(p&&typeof p=="object"){const O={...p,key:n.key||p.key,props:{...p.props,_anchorKey:n.key}};C.push(O)}else C.push(p)}else C.push(n);const K=(()=>{if(r)return typeof r=="string"?r:Object.entries(r).map(([n,$])=>`${n}: ${$}`).join("; ")})();return{tag:o,children:C,key:G,props:{attrs:{...u?{class:u}:{},...K?{style:K}:{}},_transitionGroup:{name:G,classes:i,moveClass:e,mode:E,duration:b,appear:x,css:f,hooks:{onBeforeEnter:L,onEnter:j,onAfterEnter:w,onEnterCancelled:B,onBeforeLeave:a,onLeave:P,onAfterLeave:S,onLeaveCancelled:g}}}}}function z(t){return{...t}}let y=null;function H(){if(!y){if(typeof CSSStyleSheet>"u")return y={cssRules:[],replaceSync:()=>{},toString:()=>""},y;const t=[];Object.values(d).forEach(e=>{e.enterFrom&&t.push(e.enterFrom),e.enterActive&&t.push(e.enterActive),e.enterTo&&t.push(e.enterTo),e.leaveFrom&&t.push(e.leaveFrom),e.leaveActive&&t.push(e.leaveActive),e.leaveTo&&t.push(e.leaveTo)});const s=`<div class="${t.join(" ")}"></div>`,o=q.processJITCSS(s);try{y=new CSSStyleSheet,y.replaceSync(o)}catch{y={cssRules:[],replaceSync:()=>{},toString:()=>o||""}}}return y}exports.Transition=N;exports.TransitionGroup=R;exports.createTransitionPreset=z;exports.getTransitionStyleSheet=H;exports.transitionPresets=d;
 //# sourceMappingURL=custom-elements-runtime.transitions.cjs.js.map

package/dist/custom-elements-runtime.transitions.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.transitions.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"custom-elements-runtime.transitions.cjs.js","sources":["../src/lib/transitions.ts"],"sourcesContent":["/**\n * Transitions module (top-level). This file provides the public Transition\n * and TransitionGroup APIs. It is an explicit entry used by the build so\n * consumers can import transitions separately: `.../transitions`.\n */\n/**\n * Transitions Module\n * Vue-like transition system integrated with JIT CSS\n * Provides Transition and TransitionGroup components for enter/leave animations\n */\n\nimport { anchorBlock } from './directives';\nimport type { VNode } from './runtime/types';\nimport { processJITCSS } from './runtime/render-bridge';\n\n/* --- Types --- */\n\n/**\n * Transition class names for different animation phases\n * All values should be JIT CSS utility classes\n */\nexport interface TransitionClasses {\n  /** Classes applied at the start of enter transition */\n  enterFrom?: string;\n  /** Classes applied during entire enter transition */\n  enterActive?: string;\n  /** Classes applied at the end of enter transition */\n  enterTo?: string;\n  /** Classes applied at the start of leave transition */\n  leaveFrom?: string;\n  /** Classes applied during entire leave transition */\n  leaveActive?: string;\n  /** Classes applied at the end of leave transition */\n  leaveTo?: string;\n}\n\n/**\n * Lifecycle hooks for transition events\n */\nexport interface TransitionHooks {\n  /** Called before enter transition starts */\n  onBeforeEnter?: (el: HTMLElement) => void;\n  /** Called during enter transition (with done callback for manual control) */\n  onEnter?: (el: HTMLElement, done: () => void) => void;\n  /** Called after enter transition completes */\n  onAfterEnter?: (el: HTMLElement) => void;\n  /** Called if enter transition is cancelled */\n  onEnterCancelled?: (el: HTMLElement) => void;\n  /** Called before leave transition starts */\n  onBeforeLeave?: (el: HTMLElement) => void;\n  /** Called during leave transition (with done callback for manual control) */\n  onLeave?: (el: HTMLElement, done: () => void) => void;\n  /** Called after leave transition completes */\n  onAfterLeave?: (el: HTMLElement) => void;\n  /** Called if leave transition is cancelled */\n  onLeaveCancelled?: (el: HTMLElement) => void;\n}\n\n/**\n * Options for Transition component\n */\nexport interface TransitionOptions extends TransitionClasses, TransitionHooks {\n  /** Preset name (fade, slide-right, scale, etc.) */\n  preset?: keyof typeof transitionPresets;\n  /** Whether to show the content */\n  show: boolean;\n  /** Transition mode: default, out-in (leave before enter), in-out (enter before leave) */\n  mode?: 'default' | 'out-in' | 'in-out';\n  /** Custom duration override (ms) */\n  duration?: number | { enter: number; leave: number };\n  /** Whether to apply transition on initial render */\n  appear?: boolean;\n  /** Whether to use CSS transitions (true) or JS-only hooks (false) */\n  css?: boolean;\n  /** Optional name for debugging */\n  name?: string;\n}\n\n/**\n * Options for TransitionGroup component\n */\nexport interface TransitionGroupOptions extends Omit<\n  TransitionOptions,\n  'show'\n> {\n  /** HTML tag for the wrapper element */\n  tag?: string;\n  /** Class applied during move transitions (when items reorder) */\n  moveClass?: string;\n  /** Whether to show the group (defaults to true for TransitionGroup) */\n  show?: boolean;\n  /** CSS classes to apply to the wrapper element (e.g., 'flex gap-4' or 'grid grid-cols-3') */\n  class?: string;\n  /** Inline styles to apply to the wrapper element */\n  style?: string | Record<string, string>;\n}\n\n/* --- Transition Presets --- */\n\n/**\n * Pre-defined transition presets using JIT CSS classes\n * Users can reference these by name or define custom classes\n */\nexport const transitionPresets = {\n  /** Simple fade in/out */\n  fade: {\n    enterFrom: 'opacity-0',\n    enterActive: 'transition-opacity duration-300 ease-out',\n    enterTo: 'opacity-100',\n    leaveFrom: 'opacity-100',\n    leaveActive: 'transition-opacity duration-200 ease-in',\n    leaveTo: 'opacity-0',\n  },\n\n  /** Slide in from right */\n  'slide-right': {\n    enterFrom: 'translate-x-[100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-x-[0%] opacity-100',\n    leaveFrom: 'translate-x-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-x-[100%] opacity-0',\n  },\n\n  /** Slide in from left */\n  'slide-left': {\n    enterFrom: 'translate-x-[-100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-x-[0%] opacity-100',\n    leaveFrom: 'translate-x-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-x-[-100%] opacity-0',\n  },\n\n  /** Slide up from bottom */\n  'slide-up': {\n    enterFrom: 'translate-y-[100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-y-[0%] opacity-100',\n    leaveFrom: 'translate-y-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-y-[100%] opacity-0',\n  },\n\n  /** Slide down from top */\n  'slide-down': {\n    enterFrom: 'translate-y-[-100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-y-[0%] opacity-100',\n    leaveFrom: 'translate-y-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-y-[-100%] opacity-0',\n  },\n\n  /** Scale up from center */\n  scale: {\n    enterFrom: 'scale-95 opacity-0',\n    enterActive: 'transition-all duration-200 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-150 ease-in',\n    leaveTo: 'scale-95 opacity-0',\n  },\n\n  /** Scale down to center */\n  'scale-down': {\n    enterFrom: 'scale-105 opacity-0',\n    enterActive: 'transition-all duration-200 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-150 ease-in',\n    leaveTo: 'scale-105 opacity-0',\n  },\n\n  /** Bounce effect */\n  bounce: {\n    enterFrom: 'scale-0 opacity-0',\n    enterActive: 'transition-all duration-500 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'scale-0 opacity-0',\n  },\n\n  /** Zoom and fade */\n  zoom: {\n    enterFrom: 'scale-0 opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'scale-0 opacity-0',\n  },\n\n  /** Flip in */\n  flip: {\n    enterFrom: 'rotate-[90deg] opacity-0',\n    enterActive: 'transition-all duration-400 ease-out',\n    enterTo: 'rotate-[0deg] opacity-100',\n    leaveFrom: 'rotate-[0deg] opacity-100',\n    leaveActive: 'transition-all duration-300 ease-in',\n    leaveTo: 'rotate-[90deg] opacity-0',\n  },\n} as const;\n\n/* --- Core Functions --- */\n\n/**\n * Transition component - wraps content with enter/leave animations\n *\n * @example\n * ```ts\n * // Using a preset\n * ${Transition({ preset: 'fade', show: isVisible.value }, html`<div>Content</div>`)}\n *\n * // Using custom JIT classes\n * ${Transition({\n *   show: isVisible.value,\n *   enterFrom: 'opacity-0 scale-95',\n *   enterActive: 'transition-all duration-300',\n *   enterTo: 'opacity-100 scale-100',\n *   leaveFrom: 'opacity-100 scale-100',\n *   leaveActive: 'transition-all duration-200',\n *   leaveTo: 'opacity-0 scale-95'\n * }, html`<div>Content</div>`)}\n *\n * // With lifecycle hooks\n * ${Transition({\n *   preset: 'slide-right',\n *   show: isVisible.value,\n *   onAfterEnter: (el) => console.log('Entered!'),\n *   onAfterLeave: (el) => console.log('Left!')\n * }, html`<div>Content</div>`)}\n *\n * // Lazy factory — only evaluated when show is true (avoids constructing\n * // expensive VNode trees when the content is hidden)\n * ${Transition({ show: isVisible.value }, () => html`<div>Expensive content</div>`)}\n * ```\n */\nexport function Transition(\n  options: TransitionOptions,\n  content: VNode | VNode[] | (() => VNode | VNode[]),\n): VNode {\n  const {\n    preset,\n    show,\n    mode = 'default',\n    duration,\n    appear = false,\n    css = true,\n    name,\n    enterFrom,\n    enterActive,\n    enterTo,\n    leaveFrom,\n    leaveActive,\n    leaveTo,\n    onBeforeEnter,\n    onEnter,\n    onAfterEnter,\n    onEnterCancelled,\n    onBeforeLeave,\n    onLeave,\n    onAfterLeave,\n    onLeaveCancelled,\n  } = options;\n\n  // Resolve classes from preset or explicit values\n  let transitionClasses: TransitionClasses;\n  if (preset && transitionPresets[preset]) {\n    transitionClasses = { ...transitionPresets[preset] };\n    // Allow overriding preset classes\n    if (enterFrom) transitionClasses.enterFrom = enterFrom;\n    if (enterActive) transitionClasses.enterActive = enterActive;\n    if (enterTo) transitionClasses.enterTo = enterTo;\n    if (leaveFrom) transitionClasses.leaveFrom = leaveFrom;\n    if (leaveActive) transitionClasses.leaveActive = leaveActive;\n    if (leaveTo) transitionClasses.leaveTo = leaveTo;\n  } else {\n    transitionClasses = {\n      enterFrom,\n      enterActive,\n      enterTo,\n      leaveFrom,\n      leaveActive,\n      leaveTo,\n    };\n  }\n\n  // Resolve content: only call the factory when show is true so that expensive\n  // VNode trees (e.g. those that trigger calender builds or heavy computeds)\n  // are never constructed while the transition is hidden. Leave animations\n  // operate on existing DOM nodes and do not require the content VNode.\n  const resolvedContent: VNode | VNode[] =\n    show && typeof content === 'function'\n      ? content()\n      : (content as VNode | VNode[]);\n\n  // Create anchor block with transition metadata\n  const transitionKey =\n    name || (preset ? `transition-${preset}` : 'transition');\n  const transitionVNode = anchorBlock(\n    show ? resolvedContent : [],\n    transitionKey,\n  );\n\n  // Attach metadata for VDOM to consume during patching\n  (transitionVNode as VNode & { _transition?: unknown })._transition = {\n    name: transitionKey,\n    classes: transitionClasses,\n    mode,\n    duration,\n    appear,\n    css,\n    state: show ? 'visible' : 'hidden',\n    hooks: {\n      onBeforeEnter,\n      onEnter,\n      onAfterEnter,\n      onEnterCancelled,\n      onBeforeLeave,\n      onLeave,\n      onAfterLeave,\n      onLeaveCancelled,\n    },\n  };\n\n  return transitionVNode;\n}\n\n/**\n * TransitionGroup component - animates lists with enter/leave/move transitions\n *\n * @example\n * ```ts\n * // Basic usage\n * ${TransitionGroup({\n *   preset: 'slide-right',\n *   tag: 'ul',\n *   moveClass: 'transition-transform duration-300'\n * }, each(items.value, (item) => html`\n *   <li key=\"${item.id}\">${item.text}</li>\n * `))}\n *\n * // With flex layout\n * ${TransitionGroup({\n *   preset: 'fade',\n *   class: 'flex gap-4 flex-wrap'\n * }, each(items.value, (item) => html`\n *   <div key=\"${item.id}\" class=\"shrink-0\">${item.text}</div>\n * `))}\n *\n * // With grid layout\n * ${TransitionGroup({\n *   preset: 'scale',\n *   class: 'grid grid-cols-3 gap-4'\n * }, each(items.value, (item) => html`\n *   <div key=\"${item.id}\">${item.text}</div>\n * `))}\n * ```\n */\nexport function TransitionGroup(\n  options: TransitionGroupOptions,\n  children: VNode[],\n): VNode {\n  const {\n    tag = 'div',\n    moveClass = 'transition-transform duration-300',\n    preset,\n    show = true,\n    mode = 'default',\n    duration,\n    appear = false,\n    css = true,\n    name,\n    class: className,\n    style,\n    enterFrom,\n    enterActive,\n    enterTo,\n    leaveFrom,\n    leaveActive,\n    leaveTo,\n    onBeforeEnter,\n    onEnter,\n    onAfterEnter,\n    onEnterCancelled,\n    onBeforeLeave,\n    onLeave,\n    onAfterLeave,\n    onLeaveCancelled,\n  } = options;\n\n  // Resolve classes from preset or explicit values\n  let transitionClasses: TransitionClasses;\n  if (preset && transitionPresets[preset]) {\n    transitionClasses = { ...transitionPresets[preset] };\n    // Allow overriding preset classes\n    if (enterFrom) transitionClasses.enterFrom = enterFrom;\n    if (enterActive) transitionClasses.enterActive = enterActive;\n    if (enterTo) transitionClasses.enterTo = enterTo;\n    if (leaveFrom) transitionClasses.leaveFrom = leaveFrom;\n    if (leaveActive) transitionClasses.leaveActive = leaveActive;\n    if (leaveTo) transitionClasses.leaveTo = leaveTo;\n  } else {\n    transitionClasses = {\n      enterFrom,\n      enterActive,\n      enterTo,\n      leaveFrom,\n      leaveActive,\n      leaveTo,\n    };\n  }\n\n  // Create wrapper element with transition group metadata\n  const groupKey =\n    name || (preset ? `transition-group-${preset}` : 'transition-group');\n\n  // Flatten anchor block children to enable proper keyed diffing\n  // When each() is used, it creates anchor blocks. We need to extract the actual elements\n  // and give them keys from their anchor blocks for proper reordering\n  const flattenedChildren: VNode[] = [];\n  for (const child of show ? children : []) {\n    if (child && typeof child === 'object' && child.tag === '#anchor') {\n      // Extract children from anchor block\n      const anchorChildren = Array.isArray(child.children)\n        ? child.children\n        : [];\n      for (const anchorChild of anchorChildren) {\n        if (anchorChild && typeof anchorChild === 'object') {\n          // Use anchor block's key for the child element\n          const keyedChild = {\n            ...anchorChild,\n            key: child.key || anchorChild.key,\n            props: {\n              ...anchorChild.props,\n              _anchorKey: child.key, // Preserve original anchor key\n            },\n          };\n          flattenedChildren.push(keyedChild);\n        } else {\n          flattenedChildren.push(anchorChild);\n        }\n      }\n    } else {\n      flattenedChildren.push(child);\n    }\n  }\n\n  // Serialize style object to a CSS string for the attrs record so it matches\n  // the expected primitive attribute value types.\n  const styleAttr = (() => {\n    if (!style) return undefined;\n    if (typeof style === 'string') return style;\n    return Object.entries(style)\n      .map(([k, v]) => `${k}: ${v}`)\n      .join('; ');\n  })();\n\n  return {\n    tag,\n    children: flattenedChildren,\n    key: groupKey,\n    props: {\n      attrs: {\n        ...(className ? { class: className } : {}),\n        ...(styleAttr ? { style: styleAttr } : {}),\n      },\n      _transitionGroup: {\n        name: groupKey,\n        classes: transitionClasses,\n        moveClass,\n        mode,\n        duration,\n        appear,\n        css,\n        hooks: {\n          onBeforeEnter,\n          onEnter,\n          onAfterEnter,\n          onEnterCancelled,\n          onBeforeLeave,\n          onLeave,\n          onAfterLeave,\n          onLeaveCancelled,\n        },\n      },\n    },\n  };\n}\n\n/**\n * Helper to create custom transition presets\n *\n * @example\n * ```ts\n * const customFade = createTransitionPreset({\n *   enterFrom: 'opacity-0',\n *   enterActive: 'transition-opacity duration-500 ease-out',\n *   enterTo: 'opacity-100',\n *   leaveFrom: 'opacity-100',\n *   leaveActive: 'transition-opacity duration-300 ease-in',\n *   leaveTo: 'opacity-0'\n * });\n *\n * ${Transition({ ...customFade, show: visible.value }, content)}\n * ```\n */\nexport function createTransitionPreset(\n  classes: TransitionClasses,\n): TransitionClasses {\n  return { ...classes };\n}\n\n/**\n * Pre-generate CSS for all transition preset classes\n * This ensures the JIT CSS system has the styles ready when transitions are used\n */\nlet transitionStyleSheet: CSSStyleSheet | null = null;\n\n/**\n * Get the global transition stylesheet (creates it if needed)\n */\nexport function getTransitionStyleSheet(): CSSStyleSheet {\n  if (!transitionStyleSheet) {\n    // If constructable stylesheets aren't available (SSR / old browsers),\n    // return a no-op stub to avoid throwing during import or server render.\n    if (typeof CSSStyleSheet === 'undefined') {\n      transitionStyleSheet = {\n        cssRules: [],\n        replaceSync: () => {},\n        toString: () => '',\n      } as unknown as CSSStyleSheet;\n      return transitionStyleSheet;\n    }\n\n    const allClasses: string[] = [];\n\n    // Collect all classes from presets\n    Object.values(transitionPresets).forEach((preset) => {\n      if (preset.enterFrom) allClasses.push(preset.enterFrom);\n      if (preset.enterActive) allClasses.push(preset.enterActive);\n      if (preset.enterTo) allClasses.push(preset.enterTo);\n      if (preset.leaveFrom) allClasses.push(preset.leaveFrom);\n      if (preset.leaveActive) allClasses.push(preset.leaveActive);\n      if (preset.leaveTo) allClasses.push(preset.leaveTo);\n    });\n\n    // Create a fake HTML string with all transition classes\n    const fakeHtml = `<div class=\"${allClasses.join(' ')}\"></div>`;\n\n    // Trigger JIT CSS generation (no-op if JIT CSS engine is not loaded)\n    const generatedCSS = processJITCSS(fakeHtml);\n\n    // Create stylesheet\n    try {\n      transitionStyleSheet = new CSSStyleSheet();\n      transitionStyleSheet.replaceSync(generatedCSS);\n    } catch {\n      // If creating a constructable stylesheet fails for any reason,\n      // fallback to a stub to avoid breaking SSR or older environments.\n      transitionStyleSheet = {\n        cssRules: [],\n        replaceSync: () => {},\n        toString: () => generatedCSS || '',\n      } as unknown as CSSStyleSheet;\n    }\n  }\n\n  return transitionStyleSheet;\n}\n\n"],"names":["transitionPresets","Transition","options","content","preset","show","mode","duration","appear","css","name","enterFrom","enterActive","enterTo","leaveFrom","leaveActive","leaveTo","onBeforeEnter","onEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onLeave","onAfterLeave","onLeaveCancelled","transitionClasses","resolvedContent","transitionKey","transitionVNode","anchorBlock","TransitionGroup","children","tag","moveClass","className","style","groupKey","flattenedChildren","child","anchorChildren","anchorChild","keyedChild","styleAttr","k","v","createTransitionPreset","classes","transitionStyleSheet","getTransitionStyleSheet","allClasses","fakeHtml","generatedCSS","processJITCSS"],"mappings":"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"}

package/dist/custom-elements-runtime.transitions.es.js

@@ -1,10 +1,282 @@
-import "./custom-elements-runtime.directives.es.js";
-import { T as r, e as a, f as i, b as n, t as o } from "./transitions-DMJXs_tY.js";
+import { anchorBlock as O } from "./custom-elements-runtime.directives.es.js";
+import { p as P } from "./css-utils-Cg4o1MqY.js";
+const F = {
+  /** Simple fade in/out */
+  fade: {
+    enterFrom: "opacity-0",
+    enterActive: "transition-opacity duration-300 ease-out",
+    enterTo: "opacity-100",
+    leaveFrom: "opacity-100",
+    leaveActive: "transition-opacity duration-200 ease-in",
+    leaveTo: "opacity-0"
+  },
+  /** Slide in from right */
+  "slide-right": {
+    enterFrom: "translate-x-[100%] opacity-0",
+    enterActive: "transition-all duration-300 ease-out",
+    enterTo: "translate-x-[0%] opacity-100",
+    leaveFrom: "translate-x-[0%] opacity-100",
+    leaveActive: "transition-all duration-200 ease-in",
+    leaveTo: "translate-x-[100%] opacity-0"
+  },
+  /** Slide in from left */
+  "slide-left": {
+    enterFrom: "translate-x-[-100%] opacity-0",
+    enterActive: "transition-all duration-300 ease-out",
+    enterTo: "translate-x-[0%] opacity-100",
+    leaveFrom: "translate-x-[0%] opacity-100",
+    leaveActive: "transition-all duration-200 ease-in",
+    leaveTo: "translate-x-[-100%] opacity-0"
+  },
+  /** Slide up from bottom */
+  "slide-up": {
+    enterFrom: "translate-y-[100%] opacity-0",
+    enterActive: "transition-all duration-300 ease-out",
+    enterTo: "translate-y-[0%] opacity-100",
+    leaveFrom: "translate-y-[0%] opacity-100",
+    leaveActive: "transition-all duration-200 ease-in",
+    leaveTo: "translate-y-[100%] opacity-0"
+  },
+  /** Slide down from top */
+  "slide-down": {
+    enterFrom: "translate-y-[-100%] opacity-0",
+    enterActive: "transition-all duration-300 ease-out",
+    enterTo: "translate-y-[0%] opacity-100",
+    leaveFrom: "translate-y-[0%] opacity-100",
+    leaveActive: "transition-all duration-200 ease-in",
+    leaveTo: "translate-y-[-100%] opacity-0"
+  },
+  /** Scale up from center */
+  scale: {
+    enterFrom: "scale-95 opacity-0",
+    enterActive: "transition-all duration-200 ease-out",
+    enterTo: "scale-100 opacity-100",
+    leaveFrom: "scale-100 opacity-100",
+    leaveActive: "transition-all duration-150 ease-in",
+    leaveTo: "scale-95 opacity-0"
+  },
+  /** Scale down to center */
+  "scale-down": {
+    enterFrom: "scale-105 opacity-0",
+    enterActive: "transition-all duration-200 ease-out",
+    enterTo: "scale-100 opacity-100",
+    leaveFrom: "scale-100 opacity-100",
+    leaveActive: "transition-all duration-150 ease-in",
+    leaveTo: "scale-105 opacity-0"
+  },
+  /** Bounce effect */
+  bounce: {
+    enterFrom: "scale-0 opacity-0",
+    enterActive: "transition-all duration-500 ease-out",
+    enterTo: "scale-100 opacity-100",
+    leaveFrom: "scale-100 opacity-100",
+    leaveActive: "transition-all duration-200 ease-in",
+    leaveTo: "scale-0 opacity-0"
+  },
+  /** Zoom and fade */
+  zoom: {
+    enterFrom: "scale-0 opacity-0",
+    enterActive: "transition-all duration-300 ease-out",
+    enterTo: "scale-100 opacity-100",
+    leaveFrom: "scale-100 opacity-100",
+    leaveActive: "transition-all duration-200 ease-in",
+    leaveTo: "scale-0 opacity-0"
+  },
+  /** Flip in */
+  flip: {
+    enterFrom: "rotate-[90deg] opacity-0",
+    enterActive: "transition-all duration-400 ease-out",
+    enterTo: "rotate-[0deg] opacity-100",
+    leaveFrom: "rotate-[0deg] opacity-100",
+    leaveActive: "transition-all duration-300 ease-in",
+    leaveTo: "rotate-[90deg] opacity-0"
+  }
+};
+function H(t, l) {
+  const {
+    preset: o,
+    show: e,
+    mode: s = "default",
+    duration: k,
+    appear: x = !1,
+    css: E = !0,
+    name: L,
+    enterFrom: d,
+    enterActive: f,
+    enterTo: p,
+    leaveFrom: r,
+    leaveActive: c,
+    leaveTo: v,
+    onBeforeEnter: m,
+    onEnter: A,
+    onAfterEnter: T,
+    onEnterCancelled: h,
+    onBeforeLeave: b,
+    onLeave: j,
+    onAfterLeave: w,
+    onLeaveCancelled: B
+  } = t;
+  let a;
+  o && F[o] ? (a = { ...F[o] }, d && (a.enterFrom = d), f && (a.enterActive = f), p && (a.enterTo = p), r && (a.leaveFrom = r), c && (a.leaveActive = c), v && (a.leaveTo = v)) : a = {
+    enterFrom: d,
+    enterActive: f,
+    enterTo: p,
+    leaveFrom: r,
+    leaveActive: c,
+    leaveTo: v
+  };
+  const $ = e && typeof l == "function" ? l() : l, S = L || (o ? `transition-${o}` : "transition"), C = O(
+    e ? $ : [],
+    S
+  );
+  return C._transition = {
+    name: S,
+    classes: a,
+    mode: s,
+    duration: k,
+    appear: x,
+    css: E,
+    state: e ? "visible" : "hidden",
+    hooks: {
+      onBeforeEnter: m,
+      onEnter: A,
+      onAfterEnter: T,
+      onEnterCancelled: h,
+      onBeforeLeave: b,
+      onLeave: j,
+      onAfterLeave: w,
+      onLeaveCancelled: B
+    }
+  }, C;
+}
+function I(t, l) {
+  const {
+    tag: o = "div",
+    moveClass: e = "transition-transform duration-300",
+    preset: s,
+    show: k = !0,
+    mode: x = "default",
+    duration: E,
+    appear: L = !1,
+    css: d = !0,
+    name: f,
+    class: p,
+    style: r,
+    enterFrom: c,
+    enterActive: v,
+    enterTo: m,
+    leaveFrom: A,
+    leaveActive: T,
+    leaveTo: h,
+    onBeforeEnter: b,
+    onEnter: j,
+    onAfterEnter: w,
+    onEnterCancelled: B,
+    onBeforeLeave: a,
+    onLeave: $,
+    onAfterLeave: S,
+    onLeaveCancelled: C
+  } = t;
+  let i;
+  s && F[s] ? (i = { ...F[s] }, c && (i.enterFrom = c), v && (i.enterActive = v), m && (i.enterTo = m), A && (i.leaveFrom = A), T && (i.leaveActive = T), h && (i.leaveTo = h)) : i = {
+    enterFrom: c,
+    enterActive: v,
+    enterTo: m,
+    leaveFrom: A,
+    leaveActive: T,
+    leaveTo: h
+  };
+  const _ = f || (s ? `transition-group-${s}` : "transition-group"), g = [];
+  for (const n of k ? l : [])
+    if (n && typeof n == "object" && n.tag === "#anchor") {
+      const K = Array.isArray(n.children) ? n.children : [];
+      for (const u of K)
+        if (u && typeof u == "object") {
+          const N = {
+            ...u,
+            key: n.key || u.key,
+            props: {
+              ...u.props,
+              _anchorKey: n.key
+              // Preserve original anchor key
+            }
+          };
+          g.push(N);
+        } else
+          g.push(u);
+    } else
+      g.push(n);
+  const G = (() => {
+    if (r)
+      return typeof r == "string" ? r : Object.entries(r).map(([n, K]) => `${n}: ${K}`).join("; ");
+  })();
+  return {
+    tag: o,
+    children: g,
+    key: _,
+    props: {
+      attrs: {
+        ...p ? { class: p } : {},
+        ...G ? { style: G } : {}
+      },
+      _transitionGroup: {
+        name: _,
+        classes: i,
+        moveClass: e,
+        mode: x,
+        duration: E,
+        appear: L,
+        css: d,
+        hooks: {
+          onBeforeEnter: b,
+          onEnter: j,
+          onAfterEnter: w,
+          onEnterCancelled: B,
+          onBeforeLeave: a,
+          onLeave: $,
+          onAfterLeave: S,
+          onLeaveCancelled: C
+        }
+      }
+    }
+  };
+}
+function J(t) {
+  return { ...t };
+}
+let y = null;
+function V() {
+  if (!y) {
+    if (typeof CSSStyleSheet > "u")
+      return y = {
+        cssRules: [],
+        replaceSync: () => {
+        },
+        toString: () => ""
+      }, y;
+    const t = [];
+    Object.values(F).forEach((e) => {
+      e.enterFrom && t.push(e.enterFrom), e.enterActive && t.push(e.enterActive), e.enterTo && t.push(e.enterTo), e.leaveFrom && t.push(e.leaveFrom), e.leaveActive && t.push(e.leaveActive), e.leaveTo && t.push(e.leaveTo);
+    });
+    const l = `<div class="${t.join(" ")}"></div>`, o = P(l);
+    try {
+      y = new CSSStyleSheet(), y.replaceSync(o);
+    } catch {
+      y = {
+        cssRules: [],
+        replaceSync: () => {
+        },
+        toString: () => o || ""
+      };
+    }
+  }
+  return y;
+}
 export {
-  r as Transition,
-  a as TransitionGroup,
-  i as createTransitionPreset,
-  n as getTransitionStyleSheet,
-  o as transitionPresets
+  H as Transition,
+  I as TransitionGroup,
+  J as createTransitionPreset,
+  V as getTransitionStyleSheet,
+  F as transitionPresets
 };
 //# sourceMappingURL=custom-elements-runtime.transitions.es.js.map

package/dist/custom-elements-runtime.transitions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.transitions.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"custom-elements-runtime.transitions.es.js","sources":["../src/lib/transitions.ts"],"sourcesContent":["/**\n * Transitions module (top-level). This file provides the public Transition\n * and TransitionGroup APIs. It is an explicit entry used by the build so\n * consumers can import transitions separately: `.../transitions`.\n */\n/**\n * Transitions Module\n * Vue-like transition system integrated with JIT CSS\n * Provides Transition and TransitionGroup components for enter/leave animations\n */\n\nimport { anchorBlock } from './directives';\nimport type { VNode } from './runtime/types';\nimport { processJITCSS } from './runtime/render-bridge';\n\n/* --- Types --- */\n\n/**\n * Transition class names for different animation phases\n * All values should be JIT CSS utility classes\n */\nexport interface TransitionClasses {\n  /** Classes applied at the start of enter transition */\n  enterFrom?: string;\n  /** Classes applied during entire enter transition */\n  enterActive?: string;\n  /** Classes applied at the end of enter transition */\n  enterTo?: string;\n  /** Classes applied at the start of leave transition */\n  leaveFrom?: string;\n  /** Classes applied during entire leave transition */\n  leaveActive?: string;\n  /** Classes applied at the end of leave transition */\n  leaveTo?: string;\n}\n\n/**\n * Lifecycle hooks for transition events\n */\nexport interface TransitionHooks {\n  /** Called before enter transition starts */\n  onBeforeEnter?: (el: HTMLElement) => void;\n  /** Called during enter transition (with done callback for manual control) */\n  onEnter?: (el: HTMLElement, done: () => void) => void;\n  /** Called after enter transition completes */\n  onAfterEnter?: (el: HTMLElement) => void;\n  /** Called if enter transition is cancelled */\n  onEnterCancelled?: (el: HTMLElement) => void;\n  /** Called before leave transition starts */\n  onBeforeLeave?: (el: HTMLElement) => void;\n  /** Called during leave transition (with done callback for manual control) */\n  onLeave?: (el: HTMLElement, done: () => void) => void;\n  /** Called after leave transition completes */\n  onAfterLeave?: (el: HTMLElement) => void;\n  /** Called if leave transition is cancelled */\n  onLeaveCancelled?: (el: HTMLElement) => void;\n}\n\n/**\n * Options for Transition component\n */\nexport interface TransitionOptions extends TransitionClasses, TransitionHooks {\n  /** Preset name (fade, slide-right, scale, etc.) */\n  preset?: keyof typeof transitionPresets;\n  /** Whether to show the content */\n  show: boolean;\n  /** Transition mode: default, out-in (leave before enter), in-out (enter before leave) */\n  mode?: 'default' | 'out-in' | 'in-out';\n  /** Custom duration override (ms) */\n  duration?: number | { enter: number; leave: number };\n  /** Whether to apply transition on initial render */\n  appear?: boolean;\n  /** Whether to use CSS transitions (true) or JS-only hooks (false) */\n  css?: boolean;\n  /** Optional name for debugging */\n  name?: string;\n}\n\n/**\n * Options for TransitionGroup component\n */\nexport interface TransitionGroupOptions extends Omit<\n  TransitionOptions,\n  'show'\n> {\n  /** HTML tag for the wrapper element */\n  tag?: string;\n  /** Class applied during move transitions (when items reorder) */\n  moveClass?: string;\n  /** Whether to show the group (defaults to true for TransitionGroup) */\n  show?: boolean;\n  /** CSS classes to apply to the wrapper element (e.g., 'flex gap-4' or 'grid grid-cols-3') */\n  class?: string;\n  /** Inline styles to apply to the wrapper element */\n  style?: string | Record<string, string>;\n}\n\n/* --- Transition Presets --- */\n\n/**\n * Pre-defined transition presets using JIT CSS classes\n * Users can reference these by name or define custom classes\n */\nexport const transitionPresets = {\n  /** Simple fade in/out */\n  fade: {\n    enterFrom: 'opacity-0',\n    enterActive: 'transition-opacity duration-300 ease-out',\n    enterTo: 'opacity-100',\n    leaveFrom: 'opacity-100',\n    leaveActive: 'transition-opacity duration-200 ease-in',\n    leaveTo: 'opacity-0',\n  },\n\n  /** Slide in from right */\n  'slide-right': {\n    enterFrom: 'translate-x-[100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-x-[0%] opacity-100',\n    leaveFrom: 'translate-x-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-x-[100%] opacity-0',\n  },\n\n  /** Slide in from left */\n  'slide-left': {\n    enterFrom: 'translate-x-[-100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-x-[0%] opacity-100',\n    leaveFrom: 'translate-x-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-x-[-100%] opacity-0',\n  },\n\n  /** Slide up from bottom */\n  'slide-up': {\n    enterFrom: 'translate-y-[100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-y-[0%] opacity-100',\n    leaveFrom: 'translate-y-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-y-[100%] opacity-0',\n  },\n\n  /** Slide down from top */\n  'slide-down': {\n    enterFrom: 'translate-y-[-100%] opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'translate-y-[0%] opacity-100',\n    leaveFrom: 'translate-y-[0%] opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'translate-y-[-100%] opacity-0',\n  },\n\n  /** Scale up from center */\n  scale: {\n    enterFrom: 'scale-95 opacity-0',\n    enterActive: 'transition-all duration-200 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-150 ease-in',\n    leaveTo: 'scale-95 opacity-0',\n  },\n\n  /** Scale down to center */\n  'scale-down': {\n    enterFrom: 'scale-105 opacity-0',\n    enterActive: 'transition-all duration-200 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-150 ease-in',\n    leaveTo: 'scale-105 opacity-0',\n  },\n\n  /** Bounce effect */\n  bounce: {\n    enterFrom: 'scale-0 opacity-0',\n    enterActive: 'transition-all duration-500 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'scale-0 opacity-0',\n  },\n\n  /** Zoom and fade */\n  zoom: {\n    enterFrom: 'scale-0 opacity-0',\n    enterActive: 'transition-all duration-300 ease-out',\n    enterTo: 'scale-100 opacity-100',\n    leaveFrom: 'scale-100 opacity-100',\n    leaveActive: 'transition-all duration-200 ease-in',\n    leaveTo: 'scale-0 opacity-0',\n  },\n\n  /** Flip in */\n  flip: {\n    enterFrom: 'rotate-[90deg] opacity-0',\n    enterActive: 'transition-all duration-400 ease-out',\n    enterTo: 'rotate-[0deg] opacity-100',\n    leaveFrom: 'rotate-[0deg] opacity-100',\n    leaveActive: 'transition-all duration-300 ease-in',\n    leaveTo: 'rotate-[90deg] opacity-0',\n  },\n} as const;\n\n/* --- Core Functions --- */\n\n/**\n * Transition component - wraps content with enter/leave animations\n *\n * @example\n * ```ts\n * // Using a preset\n * ${Transition({ preset: 'fade', show: isVisible.value }, html`<div>Content</div>`)}\n *\n * // Using custom JIT classes\n * ${Transition({\n *   show: isVisible.value,\n *   enterFrom: 'opacity-0 scale-95',\n *   enterActive: 'transition-all duration-300',\n *   enterTo: 'opacity-100 scale-100',\n *   leaveFrom: 'opacity-100 scale-100',\n *   leaveActive: 'transition-all duration-200',\n *   leaveTo: 'opacity-0 scale-95'\n * }, html`<div>Content</div>`)}\n *\n * // With lifecycle hooks\n * ${Transition({\n *   preset: 'slide-right',\n *   show: isVisible.value,\n *   onAfterEnter: (el) => console.log('Entered!'),\n *   onAfterLeave: (el) => console.log('Left!')\n * }, html`<div>Content</div>`)}\n *\n * // Lazy factory — only evaluated when show is true (avoids constructing\n * // expensive VNode trees when the content is hidden)\n * ${Transition({ show: isVisible.value }, () => html`<div>Expensive content</div>`)}\n * ```\n */\nexport function Transition(\n  options: TransitionOptions,\n  content: VNode | VNode[] | (() => VNode | VNode[]),\n): VNode {\n  const {\n    preset,\n    show,\n    mode = 'default',\n    duration,\n    appear = false,\n    css = true,\n    name,\n    enterFrom,\n    enterActive,\n    enterTo,\n    leaveFrom,\n    leaveActive,\n    leaveTo,\n    onBeforeEnter,\n    onEnter,\n    onAfterEnter,\n    onEnterCancelled,\n    onBeforeLeave,\n    onLeave,\n    onAfterLeave,\n    onLeaveCancelled,\n  } = options;\n\n  // Resolve classes from preset or explicit values\n  let transitionClasses: TransitionClasses;\n  if (preset && transitionPresets[preset]) {\n    transitionClasses = { ...transitionPresets[preset] };\n    // Allow overriding preset classes\n    if (enterFrom) transitionClasses.enterFrom = enterFrom;\n    if (enterActive) transitionClasses.enterActive = enterActive;\n    if (enterTo) transitionClasses.enterTo = enterTo;\n    if (leaveFrom) transitionClasses.leaveFrom = leaveFrom;\n    if (leaveActive) transitionClasses.leaveActive = leaveActive;\n    if (leaveTo) transitionClasses.leaveTo = leaveTo;\n  } else {\n    transitionClasses = {\n      enterFrom,\n      enterActive,\n      enterTo,\n      leaveFrom,\n      leaveActive,\n      leaveTo,\n    };\n  }\n\n  // Resolve content: only call the factory when show is true so that expensive\n  // VNode trees (e.g. those that trigger calender builds or heavy computeds)\n  // are never constructed while the transition is hidden. Leave animations\n  // operate on existing DOM nodes and do not require the content VNode.\n  const resolvedContent: VNode | VNode[] =\n    show && typeof content === 'function'\n      ? content()\n      : (content as VNode | VNode[]);\n\n  // Create anchor block with transition metadata\n  const transitionKey =\n    name || (preset ? `transition-${preset}` : 'transition');\n  const transitionVNode = anchorBlock(\n    show ? resolvedContent : [],\n    transitionKey,\n  );\n\n  // Attach metadata for VDOM to consume during patching\n  (transitionVNode as VNode & { _transition?: unknown })._transition = {\n    name: transitionKey,\n    classes: transitionClasses,\n    mode,\n    duration,\n    appear,\n    css,\n    state: show ? 'visible' : 'hidden',\n    hooks: {\n      onBeforeEnter,\n      onEnter,\n      onAfterEnter,\n      onEnterCancelled,\n      onBeforeLeave,\n      onLeave,\n      onAfterLeave,\n      onLeaveCancelled,\n    },\n  };\n\n  return transitionVNode;\n}\n\n/**\n * TransitionGroup component - animates lists with enter/leave/move transitions\n *\n * @example\n * ```ts\n * // Basic usage\n * ${TransitionGroup({\n *   preset: 'slide-right',\n *   tag: 'ul',\n *   moveClass: 'transition-transform duration-300'\n * }, each(items.value, (item) => html`\n *   <li key=\"${item.id}\">${item.text}</li>\n * `))}\n *\n * // With flex layout\n * ${TransitionGroup({\n *   preset: 'fade',\n *   class: 'flex gap-4 flex-wrap'\n * }, each(items.value, (item) => html`\n *   <div key=\"${item.id}\" class=\"shrink-0\">${item.text}</div>\n * `))}\n *\n * // With grid layout\n * ${TransitionGroup({\n *   preset: 'scale',\n *   class: 'grid grid-cols-3 gap-4'\n * }, each(items.value, (item) => html`\n *   <div key=\"${item.id}\">${item.text}</div>\n * `))}\n * ```\n */\nexport function TransitionGroup(\n  options: TransitionGroupOptions,\n  children: VNode[],\n): VNode {\n  const {\n    tag = 'div',\n    moveClass = 'transition-transform duration-300',\n    preset,\n    show = true,\n    mode = 'default',\n    duration,\n    appear = false,\n    css = true,\n    name,\n    class: className,\n    style,\n    enterFrom,\n    enterActive,\n    enterTo,\n    leaveFrom,\n    leaveActive,\n    leaveTo,\n    onBeforeEnter,\n    onEnter,\n    onAfterEnter,\n    onEnterCancelled,\n    onBeforeLeave,\n    onLeave,\n    onAfterLeave,\n    onLeaveCancelled,\n  } = options;\n\n  // Resolve classes from preset or explicit values\n  let transitionClasses: TransitionClasses;\n  if (preset && transitionPresets[preset]) {\n    transitionClasses = { ...transitionPresets[preset] };\n    // Allow overriding preset classes\n    if (enterFrom) transitionClasses.enterFrom = enterFrom;\n    if (enterActive) transitionClasses.enterActive = enterActive;\n    if (enterTo) transitionClasses.enterTo = enterTo;\n    if (leaveFrom) transitionClasses.leaveFrom = leaveFrom;\n    if (leaveActive) transitionClasses.leaveActive = leaveActive;\n    if (leaveTo) transitionClasses.leaveTo = leaveTo;\n  } else {\n    transitionClasses = {\n      enterFrom,\n      enterActive,\n      enterTo,\n      leaveFrom,\n      leaveActive,\n      leaveTo,\n    };\n  }\n\n  // Create wrapper element with transition group metadata\n  const groupKey =\n    name || (preset ? `transition-group-${preset}` : 'transition-group');\n\n  // Flatten anchor block children to enable proper keyed diffing\n  // When each() is used, it creates anchor blocks. We need to extract the actual elements\n  // and give them keys from their anchor blocks for proper reordering\n  const flattenedChildren: VNode[] = [];\n  for (const child of show ? children : []) {\n    if (child && typeof child === 'object' && child.tag === '#anchor') {\n      // Extract children from anchor block\n      const anchorChildren = Array.isArray(child.children)\n        ? child.children\n        : [];\n      for (const anchorChild of anchorChildren) {\n        if (anchorChild && typeof anchorChild === 'object') {\n          // Use anchor block's key for the child element\n          const keyedChild = {\n            ...anchorChild,\n            key: child.key || anchorChild.key,\n            props: {\n              ...anchorChild.props,\n              _anchorKey: child.key, // Preserve original anchor key\n            },\n          };\n          flattenedChildren.push(keyedChild);\n        } else {\n          flattenedChildren.push(anchorChild);\n        }\n      }\n    } else {\n      flattenedChildren.push(child);\n    }\n  }\n\n  // Serialize style object to a CSS string for the attrs record so it matches\n  // the expected primitive attribute value types.\n  const styleAttr = (() => {\n    if (!style) return undefined;\n    if (typeof style === 'string') return style;\n    return Object.entries(style)\n      .map(([k, v]) => `${k}: ${v}`)\n      .join('; ');\n  })();\n\n  return {\n    tag,\n    children: flattenedChildren,\n    key: groupKey,\n    props: {\n      attrs: {\n        ...(className ? { class: className } : {}),\n        ...(styleAttr ? { style: styleAttr } : {}),\n      },\n      _transitionGroup: {\n        name: groupKey,\n        classes: transitionClasses,\n        moveClass,\n        mode,\n        duration,\n        appear,\n        css,\n        hooks: {\n          onBeforeEnter,\n          onEnter,\n          onAfterEnter,\n          onEnterCancelled,\n          onBeforeLeave,\n          onLeave,\n          onAfterLeave,\n          onLeaveCancelled,\n        },\n      },\n    },\n  };\n}\n\n/**\n * Helper to create custom transition presets\n *\n * @example\n * ```ts\n * const customFade = createTransitionPreset({\n *   enterFrom: 'opacity-0',\n *   enterActive: 'transition-opacity duration-500 ease-out',\n *   enterTo: 'opacity-100',\n *   leaveFrom: 'opacity-100',\n *   leaveActive: 'transition-opacity duration-300 ease-in',\n *   leaveTo: 'opacity-0'\n * });\n *\n * ${Transition({ ...customFade, show: visible.value }, content)}\n * ```\n */\nexport function createTransitionPreset(\n  classes: TransitionClasses,\n): TransitionClasses {\n  return { ...classes };\n}\n\n/**\n * Pre-generate CSS for all transition preset classes\n * This ensures the JIT CSS system has the styles ready when transitions are used\n */\nlet transitionStyleSheet: CSSStyleSheet | null = null;\n\n/**\n * Get the global transition stylesheet (creates it if needed)\n */\nexport function getTransitionStyleSheet(): CSSStyleSheet {\n  if (!transitionStyleSheet) {\n    // If constructable stylesheets aren't available (SSR / old browsers),\n    // return a no-op stub to avoid throwing during import or server render.\n    if (typeof CSSStyleSheet === 'undefined') {\n      transitionStyleSheet = {\n        cssRules: [],\n        replaceSync: () => {},\n        toString: () => '',\n      } as unknown as CSSStyleSheet;\n      return transitionStyleSheet;\n    }\n\n    const allClasses: string[] = [];\n\n    // Collect all classes from presets\n    Object.values(transitionPresets).forEach((preset) => {\n      if (preset.enterFrom) allClasses.push(preset.enterFrom);\n      if (preset.enterActive) allClasses.push(preset.enterActive);\n      if (preset.enterTo) allClasses.push(preset.enterTo);\n      if (preset.leaveFrom) allClasses.push(preset.leaveFrom);\n      if (preset.leaveActive) allClasses.push(preset.leaveActive);\n      if (preset.leaveTo) allClasses.push(preset.leaveTo);\n    });\n\n    // Create a fake HTML string with all transition classes\n    const fakeHtml = `<div class=\"${allClasses.join(' ')}\"></div>`;\n\n    // Trigger JIT CSS generation (no-op if JIT CSS engine is not loaded)\n    const generatedCSS = processJITCSS(fakeHtml);\n\n    // Create stylesheet\n    try {\n      transitionStyleSheet = new CSSStyleSheet();\n      transitionStyleSheet.replaceSync(generatedCSS);\n    } catch {\n      // If creating a constructable stylesheet fails for any reason,\n      // fallback to a stub to avoid breaking SSR or older environments.\n      transitionStyleSheet = {\n        cssRules: [],\n        replaceSync: () => {},\n        toString: () => generatedCSS || '',\n      } as unknown as CSSStyleSheet;\n    }\n  }\n\n  return transitionStyleSheet;\n}\n\n"],"names":["transitionPresets","Transition","options","content","preset","show","mode","duration","appear","css","name","enterFrom","enterActive","enterTo","leaveFrom","leaveActive","leaveTo","onBeforeEnter","onEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onLeave","onAfterLeave","onLeaveCancelled","transitionClasses","resolvedContent","transitionKey","transitionVNode","anchorBlock","TransitionGroup","children","tag","moveClass","className","style","groupKey","flattenedChildren","child","anchorChildren","anchorChild","keyedChild","styleAttr","k","v","createTransitionPreset","classes","transitionStyleSheet","getTransitionStyleSheet","allClasses","fakeHtml","generatedCSS","processJITCSS"],"mappings":";;AAuGO,MAAMA,IAAoB;AAAA;AAAA,EAE/B,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,eAAe;AAAA,IACb,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,YAAY;AAAA,IACV,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,OAAO;AAAA,IACL,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAEb;AAoCO,SAASC,EACdC,GACAC,GACO;AACP,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,KAAAC,IAAM;AAAA,IACN,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEtB;AAGJ,MAAIuB;AACJ,EAAIrB,KAAUJ,EAAkBI,CAAM,KACpCqB,IAAoB,EAAE,GAAGzB,EAAkBI,CAAM,EAAA,GAE7CO,QAA6B,YAAYA,IACzCC,QAA+B,cAAcA,IAC7CC,QAA2B,UAAUA,IACrCC,QAA6B,YAAYA,IACzCC,QAA+B,cAAcA,IAC7CC,QAA2B,UAAUA,MAEzCS,IAAoB;AAAA,IAClB,WAAAd;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA;AAQJ,QAAMU,IACJrB,KAAQ,OAAOF,KAAY,aACvBA,MACCA,GAGDwB,IACJjB,MAASN,IAAS,cAAcA,CAAM,KAAK,eACvCwB,IAAkBC;AAAA,IACtBxB,IAAOqB,IAAkB,CAAA;AAAA,IACzBC;AAAA,EAAA;AAID,SAAAC,EAAsD,cAAc;AAAA,IACnE,MAAMD;AAAA,IACN,SAASF;AAAA,IACT,MAAAnB;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOJ,IAAO,YAAY;AAAA,IAC1B,OAAO;AAAA,MACL,eAAAY;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,EACF,GAGKI;AACT;AAiCO,SAASE,EACd5B,GACA6B,GACO;AACP,QAAM;AAAA,IACJ,KAAAC,IAAM;AAAA,IACN,WAAAC,IAAY;AAAA,IACZ,QAAA7B;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,KAAAC,IAAM;AAAA,IACN,MAAAC;AAAA,IACA,OAAOwB;AAAA,IACP,OAAAC;AAAA,IACA,WAAAxB;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEtB;AAGJ,MAAIuB;AACJ,EAAIrB,KAAUJ,EAAkBI,CAAM,KACpCqB,IAAoB,EAAE,GAAGzB,EAAkBI,CAAM,EAAA,GAE7CO,QAA6B,YAAYA,IACzCC,QAA+B,cAAcA,IAC7CC,QAA2B,UAAUA,IACrCC,QAA6B,YAAYA,IACzCC,QAA+B,cAAcA,IAC7CC,QAA2B,UAAUA,MAEzCS,IAAoB;AAAA,IAClB,WAAAd;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA;AAKJ,QAAMoB,IACJ1B,MAASN,IAAS,oBAAoBA,CAAM,KAAK,qBAK7CiC,IAA6B,CAAA;AACnC,aAAWC,KAASjC,IAAO0B,IAAW,CAAA;AACpC,QAAIO,KAAS,OAAOA,KAAU,YAAYA,EAAM,QAAQ,WAAW;AAEjE,YAAMC,IAAiB,MAAM,QAAQD,EAAM,QAAQ,IAC/CA,EAAM,WACN,CAAA;AACJ,iBAAWE,KAAeD;AACxB,YAAIC,KAAe,OAAOA,KAAgB,UAAU;AAElD,gBAAMC,IAAa;AAAA,YACjB,GAAGD;AAAA,YACH,KAAKF,EAAM,OAAOE,EAAY;AAAA,YAC9B,OAAO;AAAA,cACL,GAAGA,EAAY;AAAA,cACf,YAAYF,EAAM;AAAA;AAAA,YAAA;AAAA,UACpB;AAEF,UAAAD,EAAkB,KAAKI,CAAU;AAAA,QACnC;AACE,UAAAJ,EAAkB,KAAKG,CAAW;AAAA,IAGxC;AACE,MAAAH,EAAkB,KAAKC,CAAK;AAMhC,QAAMI,KAAa,MAAM;AACvB,QAAKP;AACL,aAAI,OAAOA,KAAU,WAAiBA,IAC/B,OAAO,QAAQA,CAAK,EACxB,IAAI,CAAC,CAACQ,GAAGC,CAAC,MAAM,GAAGD,CAAC,KAAKC,CAAC,EAAE,EAC5B,KAAK,IAAI;AAAA,EACd,GAAA;AAEA,SAAO;AAAA,IACL,KAAAZ;AAAA,IACA,UAAUK;AAAA,IACV,KAAKD;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,QACL,GAAIF,IAAY,EAAE,OAAOA,EAAA,IAAc,CAAA;AAAA,QACvC,GAAIQ,IAAY,EAAE,OAAOA,MAAc,CAAA;AAAA,MAAC;AAAA,MAE1C,kBAAkB;AAAA,QAChB,MAAMN;AAAA,QACN,SAASX;AAAA,QACT,WAAAQ;AAAA,QACA,MAAA3B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,KAAAC;AAAA,QACA,OAAO;AAAA,UACL,eAAAQ;AAAA,UACA,SAAAC;AAAA,UACA,cAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,eAAAC;AAAA,UACA,SAAAC;AAAA,UACA,cAAAC;AAAA,UACA,kBAAAC;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;AAmBO,SAASqB,EACdC,GACmB;AACnB,SAAO,EAAE,GAAGA,EAAA;AACd;AAMA,IAAIC,IAA6C;AAK1C,SAASC,IAAyC;AACvD,MAAI,CAACD,GAAsB;AAGzB,QAAI,OAAO,gBAAkB;AAC3B,aAAAA,IAAuB;AAAA,QACrB,UAAU,CAAA;AAAA,QACV,aAAa,MAAM;AAAA,QAAC;AAAA,QACpB,UAAU,MAAM;AAAA,MAAA,GAEXA;AAGT,UAAME,IAAuB,CAAA;AAG7B,WAAO,OAAOjD,CAAiB,EAAE,QAAQ,CAACI,MAAW;AACnD,MAAIA,EAAO,aAAW6C,EAAW,KAAK7C,EAAO,SAAS,GAClDA,EAAO,eAAa6C,EAAW,KAAK7C,EAAO,WAAW,GACtDA,EAAO,WAAS6C,EAAW,KAAK7C,EAAO,OAAO,GAC9CA,EAAO,aAAW6C,EAAW,KAAK7C,EAAO,SAAS,GAClDA,EAAO,eAAa6C,EAAW,KAAK7C,EAAO,WAAW,GACtDA,EAAO,WAAS6C,EAAW,KAAK7C,EAAO,OAAO;AAAA,IACpD,CAAC;AAGD,UAAM8C,IAAW,eAAeD,EAAW,KAAK,GAAG,CAAC,YAG9CE,IAAeC,EAAcF,CAAQ;AAG3C,QAAI;AACF,MAAAH,IAAuB,IAAI,cAAA,GAC3BA,EAAqB,YAAYI,CAAY;AAAA,IAC/C,QAAQ;AAGN,MAAAJ,IAAuB;AAAA,QACrB,UAAU,CAAA;AAAA,QACV,aAAa,MAAM;AAAA,QAAC;AAAA,QACpB,UAAU,MAAMI,KAAgB;AAAA,MAAA;AAAA,IAEpC;AAAA,EACF;AAEA,SAAOJ;AACT;"}