@kubuild/renderer 0.2.0 → 0.3.1

package/dist/index.js

@@ -1,5 +1,5 @@
-import{isActionBinding as no}from"@kubuild/schema";import{createDefaultComponentRegistry as oo}from"@kubuild/components";import{createContext as _t,useContext as jt,useMemo as zt}from"react";import{resolveBinding as pe}from"@kubuild/core";import{isVariableBinding as _e,isActionBinding as Ut}from"@kubuild/schema";import{jsx as Kt}from"react/jsx-runtime";var ie=Object.freeze({}),je=_t(ie);function Wt(r){if(!r)return ie;let e=r.variables?Object.freeze({...r.variables}):void 0;return Object.freeze({variables:e,...r.assetProvider?{assetProvider:r.assetProvider}:{},...r.actionRegistry?{actionRegistry:r.actionRegistry}:{},...r.onDiagnostic?{onDiagnostic:r.onDiagnostic}:{}})}function vo(r){let e=new Map(Object.entries(r?.assets??{})),i=new Map(Object.entries(r?.actions??{})),o={resolve:t=>e.get(t)||t},n={get:t=>i.get(t),register:(t,l)=>{i.set(t,l)},unregister:t=>{i.delete(t)}};return Wt({variables:r?.variables,assetProvider:o,actionRegistry:n,onDiagnostic:r?.onDiagnostic})}var ze=({value:r,children:e})=>{let i=zt(()=>r||ie,[r]);return Kt(je.Provider,{value:i,children:e})};function Ue(){return jt(je)}function Re(r,e){if(!(!r||!e))try{let i=r.resolve(e);return typeof i=="string"?i:void 0}catch{return}}function We(r,e){return e==null?e:_e(e)?pe(e,r).value:typeof e=="string"&&e.includes("{{")?e.replace(/\{\{\s*([\w.-]+)\s*\}\}/g,(i,o)=>{let n=pe({key:o},r);return n.status==="resolved"?String(n.value):i}):e}function Ke(r,e){if(!e||typeof e!="object")return{value:e,invalidPaths:[]};let i=[],o=(t,l)=>{if(t==null)return t;if(_e(t)){let f=pe(t,r);return f.status==="empty"&&i.push(l),f.value}if(typeof t=="string")return t.includes("{{")?t.replace(/\{\{\s*([\w.-]+)\s*\}\}/g,(f,p)=>{let u=pe({key:p},r);return u.status!=="resolved"?(i.push(l),f):String(u.value)}):t;if(Array.isArray(t))return t.map((f,p)=>o(f,`${l}[${p}]`));if(typeof t=="object"){let f={};for(let[p,u]of Object.entries(t))f[p]=o(u,l?`${l}.${p}`:p);return f}return t},n={};for(let[t,l]of Object.entries(e))n[t]=o(l,t);return{value:n,invalidPaths:i}}function Ye(r,e){return Ke(r,e).value}function Xe(r,e){return!r||!e?!1:!!r.get(e)}function Ge(r){let{action:e,nodeId:i,document:o,context:n,onDiagnostic:t}=r;if(!Ut(e)){let d={code:"INVALID_ACTION_PAYLOAD",actionType:typeof e?.type=="string"?e.type:"unknown",nodeId:i,message:`Invalid action binding on node ${i||"unknown"}.`};return t?.(d),n?.onDiagnostic?.(d),!1}let l=n?.actionRegistry?.get(e.type);if(!l){let d={code:"UNKNOWN_ACTION",actionType:e.type,nodeId:i,message:`No action handler registered for action type "${e.type}".`};return t?.(d),n?.onDiagnostic?.(d),!1}let{value:f,invalidPaths:p}=Ke(n,e.payload);if(p.length>0){let d={code:"INVALID_ACTION_BINDING",actionType:e.type,nodeId:i,message:`Action "${e.type}" payload has unresolved binding path(s) [${p.join(", ")}] on node ${i||"unknown"}; handler was not invoked.`,invalidPaths:p};return t?.(d),n?.onDiagnostic?.(d),!1}let u={nodeId:i,document:o,variables:n?.variables};try{let d=l(f,u);return d&&typeof d.catch=="function"&&d.catch(s=>{let a={code:"ACTION_EXECUTION_ERROR",actionType:e.type,nodeId:i,message:`Action "${e.type}" handler threw an asynchronous error: ${s instanceof Error?s.message:String(s)}`,error:s};t?.(a),n?.onDiagnostic?.(a)}),!0}catch(d){let s={code:"ACTION_EXECUTION_ERROR",actionType:e.type,nodeId:i,message:`Action "${e.type}" handler threw a synchronous error: ${d instanceof Error?d.message:String(d)}`,error:d};return t?.(s),n?.onDiagnostic?.(s),!1}}import{AlertTriangle as ro}from"lucide-react";function Je(r,e="desktop"){if(!r)return{};let i=r.base||{},o=r[e]||{};return{...i,...o}}function Yt(r){return String(r).replace(/[{};]+/g,"")}function Xt(r){return r.replace(/["\\\]]/g,"\\$&")}function te(r,e){if(!r||typeof r!="object")return"";let i=[],o=e?.important?" !important":"";for(let[n,t]of Object.entries(r)){if(t==null||t==="")continue;let l=n.replace(/[A-Z]/g,f=>`-${f.toLowerCase()}`);i.push(`${l}: ${Yt(t)}${o};`)}return i.join(" ")}function Ze(r,e={important:!0}){if(!r?.document)return"";let i=[],o=n=>{let t=n.styles?.states;if(t&&typeof t=="object")for(let[l,f]of Object.entries(t)){let p=te(f,{important:e.important!==!1});if(!p)continue;let u=/^::?[a-zA-Z-]+$/.test(l)?l:null;u&&i.push(`[data-kubuild-node="${Xt(n.id)}"]${u} { ${p} }`)}n.children?.forEach(o)};return o(r.document),i.join(`
-`)}var Qe=`
+import Se from"react";import{isActionBinding as xo}from"@kubuild/schema";import{createDefaultComponentRegistry as vo}from"@kubuild/components";import{createContext as nn,useContext as on,useMemo as rn}from"react";import{resolveBinding as xe}from"@kubuild/core";import{isVariableBinding as Ge,isActionBinding as an}from"@kubuild/schema";import{jsx as ln}from"react/jsx-runtime";var re=Object.freeze({}),Je=nn(re);function sn(r){if(!r)return re;let e=r.variables?Object.freeze({...r.variables}):void 0,i=r.componentArtboards?Object.freeze([...r.componentArtboards]):void 0,o=r.resolveArtboard??(i?n=>i.find(t=>t.artboardType==="component"&&t.triggerId===n):void 0);return Object.freeze({variables:e,...r.assetProvider?{assetProvider:r.assetProvider}:{},...r.actionRegistry?{actionRegistry:r.actionRegistry}:{},...r.onDiagnostic?{onDiagnostic:r.onDiagnostic}:{},...i?{componentArtboards:i}:{},...o?{resolveArtboard:o}:{},...r.artboardSurface?{artboardSurface:r.artboardSurface}:{}})}function Uo(r){let e=new Map(Object.entries(r?.assets??{})),i=new Map(Object.entries(r?.actions??{})),o={resolve:t=>e.get(t)||t},n={get:t=>i.get(t),register:(t,l)=>{i.set(t,l)},unregister:t=>{i.delete(t)}};return sn({variables:r?.variables,assetProvider:o,actionRegistry:n,onDiagnostic:r?.onDiagnostic})}var Ze=({value:r,children:e})=>{let i=rn(()=>r||re,[r]);return ln(Je.Provider,{value:i,children:e})};function Qe(){return on(Je)}function Pe(r,e){if(!(!r||!e))try{let i=r.resolve(e);return typeof i=="string"?i:void 0}catch{return}}function et(r,e){return e==null?e:Ge(e)?xe(e,r).value:typeof e=="string"&&e.includes("{{")?e.replace(/\{\{\s*([\w.-]+)\s*\}\}/g,(i,o)=>{let n=xe({key:o},r);return n.status==="resolved"?String(n.value):i}):e}function tt(r,e){if(!e||typeof e!="object")return{value:e,invalidPaths:[]};let i=[],o=(t,l)=>{if(t==null)return t;if(Ge(t)){let u=xe(t,r);return u.status==="empty"&&i.push(l),u.value}if(typeof t=="string")return t.includes("{{")?t.replace(/\{\{\s*([\w.-]+)\s*\}\}/g,(u,p)=>{let c=xe({key:p},r);return c.status!=="resolved"?(i.push(l),u):String(c.value)}):t;if(Array.isArray(t))return t.map((u,p)=>o(u,`${l}[${p}]`));if(typeof t=="object"){let u={};for(let[p,c]of Object.entries(t))u[p]=o(c,l?`${l}.${p}`:p);return u}return t},n={};for(let[t,l]of Object.entries(e))n[t]=o(l,t);return{value:n,invalidPaths:i}}function nt(r,e){return tt(r,e).value}function ot(r,e){return!r||!e?!1:!!r.get(e)}function rt(r){let{action:e,nodeId:i,document:o,context:n,onDiagnostic:t}=r;if(!an(e)){let f={code:"INVALID_ACTION_PAYLOAD",actionType:typeof e?.type=="string"?e.type:"unknown",nodeId:i,message:`Invalid action binding on node ${i||"unknown"}.`};return t?.(f),n?.onDiagnostic?.(f),!1}let l=n?.actionRegistry?.get(e.type);if(!l){let f={code:"UNKNOWN_ACTION",actionType:e.type,nodeId:i,message:`No action handler registered for action type "${e.type}".`};return t?.(f),n?.onDiagnostic?.(f),!1}let{value:u,invalidPaths:p}=tt(n,e.payload);if(p.length>0){let f={code:"INVALID_ACTION_BINDING",actionType:e.type,nodeId:i,message:`Action "${e.type}" payload has unresolved binding path(s) [${p.join(", ")}] on node ${i||"unknown"}; handler was not invoked.`,invalidPaths:p};return t?.(f),n?.onDiagnostic?.(f),!1}let c={nodeId:i,document:o,variables:n?.variables};try{let f=l(u,c);return f&&typeof f.catch=="function"&&f.catch(a=>{let s={code:"ACTION_EXECUTION_ERROR",actionType:e.type,nodeId:i,message:`Action "${e.type}" handler threw an asynchronous error: ${a instanceof Error?a.message:String(a)}`,error:a};t?.(s),n?.onDiagnostic?.(s)}),!0}catch(f){let a={code:"ACTION_EXECUTION_ERROR",actionType:e.type,nodeId:i,message:`Action "${e.type}" handler threw a synchronous error: ${f instanceof Error?f.message:String(f)}`,error:f};return t?.(a),n?.onDiagnostic?.(a),!1}}import{AlertTriangle as Ro}from"lucide-react";function it(r){if(!r||typeof r!="object")return{};let e={...r};if(e.colSpan!==void 0&&e.colSpan!==null&&e.colSpan!==""){if(!e.gridColumn){let i=String(e.colSpan).trim();e.gridColumn=i.startsWith("span")?i:`span ${i}`}delete e.colSpan}if(e.rowSpan!==void 0&&e.rowSpan!==null&&e.rowSpan!==""){if(!e.gridRow){let i=String(e.rowSpan).trim();e.gridRow=i.startsWith("span")?i:`span ${i}`}delete e.rowSpan}if(e.width==="hug"?e.width="fit-content":e.width==="fill"&&(e.width="100%",e.flex||(e.flex="1 1 0%")),e.height==="hug"?e.height="fit-content":e.height==="fill"&&(e.height="100%",e.flex||(e.flex="1 1 0%")),e.sizingMode==="hug"?(e.width=e.width||"fit-content",delete e.sizingMode):e.sizingMode==="fill"&&(e.flex||(e.flex="1 1 0%"),delete e.sizingMode),typeof e.gap=="number"&&(e.gap=`${e.gap}px`),typeof e.rowGap=="number"&&(e.rowGap=`${e.rowGap}px`),typeof e.columnGap=="number"&&(e.columnGap=`${e.columnGap}px`),typeof e.borderTopLeftRadius=="number"&&(e.borderTopLeftRadius=`${e.borderTopLeftRadius}px`),typeof e.borderTopRightRadius=="number"&&(e.borderTopRightRadius=`${e.borderTopRightRadius}px`),typeof e.borderBottomRightRadius=="number"&&(e.borderBottomRightRadius=`${e.borderBottomRightRadius}px`),typeof e.borderBottomLeftRadius=="number"&&(e.borderBottomLeftRadius=`${e.borderBottomLeftRadius}px`),typeof e.borderRadius=="number"&&(e.borderRadius=`${e.borderRadius}px`),e.backdropBlur!==void 0&&e.backdropBlur!==null&&e.backdropBlur!==""){let i=String(e.backdropBlur).trim(),n=`blur(${typeof e.backdropBlur=="number"||/^\d+$/.test(i)?`${i}px`:i})`;e.backdropFilter=n,e.WebkitBackdropFilter=n,delete e.backdropBlur}else e.backdropFilter&&typeof e.backdropFilter=="string"&&(e.WebkitBackdropFilter=e.backdropFilter);return e.gradient&&typeof e.gradient=="string"?(e.backgroundImage=e.gradient,delete e.gradient):e.backgroundGradient&&typeof e.backgroundGradient=="string"&&(e.backgroundImage=e.backgroundGradient,delete e.backgroundGradient),e}function at(r,e="desktop"){if(!r)return{};let i=r.base||{},o=r[e]||{},n={...i,...o};return it(n)}function dn(r){return String(r).replace(/[{};]+/g,"")}function cn(r){return r.replace(/["\\\]]/g,"\\$&")}function ae(r,e){if(!r||typeof r!="object")return"";let i=it(r),o=[],n=e?.important?" !important":"";for(let[t,l]of Object.entries(i)){if(l==null||l==="")continue;let u=t.replace(/[A-Z]/g,p=>`-${p.toLowerCase()}`);u.startsWith("--")||u.startsWith("-webkit-")||u.startsWith("-moz-")||u.startsWith("-")&&(u=u.substring(1)),o.push(`${u}: ${dn(l)}${n};`)}return o.join(" ")}function st(r,e={important:!0}){if(!r?.document)return"";let i=[],o=n=>{let t=n.styles?.states;if(t&&typeof t=="object")for(let[l,u]of Object.entries(t)){let p=ae(u,{important:e.important!==!1});if(!p)continue;let c=/^::?[a-zA-Z-]+$/.test(l)?l:null;c&&i.push(`[data-kubuild-node="${cn(n.id)}"]${c} { ${p} }`)}n.children?.forEach(o)};return o(r.document),i.join(`
+`)}var lt=`
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -25,7 +25,7 @@ input, button, textarea, select {
 p, h1, h2, h3, h4, h5, h6 {
   overflow-wrap: break-word;
 }
-`.trim();var Gt=`
+`.trim();var un=`
 /* Entrance / AOS Keyframes */
 @keyframes kb-anim-fade {
   from { opacity: 0; }
@@ -101,10 +101,10 @@ p, h1, h2, h3, h4, h5, h6 {
   0%, 100% { opacity: 0.75; }
   50% { opacity: 1; }
 }
-`.trim();function fe(r){return r.replace(/["\\\]]/g,"\\$&")}function Jt(r,e){let i=fe(r),o=[];switch(e){case"lift":o.push(`[data-kubuild-node="${i}"] { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important; will-change: transform; }`,`[data-kubuild-node="${i}"]:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; }`);break;case"scale":o.push(`[data-kubuild-node="${i}"] { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform; }`,`[data-kubuild-node="${i}"]:hover { transform: scale(1.04) !important; }`);break;case"glow":o.push(`[data-kubuild-node="${i}"] { transition: box-shadow 0.25s ease !important; }`,`[data-kubuild-node="${i}"]:hover { box-shadow: 0 0 20px 2px rgba(59, 130, 246, 0.5) !important; }`);break;case"tilt":o.push(`[data-kubuild-node="${i}"] { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform; }`,`[data-kubuild-node="${i}"]:hover { transform: rotate(2deg) scale(1.02) !important; }`);break;default:break}return o}function Zt(r,e){let i=fe(r),o=[];switch(e){case"pulse":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; }`);break;case"bounce":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-bounce 1.5s ease-in-out infinite !important; }`);break;case"spin":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-spin 3s linear infinite !important; }`);break;case"float":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-float 3s ease-in-out infinite !important; }`);break;case"shimmer":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-shimmer 2s ease-in-out infinite !important; }`);break;default:break}return o}function Qt(r,e){if(!e.type||e.type==="none")return[];let i=fe(r),o=typeof e.duration=="number"?e.duration:600,n=typeof e.delay=="number"?e.delay:0,t=e.easing||"ease-out";return[`[data-kubuild-node="${i}"] { animation-name: kb-anim-${e.type} !important; animation-duration: ${o}ms !important; animation-delay: ${n}ms !important; animation-timing-function: ${t} !important; animation-fill-mode: both !important; }`]}function me(r){if(!r?.document)return"";let e=[],i=!1,o=n=>{let t=n.animation;t&&(t.hoverEffect&&t.hoverEffect!=="none"&&(e.push(...Jt(n.id,t.hoverEffect)),i=!0),t.loopEffect&&t.loopEffect!=="none"&&(e.push(...Zt(n.id,t.loopEffect)),i=!0),t.type&&t.type!=="none"&&(e.push(...Qt(n.id,t)),i=!0)),n.children?.forEach(o)};return o(r.document),i?`${Gt}
+`.trim();function ve(r){return r.replace(/["\\\]]/g,"\\$&")}function pn(r,e){let i=ve(r),o=[];switch(e){case"lift":o.push(`[data-kubuild-node="${i}"] { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important; will-change: transform; }`,`[data-kubuild-node="${i}"]:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; }`);break;case"scale":o.push(`[data-kubuild-node="${i}"] { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform; }`,`[data-kubuild-node="${i}"]:hover { transform: scale(1.04) !important; }`);break;case"glow":o.push(`[data-kubuild-node="${i}"] { transition: box-shadow 0.25s ease !important; }`,`[data-kubuild-node="${i}"]:hover { box-shadow: 0 0 20px 2px rgba(59, 130, 246, 0.5) !important; }`);break;case"tilt":o.push(`[data-kubuild-node="${i}"] { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform; }`,`[data-kubuild-node="${i}"]:hover { transform: rotate(2deg) scale(1.02) !important; }`);break;default:break}return o}function fn(r,e){let i=ve(r),o=[];switch(e){case"pulse":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; }`);break;case"bounce":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-bounce 1.5s ease-in-out infinite !important; }`);break;case"spin":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-spin 3s linear infinite !important; }`);break;case"float":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-float 3s ease-in-out infinite !important; }`);break;case"shimmer":o.push(`[data-kubuild-node="${i}"] { animation: kb-loop-shimmer 2s ease-in-out infinite !important; }`);break;default:break}return o}function gn(r,e){if(!e.type||e.type==="none")return[];let i=ve(r),o=typeof e.duration=="number"?e.duration:600,n=typeof e.delay=="number"?e.delay:0,t=e.easing||"ease-out";return[`[data-kubuild-node="${i}"] { animation-name: kb-anim-${e.type} !important; animation-duration: ${o}ms !important; animation-delay: ${n}ms !important; animation-timing-function: ${t} !important; animation-fill-mode: both !important; }`]}function Re(r){if(!r?.document)return"";let e=[],i=!1,o=n=>{let t=n.animation;t&&(t.hoverEffect&&t.hoverEffect!=="none"&&(e.push(...pn(n.id,t.hoverEffect)),i=!0),t.loopEffect&&t.loopEffect!=="none"&&(e.push(...fn(n.id,t.loopEffect)),i=!0),t.type&&t.type!=="none"&&(e.push(...gn(n.id,t)),i=!0)),n.children?.forEach(o)};return o(r.document),i?`${un}
 
 ${e.join(`
-`)}`:""}function Co(r,e){let i=e||(typeof window<"u"?window.document:null);if(!i)return!1;let o=i.querySelector(`[data-kubuild-node="${fe(r)}"]`);if(!o)return!1;let n=o.style.animation;return o.style.animation="none",o.offsetWidth,o.style.animation=n,o.dispatchEvent(new CustomEvent("kubuild:replay-animation",{bubbles:!0,detail:{nodeId:r}})),!0}import{Component as en}from"react";import{AlertTriangle as tn}from"lucide-react";import{jsx as ke,jsxs as ge}from"react/jsx-runtime";var be=class extends en{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,i){this.props.onError&&this.props.onError(e,i),this.props.onDiagnostic&&this.props.onDiagnostic({code:"ACTION_EXECUTION_ERROR",actionType:"render",nodeId:this.props.nodeId,message:`Render error in <${this.props.componentType}> (ID: ${this.props.nodeId}): ${e.message}`,error:e})}render(){if(this.state.hasError){let{nodeId:e,componentType:i,mode:o="runtime"}=this.props,n=this.state.error?.message||"Unknown render error";return o==="editor"?ge("div",{"data-kubuild-node":e,"data-kubuild-error":i,style:{padding:"12px 16px",margin:"4px 0",backgroundColor:"#fef2f2",border:"1px solid #ef4444",borderRadius:"6px",color:"#b91c1c",fontFamily:"system-ui, -apple-system, sans-serif",fontSize:"13px",lineHeight:"1.4"},children:[ge("div",{style:{fontWeight:600,marginBottom:"4px",display:"flex",alignItems:"center",gap:"6px"},children:[ke(tn,{size:14,"aria-hidden":"true"}),ge("span",{children:["Component Render Error: <",i,">"]})]}),ge("div",{style:{fontSize:"11px",color:"#7f1d1d",wordBreak:"break-all"},children:["Node ID: ",ke("code",{children:e})," \u2014 ",n]})]}):ke("div",{"data-kubuild-node":e,"data-kubuild-error":i,style:{display:"none"},"aria-hidden":"true"})}return this.props.children}};import{isVariableBinding as nn}from"@kubuild/schema";import{primitiveTypeForField as et}from"@kubuild/components";import{resolveBinding as on}from"@kubuild/core";function rn(r){switch(r){case"string":return"";case"number":return 0;case"boolean":return!1}}function sn(r,e,i,o,n){let t=r.props?.[e.name],l=et(e);if(l===void 0||t===void 0)return t;let f=i.defaultProps?.[e.name]??e.defaultValue??rn(l);if(nn(t)){let p=on(t,o);return typeof p.value===l?p.value:(n.push({code:"INCOMPATIBLE_BINDING_TYPE",nodeId:r.id,propName:e.name,expectedType:l,actualType:typeof p.value,message:`Prop "${e.name}" on node "${r.id}" expected a ${l} but resolved binding "${t.key}" produced a ${typeof p.value}.`}),f)}return l==="string"&&typeof t=="string"&&t.includes("{{")?We(o,t):t}function tt(r,e,i){let o=r.props||{};if(!e||!e.propFields||e.propFields.length===0)return{props:o,diagnostics:[]};let n=[],t={...o};for(let l of e.propFields)et(l)!==void 0&&(t[l.name]=sn(r,l,e,i,n));return{props:t,diagnostics:n}}import Ln from"react";import{isAssetReference as qn,isVariableBinding as F}from"@kubuild/schema";import{icons as Vt,Package as _n,Puzzle as jn,AlertTriangle as zn}from"lucide-react";import{resolveBinding as Un,sanitizeUrl as Z,sanitizeHtml as Wn}from"@kubuild/core";import{createContext as Sn,useContext as bt,useState as ae,useCallback as V,useRef as mt,useMemo as le,useEffect as yt}from"react";import{applyFieldTransform as gt,validateFieldValue as Tn,validateForm as En,ActionPipelineExecutor as Pn}from"@kubuild/core";import{isSafeActionUrl as an}from"@kubuild/schema";import{ActionCancellationError as Ce,ActionTimeoutError as $e}from"@kubuild/core";var J=class extends Error{status;statusText;url;method;data;headers;response;isTimeout;isCancelled;isNetworkError;stepId;cause;constructor(e,i){super(e),this.name="ApiRequestError",this.status=i?.status,this.statusText=i?.statusText,this.url=i?.url,this.method=i?.method,this.data=i?.data,this.headers=i?.headers,this.response=i?.response,this.isTimeout=i?.isTimeout??!1,this.isCancelled=i?.isCancelled??!1,this.isNetworkError=i?.isNetworkError??!1,this.stepId=i?.stepId,this.cause=i?.cause}};function ln(r,e,i){if(!r||typeof r!="string")throw new J("API request URL is required",{url:r});let o=r.trim();if(!an(o))throw new J(`Disallowed or unsafe protocol in API request URL: "${o}"`,{url:o});let n=o;if(i&&!o.startsWith("http://")&&!o.startsWith("https://")&&!o.startsWith("//")){let t=i.endsWith("/")?i.slice(0,-1):i,l=o.startsWith("/")?o:`/${o}`;n=`${t}${l}`}if(e&&typeof e=="object"&&Object.keys(e).length>0){let[t,l]=n.split("?"),f=new URLSearchParams(l||"");for(let[u,d]of Object.entries(e))d!=null&&(Array.isArray(d)?d.forEach(s=>f.append(u,String(s))):f.set(u,String(d)));let p=f.toString();n=p?`${t}?${p}`:t}return n}function dn(r,e,i,o={}){let n=r.toUpperCase(),t={...o};if(n==="GET"||n==="HEAD")return{body:void 0,headers:t};if(e==null)return{body:void 0,headers:t};let l=Object.keys(t).find(u=>u.toLowerCase()==="content-type"),f=l?t[l]:void 0,p=(i||"").toLowerCase();if(p==="form-data"||p==="formdata"||p==="multipart"||f&&f.includes("multipart/form-data")){if(typeof FormData<"u"&&e instanceof FormData)return l&&delete t[l],{body:e,headers:t};if(typeof FormData<"u"&&typeof e=="object"&&e!==null){let u=new FormData;for(let[d,s]of Object.entries(e))s!=null&&(typeof Blob<"u"&&s instanceof Blob?u.append(d,s):Array.isArray(s)?s.forEach(a=>u.append(d,typeof a=="object"?JSON.stringify(a):String(a))):typeof s=="object"?u.append(d,JSON.stringify(s)):u.append(d,String(s)));return l&&delete t[l],{body:u,headers:t}}}if(p==="urlencoded"||p==="url-encoded"||f&&f.includes("application/x-www-form-urlencoded")){if(typeof URLSearchParams<"u"&&e instanceof URLSearchParams)return l||(t["Content-Type"]="application/x-www-form-urlencoded;charset=UTF-8"),{body:e,headers:t};if(typeof e=="object"&&e!==null){let u=new URLSearchParams;for(let[d,s]of Object.entries(e))s!=null&&(Array.isArray(s)?s.forEach(a=>u.append(d,String(a))):u.append(d,String(s)));return l||(t["Content-Type"]="application/x-www-form-urlencoded;charset=UTF-8"),{body:u,headers:t}}if(typeof e=="string")return l||(t["Content-Type"]="application/x-www-form-urlencoded;charset=UTF-8"),{body:e,headers:t}}if(p==="raw"||p==="text")return l||(t["Content-Type"]="text/plain;charset=UTF-8"),{body:typeof e=="string"?e:String(e),headers:t};if(typeof e=="object"&&e!==null)return l||(t["Content-Type"]="application/json"),{body:JSON.stringify(e),headers:t};if(typeof e=="string"){if(!l)try{JSON.parse(e),t["Content-Type"]="application/json"}catch{t["Content-Type"]="text/plain;charset=UTF-8"}return{body:e,headers:t}}return{body:String(e),headers:t}}async function cn(r){let e=r.headers.get("content-type")||"",i=await r.text();if(!i||i.trim()==="")return null;if(e.includes("application/json")||e.includes("+json"))try{return JSON.parse(i)}catch{return i}let o=i.trim();if(o.startsWith("{")&&o.endsWith("}")||o.startsWith("[")&&o.endsWith("]"))try{return JSON.parse(o)}catch{return i}return i}function we(r){let e=r?.defaultTimeout,i=r?.baseUrl,o=r?.headers;return async function(t,l,f){let p=l.fetchFn||r?.fetchFn||(typeof globalThis<"u"&&typeof globalThis.fetch=="function"?globalThis.fetch:typeof fetch<"u"?fetch:void 0);if(!p)throw new J("No fetch implementation available for API request runner",{stepId:t.id});let u=t.payload||{},d=String(u.method||"GET").toUpperCase(),s=u.timeout??e,a=u.baseUrl??i,c=ln(String(u.url||""),u.queryParams,a),m={...o||{},...u.headers||{}},{body:b,headers:y}=dn(d,u.body,u.bodyFormat||u.bodyType,m),h=new AbortController,v,x=()=>{h.abort(f?.reason)};if(f){if(f.aborted)throw new Ce(f.reason instanceof Error?f.reason.message:"API request cancelled",t.id);f.addEventListener("abort",x,{once:!0})}s!==void 0&&s>0&&(v=setTimeout(()=>{h.abort(new $e(`API request timed out after ${s}ms`,s,t.id))},s));try{let g=await p(c,{method:d,headers:y,body:b,signal:h.signal}),w={};g.headers&&typeof g.headers.forEach=="function"&&g.headers.forEach((S,E)=>{w[E.toLowerCase()]=S});let R=await cn(g),$={ok:g.ok,status:g.status,statusText:g.statusText,headers:w,data:R,body:R,url:g.url||c};if(!g.ok){let S=(typeof R=="object"&&R!==null&&"message"in R?String(R.message):void 0)||(typeof R=="string"&&R.length<200?R:void 0)||`HTTP ${g.status} ${g.statusText||"Error"}`;throw new J(`API request failed: ${S}`,{status:g.status,statusText:g.statusText,url:c,method:d,data:R,headers:w,response:$,stepId:t.id})}return $}catch(g){if(g instanceof J)throw g;if(h.signal.aborted){let R=h.signal.reason;if(R instanceof $e||R instanceof Error&&R.name==="ActionTimeoutError"||R instanceof Ce||R instanceof Error&&R.name==="ActionCancellationError")throw R;if(g instanceof Error&&(g.name==="AbortError"||g.name==="TimeoutError"))throw v===void 0&&f?.aborted?new Ce("API request cancelled",t.id):new $e(`API request timed out after ${s}ms`,s??0,t.id)}let w=g instanceof Error?g.message:String(g);throw new J(`Network error during API request: ${w}`,{url:c,method:d,isNetworkError:!0,stepId:t.id,cause:g})}finally{v!==void 0&&clearTimeout(v),f&&f.removeEventListener("abort",x)}}}var nt=we();import{useState as un,useEffect as pn}from"react";var fn=0,Se=class{toasts=[];listeners=new Set;timers=new Map;showToast(e){let i=typeof e=="string"?{message:e}:e,o=i.id||`toast_${Date.now()}_${++fn}`,n=i.type||i.variant||"info",t=i.duration!==void 0?Math.max(0,i.duration):4e3,l=i.position||"top-right",f=i.dismissible!==!1;this.timers.has(o)&&(clearTimeout(this.timers.get(o)),this.timers.delete(o));let p={id:o,type:n,message:i.message,title:i.title,duration:t,position:l,dismissible:f,createdAt:Date.now(),dismiss:()=>this.dismissToast(o)};if(this.toasts=this.toasts.filter(u=>u.id!==o).concat(p),t>0){let u=setTimeout(()=>{this.dismissToast(o)},t);this.timers.set(o,u)}return this.notify(),p}dismissToast(e){this.timers.has(e)&&(clearTimeout(this.timers.get(e)),this.timers.delete(e));let i=this.toasts.length;this.toasts=this.toasts.filter(o=>o.id!==e),this.toasts.length!==i&&this.notify()}clearToasts(){for(let e of this.timers.values())clearTimeout(e);this.timers.clear(),this.toasts=[],this.notify()}getToasts(){return[...this.toasts]}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notify(){let e=this.getToasts();for(let i of this.listeners)try{i(e)}catch(o){console.error("Error in toast listener callback:",o)}}},Q=new Se;function ot(r=Q){let[e,i]=un(()=>r.getToasts());return pn(()=>(i(r.getToasts()),r.subscribe(o=>{i(o)})),[r]),{toasts:e,showToast:o=>r.showToast(o),dismissToast:o=>r.dismissToast(o),clearToasts:()=>r.clearToasts()}}import{useState as rt,useEffect as it,useCallback as Te}from"react";var Ee=class{modals=new Map;activeStack=[];listeners=new Set;openModal(e){if(!e||typeof e!="string")return;let i=e.trim();if(i){if(this.modals.set(i,!0),this.activeStack=this.activeStack.filter(o=>o!==i).concat(i),typeof window<"u"&&typeof window.dispatchEvent=="function")try{let o=new CustomEvent("kubuild:modal:open",{detail:{modalId:i},bubbles:!0});window.dispatchEvent(o)}catch{}this.notify()}}closeModal(e){if(e&&typeof e=="string"){let i=e.trim();if(this.modals.set(i,!1),this.activeStack=this.activeStack.filter(o=>o!==i),typeof window<"u"&&typeof window.dispatchEvent=="function")try{let o=new CustomEvent("kubuild:modal:close",{detail:{modalId:i},bubbles:!0});window.dispatchEvent(o)}catch{}}else{let i=this.activeStack.pop();if(i){if(this.modals.set(i,!1),typeof window<"u"&&typeof window.dispatchEvent=="function")try{let o=new CustomEvent("kubuild:modal:close",{detail:{modalId:i},bubbles:!0});window.dispatchEvent(o)}catch{}}else for(let o of this.modals.keys())this.modals.set(o,!1)}this.notify()}toggleModal(e){return this.isModalOpen(e)?(this.closeModal(e),!1):(this.openModal(e),!0)}isModalOpen(e){return e?!!this.modals.get(e.trim()):!1}getState(){let e={};for(let[i,o]of this.modals.entries())e[i]=o;return e}getActiveModals(){return[...this.activeStack]}reset(){this.modals.clear(),this.activeStack=[],this.notify()}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notify(){let e=this.getState();for(let i of this.listeners)try{i(e)}catch(o){console.error("Error in modal listener callback:",o)}}},se=new Ee;function Yo(r,e=se){let[i,o]=rt(()=>e.isModalOpen(r));it(()=>(o(e.isModalOpen(r)),e.subscribe(f=>{o(!!f[r])})),[r,e]);let n=Te(()=>e.openModal(r),[r,e]),t=Te(()=>e.closeModal(r),[r,e]),l=Te(()=>e.toggleModal(r),[r,e]);return{isOpen:i,open:n,close:t,toggle:l}}function Xo(r=se){let[e,i]=rt(()=>r.getState());return it(()=>(i(r.getState()),r.subscribe(o=>{i(o)})),[r]),{modals:e,activeModals:r.getActiveModals(),isOpen:o=>!!e[o],openModal:o=>r.openModal(o),closeModal:o=>r.closeModal(o),toggleModal:o=>r.toggleModal(o)}}var st=(r,e)=>{let i=r.payload||{},o=String(i.message||"").trim();if(!o)throw new Error("Toast message cannot be empty");let n=i.type||i.variant||"info",t=i.duration!==void 0?i.duration:4e3,l=i.position||"top-right",f=i.title?String(i.title):void 0,u=(e.toastManager||Q).showToast({message:o,type:n,duration:t,position:l,title:f});return{id:u.id,message:u.message,type:u.type,title:u.title,duration:u.duration,position:u.position}},at=(r,e)=>{let i=r.payload||{},o=i.modalId||i.modalNodeId||i.targetNodeId||i.nodeId,n=o?String(o).trim():"";if(!n)throw new Error("Modal ID or Modal Node ID is required for open_modal action");if((e.modalManager||se).openModal(n),e.state&&typeof e.state=="object"){let l=e.state.modals||{};e.state.modals={...l,[n]:!0},e.state[n]=!0}return e.variables&&typeof e.variables=="object"&&(e.variables[`modal_${n}_open`]=!0),{modalId:n,open:!0}},lt=(r,e)=>{let i=r.payload||{},o=i.modalId||i.modalNodeId||i.targetNodeId||i.nodeId,n=o?String(o).trim():void 0;if((e.modalManager||se).closeModal(n),n){if(e.state&&typeof e.state=="object"){let l=e.state.modals||{};e.state.modals={...l,[n]:!1},e.state[n]=!1}e.variables&&typeof e.variables=="object"&&(e.variables[`modal_${n}_open`]=!1)}else e.state&&typeof e.state=="object"&&(e.state.modals={});return{modalId:n||"all",open:!1}};import{isSafeActionUrl as mn}from"@kubuild/schema";async function gn(r,e){if(e?.copyFn)return await e.copyFn(r),!0;if(typeof navigator<"u"&&navigator.clipboard&&typeof navigator.clipboard.writeText=="function")try{return await navigator.clipboard.writeText(r),!0}catch{}if(typeof document<"u")try{let i=document.createElement("textarea");i.value=r,i.setAttribute("readonly",""),i.style.position="fixed",i.style.top="-9999px",i.style.left="-9999px",i.style.opacity="0",document.body.appendChild(i),i.focus(),i.select();let o=document.execCommand("copy");if(document.body.removeChild(i),o)return!0}catch{}return!1}var dt=(r,e)=>{let i=r.payload||{},o=String(i.url||"").trim();if(!o)throw new Error("Navigation URL cannot be empty");if(!mn(o))throw new Error(`Disallowed or unsafe protocol in navigation URL: "${o}"`);let n=i.target||"_self",t=i.replace??!1,l=i.behavior||"smooth",f=i.scroll??!0;if(o.startsWith("#")){if(typeof document<"u"){try{let u=document.querySelector(o)||document.getElementById(o.slice(1));u&&typeof u.scrollIntoView=="function"&&u.scrollIntoView({behavior:f===!1?"auto":l,block:"start"})}catch{}if(typeof window<"u"&&window.location)try{window.location.hash=o}catch{}}return{url:o,target:"_self",replace:t,scroll:f,behavior:l,navigated:!0,isAnchor:!0}}if(n==="_blank")return typeof window<"u"&&typeof window.open=="function"&&window.open(o,"_blank","noopener,noreferrer"),{url:o,target:n,replace:t,scroll:f,behavior:l,navigated:!0,isAnchor:!1};let p=typeof e.onNavigate=="function"&&e.onNavigate||typeof e.navigateFn=="function"&&e.navigateFn;return p?(p(o,{target:n,replace:t,scroll:f,behavior:l}),{url:o,target:n,replace:t,scroll:f,behavior:l,navigated:!0,isAnchor:!1}):(typeof window<"u"&&window.location&&(t?window.location.replace(o):window.location.assign(o)),{url:o,target:n,replace:t,scroll:f,behavior:l,navigated:!0,isAnchor:!1})},ct=async(r,e)=>{let i=r.payload||{},o=i.text!==void 0?i.text:i.value!==void 0?i.value:"",n=typeof o=="object"&&o!==null?JSON.stringify(o):String(o??""),t=typeof e.copyFn=="function"?e.copyFn:typeof e.clipboardFn=="function"?e.clipboardFn:void 0;return await gn(n,{copyFn:t}),i.notify!==!1&&(i.notify===!0||i.toastMessage)&&(e.toastManager||Q).showToast({message:i.toastMessage||"Copied to clipboard!",type:"success",duration:3e3}),{text:n,copied:!0}},ut=(r,e)=>{let o=(r.payload||{}).formId||(typeof e.formId=="string"?e.formId:void 0);if(typeof e.resetForm=="function"&&e.resetForm(),e.form&&typeof e.form=="object")for(let n of Object.keys(e.form))e.form[n]="";if(typeof document<"u")try{let n=o?document.getElementById(o):document.querySelector("form");n&&typeof n.reset=="function"&&n.reset()}catch{}return{formId:o,reset:!0}};import{useMemo as bn}from"react";import{CheckCircle2 as yn,AlertCircle as hn,AlertTriangle as vn,Info as xn,X as Rn}from"lucide-react";import{Fragment as $n,jsx as G,jsxs as Pe}from"react/jsx-runtime";var kn={"top-right":{top:"16px",right:"16px",alignItems:"flex-end"},"top-left":{top:"16px",left:"16px",alignItems:"flex-start"},"top-center":{top:"16px",left:"50%",transform:"translateX(-50%)",alignItems:"center"},"bottom-right":{bottom:"16px",right:"16px",alignItems:"flex-end"},"bottom-left":{bottom:"16px",left:"16px",alignItems:"flex-start"},"bottom-center":{bottom:"16px",left:"50%",transform:"translateX(-50%)",alignItems:"center"}},pt={success:{bg:"#f0fdf4",border:"#bbf7d0",text:"#166534",titleText:"#14532d",iconColor:"#16a34a",Icon:yn},error:{bg:"#fef2f2",border:"#fecaca",text:"#991b1b",titleText:"#7f1d1d",iconColor:"#dc2626",Icon:hn},warning:{bg:"#fffbeb",border:"#fde68a",text:"#92400e",titleText:"#78350f",iconColor:"#d97706",Icon:vn},info:{bg:"#eff6ff",border:"#bfdbfe",text:"#1e40af",titleText:"#1e3a8a",iconColor:"#2563eb",Icon:xn}},Cn=({toast:r})=>{let e=pt[r.type]||pt.info,i=e.Icon;return Pe("div",{role:"alert","aria-live":"polite","data-testid":`toast-${r.id}`,"data-toast-type":r.type,style:{display:"flex",alignItems:"flex-start",gap:"12px",width:"100%",maxWidth:"380px",minWidth:"280px",padding:"12px 14px",backgroundColor:e.bg,border:`1px solid ${e.border}`,borderRadius:"8px",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",color:e.text,fontSize:"14px",lineHeight:"1.4",pointerEvents:"auto",animation:"kubuildToastIn 200ms cubic-bezier(0.16, 1, 0.3, 1)",wordBreak:"break-word",boxSizing:"border-box",transition:"all 200ms ease"},children:[G("div",{style:{flexShrink:0,marginTop:"2px",color:e.iconColor},children:G(i,{size:18,color:e.iconColor})}),Pe("div",{style:{flex:1,minWidth:0},children:[r.title&&G("div",{style:{fontWeight:600,fontSize:"14px",marginBottom:"2px",color:e.titleText},children:r.title}),G("div",{style:{color:e.text},children:r.message})]}),r.dismissible&&G("button",{type:"button","aria-label":"Close notification",onClick:r.dismiss,"data-testid":`toast-dismiss-${r.id}`,style:{flexShrink:0,background:"none",border:"none",cursor:"pointer",padding:"2px",marginLeft:"4px",color:e.text,opacity:.7,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px"},children:G(Rn,{size:16})})]})},ft=({manager:r=Q,position:e,className:i,maxVisible:o=5})=>{let{toasts:n}=ot(r),t=bn(()=>{if(e)return{[e]:n.filter(f=>(f.position||"top-right")===e)};let l={"top-right":[],"top-left":[],"top-center":[],"bottom-right":[],"bottom-left":[],"bottom-center":[]};return n.forEach(f=>{let p=f.position||"top-right";l[p].push(f)}),l},[n,e]);return n.length===0?null:Pe($n,{children:[G("style",{children:`
+`)}`:""}function Xo(r,e){let i=e||(typeof window<"u"?window.document:null);if(!i)return!1;let o=i.querySelector(`[data-kubuild-node="${ve(r)}"]`);if(!o)return!1;let n=o.style.animation;return o.style.animation="none",o.offsetWidth,o.style.animation=n,o.dispatchEvent(new CustomEvent("kubuild:replay-animation",{bubbles:!0,detail:{nodeId:r}})),!0}import{Component as mn}from"react";import{AlertTriangle as bn}from"lucide-react";import{jsx as Ae,jsxs as ke}from"react/jsx-runtime";var Ce=class extends mn{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,i){this.props.onError&&this.props.onError(e,i),this.props.onDiagnostic&&this.props.onDiagnostic({code:"ACTION_EXECUTION_ERROR",actionType:"render",nodeId:this.props.nodeId,message:`Render error in <${this.props.componentType}> (ID: ${this.props.nodeId}): ${e.message}`,error:e})}render(){if(this.state.hasError){let{nodeId:e,componentType:i,mode:o="runtime"}=this.props,n=this.state.error?.message||"Unknown render error";return o==="editor"?ke("div",{"data-kubuild-node":e,"data-kubuild-error":i,style:{padding:"12px 16px",margin:"4px 0",backgroundColor:"#fef2f2",border:"1px solid #ef4444",borderRadius:"6px",color:"#b91c1c",fontFamily:"system-ui, -apple-system, sans-serif",fontSize:"13px",lineHeight:"1.4"},children:[ke("div",{style:{fontWeight:600,marginBottom:"4px",display:"flex",alignItems:"center",gap:"6px"},children:[Ae(bn,{size:14,"aria-hidden":"true"}),ke("span",{children:["Component Render Error: <",i,">"]})]}),ke("div",{style:{fontSize:"11px",color:"#7f1d1d",wordBreak:"break-all"},children:["Node ID: ",Ae("code",{children:e})," \u2014 ",n]})]}):Ae("div",{"data-kubuild-node":e,"data-kubuild-error":i,style:{display:"none"},"aria-hidden":"true"})}return this.props.children}};import{isVariableBinding as yn}from"@kubuild/schema";import{primitiveTypeForField as dt}from"@kubuild/components";import{resolveBinding as hn}from"@kubuild/core";function xn(r){switch(r){case"string":return"";case"number":return 0;case"boolean":return!1}}function vn(r,e,i,o,n){let t=r.props?.[e.name],l=dt(e);if(l===void 0||t===void 0)return t;let u=i.defaultProps?.[e.name]??e.defaultValue??xn(l);if(yn(t)){let p=hn(t,o);return typeof p.value===l?p.value:(n.push({code:"INCOMPATIBLE_BINDING_TYPE",nodeId:r.id,propName:e.name,expectedType:l,actualType:typeof p.value,message:`Prop "${e.name}" on node "${r.id}" expected a ${l} but resolved binding "${t.key}" produced a ${typeof p.value}.`}),u)}return l==="string"&&typeof t=="string"&&t.includes("{{")?et(o,t):t}function ct(r,e,i){let o=r.props||{};if(!e||!e.propFields||e.propFields.length===0)return{props:o,diagnostics:[]};let n=[],t={...o};for(let l of e.propFields)dt(l)!==void 0&&(t[l.name]=vn(r,l,e,i,n));return{props:t,diagnostics:n}}import no from"react";import{isAssetReference as oo,isVariableBinding as O}from"@kubuild/schema";import{icons as Yt,Package as ro,Puzzle as io,AlertTriangle as ao}from"lucide-react";import{resolveBinding as so,sanitizeUrl as oe,sanitizeHtml as lo}from"@kubuild/core";import{createContext as _n,useContext as Tt,useState as ce,useCallback as L,useRef as $t,useMemo as ue,useEffect as Et}from"react";import{applyFieldTransform as St,validateFieldValue as Ln,validateForm as qn,ActionPipelineExecutor as jn}from"@kubuild/core";import{isSafeActionUrl as Rn}from"@kubuild/schema";import{ActionCancellationError as Ie,ActionTimeoutError as Ne}from"@kubuild/core";var ne=class extends Error{status;statusText;url;method;data;headers;response;isTimeout;isCancelled;isNetworkError;stepId;cause;constructor(e,i){super(e),this.name="ApiRequestError",this.status=i?.status,this.statusText=i?.statusText,this.url=i?.url,this.method=i?.method,this.data=i?.data,this.headers=i?.headers,this.response=i?.response,this.isTimeout=i?.isTimeout??!1,this.isCancelled=i?.isCancelled??!1,this.isNetworkError=i?.isNetworkError??!1,this.stepId=i?.stepId,this.cause=i?.cause}};function kn(r,e,i){if(!r||typeof r!="string")throw new ne("API request URL is required",{url:r});let o=r.trim();if(!Rn(o))throw new ne(`Disallowed or unsafe protocol in API request URL: "${o}"`,{url:o});let n=o;if(i&&!o.startsWith("http://")&&!o.startsWith("https://")&&!o.startsWith("//")){let t=i.endsWith("/")?i.slice(0,-1):i,l=o.startsWith("/")?o:`/${o}`;n=`${t}${l}`}if(e&&typeof e=="object"&&Object.keys(e).length>0){let[t,l]=n.split("?"),u=new URLSearchParams(l||"");for(let[c,f]of Object.entries(e))f!=null&&(Array.isArray(f)?f.forEach(a=>u.append(c,String(a))):u.set(c,String(f)));let p=u.toString();n=p?`${t}?${p}`:t}return n}function Cn(r,e,i,o={}){let n=r.toUpperCase(),t={...o};if(n==="GET"||n==="HEAD")return{body:void 0,headers:t};if(e==null)return{body:void 0,headers:t};let l=Object.keys(t).find(c=>c.toLowerCase()==="content-type"),u=l?t[l]:void 0,p=(i||"").toLowerCase();if(p==="form-data"||p==="formdata"||p==="multipart"||u&&u.includes("multipart/form-data")){if(typeof FormData<"u"&&e instanceof FormData)return l&&delete t[l],{body:e,headers:t};if(typeof FormData<"u"&&typeof e=="object"&&e!==null){let c=new FormData;for(let[f,a]of Object.entries(e))a!=null&&(typeof Blob<"u"&&a instanceof Blob?c.append(f,a):Array.isArray(a)?a.forEach(s=>c.append(f,typeof s=="object"?JSON.stringify(s):String(s))):typeof a=="object"?c.append(f,JSON.stringify(a)):c.append(f,String(a)));return l&&delete t[l],{body:c,headers:t}}}if(p==="urlencoded"||p==="url-encoded"||u&&u.includes("application/x-www-form-urlencoded")){if(typeof URLSearchParams<"u"&&e instanceof URLSearchParams)return l||(t["Content-Type"]="application/x-www-form-urlencoded;charset=UTF-8"),{body:e,headers:t};if(typeof e=="object"&&e!==null){let c=new URLSearchParams;for(let[f,a]of Object.entries(e))a!=null&&(Array.isArray(a)?a.forEach(s=>c.append(f,String(s))):c.append(f,String(a)));return l||(t["Content-Type"]="application/x-www-form-urlencoded;charset=UTF-8"),{body:c,headers:t}}if(typeof e=="string")return l||(t["Content-Type"]="application/x-www-form-urlencoded;charset=UTF-8"),{body:e,headers:t}}if(p==="raw"||p==="text")return l||(t["Content-Type"]="text/plain;charset=UTF-8"),{body:typeof e=="string"?e:String(e),headers:t};if(typeof e=="object"&&e!==null)return l||(t["Content-Type"]="application/json"),{body:JSON.stringify(e),headers:t};if(typeof e=="string"){if(!l)try{JSON.parse(e),t["Content-Type"]="application/json"}catch{t["Content-Type"]="text/plain;charset=UTF-8"}return{body:e,headers:t}}return{body:String(e),headers:t}}async function wn(r){let e=r.headers.get("content-type")||"",i=await r.text();if(!i||i.trim()==="")return null;if(e.includes("application/json")||e.includes("+json"))try{return JSON.parse(i)}catch{return i}let o=i.trim();if(o.startsWith("{")&&o.endsWith("}")||o.startsWith("[")&&o.endsWith("]"))try{return JSON.parse(o)}catch{return i}return i}function Fe(r){let e=r?.defaultTimeout,i=r?.baseUrl,o=r?.headers;return async function(t,l,u){let p=l.fetchFn||r?.fetchFn||(typeof globalThis<"u"&&typeof globalThis.fetch=="function"?globalThis.fetch:typeof fetch<"u"?fetch:void 0);if(!p)throw new ne("No fetch implementation available for API request runner",{stepId:t.id});let c=t.payload||{},f=String(c.method||"GET").toUpperCase(),a=c.timeout??e,s=c.baseUrl??i,d=kn(String(c.url||""),c.queryParams,s),g={...o||{},...c.headers||{}},{body:y,headers:b}=Cn(f,c.body,c.bodyFormat||c.bodyType,g),x=new AbortController,h,v=()=>{x.abort(u?.reason)};if(u){if(u.aborted)throw new Ie(u.reason instanceof Error?u.reason.message:"API request cancelled",t.id);u.addEventListener("abort",v,{once:!0})}a!==void 0&&a>0&&(h=setTimeout(()=>{x.abort(new Ne(`API request timed out after ${a}ms`,a,t.id))},a));try{let m=await p(d,{method:f,headers:b,body:y,signal:x.signal}),C={};m.headers&&typeof m.headers.forEach=="function"&&m.headers.forEach((S,E)=>{C[E.toLowerCase()]=S});let R=await wn(m),k={ok:m.ok,status:m.status,statusText:m.statusText,headers:C,data:R,body:R,url:m.url||d};if(!m.ok){let S=(typeof R=="object"&&R!==null&&"message"in R?String(R.message):void 0)||(typeof R=="string"&&R.length<200?R:void 0)||`HTTP ${m.status} ${m.statusText||"Error"}`;throw new ne(`API request failed: ${S}`,{status:m.status,statusText:m.statusText,url:d,method:f,data:R,headers:C,response:k,stepId:t.id})}return k}catch(m){if(m instanceof ne)throw m;if(x.signal.aborted){let R=x.signal.reason;if(R instanceof Ne||R instanceof Error&&R.name==="ActionTimeoutError"||R instanceof Ie||R instanceof Error&&R.name==="ActionCancellationError")throw R;if(m instanceof Error&&(m.name==="AbortError"||m.name==="TimeoutError"))throw h===void 0&&u?.aborted?new Ie("API request cancelled",t.id):new Ne(`API request timed out after ${a}ms`,a??0,t.id)}let C=m instanceof Error?m.message:String(m);throw new ne(`Network error during API request: ${C}`,{url:d,method:f,isNetworkError:!0,stepId:t.id,cause:m})}finally{h!==void 0&&clearTimeout(h),u&&u.removeEventListener("abort",v)}}}var ut=Fe();import{useState as $n,useEffect as Sn}from"react";var Tn=0,De=class{toasts=[];listeners=new Set;timers=new Map;showToast(e){let i=typeof e=="string"?{message:e}:e,o=i.id||`toast_${Date.now()}_${++Tn}`,n=i.type||i.variant||"info",t=i.duration!==void 0?Math.max(0,i.duration):4e3,l=i.position||"top-right",u=i.dismissible!==!1;this.timers.has(o)&&(clearTimeout(this.timers.get(o)),this.timers.delete(o));let p={id:o,type:n,message:i.message,title:i.title,duration:t,position:l,dismissible:u,createdAt:Date.now(),dismiss:()=>this.dismissToast(o)};if(this.toasts=this.toasts.filter(c=>c.id!==o).concat(p),t>0){let c=setTimeout(()=>{this.dismissToast(o)},t);this.timers.set(o,c)}return this.notify(),p}dismissToast(e){this.timers.has(e)&&(clearTimeout(this.timers.get(e)),this.timers.delete(e));let i=this.toasts.length;this.toasts=this.toasts.filter(o=>o.id!==e),this.toasts.length!==i&&this.notify()}clearToasts(){for(let e of this.timers.values())clearTimeout(e);this.timers.clear(),this.toasts=[],this.notify()}getToasts(){return[...this.toasts]}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notify(){let e=this.getToasts();for(let i of this.listeners)try{i(e)}catch(o){console.error("Error in toast listener callback:",o)}}},ie=new De;function pt(r=ie){let[e,i]=$n(()=>r.getToasts());return Sn(()=>(i(r.getToasts()),r.subscribe(o=>{i(o)})),[r]),{toasts:e,showToast:o=>r.showToast(o),dismissToast:o=>r.dismissToast(o),clearToasts:()=>r.clearToasts()}}import{useState as ft,useEffect as gt,useCallback as Me}from"react";var Oe=class{modals=new Map;activeStack=[];listeners=new Set;openModal(e){if(!e||typeof e!="string")return;let i=e.trim();if(i){if(this.modals.set(i,!0),this.activeStack=this.activeStack.filter(o=>o!==i).concat(i),typeof window<"u"&&typeof window.dispatchEvent=="function")try{let o=new CustomEvent("kubuild:modal:open",{detail:{modalId:i},bubbles:!0});window.dispatchEvent(o)}catch{}this.notify()}}closeModal(e){if(e&&typeof e=="string"){let i=e.trim();if(this.modals.set(i,!1),this.activeStack=this.activeStack.filter(o=>o!==i),typeof window<"u"&&typeof window.dispatchEvent=="function")try{let o=new CustomEvent("kubuild:modal:close",{detail:{modalId:i},bubbles:!0});window.dispatchEvent(o)}catch{}}else{let i=this.activeStack.pop();if(i){if(this.modals.set(i,!1),typeof window<"u"&&typeof window.dispatchEvent=="function")try{let o=new CustomEvent("kubuild:modal:close",{detail:{modalId:i},bubbles:!0});window.dispatchEvent(o)}catch{}}else for(let o of this.modals.keys())this.modals.set(o,!1)}this.notify()}toggleModal(e){return this.isModalOpen(e)?(this.closeModal(e),!1):(this.openModal(e),!0)}isModalOpen(e){return e?!!this.modals.get(e.trim()):!1}hasState(e){return e?this.modals.has(e.trim()):!1}getState(){let e={};for(let[i,o]of this.modals.entries())e[i]=o;return e}getActiveModals(){return[...this.activeStack]}reset(){this.modals.clear(),this.activeStack=[],this.notify()}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notify(){let e=this.getState();for(let i of this.listeners)try{i(e)}catch(o){console.error("Error in modal listener callback:",o)}}},J=new Oe;function mt(r,e=J){if(!r)return{isOpen:!1,open:()=>{},close:()=>{},toggle:()=>!1};let[i,o]=ft(()=>e.isModalOpen(r));gt(()=>(o(e.isModalOpen(r)),e.subscribe(u=>{o(!!u[r])})),[r,e]);let n=Me(()=>e.openModal(r),[r,e]),t=Me(()=>e.closeModal(r),[r,e]),l=Me(()=>e.toggleModal(r),[r,e]);return{isOpen:i,open:n,close:t,toggle:l}}function bt(r=J){let[e,i]=ft(()=>r.getState());return gt(()=>(i(r.getState()),r.subscribe(o=>{i(o)})),[r]),{modals:e,activeModals:r.getActiveModals(),isOpen:o=>!!e[o],openModal:o=>r.openModal(o),closeModal:o=>r.closeModal(o),toggleModal:o=>r.toggleModal(o)}}var yt=(r,e)=>{let i=r.payload||{},o=String(i.message||"").trim();if(!o)throw new Error("Toast message cannot be empty");let n=i.type||i.variant||"info",t=i.duration!==void 0?i.duration:4e3,l=i.position||"top-right",u=i.title?String(i.title):void 0,c=(e.toastManager||ie).showToast({message:o,type:n,duration:t,position:l,title:u});return{id:c.id,message:c.message,type:c.type,title:c.title,duration:c.duration,position:c.position}},Ve=(r,e)=>{let i=r.payload||{},o=i.modalId||i.modalNodeId||i.targetNodeId||i.nodeId,n=o?String(o).trim():"";if(!n)throw new Error("Modal ID or Modal Node ID is required for open_modal action");let t=e.modalManager||J,u=!!i.toggle?t.toggleModal(n):(t.openModal(n),!0);if(e.state&&typeof e.state=="object"){let p=e.state.modals||{};e.state.modals={...p,[n]:u},e.state[n]=u}return e.variables&&typeof e.variables=="object"&&(e.variables[`modal_${n}_open`]=u),{modalId:n,open:u}},ht=(r,e)=>Ve({...r,payload:{...r.payload||{},toggle:!0}},e),xt=(r,e)=>{let i=r.payload||{},o=i.modalId||i.modalNodeId||i.targetNodeId||i.nodeId,n=o?String(o).trim():void 0;if((e.modalManager||J).closeModal(n),n){if(e.state&&typeof e.state=="object"){let l=e.state.modals||{};e.state.modals={...l,[n]:!1},e.state[n]=!1}e.variables&&typeof e.variables=="object"&&(e.variables[`modal_${n}_open`]=!1)}else e.state&&typeof e.state=="object"&&(e.state.modals={});return{modalId:n||"all",open:!1}};import{isSafeActionUrl as En}from"@kubuild/schema";async function Pn(r,e){if(e?.copyFn)return await e.copyFn(r),!0;if(typeof navigator<"u"&&navigator.clipboard&&typeof navigator.clipboard.writeText=="function")try{return await navigator.clipboard.writeText(r),!0}catch{}if(typeof document<"u")try{let i=document.createElement("textarea");i.value=r,i.setAttribute("readonly",""),i.style.position="fixed",i.style.top="-9999px",i.style.left="-9999px",i.style.opacity="0",document.body.appendChild(i),i.focus(),i.select();let o=document.execCommand("copy");if(document.body.removeChild(i),o)return!0}catch{}return!1}var vt=(r,e)=>{let i=r.payload||{},o=String(i.url||"").trim();if(!o)throw new Error("Navigation URL cannot be empty");if(!En(o))throw new Error(`Disallowed or unsafe protocol in navigation URL: "${o}"`);let n=i.target||"_self",t=i.replace??!1,l=i.behavior||"smooth",u=i.scroll??!0;if(o.startsWith("#")){if(typeof document<"u"){try{let c=document.querySelector(o)||document.getElementById(o.slice(1));c&&typeof c.scrollIntoView=="function"&&c.scrollIntoView({behavior:u===!1?"auto":l,block:"start"})}catch{}if(typeof window<"u"&&window.location)try{window.location.hash=o}catch{}}return{url:o,target:"_self",replace:t,scroll:u,behavior:l,navigated:!0,isAnchor:!0}}if(n==="_blank")return typeof window<"u"&&typeof window.open=="function"&&window.open(o,"_blank","noopener,noreferrer"),{url:o,target:n,replace:t,scroll:u,behavior:l,navigated:!0,isAnchor:!1};let p=typeof e.onNavigate=="function"&&e.onNavigate||typeof e.navigateFn=="function"&&e.navigateFn;return p?(p(o,{target:n,replace:t,scroll:u,behavior:l}),{url:o,target:n,replace:t,scroll:u,behavior:l,navigated:!0,isAnchor:!1}):(typeof window<"u"&&window.location&&(t?window.location.replace(o):window.location.assign(o)),{url:o,target:n,replace:t,scroll:u,behavior:l,navigated:!0,isAnchor:!1})},Rt=async(r,e)=>{let i=r.payload||{},o=i.text!==void 0?i.text:i.value!==void 0?i.value:"",n=typeof o=="object"&&o!==null?JSON.stringify(o):String(o??""),t=typeof e.copyFn=="function"?e.copyFn:typeof e.clipboardFn=="function"?e.clipboardFn:void 0;return await Pn(n,{copyFn:t}),i.notify!==!1&&(i.notify===!0||i.toastMessage)&&(e.toastManager||ie).showToast({message:i.toastMessage||"Copied to clipboard!",type:"success",duration:3e3}),{text:n,copied:!0}},kt=(r,e)=>{let o=(r.payload||{}).formId||(typeof e.formId=="string"?e.formId:void 0);if(typeof e.resetForm=="function"&&e.resetForm(),e.form&&typeof e.form=="object")for(let n of Object.keys(e.form))e.form[n]="";if(typeof document<"u")try{let n=o?document.getElementById(o):document.querySelector("form");n&&typeof n.reset=="function"&&n.reset()}catch{}return{formId:o,reset:!0}};import{useMemo as An}from"react";import{CheckCircle2 as In,AlertCircle as Nn,AlertTriangle as Fn,Info as Dn,X as Mn}from"lucide-react";import{Fragment as Bn,jsx as ee,jsxs as Be}from"react/jsx-runtime";var On={"top-right":{top:"16px",right:"16px",alignItems:"flex-end"},"top-left":{top:"16px",left:"16px",alignItems:"flex-start"},"top-center":{top:"16px",left:"50%",transform:"translateX(-50%)",alignItems:"center"},"bottom-right":{bottom:"16px",right:"16px",alignItems:"flex-end"},"bottom-left":{bottom:"16px",left:"16px",alignItems:"flex-start"},"bottom-center":{bottom:"16px",left:"50%",transform:"translateX(-50%)",alignItems:"center"}},Ct={success:{bg:"#f0fdf4",border:"#bbf7d0",text:"#166534",titleText:"#14532d",iconColor:"#16a34a",Icon:In},error:{bg:"#fef2f2",border:"#fecaca",text:"#991b1b",titleText:"#7f1d1d",iconColor:"#dc2626",Icon:Nn},warning:{bg:"#fffbeb",border:"#fde68a",text:"#92400e",titleText:"#78350f",iconColor:"#d97706",Icon:Fn},info:{bg:"#eff6ff",border:"#bfdbfe",text:"#1e40af",titleText:"#1e3a8a",iconColor:"#2563eb",Icon:Dn}},Vn=({toast:r})=>{let e=Ct[r.type]||Ct.info,i=e.Icon;return Be("div",{role:"alert","aria-live":"polite","data-testid":`toast-${r.id}`,"data-toast-type":r.type,style:{display:"flex",alignItems:"flex-start",gap:"12px",width:"100%",maxWidth:"380px",minWidth:"280px",padding:"12px 14px",backgroundColor:e.bg,border:`1px solid ${e.border}`,borderRadius:"8px",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",color:e.text,fontSize:"14px",lineHeight:"1.4",pointerEvents:"auto",animation:"kubuildToastIn 200ms cubic-bezier(0.16, 1, 0.3, 1)",wordBreak:"break-word",boxSizing:"border-box",transition:"all 200ms ease"},children:[ee("div",{style:{flexShrink:0,marginTop:"2px",color:e.iconColor},children:ee(i,{size:18,color:e.iconColor})}),Be("div",{style:{flex:1,minWidth:0},children:[r.title&&ee("div",{style:{fontWeight:600,fontSize:"14px",marginBottom:"2px",color:e.titleText},children:r.title}),ee("div",{style:{color:e.text},children:r.message})]}),r.dismissible&&ee("button",{type:"button","aria-label":"Close notification",onClick:r.dismiss,"data-testid":`toast-dismiss-${r.id}`,style:{flexShrink:0,background:"none",border:"none",cursor:"pointer",padding:"2px",marginLeft:"4px",color:e.text,opacity:.7,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px"},children:ee(Mn,{size:16})})]})},wt=({manager:r=ie,position:e,className:i,maxVisible:o=5})=>{let{toasts:n}=pt(r),t=An(()=>{if(e)return{[e]:n.filter(u=>(u.position||"top-right")===e)};let l={"top-right":[],"top-left":[],"top-center":[],"bottom-right":[],"bottom-left":[],"bottom-center":[]};return n.forEach(u=>{let p=u.position||"top-right";l[p].push(u)}),l},[n,e]);return n.length===0?null:Be(Bn,{children:[ee("style",{children:`
         @keyframes kubuildToastIn {
           from {
             opacity: 0;
@@ -115,110 +115,110 @@ ${e.join(`
             transform: translateY(0) scale(1);
           }
         }
-      `}),Object.entries(t).map(([l,f])=>{if(!f||f.length===0)return null;let p=f.slice(-o);return G("div",{"data-testid":`toast-container-${l}`,className:i,style:{position:"fixed",zIndex:99999,display:"flex",flexDirection:"column",gap:"8px",maxWidth:"calc(100vw - 32px)",pointerEvents:"none",...kn[l]},children:p.map(u=>G(Cn,{toast:u},u.id))},l)})]})};function wn(r){return{api_request:r?.apiRequest?we(r.apiRequest):nt,show_toast:st,open_modal:at,close_modal:lt,navigate:dt,copy_clipboard:ct,reset_form:ut,...r?.handlers||{}}}function ye(r,e){let i=wn(e);for(let[o,n]of Object.entries(i))(!r.hasHandler(o)||e?.handlers?.[o]||e?.apiRequest)&&r.registerHandler(o,n);return r}import{jsx as In}from"react/jsx-runtime";var Ne=Sn(null);function Nn(r,e){let i=new Set([...Object.keys(r),...Object.keys(e)]);for(let o of i)if(r[o]!==e[o])return!0;return!1}var ht=({formId:r,formConfig:e,initialValues:i,onSubmit:o,onSuccess:n,onError:t,actions:l,nodeId:f,document:p,onDiagnostic:u,children:d})=>{let s=Ue(),a=le(()=>r||e?.formId||f||"kubuild-form",[r,e?.formId,f]),c=le(()=>({...e?.initialValues||{},...i||{}}),[e?.initialValues,i]),[m,b]=ae(c),[y,h]=ae(c),[v,x]=ae({}),[g,w]=ae({}),[R,$]=ae(!1),S=mt(new Map),E=mt({values:y,errors:v,touched:g,initialValues:m,isSubmitting:R,formConfig:e});yt(()=>{E.current={values:y,errors:v,touched:g,initialValues:m,isSubmitting:R,formConfig:e}});let ne=V(k=>{if(!k||!k.name)return()=>{};let N={name:k.name,rules:k.rules||[],validateOn:k.validateOn||"blur",label:k.label,defaultValue:k.defaultValue,transform:k.transform,disabled:k.disabled,required:k.required};return S.current.set(k.name,N),k.defaultValue!==void 0&&(E.current.values[k.name]===void 0&&(E.current.values[k.name]=k.defaultValue),h(P=>P[k.name]===void 0?{...P,[k.name]:k.defaultValue}:P)),()=>{S.current.delete(k.name)}},[]),H=V(k=>S.current.get(k),[]),z=V((k,N)=>{let P=S.current.get(k),L=E.current.values,Y=N!==void 0?N:L[k];P?.transform&&(Y=gt(Y,P.transform));let O=[...P?.rules||[]];return P?.required&&!O.some(I=>I.type==="required")&&O.unshift({type:"required",message:`${P.label||k} is required`}),Tn(Y,O,L)},[]),B=V(k=>{let N=k||E.current.values,P=Array.from(S.current.values());return En(N,P)},[]),K=V((k,N)=>{x(P=>{if(N)return{...P,[k]:N};if(P[k]===void 0)return P;let L={...P};return delete L[k],L})},[]),Ae=V(k=>{x({...k})},[]),De=V((k,N,P)=>{let L=S.current.get(k),Y=N;L?.transform&&(Y=gt(N,L.transform)),h(_=>({..._,[k]:Y}));let O=L?.validateOn||e?.validateOn||"blur";if(P!==void 0?P:O==="change"){let _=z(k,Y);K(k,_)}},[e?.validateOn,z,K]),Oe=V((k,N=!0,P)=>{w(I=>({...I,[k]:N}));let Y=S.current.get(k)?.validateOn||e?.validateOn||"blur";if(P!==void 0?P:Y==="blur"&&N){let I=z(k);K(k,I)}},[e?.validateOn,z,K]),Ve=V((k,N=!1)=>{h(P=>N?{...k}:{...P,...k})},[]),ue=V(k=>{$(k)},[]),oe=V(k=>{let N=k||m;k&&b(k),h({...N}),x({}),w({}),$(!1)},[m]),Me=V(async k=>{if(k&&typeof k.preventDefault=="function"&&k.preventDefault(),E.current.isSubmitting)return!1;let N=E.current.values,P={};for(let O of S.current.keys())P[O]=!0;w(P);let L=B(N);if(x(L),!(Object.keys(L).length===0)){if(t?.(L),e?.scrollToFirstError!==!1&&typeof window<"u"&&typeof p<"u"){let I=Object.keys(L)[0];if(I)try{let _=window.document.querySelector(`[name="${I}"], [data-field="${I}"]`);_&&(_.scrollIntoView({behavior:"smooth",block:"center"}),_.focus?.())}catch{}}return!1}$(!0);try{if(l&&l.length>0){let O=l.filter(I=>I.trigger==="submit"&&I.enabled!==!1);if(O.length>0){let I=new Pn;ye(I);for(let _ of O){let re=await I.execute(_,{context:{form:N,variables:s?.variables?{...s.variables}:{},nodeId:f,document:p}});if(!re.success){let Le=re.error instanceof Error?re.error.message:String(re.error||"Submit pipeline failed"),qe={code:"ACTION_EXECUTION_ERROR",actionType:_.steps[0]?.type||"submit",nodeId:f,message:`Form submit pipeline failed: ${Le}`,error:re.error};return u?.(qe),s?.onDiagnostic?.(qe),t?.({_form:Le}),$(!1),!1}}}}return o&&await o(N,{formId:a,setSubmitting:ue,resetForm:oe,setErrors:x}),n?.(N),e?.resetOnSubmit&&oe(),!0}catch(O){let I=O instanceof Error?O.message:String(O),_={code:"ACTION_EXECUTION_ERROR",actionType:"submit",nodeId:f,message:`Form submit execution error: ${I}`,error:O};return u?.(_),s?.onDiagnostic?.(_),t?.({_form:I}),!1}finally{$(!1)}},[e,l,f,p,u,s,o,n,t,a,ue,oe,B]),He=le(()=>Object.keys(v).length===0,[v]),Be=le(()=>Nn(y,m),[y,m]),qt=le(()=>({formId:a,formConfig:e,initialValues:m,values:y,errors:v,touched:g,isSubmitting:R,isValid:He,dirty:Be,setFieldValue:De,setFieldTouched:Oe,setFieldError:K,setErrors:Ae,setValues:Ve,setSubmitting:ue,resetForm:oe,validateField:z,validateForm:B,handleFormSubmit:Me,registerField:ne,getFieldBinding:H}),[a,e,m,y,v,g,R,He,Be,De,Oe,K,Ae,Ve,ue,oe,z,B,Me,ne,H]);return In(Ne.Provider,{value:qt,children:d})};function X(){return bt(Ne)}function $r(){return bt(Ne)}function wr(){let r=X();return{isSubmitting:r?.isSubmitting??!1,isValid:r?.isValid??!0,dirty:r?.dirty??!1,errors:r?.errors??{}}}function Sr(r,e){let i=X();i&&r&&i.registerField(e||{name:r}),yt(()=>{if(!i||!r)return;let a=i.registerField(e||{name:r});return()=>{a()}},[i,r,e]);let o=i?.values[r]!==void 0?i.values[r]:e?.defaultValue,n=i?.errors[r],t=!!i?.touched[r],l=!!(n&&t),f=V((a,c)=>{i?.setFieldValue(r,a,c)},[i,r]),p=V((a=!0,c)=>{i?.setFieldTouched(r,a,c)},[i,r]),u=V(a=>{i?.setFieldError(r,a)},[i,r]),d=V(a=>{if(a&&typeof a=="object"&&"target"in a&&a.target){let c=a.target;if(c.type==="checkbox")f(c.checked);else if(c.type==="number"){let m=c.value===""?"":Number(c.value);f(m)}else f(c.value)}else f(a)},[f]),s=V(()=>{p(!0)},[p]);return{value:o,error:n,touched:t,isInvalid:l,setValue:f,setTouched:p,setError:u,onChange:d,onBlur:s}}import{useRef as Fn}from"react";import{jsx as vt}from"react/jsx-runtime";var j=({as:r="p",id:e,className:i,style:o,value:n,isEditable:t,nodeId:l,onClick:f,onChange:p,...u})=>{let d=Fn(!1),s=r;return t?vt(s,{id:e,className:i,style:{...o,outline:"none",cursor:"text"},contentEditable:!0,suppressContentEditableWarning:!0,"data-kubuild-node":l,onClick:a=>{f?.(a)},onFocus:()=>{d.current=!0},onInput:a=>{let c=a.currentTarget.textContent??"";p?.(c,!1)},onBlur:a=>{d.current=!1;let c=a.currentTarget.textContent??"";p?.(c,!0)},onKeyDown:a=>{a.key==="Escape"&&a.currentTarget.blur()},...u,children:n}):vt(s,{id:e,className:i,style:o,onClick:f,"data-kubuild-node":l,...u,children:n})};import{useRef as xt,useLayoutEffect as An,useEffect as Dn,useMemo as On}from"react";import{jsx as Rt}from"react/jsx-runtime";var Vn=typeof window<"u"?An:Dn;function Mn(r){return r?r.replace(/<style\b([^>]*)>([\s\S]*?)<\/style>/gi,(e,i,o)=>{let n=o;return n=n.replace(/(^|[\s,{}])body(?=[\s,{])/g,"$1:host, body"),n=n.replace(/(^|[\s,{}])html(?=[\s,{])/g,"$1:host, html"),`<style${i}>
+      `}),Object.entries(t).map(([l,u])=>{if(!u||u.length===0)return null;let p=u.slice(-o);return ee("div",{"data-testid":`toast-container-${l}`,className:i,style:{position:"fixed",zIndex:99999,display:"flex",flexDirection:"column",gap:"8px",maxWidth:"calc(100vw - 32px)",pointerEvents:"none",...On[l]},children:p.map(c=>ee(Vn,{toast:c},c.id))},l)})]})};function Hn(r){return{api_request:r?.apiRequest?Fe(r.apiRequest):ut,show_toast:yt,open_modal:Ve,close_modal:xt,toggle_modal:ht,navigate:vt,copy_clipboard:Rt,reset_form:kt,...r?.handlers||{}}}function we(r,e){let i=Hn(e);for(let[o,n]of Object.entries(i))(!r.hasHandler(o)||e?.handlers?.[o]||e?.apiRequest)&&r.registerHandler(o,n);return r}import{jsx as Un}from"react/jsx-runtime";var He=_n(null);function zn(r,e){let i=new Set([...Object.keys(r),...Object.keys(e)]);for(let o of i)if(r[o]!==e[o])return!0;return!1}var Pt=({formId:r,formConfig:e,initialValues:i,onSubmit:o,onSuccess:n,onError:t,actions:l,nodeId:u,document:p,onDiagnostic:c,children:f})=>{let a=Qe(),s=ue(()=>r||e?.formId||u||"kubuild-form",[r,e?.formId,u]),d=ue(()=>({...e?.initialValues||{},...i||{}}),[e?.initialValues,i]),[g,y]=ce(d),[b,x]=ce(d),[h,v]=ce({}),[m,C]=ce({}),[R,k]=ce(!1),S=$t(new Map),E=$t({values:b,errors:h,touched:m,initialValues:g,isSubmitting:R,formConfig:e});Et(()=>{E.current={values:b,errors:h,touched:m,initialValues:g,isSubmitting:R,formConfig:e}});let A=L($=>{if(!$||!$.name)return()=>{};let N={name:$.name,rules:$.rules||[],validateOn:$.validateOn||"blur",label:$.label,defaultValue:$.defaultValue,transform:$.transform,disabled:$.disabled,required:$.required};return S.current.set($.name,N),$.defaultValue!==void 0&&(E.current.values[$.name]===void 0&&(E.current.values[$.name]=$.defaultValue),x(I=>I[$.name]===void 0?{...I,[$.name]:$.defaultValue}:I)),()=>{S.current.delete($.name)}},[]),P=L($=>S.current.get($),[]),F=L(($,N)=>{let I=S.current.get($),z=E.current.values,Z=N!==void 0?N:z[$];I?.transform&&(Z=St(Z,I.transform));let _=[...I?.rules||[]];return I?.required&&!_.some(M=>M.type==="required")&&_.unshift({type:"required",message:`${I.label||$} is required`}),Ln(Z,_,z)},[]),D=L($=>{let N=$||E.current.values,I=Array.from(S.current.values());return qn(N,I)},[]),j=L(($,N)=>{v(I=>{if(N)return{...I,[$]:N};if(I[$]===void 0)return I;let z={...I};return delete z[$],z})},[]),B=L($=>{v({...$})},[]),se=L(($,N,I)=>{let z=S.current.get($),Z=N;z?.transform&&(Z=St(N,z.transform)),x(W=>({...W,[$]:Z}));let _=z?.validateOn||e?.validateOn||"blur";if(I!==void 0?I:_==="change"){let W=F($,Z);j($,W)}},[e?.validateOn,F,j]),ye=L(($,N=!0,I)=>{C(M=>({...M,[$]:N}));let Z=S.current.get($)?.validateOn||e?.validateOn||"blur";if(I!==void 0?I:Z==="blur"&&N){let M=F($);j($,M)}},[e?.validateOn,F,j]),ze=L(($,N=!1)=>{x(I=>N?{...$}:{...I,...$})},[]),he=L($=>{k($)},[]),le=L($=>{let N=$||g;$&&y($),x({...N}),v({}),C({}),k(!1)},[g]),Ue=L(async $=>{if($&&typeof $.preventDefault=="function"&&$.preventDefault(),E.current.isSubmitting)return!1;let N=E.current.values,I={};for(let _ of S.current.keys())I[_]=!0;C(I);let z=D(N);if(v(z),!(Object.keys(z).length===0)){if(t?.(z),e?.scrollToFirstError!==!1&&typeof window<"u"&&typeof p<"u"){let M=Object.keys(z)[0];if(M)try{let W=window.document.querySelector(`[name="${M}"], [data-field="${M}"]`);W&&(W.scrollIntoView({behavior:"smooth",block:"center"}),W.focus?.())}catch{}}return!1}k(!0);try{if(l&&l.length>0){let _=l.filter(M=>M.trigger==="submit"&&M.enabled!==!1);if(_.length>0){let M=new jn;we(M);for(let W of _){let de=await M.execute(W,{context:{form:N,variables:a?.variables?{...a.variables}:{},nodeId:u,document:p}});if(!de.success){let Ye=de.error instanceof Error?de.error.message:String(de.error||"Submit pipeline failed"),Xe={code:"ACTION_EXECUTION_ERROR",actionType:W.steps[0]?.type||"submit",nodeId:u,message:`Form submit pipeline failed: ${Ye}`,error:de.error};return c?.(Xe),a?.onDiagnostic?.(Xe),t?.({_form:Ye}),k(!1),!1}}}}return o&&await o(N,{formId:s,setSubmitting:he,resetForm:le,setErrors:v}),n?.(N),e?.resetOnSubmit&&le(),!0}catch(_){let M=_ instanceof Error?_.message:String(_),W={code:"ACTION_EXECUTION_ERROR",actionType:"submit",nodeId:u,message:`Form submit execution error: ${M}`,error:_};return c?.(W),a?.onDiagnostic?.(W),t?.({_form:M}),!1}finally{k(!1)}},[e,l,u,p,c,a,o,n,t,s,he,le,D]),We=ue(()=>Object.keys(h).length===0,[h]),Ke=ue(()=>zn(b,g),[b,g]),tn=ue(()=>({formId:s,formConfig:e,initialValues:g,values:b,errors:h,touched:m,isSubmitting:R,isValid:We,dirty:Ke,setFieldValue:se,setFieldTouched:ye,setFieldError:j,setErrors:B,setValues:ze,setSubmitting:he,resetForm:le,validateField:F,validateForm:D,handleFormSubmit:Ue,registerField:A,getFieldBinding:P}),[s,e,g,b,h,m,R,We,Ke,se,ye,j,B,ze,he,le,F,D,Ue,A,P]);return Un(He.Provider,{value:tn,children:f})};function Q(){return Tt(He)}function Yr(){return Tt(He)}function Xr(){let r=Q();return{isSubmitting:r?.isSubmitting??!1,isValid:r?.isValid??!0,dirty:r?.dirty??!1,errors:r?.errors??{}}}function Gr(r,e){let i=Q();i&&r&&i.registerField(e||{name:r}),Et(()=>{if(!i||!r)return;let s=i.registerField(e||{name:r});return()=>{s()}},[i,r,e]);let o=i?.values[r]!==void 0?i.values[r]:e?.defaultValue,n=i?.errors[r],t=!!i?.touched[r],l=!!(n&&t),u=L((s,d)=>{i?.setFieldValue(r,s,d)},[i,r]),p=L((s=!0,d)=>{i?.setFieldTouched(r,s,d)},[i,r]),c=L(s=>{i?.setFieldError(r,s)},[i,r]),f=L(s=>{if(s&&typeof s=="object"&&"target"in s&&s.target){let d=s.target;if(d.type==="checkbox")u(d.checked);else if(d.type==="number"){let g=d.value===""?"":Number(d.value);u(g)}else u(d.value)}else u(s)},[u]),a=L(()=>{p(!0)},[p]);return{value:o,error:n,touched:t,isInvalid:l,setValue:u,setTouched:p,setError:c,onChange:f,onBlur:a}}import{useRef as Wn}from"react";import{jsx as At}from"react/jsx-runtime";var K=({as:r="p",id:e,className:i,style:o,value:n,isEditable:t,nodeId:l,onClick:u,onChange:p,...c})=>{let f=Wn(!1),a=r;return t?At(a,{id:e,className:i,style:{...o,outline:"none",cursor:"text"},contentEditable:!0,suppressContentEditableWarning:!0,"data-kubuild-node":l,onClick:s=>{u?.(s)},onFocus:()=>{f.current=!0},onInput:s=>{let d=s.currentTarget.textContent??"";p?.(d,!1)},onBlur:s=>{f.current=!1;let d=s.currentTarget.textContent??"";p?.(d,!0)},onKeyDown:s=>{s.key==="Escape"&&s.currentTarget.blur()},...c,children:n}):At(a,{id:e,className:i,style:o,onClick:u,"data-kubuild-node":l,...c,children:n})};import{useRef as It,useLayoutEffect as Kn,useEffect as Yn,useMemo as Xn}from"react";import{jsx as Nt}from"react/jsx-runtime";var Gn=typeof window<"u"?Kn:Yn;function Jn(r){return r?r.replace(/<style\b([^>]*)>([\s\S]*?)<\/style>/gi,(e,i,o)=>{let n=o;return n=n.replace(/(^|[\s,{}])body(?=[\s,{])/g,"$1:host, body"),n=n.replace(/(^|[\s,{}])html(?=[\s,{])/g,"$1:host, html"),`<style${i}>
 :host { display: block; }
-${n}</style>`}):""}var kt=({id:r,style:e,onClick:i,dataKubuildNode:o,html:n,role:t})=>{let l=xt(null),f=xt(null),p=On(()=>Mn(n),[n]);return Vn(()=>{let u=l.current;if(u){if(typeof u.attachShadow=="function"){if(!f.current)if(u.shadowRoot)f.current=u.shadowRoot;else try{f.current=u.attachShadow({mode:"open"})}catch{f.current=u.shadowRoot}if(f.current){f.current.innerHTML=p;return}}u.innerHTML=p}},[p]),Rt("div",{ref:l,id:r,style:e,onClick:i,"data-kubuild-node":o,role:t,children:Rt("template",{shadowrootmode:"open",dangerouslySetInnerHTML:{__html:p}})})};import{useEffect as de}from"react";import Ct,{useEffect as Hn}from"react";import{ActionPipelineExecutor as Bn}from"@kubuild/core";async function D(r){let{node:e,trigger:i,document:o,context:n,formContext:t,extraContext:l,onDiagnostic:f,onActionDispatch:p,executor:u}=r;if(!e.actions||!Array.isArray(e.actions)||e.actions.length===0)return{executed:!1,success:!0};let d=e.actions.filter(c=>c.trigger===i&&c.enabled!==!1);if(d.length===0)return{executed:!1,success:!0};let s=u||new Bn;ye(s);let a={form:t?{...t.values}:{},variables:n?.variables?{...n.variables}:{},nodeId:e.id,document:o,toastManager:n?.toastManager,modalManager:n?.modalManager,...l||{}};for(let c of d){let m=await s.execute(c,{context:a});if(p&&c.steps.length>0&&p(c.steps[0].type,c.steps[0].payload,e.id),!m.success){let b=m.error instanceof Error?m.error.message:String(m.error||`Action pipeline "${c.id}" failed`),y={code:"ACTION_EXECUTION_ERROR",actionType:c.steps[0]?.type||i,nodeId:e.id,message:b,error:m.error};return f?.(y),n?.onDiagnostic?.(y),{executed:!0,success:!1,error:m.error}}}return{executed:!0,success:!0}}function $t(r,e){if(!r.actions?.some(t=>t.trigger==="load"&&t.enabled!==!1))return;let o=Ct?.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE||Ct?.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(o?.H||o?.ReactCurrentDispatcher?.current)try{Hn(()=>{e.mode!=="editor"&&D({node:r,trigger:"load",document:e.document,context:e.context,formContext:e.formContext,onDiagnostic:e.onDiagnostic,onActionDispatch:e.onActionDispatch})},[r,e.document,e.context,e.formContext,e.onDiagnostic,e.onActionDispatch,e.mode])}catch{}}import{jsx as M,jsxs as he}from"react/jsx-runtime";var wt=({id:r,name:e,action:i,method:o="POST",target:n,autoComplete:t,style:l,onClick:f,mode:p,dataKubuildNode:u,children:d})=>{let s=X();return M("form",{id:r,name:e,action:i,method:o,target:n,autoComplete:t,style:l,onClick:f,onSubmit:m=>{if(p==="editor"){m.preventDefault();return}s&&s.handleFormSubmit(m)},onReset:()=>{s&&s.resetForm()},"data-kubuild-node":u,role:"form","aria-label":e,children:d})},St=({id:r,name:e,type:i="text",placeholder:o,defaultValue:n,required:t,disabled:l,readOnly:f,rules:p,validateOn:u,transform:d,style:s,onClick:a,actions:c,nodeId:m,document:b,renderContext:y,onDiagnostic:h,onActionDispatch:v,dataKubuildNode:x})=>{let g=X();if(g&&e&&g.registerField({name:e,defaultValue:n,required:t,disabled:l,rules:p||[],validateOn:u,transform:d}),de(()=>{if(!g||!e)return;let B=g.registerField({name:e,defaultValue:n,required:t,disabled:l,rules:p||[],validateOn:u,transform:d});return()=>{B()}},[g,e,n,t,l,p,u,d]),!g||!e)return M("input",{id:r,type:i,name:e,placeholder:o,defaultValue:n!==void 0?String(n):void 0,required:t,disabled:l,readOnly:f,style:s,onClick:a,"data-kubuild-node":x});let w=g.values[e],R=w!=null?String(w):n!=null?String(n):"",$=g.errors[e],S=!!g.touched[e],E=!!($&&S);return M("input",{id:r,type:i,name:e,placeholder:o,value:R,onChange:B=>{let K=B.target.value;i==="number"&&(K=B.target.value===""?"":Number(B.target.value)),g.setFieldValue(e,K),c&&c.length>0&&D({node:{id:m||r||e,type:"input",actions:c},trigger:"change",document:b,context:y,formContext:g,extraContext:{fieldName:e,fieldValue:K},onDiagnostic:h,onActionDispatch:v})},onBlur:()=>{g.setFieldTouched(e,!0),c&&c.length>0&&D({node:{id:m||r||e,type:"input",actions:c},trigger:"blur",document:b,context:y,formContext:g,extraContext:{fieldName:e,fieldValue:g.values[e]},onDiagnostic:h,onActionDispatch:v})},onFocus:()=>{c&&c.length>0&&D({node:{id:m||r||e,type:"input",actions:c},trigger:"focus",document:b,context:y,formContext:g,extraContext:{fieldName:e,fieldValue:g.values[e]},onDiagnostic:h,onActionDispatch:v})},required:t,disabled:l,readOnly:f,style:s,onClick:a,"data-kubuild-node":x,"data-field":e,"data-invalid":E?"true":void 0,"aria-invalid":E?!0:void 0,"aria-errormessage":$?`${r}-error`:void 0})},Tt=({id:r,name:e,placeholder:i,defaultValue:o,rows:n=4,required:t,disabled:l,readOnly:f,rules:p,validateOn:u,transform:d,style:s,onClick:a,actions:c,nodeId:m,document:b,renderContext:y,onDiagnostic:h,onActionDispatch:v,dataKubuildNode:x})=>{let g=X();if(g&&e&&g.registerField({name:e,defaultValue:o,required:t,disabled:l,rules:p||[],validateOn:u,transform:d}),de(()=>{if(!g||!e)return;let B=g.registerField({name:e,defaultValue:o,required:t,disabled:l,rules:p||[],validateOn:u,transform:d});return()=>{B()}},[g,e,o,t,l,p,u,d]),!g||!e)return M("textarea",{id:r,name:e,placeholder:i,defaultValue:o!==void 0?String(o):void 0,rows:n,required:t,disabled:l,readOnly:f,style:s,onClick:a,"data-kubuild-node":x});let w=g.values[e],R=w!=null?String(w):o!=null?String(o):"",$=g.errors[e],S=!!g.touched[e],E=!!($&&S);return M("textarea",{id:r,name:e,placeholder:i,rows:n,value:R,onChange:B=>{g.setFieldValue(e,B.target.value),c&&c.length>0&&D({node:{id:m||r||e,type:"textarea",actions:c},trigger:"change",document:b,context:y,formContext:g,extraContext:{fieldName:e,fieldValue:B.target.value},onDiagnostic:h,onActionDispatch:v})},onBlur:()=>{g.setFieldTouched(e,!0),c&&c.length>0&&D({node:{id:m||r||e,type:"textarea",actions:c},trigger:"blur",document:b,context:y,formContext:g,extraContext:{fieldName:e,fieldValue:g.values[e]},onDiagnostic:h,onActionDispatch:v})},onFocus:()=>{c&&c.length>0&&D({node:{id:m||r||e,type:"textarea",actions:c},trigger:"focus",document:b,context:y,formContext:g,extraContext:{fieldName:e,fieldValue:g.values[e]},onDiagnostic:h,onActionDispatch:v})},required:t,disabled:l,readOnly:f,style:s,onClick:a,"data-kubuild-node":x,"data-field":e,"data-invalid":E?"true":void 0,"aria-invalid":E?!0:void 0,"aria-errormessage":$?`${r}-error`:void 0})},Et=({id:r,name:e,placeholder:i,defaultValue:o,required:n,disabled:t,rules:l,validateOn:f,optionsList:p,style:u,onClick:d,actions:s,nodeId:a,document:c,renderContext:m,onDiagnostic:b,onActionDispatch:y,dataKubuildNode:h})=>{let v=X();if(v&&e&&v.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:f}),de(()=>{if(!v||!e)return;let H=v.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:f});return()=>{H()}},[v,e,o,n,t,l,f]),!v||!e)return he("select",{id:r,name:e,defaultValue:o!==void 0?String(o):"",required:n,disabled:t,style:u,onClick:d,"data-kubuild-node":h,children:[i&&M("option",{value:"",disabled:!0,children:i}),p.map((H,z)=>M("option",{value:H.value,children:H.label},z))]});let x=v.values[e],g=x!=null?String(x):o!=null?String(o):"",w=v.errors[e],R=!!v.touched[e],$=!!(w&&R);return he("select",{id:r,name:e,value:g,onChange:H=>{v.setFieldValue(e,H.target.value),s&&s.length>0&&D({node:{id:a||r||e,type:"select",actions:s},trigger:"change",document:c,context:m,formContext:v,extraContext:{fieldName:e,fieldValue:H.target.value},onDiagnostic:b,onActionDispatch:y})},onBlur:()=>{v.setFieldTouched(e,!0),s&&s.length>0&&D({node:{id:a||r||e,type:"select",actions:s},trigger:"blur",document:c,context:m,formContext:v,extraContext:{fieldName:e,fieldValue:v.values[e]},onDiagnostic:b,onActionDispatch:y})},onFocus:()=>{s&&s.length>0&&D({node:{id:a||r||e,type:"select",actions:s},trigger:"focus",document:c,context:m,formContext:v,extraContext:{fieldName:e,fieldValue:v.values[e]},onDiagnostic:b,onActionDispatch:y})},required:n,disabled:t,style:u,onClick:d,"data-kubuild-node":h,"data-field":e,"data-invalid":$?"true":void 0,"aria-invalid":$?!0:void 0,"aria-errormessage":w?`${r}-error`:void 0,children:[i&&M("option",{value:"",disabled:!0,children:i}),p.map((H,z)=>M("option",{value:H.value,children:H.label},z))]})},Pt=({id:r,name:e,label:i="",defaultChecked:o=!1,required:n,disabled:t,rules:l,validateOn:f,style:p,onClick:u,actions:d,nodeId:s,document:a,renderContext:c,onDiagnostic:m,onActionDispatch:b,dataKubuildNode:y,isEditable:h,onNodePropChange:v})=>{let x=X();x&&e&&x.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:f}),de(()=>{if(!x||!e)return;let $=x.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:f});return()=>{$()}},[x,e,o,n,t,l,f]);let g=x&&e&&x.values[e]!==void 0?!!x.values[e]:o;return he("label",{id:r,style:p,onClick:u,"data-kubuild-node":y,children:[M("input",{type:"checkbox",name:e,checked:g,onChange:$=>{x&&e&&(x.setFieldValue(e,$.target.checked),d&&d.length>0&&D({node:{id:s||r||e,type:"checkbox",actions:d},trigger:"change",document:a,context:c,formContext:x,extraContext:{fieldName:e,fieldValue:$.target.checked},onDiagnostic:m,onActionDispatch:b}))},onBlur:()=>{x&&e&&(x.setFieldTouched(e,!0),d&&d.length>0&&D({node:{id:s||r||e,type:"checkbox",actions:d},trigger:"blur",document:a,context:c,formContext:x,extraContext:{fieldName:e,fieldValue:g},onDiagnostic:m,onActionDispatch:b}))},required:n,disabled:t,style:{cursor:t?"not-allowed":"pointer"},"data-field":e}),h?M(j,{as:"span",value:i,isEditable:h,nodeId:y||"",onChange:($,S)=>v?.(y||"","label",$,S)}):M("span",{children:i})]})},Nt=({id:r,name:e,label:i="",value:o="",defaultChecked:n=!1,required:t,disabled:l,rules:f,validateOn:p,style:u,onClick:d,actions:s,nodeId:a,document:c,renderContext:m,onDiagnostic:b,onActionDispatch:y,dataKubuildNode:h,isEditable:v,onNodePropChange:x})=>{let g=X();g&&e&&g.registerField({name:e,defaultValue:n?o:void 0,required:t,disabled:l,rules:f||[],validateOn:p}),de(()=>{if(!g||!e)return;let S=g.registerField({name:e,defaultValue:n?o:void 0,required:t,disabled:l,rules:f||[],validateOn:p});return()=>{S()}},[g,e,n,o,t,l,f,p]);let w=g&&e&&g.values[e]!==void 0?g.values[e]===o:n;return he("label",{id:r,style:u,onClick:d,"data-kubuild-node":h,children:[M("input",{type:"radio",name:e,value:o,checked:w,onChange:()=>{g&&e&&(g.setFieldValue(e,o),s&&s.length>0&&D({node:{id:a||r||e,type:"radio",actions:s},trigger:"change",document:c,context:m,formContext:g,extraContext:{fieldName:e,fieldValue:o},onDiagnostic:b,onActionDispatch:y}))},onBlur:()=>{g&&e&&(g.setFieldTouched(e,!0),s&&s.length>0&&D({node:{id:a||r||e,type:"radio",actions:s},trigger:"blur",document:c,context:m,formContext:g,extraContext:{fieldName:e,fieldValue:o},onDiagnostic:b,onActionDispatch:y}))},required:t,disabled:l,style:{cursor:l?"not-allowed":"pointer"},"data-field":e}),v?M(j,{as:"span",value:i,isEditable:v,nodeId:h||"",onChange:(S,E)=>x?.(h||"","label",S,E)}):M("span",{children:i})]})},It=({id:r,buttonType:e,disabled:i,ariaLabel:o,style:n,onClick:t,actions:l,node:f,document:p,renderContext:u,onDiagnostic:d,onActionDispatch:s,dataKubuildNode:a,actionAttrs:c,children:m})=>{let b=X(),y=b?.isSubmitting===!0,h=i||e==="submit"&&y;return M("button",{id:r,type:e,disabled:h,"aria-disabled":h?!0:void 0,"aria-label":o,"aria-busy":e==="submit"&&y?!0:void 0,tabIndex:h?-1:0,style:n,onClick:h?void 0:async x=>{if(h)return;if(e==="submit"){if(b&&!await b.handleFormSubmit(x))return}else e==="reset"&&b&&b.resetForm();let g=f||{id:a||r||"button",type:"button",actions:l};g.actions&&g.actions.length>0&&await D({node:g,trigger:"click",document:p,context:u,formContext:b,onDiagnostic:d,onActionDispatch:s}),t&&t(x)},"data-kubuild-node":a,...c,children:m})};function Ft(r){return r?r.replace(/[-_](\w)/g,(e,i)=>i.toUpperCase()).replace(/^\w/,e=>e.toUpperCase()):""}function At(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return e?e[1]:null}function Dt(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|video\/|))(\d+)/i);return e?e[3]:null}function Ot(r){if(r==="16:9")return"16 / 9";if(r==="4:3")return"4 / 3";if(r==="1:1")return"1 / 1";if(r==="9:16")return"9 / 16";if(typeof r=="string"&&r!=="auto")return r.replace(":"," / ")}import{jsx as C,jsxs as U}from"react/jsx-runtime";function Kn(r){let{node:e,document:i,definition:o,resolvedProps:n,styles:t,context:l,childrenElements:f,handleClick:p}=r;if(o?.renderer&&typeof o.renderer=="function"){let u=o.renderer;return typeof u=="function"&&!u.prototype?.isReactComponent?u({node:e,document:i,props:n,styles:t,context:l,children:f,onClick:p}):C(u,{node:e,document:i,props:n,styles:t,context:l,onClick:p,children:f})}return null}function Yn(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,handleClick:l,childrenElements:f}=r;switch(e.type){case"page":return C("div",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,children:f});case"section":{let p=typeof n.ariaLabel=="string"?n.ariaLabel:typeof t.ariaLabel=="string"?t.ariaLabel:void 0;return C("section",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,"aria-label":p,children:f})}case"container":return C("div",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,children:f});case"columns":return C("div",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,children:f});default:return null}}function Xn(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,mode:l,handleClick:f,onNodePropChange:p,childrenElements:u}=r;switch(e.type){case"heading":{let d=typeof n.level=="number"?n.level:1,s=`h${Math.min(Math.max(d,1),6)}`||"h1",a=String(n.text??n.content??t.text??t.content??""),c=l==="editor"&&!F(t.text)&&!F(t.content);return C(j,{as:s,id:i,style:o,value:a,isEditable:c,nodeId:e.id,onClick:f,onChange:(m,b)=>p?.(e.id,"text",m,b)})}case"text":{let d=String(n.text??n.content??t.text??t.content??""),s=typeof n.as=="string"?n.as:typeof t.as=="string"?t.as:typeof n.tag=="string"?n.tag:typeof t.tag=="string"?t.tag:(t.content!==void 0||n.content!==void 0)&&t.text===void 0&&n.text===void 0?"p":"span",a=l==="editor"&&!F(t.text)&&!F(t.content);return C(j,{as:s,id:i,style:o,value:d,isEditable:a,nodeId:e.id,onClick:f,onChange:(c,m)=>p?.(e.id,"text",c,m)})}case"paragraph":{let d=String(n.text??n.content??t.text??t.content??""),s=l==="editor"&&!F(t.text)&&!F(t.content);return C(j,{as:"p",id:i,style:o,value:d,isEditable:s,nodeId:e.id,onClick:f,onChange:(a,c)=>p?.(e.id,"text",a,c)})}case"link":{let d=String(n.text??n.label??n.content??t.text??t.label??t.content??""),s=typeof n.href=="string"?n.href:"#",a=typeof n.target=="string"?n.target:void 0,c=l==="editor"&&!F(t.text)&&!F(t.label)&&!F(t.content),m=typeof n.rel=="string"?n.rel:a==="_blank"?"noopener noreferrer":void 0,b=l==="editor"?void 0:Z(s,"#"),y=h=>{l==="editor"&&h.preventDefault(),f(h)};return c?C(j,{as:"a",id:i,style:o,value:d,isEditable:c,nodeId:e.id,onClick:y,onChange:(h,v)=>{let x="text"in t?"text":"label";p?.(e.id,x,h,v)},href:b,target:a,rel:m}):C("a",{id:i,style:o,href:b,target:a,rel:m,onClick:y,"data-kubuild-node":e.id,children:d})}case"blockquote":{let d=typeof n.quote=="string"?n.quote:typeof n.text=="string"?n.text:typeof t.quote=="string"?t.quote:typeof t.text=="string"?t.text:void 0,s=typeof n.cite=="string"?n.cite:typeof t.cite=="string"?t.cite:void 0,a=l==="editor"&&!F(t.quote)&&!F(t.text),c={borderLeft:"4px solid #cbd5e1",paddingLeft:"1rem",margin:"1rem 0",fontStyle:"italic",color:"#475569",...o};return U("blockquote",{id:i,style:c,onClick:f,"data-kubuild-node":e.id,cite:s,children:[d!==void 0?a?C(j,{as:"p",value:d,isEditable:a,nodeId:e.id,onChange:(m,b)=>{let y="quote"in t?"quote":"text";p?.(e.id,y,m,b)}}):C("p",{children:d}):null,u,s&&U("cite",{style:{display:"block",fontStyle:"normal",fontSize:"0.875rem",marginTop:"0.5rem",color:"#64748b"},children:["\u2014 ",s]})]})}case"badge":{let d=String(n.text??n.label??t.text??t.label??""),s=typeof n.variant=="string"?n.variant:typeof t.variant=="string"?t.variant:"default",a=l==="editor"&&!F(t.text)&&!F(t.label);return C("span",{id:i,style:o,onClick:f,"data-kubuild-node":e.id,"data-variant":s,"data-badge-variant":s,children:a?C(j,{as:"span",value:d,isEditable:a,nodeId:e.id,onChange:(c,m)=>{let b="text"in t?"text":"label";p?.(e.id,b,c,m)}}):d})}case"code-block":{let d=String(n.code??t.code??""),s=typeof n.language=="string"?n.language:typeof t.language=="string"?t.language:"plaintext";return l==="editor"?C("pre",{id:i,style:o,onClick:f,"data-kubuild-node":e.id,"data-language":s,children:C("code",{className:`language-${s}`,contentEditable:!0,suppressContentEditableWarning:!0,onBlur:a=>p?.(e.id,"code",a.currentTarget.textContent??"",!0),children:d})}):C("pre",{id:i,style:o,onClick:f,"data-kubuild-node":e.id,"data-language":s,children:C("code",{className:`language-${s}`,children:d})})}default:return null}}function Gn(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,mode:l,handleClick:f,onNodePropChange:p,childrenElements:u}=r;switch(e.type){case"list":{let s=(n.tag||t.tag)==="ol"||n.ordered===!0||t.ordered===!0?"ol":"ul",a=typeof n.listStyleType=="string"?n.listStyleType:typeof n.listStyle=="string"?n.listStyle:typeof t.listStyleType=="string"?t.listStyleType:typeof t.listStyle=="string"?t.listStyle:void 0,c=a==="custom-icon"||a==="none"?"none":a,m={...o,...c?{listStyleType:c}:{}};return C(s,{id:i,style:m,onClick:f,"data-kubuild-node":e.id,"data-list-style":a,children:u})}case"list-item":{let d=n.text!==void 0?String(n.text):t.text!==void 0?String(t.text):void 0,s=l==="editor"&&!F(t.text)&&d!==void 0;return U("li",{id:i,style:o,onClick:f,"data-kubuild-node":e.id,children:[d!==void 0&&(s?C(j,{as:"span",value:d,isEditable:s,nodeId:e.id,onChange:(a,c)=>p?.(e.id,"text",a,c)}):d),u]})}default:return null}}function Jn(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,mode:l,handleClick:f,onNodePropChange:p,childrenElements:u}=r;switch(e.type){case"table":{let d=typeof n.cellPadding=="number"?n.cellPadding:void 0,s=typeof n.cellSpacing=="number"?n.cellSpacing:void 0,a=typeof n.border=="number"?n.border:void 0,c=n.striped===!0||t.striped===!0,m=n.bordered===!0||t.bordered===!0,b=n.hover===!0||t.hover===!0,y=n.compact===!0||t.compact===!0;return C("table",{id:i,style:o,cellPadding:d,cellSpacing:s,border:a,onClick:f,"data-kubuild-node":e.id,"data-striped":c?"true":void 0,"data-bordered":m?"true":void 0,"data-hover":b?"true":void 0,"data-compact":y?"true":void 0,children:C("tbody",{children:u})})}case"table-row":return C("tr",{id:i,style:o,onClick:f,"data-kubuild-node":e.id,children:u});case"table-cell":{let s=n.tag==="th"||t.tag==="th"||n.isHeader===!0||t.isHeader===!0||n.cellType==="header"||t.cellType==="header"||n.type==="th"||t.type==="th"?"th":"td",a=typeof n.colSpan=="number"?n.colSpan:typeof t.colSpan=="number"?t.colSpan:void 0,c=typeof n.rowSpan=="number"?n.rowSpan:typeof t.rowSpan=="number"?t.rowSpan:void 0,m=n.text!==void 0?String(n.text):t.text!==void 0?String(t.text):void 0,b=l==="editor"&&!F(t.text)&&m!==void 0;return U(s,{id:i,colSpan:a,rowSpan:c,style:o,onClick:f,"data-kubuild-node":e.id,children:[m!==void 0&&(b?C(j,{as:"span",value:m,isEditable:b,nodeId:e.id,onChange:(y,h)=>p?.(e.id,"text",y,h)}):m),u]})}default:return null}}function Zn(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,context:l,mode:f,handleClick:p}=r;switch(e.type){case"image":{let u=n.src!==void 0?n.src:t.src!==void 0?t.src:t.asset,d;qn(u)?d=Re(l?.assetProvider,u.assetId)||u.fallbackUrl:typeof u=="string"&&(d=Re(l?.assetProvider,u)||u);let s=typeof n.alt=="string"?n.alt:typeof t.alt=="string"?t.alt:"",a=typeof n.fit=="string"?n.fit:void 0,c=n.loading==="eager"?"eager":"lazy",m=typeof n.width=="number"?n.width:void 0,b=typeof n.height=="number"?n.height:void 0,y=d?Z(d,""):void 0,h={...o,...a?{objectFit:a}:{}};return C("img",{id:i,src:y,alt:s,role:s===""?"presentation":void 0,loading:c,width:m,height:b,style:h,onClick:p,"data-kubuild-node":e.id})}case"video":{let u=n.src??n.url??t.src??t.url,d=typeof u=="string"?u:void 0,s=typeof n.poster=="string"?n.poster:void 0,a=n.controls!==!1,c=n.autoplay===!0,m=n.loop===!0,b=n.muted===!0,y=n.playsInline!==!1,h=n.aspectRatio,v={position:"relative",width:o.width||"100%",...h?{aspectRatio:Ot(h)}:{},...o},x=d?At(d):null,g=d?Dt(d):null;if(x){let $=`https://www.youtube.com/embed/${x}?autoplay=${c?1:0}&loop=${m?1:0}&mute=${b?1:0}&controls=${a?1:0}`,S=Z($,"");return C("div",{id:i,"data-video-provider":"youtube",style:v,onClick:p,"data-kubuild-node":e.id,children:C("iframe",{src:S,title:"YouTube video player",style:{width:"100%",height:"100%",border:0},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})})}if(g){let $=`https://player.vimeo.com/video/${g}?autoplay=${c?1:0}&loop=${m?1:0}&muted=${b?1:0}`,S=Z($,"");return C("div",{id:i,"data-video-provider":"vimeo",style:v,onClick:p,"data-kubuild-node":e.id,children:C("iframe",{src:S,title:"Vimeo video player",style:{width:"100%",height:"100%",border:0},allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0})})}let w=d?Z(d,""):void 0,R=s?Z(s,""):void 0;return C("video",{id:i,src:w,poster:R,controls:a,autoPlay:c,loop:m,muted:b,playsInline:y,style:v,onClick:p,"data-kubuild-node":e.id})}case"icon":{let u=typeof n.name=="string"?n.name:"Square",d=typeof n.size=="number"?n.size:24,s=typeof n.color=="string"?n.color:"currentColor",a=typeof n.strokeWidth=="number"?n.strokeWidth:2,c=Ft(u),m=Vt[c]||Vt[u]||_n;return C("span",{id:i,"data-icon-name":u,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",...o},onClick:p,"data-kubuild-node":e.id,children:C(m,{size:d,color:s,strokeWidth:a})})}case"html-embed":{let u=typeof n.html=="string"?n.html:"",s=n.sanitize!==!1?Wn(u):u;return!s.trim()&&f==="editor"?C("div",{id:i,style:{...o,minHeight:"60px",border:"1px dashed #94a3b8",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f8fafc",color:"#64748b",fontSize:"0.875rem"},onClick:p,"data-kubuild-node":e.id,children:C("span",{children:"</> HTML Embed \u2014 Click to configure HTML code in Inspector Panel"})}):C(kt,{id:i,style:o,html:s,onClick:p,dataKubuildNode:e.id})}default:return null}}function Qn(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,context:l,mode:f,document:p,onDiagnostic:u,onActionDispatch:d,handleClick:s,onNodePropChange:a,childrenElements:c}=r;switch(e.type){case"button":{let m=String(n.label??n.text??n.content??t.label??t.text??t.content??"Button"),b=typeof n.href=="string"?n.href:typeof t.href=="string"?t.href:void 0,y=typeof n.target=="string"?n.target:typeof t.target=="string"?t.target:void 0,h=n.buttonType??n.type??t.buttonType??t.type,v=typeof h=="string"&&["submit","reset","button"].includes(h)?h:"button",x=n.disabled===!0||t.disabled===!0,g=typeof n.ariaLabel=="string"?n.ariaLabel:void 0,w=f==="editor"&&!F(t.label)&&!F(t.text),R=typeof n.rel=="string"?n.rel:typeof t.rel=="string"?t.rel:y==="_blank"?"noopener noreferrer":void 0,$={};if(t.action&&!x){let S=typeof t.action=="object"?t.action.type:t.action;if($["data-kubuild-action"]=S,l?.actionRegistry){let E=Xe(l.actionRegistry,S);$["data-kubuild-action-resolved"]=E?"true":"false"}}if(b&&!x){let S=f==="editor"?void 0:Z(b,"#");return C("a",{id:i,href:S,target:y,rel:R,tabIndex:0,style:o,onClick:s,"data-kubuild-node":e.id,"aria-label":g,...$,children:m})}return w?C(j,{as:"button",id:i,type:f==="editor"?"button":v,disabled:x,"aria-disabled":x?!0:void 0,"aria-label":g,tabIndex:x?-1:0,style:o,value:m,isEditable:w,nodeId:e.id,onClick:x?void 0:s,onChange:(S,E)=>a?.(e.id,"label",S,E),...$}):C(It,{id:i,buttonType:f==="editor"?"button":v,disabled:x,ariaLabel:g,style:o,onClick:x?void 0:s,actions:e.actions,node:e,document:p,renderContext:l,onDiagnostic:u,onActionDispatch:d,dataKubuildNode:e.id,actionAttrs:$,children:m})}case"form":{let m=typeof n.action=="string"?n.action:void 0,b=typeof n.method=="string"?n.method:"POST",y=typeof n.target=="string"?n.target:void 0,h=typeof n.autoComplete=="string"?n.autoComplete:void 0,v=typeof n.name=="string"?n.name:void 0,x=e.formConfig,g={formId:x?.formId||t.formId||v||e.id,resetOnSubmit:n.resetOnSubmit===!0||(x?.resetOnSubmit??!1),scrollToFirstError:n.scrollToFirstError!==!1&&(x?.scrollToFirstError??!0),validateOn:n.validateOn||x?.validateOn||"blur",initialValues:n.initialValues||x?.initialValues};return C(ht,{formId:g.formId,formConfig:g,initialValues:g.initialValues,actions:e.actions,nodeId:e.id,document:p,onDiagnostic:u,children:C(wt,{id:i,name:v,action:m&&f!=="editor"?Z(m,""):void 0,method:b,target:y,autoComplete:h,style:o,onClick:s,mode:f,dataKubuildNode:e.id,children:c})})}case"input":{let m=typeof n.name=="string"?n.name:void 0,b=typeof n.type=="string"?n.type:"text",y=typeof n.placeholder=="string"?n.placeholder:void 0,h=n.defaultValue!==void 0?n.defaultValue:void 0,v=n.required===!0,x=n.disabled===!0,g=n.readOnly===!0,w=e.formConfig?.rules||n.rules||t.rules||[],R=n.validateOn||t.validateOn,$=n.transform||t.transform;return C(St,{id:i,name:m,type:b,placeholder:y,defaultValue:h,required:v,disabled:x,readOnly:g,rules:w,validateOn:R,transform:$,style:o,onClick:s,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:u,onActionDispatch:d,dataKubuildNode:e.id})}case"textarea":{let m=typeof n.name=="string"?n.name:void 0,b=typeof n.placeholder=="string"?n.placeholder:void 0,y=n.defaultValue!==void 0?n.defaultValue:void 0,h=typeof n.rows=="number"?n.rows:4,v=n.required===!0,x=n.disabled===!0,g=n.readOnly===!0,w=e.formConfig?.rules||n.rules||t.rules||[],R=n.validateOn||t.validateOn,$=n.transform||t.transform;return C(Tt,{id:i,name:m,placeholder:b,defaultValue:y,rows:h,required:v,disabled:x,readOnly:g,rules:w,validateOn:R,transform:$,style:o,onClick:s,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:u,onActionDispatch:d,dataKubuildNode:e.id})}case"select":{let m=typeof n.name=="string"?n.name:void 0,b=typeof n.placeholder=="string"?n.placeholder:void 0,y=n.defaultValue!==void 0?n.defaultValue:void 0,h=n.required===!0,v=n.disabled===!0,x=e.formConfig?.rules||n.rules||t.rules||[],g=n.validateOn||t.validateOn,w=[],R=n.options??t.options;if(Array.isArray(R))w=R.map($=>{if(typeof $=="object"&&$!==null){let S=$;return{label:String(S.label??S.value??""),value:String(S.value??S.label??"")}}return{label:String($),value:String($)}});else if(typeof R=="string")try{let $=JSON.parse(R);Array.isArray($)&&(w=$.map(S=>{if(typeof S=="object"&&S!==null){let E=S;return{label:String(E.label??E.value??""),value:String(E.value??E.label??"")}}return{label:String(S),value:String(S)}}))}catch{}return C(Et,{id:i,name:m,placeholder:b,defaultValue:y,required:h,disabled:v,rules:x,validateOn:g,optionsList:w,style:o,onClick:s,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:u,onActionDispatch:d,dataKubuildNode:e.id})}case"checkbox":{let m=typeof n.name=="string"?n.name:void 0,b=String(n.label??"Checkbox"),y=n.value!==void 0?String(n.value):"yes",h=n.defaultChecked===!0,v=n.required===!0,x=n.disabled===!0,g=e.formConfig?.rules||n.rules||t.rules||[],w=n.validateOn||t.validateOn,R=f==="editor"&&!F(t.label);return C(Pt,{id:i,name:m,label:b,value:y,defaultChecked:h,required:v,disabled:x,rules:g,validateOn:w,style:o,onClick:s,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:u,onActionDispatch:d,dataKubuildNode:e.id,isEditable:R,onNodePropChange:a})}case"radio":{let m=typeof n.name=="string"?n.name:void 0,b=String(n.label??"Radio"),y=n.value!==void 0?String(n.value):"option",h=n.defaultChecked===!0,v=n.required===!0,x=n.disabled===!0,g=n.rules||t.rules||[],w=n.validateOn||t.validateOn,R=f==="editor"&&!F(t.label);return C(Nt,{id:i,name:m,label:b,value:y,defaultChecked:h,required:v,disabled:x,rules:g,validateOn:w,style:o,onClick:s,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:u,onActionDispatch:d,dataKubuildNode:e.id,isEditable:R,onNodePropChange:a})}default:return null}}function eo(r){let{node:e,domId:i,styles:o,props:n,context:t,mode:l,handleClick:f,onDiagnostic:p,renderChildNode:u}=r;if(e.type!=="collection")return null;let d=typeof n.sourceKey=="string"?n.sourceKey:void 0,s=typeof n.itemAlias=="string"&&n.itemAlias.length>0?n.itemAlias:"item",a=`${s}Index`,c=d?Un({key:d},t).value:void 0;if(!Array.isArray(c)){let b={code:"INVALID_COLLECTION_SOURCE",nodeId:e.id,propName:"sourceKey",message:`Collection node "${e.id}" expected an array at variable path "${d??"(missing sourceKey)"}" but found ${c===void 0?"nothing":typeof c}.`};return p?.(b),t?.onDiagnostic?.(b),l==="editor"?U("div",{id:i,"data-kubuild-node":e.id,"data-kubuild-collection-invalid":e.type,style:{...o,border:"2px dashed #f59e0b",backgroundColor:"#fffbeb",padding:"12px",color:"#b45309",fontSize:"0.875rem",borderRadius:"4px"},onClick:f,children:[U("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"8px"},children:[C(zn,{size:16}),C("strong",{children:"Collection: expected an array"})]}),U("div",{children:["Source path ",C("code",{children:d??"(none)"})," did not resolve to an array. Found"," ",C("code",{children:c===void 0?"nothing":typeof c}),"."]})]}):C("div",{id:i,"data-kubuild-node":e.id,style:{display:"contents"},"data-kubuild-empty-collection":"invalid-source"})}let m=e.children||[];return m.length===0||c.length===0?C("div",{id:i,style:o,onClick:f,"data-kubuild-node":e.id,"data-kubuild-collection-empty":c.length===0?"true":void 0,children:c.length===0&&l==="editor"&&U("div",{style:{padding:"12px",border:"1px dashed #cbd5e1",borderRadius:"4px",color:"#94a3b8",fontSize:"0.875rem",textAlign:"center"},children:["Empty Collection (",C("code",{children:d})," has 0 items)"]})}):C("div",{id:i,style:o,onClick:f,"data-kubuild-node":e.id,children:c.map((b,y)=>{let h={...t,variables:{...t.variables,[s]:b,[a]:y}},v=`__iter_${y}`;return C(Ln.Fragment,{children:m.map(x=>u(x,v,h))},`collection-item-${y}`)})})}function to(r){let{node:e,domId:i,styles:o,handleClick:n,mode:t,childrenElements:l}=r;return t==="editor"?U("div",{id:i,style:{...o,border:"2px dashed #e2e8f0",padding:"16px",backgroundColor:"#f8fafc"},onClick:n,"data-kubuild-node":e.id,"data-kubuild-unknown":e.type,children:[U("div",{style:{display:"flex",alignItems:"center",gap:"8px",color:"#64748b"},children:[C(jn,{size:16}),U("span",{children:["Unknown Component: ",e.type]}),U("span",{style:{fontSize:"12px",color:"#94a3b8"},children:["(",e.id,")"]})]}),l]}):C("div",{id:i,style:o,onClick:n,"data-kubuild-node":e.id,"data-kubuild-unknown":e.type,children:l})}function Mt(r){let e=Kn(r);if(e)return e;let i=Yn(r);if(i)return i;let o=Xn(r);if(o)return o;let n=Gn(r);if(n)return n;let t=Jn(r);if(t)return t;let l=Zn(r);if(l)return l;let f=Qn(r);if(f)return f;let p=eo(r);return p||to(r)}import{jsx as W,jsxs as ce}from"react/jsx-runtime";function Ie({node:r,document:e,registry:i,context:o,viewport:n="desktop",mode:t="runtime",onNodeClick:l,onDiagnostic:f,onActionDispatch:p,onNodePropChange:u,instanceSuffix:d=""}){let s=o||ie,a=Je(r.styles,n),c=r.props||{},m=i.get(r.type),b=d?`${r.id}${d}`:r.id,{props:y,diagnostics:h}=tt(r,m,s);h.forEach(R=>{f?.(R),s?.onDiagnostic?.(R)}),$t(r,{document:e,context:s,onDiagnostic:f,onActionDispatch:p,mode:t});let v=async R=>{R.stopPropagation(),l&&l(r.id,R),r.actions&&r.actions.length>0&&!c.disabled&&await D({node:r,trigger:"click",document:e,context:s,onDiagnostic:f,onActionDispatch:p}),c.action&&!c.disabled&&(Ge({action:c.action,nodeId:r.id,document:e,context:s,onDiagnostic:f}),p&&no(c.action)&&p(c.action.type,Ye(s,c.action.payload),r.id))},x=r.children?.map(R=>W(Ie,{node:R,document:e,registry:i,context:s,viewport:n,mode:t,onNodeClick:l,onDiagnostic:f,onActionDispatch:p,onNodePropChange:u,instanceSuffix:d},`${R.id}${d}`)),g=(R,$="",S=s)=>W(Ie,{node:R,document:e,registry:i,context:S,viewport:n,mode:t,onNodeClick:l,onDiagnostic:f,onActionDispatch:p,onNodePropChange:u,instanceSuffix:`${d}${$}`},`${R.id}${d}${$}`),w;try{w=Mt({node:r,document:e,registry:i,context:s,viewport:n,mode:t,styles:a,props:c,resolvedProps:y,definition:m,domId:b,childrenElements:x,handleClick:v,onNodeClick:l,onDiagnostic:f,onActionDispatch:p,onNodePropChange:u,instanceSuffix:d,renderChildNode:g})}catch(R){t==="editor"?w=ce("div",{"data-kubuild-node":r.id,"data-kubuild-error":r.type,style:{padding:"12px 16px",margin:"4px 0",backgroundColor:"#fef2f2",border:"1px solid #ef4444",borderRadius:"6px",color:"#b91c1c",fontFamily:"system-ui, -apple-system, sans-serif",fontSize:"13px",lineHeight:"1.4"},children:[ce("div",{style:{fontWeight:600,marginBottom:"4px",display:"flex",alignItems:"center",gap:"6px"},children:[W(ro,{size:14,"aria-hidden":"true"}),ce("span",{children:["Component Render Error: <",r.type,">"]})]}),ce("div",{style:{fontSize:"11px",color:"#7f1d1d",wordBreak:"break-all"},children:["Node ID: ",W("code",{children:r.id})," \u2014 ",R instanceof Error?R.message:String(R)]})]}):w=W("div",{"data-kubuild-node":r.id,"data-kubuild-error":r.type,style:{display:"none"},"aria-hidden":"true"})}return W(be,{nodeId:r.id,componentType:r.type,mode:t,onDiagnostic:f,children:w})}var Ht=({document:r,registry:e=oo(),context:i,viewport:o="desktop",mode:n="runtime",className:t,showToastContainer:l=!0,onNodeClick:f,onDiagnostic:p,onActionDispatch:u,onNodePropChange:d})=>!r||!r.document?W("div",{className:t,children:"Empty Document"}):W(ze,{value:i,children:ce("div",{className:`kubuild-canvas-root ${t||""}`,children:[(()=>{let s=Ze(r);return s?W("style",{"data-kubuild-state-styles":!0,children:s}):null})(),(()=>{let s=me(r);return s?W("style",{"data-kubuild-animation-styles":!0,children:s}):null})(),W(Ie,{node:r.document,document:r,registry:e,context:i,viewport:o,mode:n,onNodeClick:f,onDiagnostic:p,onActionDispatch:u,onNodePropChange:d}),l&&W(ft,{})]})});import{useMemo as Fe}from"react";import{jsx as ee,jsxs as ve}from"react/jsx-runtime";var Bt=Object.freeze({desktop:{width:"100%",maxWidth:"1280px",minHeight:"600px",label:"Desktop (1280px)",isFluid:!0},tablet:{width:"768px",height:"1024px",minHeight:"600px",label:"Tablet (768 \xD7 1024)",isFluid:!1},mobile:{width:"375px",height:"667px",minHeight:"500px",label:"Mobile (375 \xD7 667)",isFluid:!1}}),io=Object.freeze({mobile:480,tablet:768,desktop:1024});function Ai(r,e){let i={...io,...e};return r<=i.mobile?"mobile":r<=i.tablet?"tablet":"desktop"}function Lt(r,e){let i=Bt[r]||Bt.desktop,o=e?.[r];return{...i,...o}}function so(r,e,i){let o=Lt(r,e),n=i??o.scale??1,t=f=>typeof f=="number"?`${f}px`:f,l={width:t(o.width),maxWidth:t(o.maxWidth),minWidth:t(o.minWidth),height:t(o.height),minHeight:t(o.minHeight),maxHeight:t(o.maxHeight),aspectRatio:o.aspectRatio,transition:"width 0.2s ease, max-width 0.2s ease, height 0.2s ease"};return n!==1&&(l.transform=`scale(${n})`,l.transformOrigin="top center"),l}var ao=({document:r,viewport:e="desktop",onViewportChange:i,viewportConfigs:o,breakpoints:n,registry:t,context:l,mode:f="runtime",showChrome:p=!1,chromeTitle:u,editorOverlay:d,scale:s,className:a,style:c,canvasClassName:m,canvasStyle:b,onNodeClick:y,onDiagnostic:h,onActionDispatch:v})=>{let x=Fe(()=>Lt(e,o),[e,o]),g=Fe(()=>so(e,o,s),[e,o,s]),w=Fe(()=>({...g,...b,position:"relative",boxSizing:"border-box"}),[g,b]);return ve("div",{"data-kubuild-preview-container":!0,"data-viewport":e,className:`kubuild-preview-viewport-adapter ${a||""}`,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",width:"100%",height:"100%",boxSizing:"border-box",...c},children:[p&&ve("div",{"data-kubuild-preview-chrome":!0,style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",maxWidth:g.maxWidth||g.width,padding:"8px 12px",marginBottom:"8px",backgroundColor:"#1e293b",color:"#f8fafc",borderRadius:"8px",fontSize:"12px",fontFamily:"system-ui, -apple-system, sans-serif",boxSizing:"border-box"},children:[ve("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[ee("span",{style:{fontWeight:600},children:u||r.metadata?.title||"Preview"}),ee("span",{"data-testid":"viewport-badge",style:{fontSize:"10px",padding:"2px 6px",borderRadius:"4px",backgroundColor:"#334155",color:"#94a3b8",textTransform:"uppercase",fontWeight:700},children:e}),ee("span",{style:{fontSize:"11px",color:"#64748b"},children:x.label||`${x.width} \xD7 ${x.height||"auto"}`})]}),i&&ee("div",{"data-testid":"viewport-switcher",style:{display:"flex",gap:"4px",backgroundColor:"#0f172a",padding:"2px",borderRadius:"6px"},children:["desktop","tablet","mobile"].map(R=>{let $=e===R;return ee("button",{type:"button","data-testid":`viewport-btn-${R}`,onClick:()=>i(R),style:{padding:"4px 10px",fontSize:"11px",fontWeight:500,borderRadius:"4px",border:"none",cursor:"pointer",textTransform:"capitalize",backgroundColor:$?"#3b82f6":"transparent",color:$?"#ffffff":"#94a3b8",transition:"all 0.15s ease"},children:R},R)})})]}),ve("div",{"data-kubuild-preview-canvas":!0,"data-viewport":e,className:`kubuild-preview-canvas ${m||""}`,style:w,children:[ee(Ht,{document:r,registry:t,context:l,viewport:e,mode:f,onNodeClick:y,onDiagnostic:h,onActionDispatch:v}),d&&ee("div",{"data-kubuild-preview-overlay":!0,style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:10},children:d})]})]})},Di=ao;function A(r){return r==null?"":String(r).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function T(r){return A(r)}function lo(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return e?e[1]:null}function co(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|video\/|))(\d+)/i);return e?e[3]:null}function q(r,e,i){let o=" ".repeat(e*(i.indentSize??2)),n=" ".repeat((e+1)*(i.indentSize??2)),t=r.props||{},l=r.children||[],p=i.includeNodeClasses!==!1?`kb-node-${r.id}`:"",u=(...s)=>s.filter(Boolean).join(" "),d=t.id?` id="${T(t.id)}"`:"";switch(r.type){case"page":{let s=i.rootTag||"main",a=u("kb-page",p),c=l.map(m=>q(m,e+1,i)).join(`
-`);return c?`${o}<${s} class="${a}"${d}>
-${c}
-${o}</${s}>`:`${o}<${s} class="${a}"${d}></${s}>`}case"section":{let s=t.ariaLabel?` aria-label="${T(t.ariaLabel)}"`:"",a=u("kb-section",p),c=l.map(m=>q(m,e+1,i)).join(`
-`);return c?`${o}<section class="${a}"${d}${s}>
-${c}
-${o}</section>`:`${o}<section class="${a}"${d}${s}></section>`}case"container":{let s=u("kb-container",p),a=l.map(c=>q(c,e+1,i)).join(`
-`);return a?`${o}<div class="${s}"${d}>
-${a}
-${o}</div>`:`${o}<div class="${s}"${d}></div>`}case"columns":{let s=u("kb-columns",p),a=l.map(c=>q(c,e+1,i)).join(`
-`);return a?`${o}<div class="${s}"${d}>
-${a}
-${o}</div>`:`${o}<div class="${s}"${d}></div>`}case"heading":{let s="h2";typeof t.level=="string"&&/^h[1-6]$/i.test(t.level)?s=t.level.toLowerCase():typeof t.level=="number"&&t.level>=1&&t.level<=6?s=`h${t.level}`:typeof t.tag=="string"&&/^h[1-6]$/i.test(t.tag)&&(s=t.tag.toLowerCase());let a=t.text??t.value??t.content??"Heading",c=u("kb-heading",p);return`${o}<${s} class="${c}"${d}>${A(a)}</${s}>`}case"paragraph":{let s=t.text??t.value??t.content??"",a=u("kb-paragraph",p);return`${o}<p class="${a}"${d}>${A(s)}</p>`}case"text":{let s=t.as||"p",a=t.text??t.value??t.content??"",c=u("kb-text",p);return`${o}<${s} class="${c}"${d}>${A(a)}</${s}>`}case"link":{let s=t.href?` href="${T(t.href)}"`:' href="#"',a=t.target?` target="${T(t.target)}"`:"",c=t.rel?` rel="${T(t.rel)}"`:a.includes("_blank")?' rel="noopener noreferrer"':"",m=t.text??t.label??t.value,b=u("kb-link",p);if(l.length>0){let y=l.map(h=>q(h,e+1,i)).join(`
-`);return`${o}<a class="${b}"${d}${s}${a}${c}>
-${y}
-${o}</a>`}return`${o}<a class="${b}"${d}${s}${a}${c}>${A(m??"Link")}</a>`}case"blockquote":{let s=t.cite?` cite="${T(t.cite)}"`:"",a=t.quote??t.text??t.value,c=t.author??t.citeAuthor,m=u("kb-blockquote",p);if(a||c){let b=a?`${n}<p>${A(a)}</p>`:"",y=c?`${n}<cite>${A(c)}</cite>`:"",h=[b,y].filter(Boolean).join(`
-`);return`${o}<blockquote class="${m}"${d}${s}>
-${h}
-${o}</blockquote>`}if(l.length>0){let b=l.map(y=>q(y,e+1,i)).join(`
-`);return`${o}<blockquote class="${m}"${d}${s}>
+${n}</style>`}):""}var Ft=({id:r,style:e,onClick:i,dataKubuildNode:o,html:n,role:t})=>{let l=It(null),u=It(null),p=Xn(()=>Jn(n),[n]);return Gn(()=>{let c=l.current;if(c){if(typeof c.attachShadow=="function"){if(!u.current)if(c.shadowRoot)u.current=c.shadowRoot;else try{u.current=c.attachShadow({mode:"open"})}catch{u.current=c.shadowRoot}if(u.current){u.current.innerHTML=p;return}}c.innerHTML=p}},[p]),Nt("div",{ref:l,id:r,style:e,onClick:i,"data-kubuild-node":o,role:t,children:Nt("template",{shadowrootmode:"open",dangerouslySetInnerHTML:{__html:p}})})};import{useEffect as pe}from"react";import Dt,{useEffect as Zn}from"react";import{ActionPipelineExecutor as Qn}from"@kubuild/core";async function H(r){let{node:e,trigger:i,document:o,context:n,formContext:t,extraContext:l,onDiagnostic:u,onActionDispatch:p,executor:c}=r;if(!e.actions||!Array.isArray(e.actions)||e.actions.length===0)return{executed:!1,success:!0};let f=e.actions.filter(d=>d.trigger===i&&d.enabled!==!1);if(f.length===0)return{executed:!1,success:!0};let a=c||new Qn;we(a);let s={form:t?{...t.values}:{},variables:n?.variables?{...n.variables}:{},nodeId:e.id,document:o,toastManager:n?.toastManager,modalManager:n?.modalManager,...l||{}};for(let d of f){let g=await a.execute(d,{context:s});if(p&&d.steps.length>0&&p(d.steps[0].type,d.steps[0].payload,e.id),!g.success){let y=g.error instanceof Error?g.error.message:String(g.error||`Action pipeline "${d.id}" failed`),b={code:"ACTION_EXECUTION_ERROR",actionType:d.steps[0]?.type||i,nodeId:e.id,message:y,error:g.error};return u?.(b),n?.onDiagnostic?.(b),{executed:!0,success:!1,error:g.error}}}return{executed:!0,success:!0}}function Mt(r,e){if(!r.actions?.some(t=>t.trigger==="load"&&t.enabled!==!1))return;let o=Dt?.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE||Dt?.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(o?.H||o?.ReactCurrentDispatcher?.current)try{Zn(()=>{e.mode!=="editor"&&H({node:r,trigger:"load",document:e.document,context:e.context,formContext:e.formContext,onDiagnostic:e.onDiagnostic,onActionDispatch:e.onActionDispatch})},[r,e.document,e.context,e.formContext,e.onDiagnostic,e.onActionDispatch,e.mode])}catch{}}import{jsx as q,jsxs as $e}from"react/jsx-runtime";var Ot=({id:r,name:e,action:i,method:o="POST",target:n,autoComplete:t,style:l,onClick:u,mode:p,dataKubuildNode:c,children:f})=>{let a=Q();return q("form",{id:r,name:e,action:i,method:o,target:n,autoComplete:t,style:l,onClick:u,onSubmit:g=>{if(p==="editor"){g.preventDefault();return}a&&a.handleFormSubmit(g)},onReset:()=>{a&&a.resetForm()},"data-kubuild-node":c,role:"form","aria-label":e,children:f})},Vt=({id:r,name:e,type:i="text",placeholder:o,defaultValue:n,required:t,disabled:l,readOnly:u,rules:p,validateOn:c,transform:f,style:a,onClick:s,actions:d,nodeId:g,document:y,renderContext:b,onDiagnostic:x,onActionDispatch:h,dataKubuildNode:v})=>{let m=Q();if(m&&e&&m.registerField({name:e,defaultValue:n,required:t,disabled:l,rules:p||[],validateOn:c,transform:f}),pe(()=>{if(!m||!e)return;let D=m.registerField({name:e,defaultValue:n,required:t,disabled:l,rules:p||[],validateOn:c,transform:f});return()=>{D()}},[m,e,n,t,l,p,c,f]),!m||!e)return q("input",{id:r,type:i,name:e,placeholder:o,defaultValue:n!==void 0?String(n):void 0,required:t,disabled:l,readOnly:u,style:a,onClick:s,"data-kubuild-node":v});let C=m.values[e],R=C!=null?String(C):n!=null?String(n):"",k=m.errors[e],S=!!m.touched[e],E=!!(k&&S);return q("input",{id:r,type:i,name:e,placeholder:o,value:R,onChange:D=>{let j=D.target.value;i==="number"&&(j=D.target.value===""?"":Number(D.target.value)),m.setFieldValue(e,j),d&&d.length>0&&H({node:{id:g||r||e,type:"input",actions:d},trigger:"change",document:y,context:b,formContext:m,extraContext:{fieldName:e,fieldValue:j},onDiagnostic:x,onActionDispatch:h})},onBlur:()=>{m.setFieldTouched(e,!0),d&&d.length>0&&H({node:{id:g||r||e,type:"input",actions:d},trigger:"blur",document:y,context:b,formContext:m,extraContext:{fieldName:e,fieldValue:m.values[e]},onDiagnostic:x,onActionDispatch:h})},onFocus:()=>{d&&d.length>0&&H({node:{id:g||r||e,type:"input",actions:d},trigger:"focus",document:y,context:b,formContext:m,extraContext:{fieldName:e,fieldValue:m.values[e]},onDiagnostic:x,onActionDispatch:h})},required:t,disabled:l,readOnly:u,style:a,onClick:s,"data-kubuild-node":v,"data-field":e,"data-invalid":E?"true":void 0,"aria-invalid":E?!0:void 0,"aria-errormessage":k?`${r}-error`:void 0})},Bt=({id:r,name:e,placeholder:i,defaultValue:o,rows:n=4,required:t,disabled:l,readOnly:u,rules:p,validateOn:c,transform:f,style:a,onClick:s,actions:d,nodeId:g,document:y,renderContext:b,onDiagnostic:x,onActionDispatch:h,dataKubuildNode:v})=>{let m=Q();if(m&&e&&m.registerField({name:e,defaultValue:o,required:t,disabled:l,rules:p||[],validateOn:c,transform:f}),pe(()=>{if(!m||!e)return;let D=m.registerField({name:e,defaultValue:o,required:t,disabled:l,rules:p||[],validateOn:c,transform:f});return()=>{D()}},[m,e,o,t,l,p,c,f]),!m||!e)return q("textarea",{id:r,name:e,placeholder:i,defaultValue:o!==void 0?String(o):void 0,rows:n,required:t,disabled:l,readOnly:u,style:a,onClick:s,"data-kubuild-node":v});let C=m.values[e],R=C!=null?String(C):o!=null?String(o):"",k=m.errors[e],S=!!m.touched[e],E=!!(k&&S);return q("textarea",{id:r,name:e,placeholder:i,rows:n,value:R,onChange:D=>{m.setFieldValue(e,D.target.value),d&&d.length>0&&H({node:{id:g||r||e,type:"textarea",actions:d},trigger:"change",document:y,context:b,formContext:m,extraContext:{fieldName:e,fieldValue:D.target.value},onDiagnostic:x,onActionDispatch:h})},onBlur:()=>{m.setFieldTouched(e,!0),d&&d.length>0&&H({node:{id:g||r||e,type:"textarea",actions:d},trigger:"blur",document:y,context:b,formContext:m,extraContext:{fieldName:e,fieldValue:m.values[e]},onDiagnostic:x,onActionDispatch:h})},onFocus:()=>{d&&d.length>0&&H({node:{id:g||r||e,type:"textarea",actions:d},trigger:"focus",document:y,context:b,formContext:m,extraContext:{fieldName:e,fieldValue:m.values[e]},onDiagnostic:x,onActionDispatch:h})},required:t,disabled:l,readOnly:u,style:a,onClick:s,"data-kubuild-node":v,"data-field":e,"data-invalid":E?"true":void 0,"aria-invalid":E?!0:void 0,"aria-errormessage":k?`${r}-error`:void 0})},Ht=({id:r,name:e,placeholder:i,defaultValue:o,required:n,disabled:t,rules:l,validateOn:u,optionsList:p,style:c,onClick:f,actions:a,nodeId:s,document:d,renderContext:g,onDiagnostic:y,onActionDispatch:b,dataKubuildNode:x})=>{let h=Q();if(h&&e&&h.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:u}),pe(()=>{if(!h||!e)return;let P=h.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:u});return()=>{P()}},[h,e,o,n,t,l,u]),!h||!e)return $e("select",{id:r,name:e,defaultValue:o!==void 0?String(o):"",required:n,disabled:t,style:c,onClick:f,"data-kubuild-node":x,children:[i&&q("option",{value:"",disabled:!0,children:i}),p.map((P,F)=>q("option",{value:P.value,children:P.label},F))]});let v=h.values[e],m=v!=null?String(v):o!=null?String(o):"",C=h.errors[e],R=!!h.touched[e],k=!!(C&&R);return $e("select",{id:r,name:e,value:m,onChange:P=>{h.setFieldValue(e,P.target.value),a&&a.length>0&&H({node:{id:s||r||e,type:"select",actions:a},trigger:"change",document:d,context:g,formContext:h,extraContext:{fieldName:e,fieldValue:P.target.value},onDiagnostic:y,onActionDispatch:b})},onBlur:()=>{h.setFieldTouched(e,!0),a&&a.length>0&&H({node:{id:s||r||e,type:"select",actions:a},trigger:"blur",document:d,context:g,formContext:h,extraContext:{fieldName:e,fieldValue:h.values[e]},onDiagnostic:y,onActionDispatch:b})},onFocus:()=>{a&&a.length>0&&H({node:{id:s||r||e,type:"select",actions:a},trigger:"focus",document:d,context:g,formContext:h,extraContext:{fieldName:e,fieldValue:h.values[e]},onDiagnostic:y,onActionDispatch:b})},required:n,disabled:t,style:c,onClick:f,"data-kubuild-node":x,"data-field":e,"data-invalid":k?"true":void 0,"aria-invalid":k?!0:void 0,"aria-errormessage":C?`${r}-error`:void 0,children:[i&&q("option",{value:"",disabled:!0,children:i}),p.map((P,F)=>q("option",{value:P.value,children:P.label},F))]})},_t=({id:r,name:e,label:i="",defaultChecked:o=!1,required:n,disabled:t,rules:l,validateOn:u,style:p,onClick:c,actions:f,nodeId:a,document:s,renderContext:d,onDiagnostic:g,onActionDispatch:y,dataKubuildNode:b,isEditable:x,onNodePropChange:h})=>{let v=Q();v&&e&&v.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:u}),pe(()=>{if(!v||!e)return;let k=v.registerField({name:e,defaultValue:o,required:n,disabled:t,rules:l||[],validateOn:u});return()=>{k()}},[v,e,o,n,t,l,u]);let m=v&&e&&v.values[e]!==void 0?!!v.values[e]:o;return $e("label",{id:r,style:p,onClick:c,"data-kubuild-node":b,children:[q("input",{type:"checkbox",name:e,checked:m,onChange:k=>{v&&e&&(v.setFieldValue(e,k.target.checked),f&&f.length>0&&H({node:{id:a||r||e,type:"checkbox",actions:f},trigger:"change",document:s,context:d,formContext:v,extraContext:{fieldName:e,fieldValue:k.target.checked},onDiagnostic:g,onActionDispatch:y}))},onBlur:()=>{v&&e&&(v.setFieldTouched(e,!0),f&&f.length>0&&H({node:{id:a||r||e,type:"checkbox",actions:f},trigger:"blur",document:s,context:d,formContext:v,extraContext:{fieldName:e,fieldValue:m},onDiagnostic:g,onActionDispatch:y}))},required:n,disabled:t,style:{cursor:t?"not-allowed":"pointer"},"data-field":e}),x?q(K,{as:"span",value:i,isEditable:x,nodeId:b||"",onChange:(k,S)=>h?.(b||"","label",k,S)}):q("span",{children:i})]})},Lt=({id:r,name:e,label:i="",value:o="",defaultChecked:n=!1,required:t,disabled:l,rules:u,validateOn:p,style:c,onClick:f,actions:a,nodeId:s,document:d,renderContext:g,onDiagnostic:y,onActionDispatch:b,dataKubuildNode:x,isEditable:h,onNodePropChange:v})=>{let m=Q();m&&e&&m.registerField({name:e,defaultValue:n?o:void 0,required:t,disabled:l,rules:u||[],validateOn:p}),pe(()=>{if(!m||!e)return;let S=m.registerField({name:e,defaultValue:n?o:void 0,required:t,disabled:l,rules:u||[],validateOn:p});return()=>{S()}},[m,e,n,o,t,l,u,p]);let C=m&&e&&m.values[e]!==void 0?m.values[e]===o:n;return $e("label",{id:r,style:c,onClick:f,"data-kubuild-node":x,children:[q("input",{type:"radio",name:e,value:o,checked:C,onChange:()=>{m&&e&&(m.setFieldValue(e,o),a&&a.length>0&&H({node:{id:s||r||e,type:"radio",actions:a},trigger:"change",document:d,context:g,formContext:m,extraContext:{fieldName:e,fieldValue:o},onDiagnostic:y,onActionDispatch:b}))},onBlur:()=>{m&&e&&(m.setFieldTouched(e,!0),a&&a.length>0&&H({node:{id:s||r||e,type:"radio",actions:a},trigger:"blur",document:d,context:g,formContext:m,extraContext:{fieldName:e,fieldValue:o},onDiagnostic:y,onActionDispatch:b}))},required:t,disabled:l,style:{cursor:l?"not-allowed":"pointer"},"data-field":e}),h?q(K,{as:"span",value:i,isEditable:h,nodeId:x||"",onChange:(S,E)=>v?.(x||"","label",S,E)}):q("span",{children:i})]})};async function eo(r){let{event:e,buttonType:i,disabled:o,formRuntime:n,onClick:t,node:l,actions:u,document:p,renderContext:c,onDiagnostic:f,onActionDispatch:a,executeActions:s=H}=r;if(o)return;if(i==="submit"){if(n&&!await n.handleFormSubmit(e))return}else i==="reset"&&n?.resetForm();if(t){t(e);return}let d=l||(u?{id:"button",type:"button",actions:u}:void 0);d?.actions&&d.actions.length>0&&await s({node:d,trigger:"click",document:p,context:c,formContext:n,onDiagnostic:f,onActionDispatch:a})}var qt=({id:r,buttonType:e,disabled:i,ariaLabel:o,style:n,onClick:t,actions:l,node:u,document:p,renderContext:c,onDiagnostic:f,onActionDispatch:a,dataKubuildNode:s,actionAttrs:d,children:g})=>{let y=Q(),b=y?.isSubmitting===!0,x=i||e==="submit"&&b;return q("button",{id:r,type:e,disabled:x,"aria-disabled":x?!0:void 0,"aria-label":o,"aria-busy":e==="submit"&&b?!0:void 0,tabIndex:x?-1:0,style:n,onClick:x?void 0:async v=>{await eo({event:v,buttonType:e,disabled:x,formRuntime:y,onClick:t,node:u||(l?{id:s||r||"button",type:"button",actions:l}:void 0),document:p,renderContext:c,onDiagnostic:f,onActionDispatch:a})},"data-kubuild-node":s,...d,children:g})};function jt(r){return r?r.replace(/[-_](\w)/g,(e,i)=>i.toUpperCase()).replace(/^\w/,e=>e.toUpperCase()):""}function zt(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return e?e[1]:null}function Ut(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|video\/|))(\d+)/i);return e?e[3]:null}function Wt(r){if(r==="16:9")return"16 / 9";if(r==="4:3")return"4 / 3";if(r==="1:1")return"1 / 1";if(r==="9:16")return"9 / 16";if(typeof r=="string"&&r!=="auto")return r.replace(":"," / ")}import _e from"react";import{ARTBOARD_REFERENCE_NODE_TYPE as to}from"@kubuild/schema";import{jsx as Y,jsxs as Le}from"react/jsx-runtime";function Kt(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,childrenElements:l,handleClick:u,context:p,mode:c,isModalOpen:f}=r,a=n.modalId||t.modalId||e.id,s=String(a).trim(),d=p?.modalManager||J,g=c==="editor"&&p?.artboardSurface==="component";switch(e.type){case"modal":{if(!f&&c==="runtime")return Y(_e.Fragment,{});let y=n.backdrop!==!1&&t.backdrop!==!1,b=n.closeOnBackdrop!==!1&&t.closeOnBackdrop!==!1,x=n.showCloseButton!==!1&&t.showCloseButton!==!1,h=n.title??t.title,v=h!==void 0?String(h):void 0,m=n.size||t.size||"md",C=m==="sm"?"400px":m==="lg"?"768px":m==="fullscreen"?"100%":"560px",R=m==="fullscreen"?"100%":"auto";return Y("div",{id:`${i}-overlay`,"data-kubuild-overlay":s,"data-kubuild-isolated":g?"true":void 0,style:g?{position:"relative",display:"flex",alignItems:"flex-start",justifyContent:"center",padding:m==="fullscreen"?"0":"16px"}:{position:c==="editor"?"absolute":"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:y?"rgba(15, 23, 42, 0.65)":"transparent",backdropFilter:y?"blur(4px)":"none",display:"flex",alignItems:m==="fullscreen"?"stretch":"center",justifyContent:"center",zIndex:9999,padding:m==="fullscreen"?"0":"16px"},onClick:k=>{k.target===k.currentTarget&&b&&c==="runtime"&&d.closeModal(s)},children:Le("div",{id:i,style:{...o,position:"relative",boxSizing:"border-box",maxWidth:C,height:R,width:"100%"},onClick:u,"data-kubuild-node":e.id,role:"dialog","aria-modal":"true","aria-label":typeof v=="string"?v:"Modal Dialog",children:[x&&Y("button",{type:"button","aria-label":"Close modal",style:{position:"absolute",top:"14px",right:"14px",background:"transparent",border:"none",fontSize:"18px",cursor:"pointer",color:"#64748b",padding:"4px 8px",lineHeight:1},onClick:k=>{k.stopPropagation(),d.closeModal(s)},children:"\u2715"}),v&&Y("div",{style:{fontWeight:600,fontSize:"18px",marginBottom:"16px",color:"#0f172a"},children:String(v)}),l]})})}case"drawer":{if(!f&&c==="runtime")return Y(_e.Fragment,{});let y=n.placement||t.placement||"right",b=n.backdrop!==!1&&t.backdrop!==!1,x=n.closeOnBackdrop!==!1&&t.closeOnBackdrop!==!1,h=n.showCloseButton!==!1&&t.showCloseButton!==!1,v=n.title??t.title,m=v!==void 0?String(v):void 0,C=y==="top"||y==="bottom";return Y("div",{id:`${i}-overlay`,"data-kubuild-overlay":s,"data-kubuild-isolated":g?"true":void 0,style:g?{position:"relative",display:"flex",justifyContent:y==="left"?"flex-start":y==="right"?"flex-end":"center",alignItems:"flex-start",padding:"16px"}:{position:c==="editor"?"absolute":"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:b?"rgba(15, 23, 42, 0.5)":"transparent",backdropFilter:b?"blur(2px)":"none",display:"flex",justifyContent:y==="left"?"flex-start":y==="right"?"flex-end":"center",alignItems:y==="top"?"flex-start":y==="bottom"?"flex-end":"stretch",zIndex:9999},onClick:R=>{R.target===R.currentTarget&&x&&c==="runtime"&&d.closeModal(s)},children:Le("div",{id:i,style:{...o,position:"relative",boxSizing:"border-box",height:g||C?"auto":"100%",...g?{minHeight:"240px"}:{},width:C?"100%":o.width||"320px",maxHeight:g?"none":C?"80vh":"100%",overflowY:"auto"},onClick:u,"data-kubuild-node":e.id,role:"region","aria-label":typeof m=="string"?m:"Drawer",children:[h&&Y("button",{type:"button","aria-label":"Close drawer",style:{position:"absolute",top:"14px",right:"14px",background:"transparent",border:"none",fontSize:"18px",cursor:"pointer",color:"#64748b",padding:"4px 8px",lineHeight:1},onClick:R=>{R.stopPropagation(),d.closeModal(s)},children:"\u2715"}),m&&Y("div",{style:{fontWeight:600,fontSize:"18px",marginBottom:"16px",color:"#0f172a"},children:String(m)}),l]})})}case"collapsible":return Y("div",{id:i,style:{...o,display:(c==="editor"?!0:!!f)?o.display||"block":"none"},onClick:u,"data-kubuild-node":e.id,"data-kubuild-collapsible":s,children:l});case to:{if(c==="runtime")return Y(_e.Fragment,{});let y=typeof t.artboardId=="string"?t.artboardId:void 0,b=(typeof t.label=="string"&&t.label.trim().length>0?t.label:y)||"artboard";return Le("div",{id:i,style:{display:"inline-flex",alignItems:"center",gap:"6px",padding:"6px 10px",border:"1px dashed #94a3b8",borderRadius:"6px",backgroundColor:"#f8fafc",color:"#475569",fontSize:"12px",fontFamily:"ui-sans-serif, system-ui, sans-serif",cursor:"pointer",...o},onClick:u,"data-kubuild-node":e.id,"data-kubuild-artboard-reference":y,title:`Opens artboard "${b}" \u2014 edit it on its own canvas surface`,children:[Y("span",{"aria-hidden":"true",children:"\u29C9"}),Y("span",{children:`Opens: ${b}`})]})}default:return null}}import{jsx as w,jsxs as X}from"react/jsx-runtime";function co(r){let{node:e,document:i,definition:o,resolvedProps:n,styles:t,context:l,childrenElements:u,handleClick:p}=r;if(o?.renderer&&typeof o.renderer=="function"){let c=o.renderer;return typeof c=="function"&&!c.prototype?.isReactComponent?c({node:e,document:i,props:n,styles:t,context:l,children:u,onClick:p}):w(c,{node:e,document:i,props:n,styles:t,context:l,onClick:p,children:u})}return null}function uo(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,handleClick:l,childrenElements:u}=r;switch(e.type){case"page":return w("div",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,children:u});case"section":{let p=typeof n.ariaLabel=="string"?n.ariaLabel:typeof t.ariaLabel=="string"?t.ariaLabel:void 0;return w("section",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,"aria-label":p,children:u})}case"container":return w("div",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,children:u});case"columns":return w("div",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,children:u});case"flex":case"grid":{let p=typeof n.ariaLabel=="string"?n.ariaLabel:typeof t.ariaLabel=="string"?t.ariaLabel:void 0;return w("div",{id:i,style:o,onClick:l,"data-kubuild-node":e.id,"aria-label":p,children:u})}default:return null}}function po(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,mode:l,handleClick:u,onNodePropChange:p,childrenElements:c,selectedNodeId:f}=r,a=e.id===f;switch(e.type){case"heading":{let s=typeof n.level=="number"?n.level:1,d=`h${Math.min(Math.max(s,1),6)}`||"h1",g=String(n.text??n.content??t.text??t.content??""),y=l==="editor"&&a&&!O(t.text)&&!O(t.content);return w(K,{as:d,id:i,style:o,value:g,isEditable:y,nodeId:e.id,onClick:u,onChange:(b,x)=>p?.(e.id,"text",b,x)})}case"text":{let s=String(n.text??n.content??t.text??t.content??""),d=typeof n.as=="string"?n.as:typeof t.as=="string"?t.as:typeof n.tag=="string"?n.tag:typeof t.tag=="string"?t.tag:(t.content!==void 0||n.content!==void 0)&&t.text===void 0&&n.text===void 0?"p":"span",g=l==="editor"&&a&&!O(t.text)&&!O(t.content);return w(K,{as:d,id:i,style:o,value:s,isEditable:g,nodeId:e.id,onClick:u,onChange:(y,b)=>p?.(e.id,"text",y,b)})}case"paragraph":{let s=String(n.text??n.content??t.text??t.content??""),d=l==="editor"&&a&&!O(t.text)&&!O(t.content);return w(K,{as:"p",id:i,style:o,value:s,isEditable:d,nodeId:e.id,onClick:u,onChange:(g,y)=>p?.(e.id,"text",g,y)})}case"link":{let s=String(n.text??n.label??n.content??t.text??t.label??t.content??""),d=typeof n.href=="string"?n.href:"#",g=typeof n.target=="string"?n.target:void 0,y=l==="editor"&&a&&!O(t.text)&&!O(t.label)&&!O(t.content),b=typeof n.rel=="string"?n.rel:g==="_blank"?"noopener noreferrer":void 0,x=l==="editor"?void 0:oe(d,"#"),h=v=>{l==="editor"&&v.preventDefault(),u(v)};return y?w(K,{as:"a",id:i,style:o,value:s,isEditable:y,nodeId:e.id,onClick:h,onChange:(v,m)=>{let C="text"in t?"text":"label";p?.(e.id,C,v,m)},href:x,target:g,rel:b}):w("a",{id:i,style:o,href:x,target:g,rel:b,onClick:h,"data-kubuild-node":e.id,children:s})}case"blockquote":{let s=typeof n.quote=="string"?n.quote:typeof n.text=="string"?n.text:typeof t.quote=="string"?t.quote:typeof t.text=="string"?t.text:void 0,d=typeof n.cite=="string"?n.cite:typeof t.cite=="string"?t.cite:void 0,g=l==="editor"&&a&&!O(t.quote)&&!O(t.text),y={borderLeft:"4px solid #cbd5e1",paddingLeft:"1rem",margin:"1rem 0",fontStyle:"italic",color:"#475569",...o};return X("blockquote",{id:i,style:y,onClick:u,"data-kubuild-node":e.id,cite:d,children:[s!==void 0?g?w(K,{as:"p",value:s,isEditable:g,nodeId:e.id,onChange:(b,x)=>{let h="quote"in t?"quote":"text";p?.(e.id,h,b,x)}}):w("p",{children:s}):null,c,d&&X("cite",{style:{display:"block",fontStyle:"normal",fontSize:"0.875rem",marginTop:"0.5rem",color:"#64748b"},children:["\u2014 ",d]})]})}case"badge":{let s=String(n.text??n.label??t.text??t.label??""),d=typeof n.variant=="string"?n.variant:typeof t.variant=="string"?t.variant:"default",g=l==="editor"&&a&&!O(t.text)&&!O(t.label);return w("span",{id:i,style:o,onClick:u,"data-kubuild-node":e.id,"data-variant":d,"data-badge-variant":d,children:g?w(K,{as:"span",value:s,isEditable:g,nodeId:e.id,onChange:(y,b)=>{let x="text"in t?"text":"label";p?.(e.id,x,y,b)}}):s})}case"code-block":{let s=String(n.code??t.code??""),d=typeof n.language=="string"?n.language:typeof t.language=="string"?t.language:"plaintext";return l==="editor"?w("pre",{id:i,style:o,onClick:u,"data-kubuild-node":e.id,"data-language":d,children:w("code",{className:`language-${d}`,contentEditable:!0,suppressContentEditableWarning:!0,onBlur:g=>p?.(e.id,"code",g.currentTarget.textContent??"",!0),children:s})}):w("pre",{id:i,style:o,onClick:u,"data-kubuild-node":e.id,"data-language":d,children:w("code",{className:`language-${d}`,children:s})})}default:return null}}function fo(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,mode:l,handleClick:u,onNodePropChange:p,childrenElements:c,selectedNodeId:f}=r,a=e.id===f;switch(e.type){case"list":{let d=(n.tag||t.tag)==="ol"||n.ordered===!0||t.ordered===!0?"ol":"ul",g=typeof n.listStyleType=="string"?n.listStyleType:typeof n.listStyle=="string"?n.listStyle:typeof t.listStyleType=="string"?t.listStyleType:typeof t.listStyle=="string"?t.listStyle:void 0,y=g==="custom-icon"||g==="none"?"none":g,b={...o,...y?{listStyleType:y}:{}};return w(d,{id:i,style:b,onClick:u,"data-kubuild-node":e.id,"data-list-style":g,children:c})}case"list-item":{let s=n.text!==void 0?String(n.text):t.text!==void 0?String(t.text):void 0,d=l==="editor"&&a&&!O(t.text)&&s!==void 0;return X("li",{id:i,style:o,onClick:u,"data-kubuild-node":e.id,children:[s!==void 0&&(d?w(K,{as:"span",value:s,isEditable:d,nodeId:e.id,onChange:(g,y)=>p?.(e.id,"text",g,y)}):s),c]})}default:return null}}function go(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,mode:l,handleClick:u,onNodePropChange:p,childrenElements:c,selectedNodeId:f}=r,a=e.id===f;switch(e.type){case"table":{let s=typeof n.cellPadding=="number"?n.cellPadding:void 0,d=typeof n.cellSpacing=="number"?n.cellSpacing:void 0,g=typeof n.border=="number"?n.border:void 0,y=n.striped===!0||t.striped===!0,b=n.bordered===!0||t.bordered===!0,x=n.hover===!0||t.hover===!0,h=n.compact===!0||t.compact===!0;return w("table",{id:i,style:o,cellPadding:s,cellSpacing:d,border:g,onClick:u,"data-kubuild-node":e.id,"data-striped":y?"true":void 0,"data-bordered":b?"true":void 0,"data-hover":x?"true":void 0,"data-compact":h?"true":void 0,children:w("tbody",{children:c})})}case"table-row":return w("tr",{id:i,style:o,onClick:u,"data-kubuild-node":e.id,children:c});case"table-cell":{let d=n.tag==="th"||t.tag==="th"||n.isHeader===!0||t.isHeader===!0||n.cellType==="header"||t.cellType==="header"||n.type==="th"||t.type==="th"?"th":"td",g=typeof n.colSpan=="number"?n.colSpan:typeof t.colSpan=="number"?t.colSpan:void 0,y=typeof n.rowSpan=="number"?n.rowSpan:typeof t.rowSpan=="number"?t.rowSpan:void 0,b=n.text!==void 0?String(n.text):t.text!==void 0?String(t.text):void 0,x=l==="editor"&&a&&!O(t.text)&&b!==void 0;return X(d,{id:i,colSpan:g,rowSpan:y,style:o,onClick:u,"data-kubuild-node":e.id,children:[b!==void 0&&(x?w(K,{as:"span",value:b,isEditable:x,nodeId:e.id,onChange:(h,v)=>p?.(e.id,"text",h,v)}):b),c]})}default:return null}}function mo(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,context:l,mode:u,handleClick:p}=r;switch(e.type){case"image":{let c=n.src!==void 0?n.src:t.src!==void 0?t.src:t.asset,f;oo(c)?f=Pe(l?.assetProvider,c.assetId)||c.fallbackUrl:typeof c=="string"&&(f=Pe(l?.assetProvider,c)||c);let a=typeof n.alt=="string"?n.alt:typeof t.alt=="string"?t.alt:"",s=typeof n.fit=="string"?n.fit:void 0,d=n.loading==="eager"?"eager":"lazy",g=typeof n.width=="number"?n.width:void 0,y=typeof n.height=="number"?n.height:void 0,b=f?oe(f,""):void 0,x=o?.objectFit,h={...o,...s&&x===void 0?{objectFit:s}:{}};return w("img",{id:i,src:b,alt:a,role:a===""?"presentation":void 0,loading:d,width:g,height:y,style:h,onClick:p,"data-kubuild-node":e.id})}case"video":{let c=n.src??n.url??t.src??t.url,f=typeof c=="string"?c:void 0,a=typeof n.poster=="string"?n.poster:void 0,s=n.controls!==!1,d=n.autoplay===!0,g=n.loop===!0,y=n.muted===!0,b=n.playsInline!==!1,x=n.aspectRatio,h={position:"relative",width:o.width||"100%",...x?{aspectRatio:Wt(x)}:{},...o},v=f?zt(f):null,m=f?Ut(f):null;if(v){let k=`https://www.youtube.com/embed/${v}?autoplay=${d?1:0}&loop=${g?1:0}&mute=${y?1:0}&controls=${s?1:0}`,S=oe(k,"");return w("div",{id:i,"data-video-provider":"youtube",style:h,onClick:p,"data-kubuild-node":e.id,children:w("iframe",{src:S,title:"YouTube video player",style:{width:"100%",height:"100%",border:0},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})})}if(m){let k=`https://player.vimeo.com/video/${m}?autoplay=${d?1:0}&loop=${g?1:0}&muted=${y?1:0}`,S=oe(k,"");return w("div",{id:i,"data-video-provider":"vimeo",style:h,onClick:p,"data-kubuild-node":e.id,children:w("iframe",{src:S,title:"Vimeo video player",style:{width:"100%",height:"100%",border:0},allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0})})}let C=f?oe(f,""):void 0,R=a?oe(a,""):void 0;return w("video",{id:i,src:C,poster:R,controls:s,autoPlay:d,loop:g,muted:y,playsInline:b,style:h,onClick:p,"data-kubuild-node":e.id})}case"icon":{let c=typeof n.name=="string"?n.name:"Square",f=typeof n.size=="number"?n.size:24,a=typeof n.color=="string"?n.color:"currentColor",s=typeof n.strokeWidth=="number"?n.strokeWidth:2,d=jt(c),g=Yt[d]||Yt[c]||ro;return w("span",{id:i,"data-icon-name":c,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",...o},onClick:p,"data-kubuild-node":e.id,children:w(g,{size:f,color:a,strokeWidth:s})})}case"html-embed":{let c=typeof n.html=="string"?n.html:"",a=n.sanitize!==!1?lo(c):c;return!a.trim()&&u==="editor"?w("div",{id:i,style:{...o,minHeight:"60px",border:"1px dashed #94a3b8",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f8fafc",color:"#64748b",fontSize:"0.875rem"},onClick:p,"data-kubuild-node":e.id,children:w("span",{children:"</> HTML Embed \u2014 Click to configure HTML code in Inspector Panel"})}):w(Ft,{id:i,style:o,html:a,onClick:p,dataKubuildNode:e.id})}default:return null}}function bo(r){let{node:e,domId:i,styles:o,resolvedProps:n,props:t,context:l,mode:u,document:p,onDiagnostic:c,onActionDispatch:f,handleClick:a,onNodePropChange:s,childrenElements:d,selectedNodeId:g}=r,y=e.id===g;switch(e.type){case"button":{let b=n.label??n.text??n.content??t.label??t.text??t.content??"Button",x=n.activeLabel??t.activeLabel,h=String(r.isModalOpen&&x?x:b),v=typeof n.href=="string"?n.href:typeof t.href=="string"?t.href:void 0,m=typeof n.target=="string"?n.target:typeof t.target=="string"?t.target:void 0,C=n.buttonType??n.type??t.buttonType??t.type,R=typeof C=="string"&&["submit","reset","button"].includes(C)?C:"button",k=n.disabled===!0||t.disabled===!0,S=typeof n.ariaLabel=="string"?n.ariaLabel:void 0,E=u==="editor"&&y&&t.isEditable!==!1&&!O(t.label)&&!O(t.text),A=typeof n.rel=="string"?n.rel:typeof t.rel=="string"?t.rel:m==="_blank"?"noopener noreferrer":void 0,P={};if(t.action&&!k){let F=typeof t.action=="object"?t.action.type:t.action;if(P["data-kubuild-action"]=F,l?.actionRegistry){let D=ot(l.actionRegistry,F);P["data-kubuild-action-resolved"]=D?"true":"false"}}if(v&&!k){let F=u==="editor"?void 0:oe(v,"#");return w("a",{id:i,href:F,target:m,rel:A,tabIndex:0,style:o,onClick:a,"data-kubuild-node":e.id,"aria-label":S,...P,children:h})}return E?w(K,{as:"button",id:i,type:u==="editor"?"button":R,disabled:k,"aria-disabled":k?!0:void 0,"aria-label":S,tabIndex:k?-1:0,style:o,value:h,isEditable:E,nodeId:e.id,onClick:k?void 0:a,onChange:(F,D)=>s?.(e.id,"label",F,D),...P}):w(qt,{id:i,buttonType:u==="editor"?"button":R,disabled:k,ariaLabel:S,style:o,onClick:k?void 0:a,actions:e.actions,node:e,document:p,renderContext:l,onDiagnostic:c,onActionDispatch:f,dataKubuildNode:e.id,actionAttrs:P,children:h})}case"form":{let b=typeof n.action=="string"?n.action:void 0,x=typeof n.method=="string"?n.method:"POST",h=typeof n.target=="string"?n.target:void 0,v=typeof n.autoComplete=="string"?n.autoComplete:void 0,m=typeof n.name=="string"?n.name:void 0,C=e.formConfig,R={formId:C?.formId||t.formId||m||e.id,resetOnSubmit:n.resetOnSubmit===!0||(C?.resetOnSubmit??!1),scrollToFirstError:n.scrollToFirstError!==!1&&(C?.scrollToFirstError??!0),validateOn:n.validateOn||C?.validateOn||"blur",initialValues:n.initialValues||C?.initialValues};return w(Pt,{formId:R.formId,formConfig:R,initialValues:R.initialValues,actions:e.actions,nodeId:e.id,document:p,onDiagnostic:c,children:w(Ot,{id:i,name:m,action:b&&u!=="editor"?oe(b,""):void 0,method:x,target:h,autoComplete:v,style:o,onClick:a,mode:u,dataKubuildNode:e.id,children:d})})}case"input":{let b=typeof n.name=="string"?n.name:void 0,x=typeof n.type=="string"?n.type:"text",h=typeof n.placeholder=="string"?n.placeholder:void 0,v=n.defaultValue!==void 0?n.defaultValue:void 0,m=n.required===!0,C=n.disabled===!0,R=n.readOnly===!0,k=e.formConfig?.rules||n.rules||t.rules||[],S=n.validateOn||t.validateOn,E=n.transform||t.transform;return w(Vt,{id:i,name:b,type:x,placeholder:h,defaultValue:v,required:m,disabled:C,readOnly:R,rules:k,validateOn:S,transform:E,style:o,onClick:a,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:c,onActionDispatch:f,dataKubuildNode:e.id})}case"textarea":{let b=typeof n.name=="string"?n.name:void 0,x=typeof n.placeholder=="string"?n.placeholder:void 0,h=n.defaultValue!==void 0?n.defaultValue:void 0,v=typeof n.rows=="number"?n.rows:4,m=n.required===!0,C=n.disabled===!0,R=n.readOnly===!0,k=e.formConfig?.rules||n.rules||t.rules||[],S=n.validateOn||t.validateOn,E=n.transform||t.transform;return w(Bt,{id:i,name:b,placeholder:x,defaultValue:h,rows:v,required:m,disabled:C,readOnly:R,rules:k,validateOn:S,transform:E,style:o,onClick:a,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:c,onActionDispatch:f,dataKubuildNode:e.id})}case"select":{let b=typeof n.name=="string"?n.name:void 0,x=typeof n.placeholder=="string"?n.placeholder:void 0,h=n.defaultValue!==void 0?n.defaultValue:void 0,v=n.required===!0,m=n.disabled===!0,C=e.formConfig?.rules||n.rules||t.rules||[],R=n.validateOn||t.validateOn,k=[],S=n.options??t.options;if(Array.isArray(S))k=S.map(E=>{if(typeof E=="object"&&E!==null){let A=E;return{label:String(A.label??A.value??""),value:String(A.value??A.label??"")}}return{label:String(E),value:String(E)}});else if(typeof S=="string")try{let E=JSON.parse(S);Array.isArray(E)&&(k=E.map(A=>{if(typeof A=="object"&&A!==null){let P=A;return{label:String(P.label??P.value??""),value:String(P.value??P.label??"")}}return{label:String(A),value:String(A)}}))}catch{}return w(Ht,{id:i,name:b,placeholder:x,defaultValue:h,required:v,disabled:m,rules:C,validateOn:R,optionsList:k,style:o,onClick:a,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:c,onActionDispatch:f,dataKubuildNode:e.id})}case"checkbox":{let b=typeof n.name=="string"?n.name:void 0,x=String(n.label??"Checkbox"),h=n.value!==void 0?String(n.value):"yes",v=n.defaultChecked===!0,m=n.required===!0,C=n.disabled===!0,R=e.formConfig?.rules||n.rules||t.rules||[],k=n.validateOn||t.validateOn,S=u==="editor"&&y&&!O(t.label);return w(_t,{id:i,name:b,label:x,value:h,defaultChecked:v,required:m,disabled:C,rules:R,validateOn:k,style:o,onClick:a,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:c,onActionDispatch:f,dataKubuildNode:e.id,isEditable:S,onNodePropChange:s})}case"radio":{let b=typeof n.name=="string"?n.name:void 0,x=String(n.label??"Radio"),h=n.value!==void 0?String(n.value):"option",v=n.defaultChecked===!0,m=n.required===!0,C=n.disabled===!0,R=n.rules||t.rules||[],k=n.validateOn||t.validateOn,S=u==="editor"&&y&&!O(t.label);return w(Lt,{id:i,name:b,label:x,value:h,defaultChecked:v,required:m,disabled:C,rules:R,validateOn:k,style:o,onClick:a,actions:e.actions,nodeId:e.id,document:p,renderContext:l,onDiagnostic:c,onActionDispatch:f,dataKubuildNode:e.id,isEditable:S,onNodePropChange:s})}default:return null}}function yo(r){let{node:e,domId:i,styles:o,props:n,context:t,mode:l,handleClick:u,onDiagnostic:p,renderChildNode:c}=r;if(e.type!=="collection")return null;let f=typeof n.sourceKey=="string"?n.sourceKey:void 0,a=typeof n.itemAlias=="string"&&n.itemAlias.length>0?n.itemAlias:"item",s=`${a}Index`,d=f?so({key:f},t).value:void 0;if(!Array.isArray(d)){let y={code:"INVALID_COLLECTION_SOURCE",nodeId:e.id,propName:"sourceKey",message:`Collection node "${e.id}" expected an array at variable path "${f??"(missing sourceKey)"}" but found ${d===void 0?"nothing":typeof d}.`};return p?.(y),t?.onDiagnostic?.(y),l==="editor"?X("div",{id:i,"data-kubuild-node":e.id,"data-kubuild-collection-invalid":e.type,style:{...o,border:"2px dashed #f59e0b",backgroundColor:"#fffbeb",padding:"12px",color:"#b45309",fontSize:"0.875rem",borderRadius:"4px"},onClick:u,children:[X("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"8px"},children:[w(ao,{size:16}),w("strong",{children:"Collection: expected an array"})]}),X("div",{children:["Source path ",w("code",{children:f??"(none)"})," did not resolve to an array. Found"," ",w("code",{children:d===void 0?"nothing":typeof d}),"."]})]}):w("div",{id:i,"data-kubuild-node":e.id,style:{display:"contents"},"data-kubuild-empty-collection":"invalid-source"})}let g=e.children||[];return g.length===0||d.length===0?w("div",{id:i,style:o,onClick:u,"data-kubuild-node":e.id,"data-kubuild-collection-empty":d.length===0?"true":void 0,children:d.length===0&&l==="editor"&&X("div",{style:{padding:"12px",border:"1px dashed #cbd5e1",borderRadius:"4px",color:"#94a3b8",fontSize:"0.875rem",textAlign:"center"},children:["Empty Collection (",w("code",{children:f})," has 0 items)"]})}):w("div",{id:i,style:o,onClick:u,"data-kubuild-node":e.id,children:d.map((y,b)=>{let x={...t,variables:{...t.variables,[a]:y,[s]:b}},h=`__iter_${b}`;return w(no.Fragment,{children:g.map(v=>c(v,h,x))},`collection-item-${b}`)})})}function ho(r){let{node:e,domId:i,styles:o,handleClick:n,mode:t,childrenElements:l}=r;return t==="editor"?X("div",{id:i,style:{...o,border:"2px dashed #e2e8f0",padding:"16px",backgroundColor:"#f8fafc"},onClick:n,"data-kubuild-node":e.id,"data-kubuild-unknown":e.type,children:[X("div",{style:{display:"flex",alignItems:"center",gap:"8px",color:"#64748b"},children:[w(io,{size:16}),X("span",{children:["Unknown Component: ",e.type]}),X("span",{style:{fontSize:"12px",color:"#94a3b8"},children:["(",e.id,")"]})]}),l]}):w("div",{id:i,style:o,onClick:n,"data-kubuild-node":e.id,"data-kubuild-unknown":e.type,children:l})}function Xt(r){let e=co(r);if(e)return e;let i=uo(r);if(i)return i;let o=po(r);if(o)return o;let n=fo(r);if(n)return n;let t=go(r);if(t)return t;let l=mo(r);if(l)return l;let u=bo(r);if(u)return u;let p=yo(r);if(p)return p;let c=Kt(r);return c||ho(r)}import{jsx as G,jsxs as fe}from"react/jsx-runtime";function ko(r,e){if(!r)return!1;try{let i=Se,o=i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE||i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!!(o&&(o.H||o.ReactCurrentDispatcher?.current))){let{isOpen:t}=mt(r,e);return t}}catch{}return e.isModalOpen(r)}function ge({node:r,document:e,registry:i,context:o,viewport:n="desktop",mode:t="runtime",onNodeClick:l,onDiagnostic:u,onActionDispatch:p,onNodePropChange:c,selectedNodeId:f,instanceSuffix:a=""}){let s=o||re,d=at(r.styles,n),g=r.props||{},y=i.get(r.type),b=a?`${r.id}${a}`:r.id,{props:x,diagnostics:h}=ct(r,y,s);h.forEach(B=>{u?.(B),s?.onDiagnostic?.(B)}),Mt(r,{document:e,context:s,onDiagnostic:u,onActionDispatch:p,mode:t});let v=async B=>{B.stopPropagation(),l&&l(r.id,B),r.actions&&r.actions.length>0&&!g.disabled&&await H({node:r,trigger:"click",document:e,context:s,onDiagnostic:u,onActionDispatch:p}),g.action&&!g.disabled&&(rt({action:g.action,nodeId:r.id,document:e,context:s,onDiagnostic:u}),p&&xo(g.action)&&p(g.action.type,nt(s,g.action.payload),r.id))},m=r.children?.map(B=>G(ge,{node:B,document:e,registry:i,context:s,viewport:n,mode:t,onNodeClick:l,onDiagnostic:u,onActionDispatch:p,onNodePropChange:c,selectedNodeId:f,instanceSuffix:a},`${B.id}${a}`)),C=(B,se="",ye=s)=>G(ge,{node:B,document:e,registry:i,context:ye,viewport:n,mode:t,onNodeClick:l,onDiagnostic:u,onActionDispatch:p,onNodePropChange:c,selectedNodeId:f,instanceSuffix:`${a}${se}`},`${B.id}${a}${se}`),R=g.modalId||g.modalNodeId||g.targetModalId,k=s?.modalManager||J,S=R?k.hasState(R):!1,E=ko(R,k),A=S?E:!!g.defaultOpen,P={...d},F=r.type==="modal"||r.type==="drawer"||r.type==="collapsible";(g.modalId||g.modalNodeId)&&r.type!=="button"&&r.type!=="link"&&!F&&!A&&(P.display="none");let j;try{j=Xt({node:r,document:e,registry:i,context:s,viewport:n,mode:t,styles:P,props:g,resolvedProps:x,definition:y,domId:b,childrenElements:m,handleClick:v,onNodeClick:l,onDiagnostic:u,onActionDispatch:p,onNodePropChange:c,selectedNodeId:f,instanceSuffix:a,isModalOpen:A,renderChildNode:C})}catch(B){t==="editor"?j=fe("div",{"data-kubuild-node":r.id,"data-kubuild-error":r.type,style:{padding:"12px 16px",margin:"4px 0",backgroundColor:"#fef2f2",border:"1px solid #ef4444",borderRadius:"6px",color:"#b91c1c",fontFamily:"system-ui, -apple-system, sans-serif",fontSize:"13px",lineHeight:"1.4"},children:[fe("div",{style:{fontWeight:600,marginBottom:"4px",display:"flex",alignItems:"center",gap:"6px"},children:[G(Ro,{size:14,"aria-hidden":"true"}),fe("span",{children:["Component Render Error: <",r.type,">"]})]}),fe("div",{style:{fontSize:"11px",color:"#7f1d1d",wordBreak:"break-all"},children:["Node ID: ",G("code",{children:r.id})," \u2014 ",B instanceof Error?B.message:String(B)]})]}):j=G("div",{"data-kubuild-node":r.id,"data-kubuild-error":r.type,style:{display:"none"},"aria-hidden":"true"})}return G(Ce,{nodeId:r.id,componentType:r.type,mode:t,onDiagnostic:u,children:j})}var Co=({document:r,registry:e=vo(),context:i,viewport:o="desktop",mode:n="runtime",className:t,showToastContainer:l=!0,onNodeClick:u,onDiagnostic:p,onActionDispatch:c,onNodePropChange:f,selectedNodeId:a})=>{if(!r||!r.document)return G("div",{className:t,children:"Empty Document"});let s=Se.useMemo(()=>st(r),[r]),d=Se.useMemo(()=>Re(r),[r]);return G(Ze,{value:i,children:fe("div",{className:`kubuild-canvas-root ${t||""}`,children:[s?G("style",{"data-kubuild-state-styles":!0,children:s}):null,d?G("style",{"data-kubuild-animation-styles":!0,children:d}):null,G(ge,{node:r.document,document:r,registry:e,context:i,viewport:o,mode:n,onNodeClick:u,onDiagnostic:p,onActionDispatch:c,onNodePropChange:f,selectedNodeId:a}),l&&G(wt,{})]})})},Te=Se.memo(Co);import Gt from"react";import wo from"react-dom";import{createDefaultComponentRegistry as $o}from"@kubuild/components";import{Fragment as Zt,jsx as me,jsxs as To}from"react/jsx-runtime";function Jt(r){let e=r.document?.document;if(e)return e.children?.[0]??void 0}function So(r,e){return r.filter(i=>i.artboardType==="component"&&!!i.triggerId&&!!e[i.triggerId]&&!!Jt(i))}var qe=({artboards:r,registry:e,context:i=re,viewport:o="desktop",mode:n="runtime",modalManager:t,container:l,onDiagnostic:u,onActionDispatch:p})=>{let c=t||J,{modals:f}=bt(c),a=Gt.useMemo(()=>e||$o(),[e]),s=Gt.useMemo(()=>(r??i.componentArtboards??[]).filter(b=>b.artboardType==="component"),[r,i.componentArtboards]);if(n==="editor")return null;let d=So(s,f);if(d.length===0)return null;let g=l!==void 0?l:typeof globalThis.document<"u"?globalThis.document.body:null;return g?me(Zt,{children:d.map(y=>{let b=Jt(y);return b?wo.createPortal(me("div",{"data-kubuild-artboard-portal":y.id,style:{pointerEvents:"auto"},children:me(ge,{node:b,document:y.document,registry:a,context:i,viewport:o,mode:"runtime",onDiagnostic:u,onActionDispatch:p})},y.id),g,y.id):null})}):null},ba=({componentArtboards:r,modalManager:e,portalContainer:i,...o})=>To(Zt,{children:[me(Te,{...o}),me(qe,{artboards:r,registry:o.registry,context:o.context,viewport:o.viewport,mode:o.mode,modalManager:e,container:i,onDiagnostic:o.onDiagnostic,onActionDispatch:o.onActionDispatch})]});import{useMemo as je,useState as Eo}from"react";import{Fragment as No,jsx as te,jsxs as be}from"react/jsx-runtime";var Qt=Object.freeze({desktop:{width:"100%",maxWidth:"1280px",minHeight:"600px",label:"Desktop (1280px)",isFluid:!0},tablet:{width:"768px",height:"1024px",minHeight:"600px",label:"Tablet (768 \xD7 1024)",isFluid:!1},mobile:{width:"375px",height:"667px",minHeight:"500px",label:"Mobile (375 \xD7 667)",isFluid:!1}}),Po=Object.freeze({mobile:480,tablet:768,desktop:1024});function Ca(r,e){let i={...Po,...e};return r<=i.mobile?"mobile":r<=i.tablet?"tablet":"desktop"}function en(r,e){let i=Qt[r]||Qt.desktop,o=e?.[r];return{...i,...o}}function Ao(r,e,i){let o=en(r,e),n=i??o.scale??1,t=u=>typeof u=="number"?`${u}px`:u,l={width:t(o.width),maxWidth:t(o.maxWidth),minWidth:t(o.minWidth),height:t(o.height),minHeight:t(o.minHeight),maxHeight:t(o.maxHeight),aspectRatio:o.aspectRatio,transition:"width 0.2s ease, max-width 0.2s ease, height 0.2s ease"};return n!==1&&(l.transform=`scale(${n})`,l.transformOrigin="top center"),l}var Io=({document:r,viewport:e="desktop",onViewportChange:i,viewportConfigs:o,breakpoints:n,registry:t,context:l,mode:u="runtime",showChrome:p=!1,chromeTitle:c,editorOverlay:f,scale:a,className:s,style:d,canvasClassName:g,canvasStyle:y,onNodeClick:b,onDiagnostic:x,onActionDispatch:h,componentArtboards:v})=>{let[m,C]=Eo(null),R=v??l?.componentArtboards,k=je(()=>en(e,o),[e,o]),S=je(()=>Ao(e,o,a),[e,o,a]),E=je(()=>({...S,...y,position:"relative",boxSizing:"border-box"}),[S,y]);return be("div",{"data-kubuild-preview-container":!0,"data-viewport":e,className:`kubuild-preview-viewport-adapter ${s||""}`,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",width:"100%",height:"100%",boxSizing:"border-box",...d},children:[p&&be("div",{"data-kubuild-preview-chrome":!0,style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",maxWidth:S.maxWidth||S.width,padding:"8px 12px",marginBottom:"8px",backgroundColor:"#1e293b",color:"#f8fafc",borderRadius:"8px",fontSize:"12px",fontFamily:"system-ui, -apple-system, sans-serif",boxSizing:"border-box"},children:[be("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[te("span",{style:{fontWeight:600},children:c||r.metadata?.title||"Preview"}),te("span",{"data-testid":"viewport-badge",style:{fontSize:"10px",padding:"2px 6px",borderRadius:"4px",backgroundColor:"#334155",color:"#94a3b8",textTransform:"uppercase",fontWeight:700},children:e}),te("span",{style:{fontSize:"11px",color:"#64748b"},children:k.label||`${k.width} \xD7 ${k.height||"auto"}`})]}),i&&te("div",{"data-testid":"viewport-switcher",style:{display:"flex",gap:"4px",backgroundColor:"#0f172a",padding:"2px",borderRadius:"6px"},children:["desktop","tablet","mobile"].map(A=>{let P=e===A;return te("button",{type:"button","data-testid":`viewport-btn-${A}`,onClick:()=>i(A),style:{padding:"4px 10px",fontSize:"11px",fontWeight:500,borderRadius:"4px",border:"none",cursor:"pointer",textTransform:"capitalize",backgroundColor:P?"#3b82f6":"transparent",color:P?"#ffffff":"#94a3b8",transition:"all 0.15s ease"},children:A},A)})})]}),be("div",{"data-kubuild-preview-canvas":!0,"data-viewport":e,className:`kubuild-preview-canvas ${g||""}`,style:E,children:[te(Te,{document:r,registry:t,context:l,viewport:e,mode:u,onNodeClick:b,onDiagnostic:x,onActionDispatch:h}),R&&R.length>0&&be(No,{children:[te("div",{ref:C,"data-kubuild-preview-overlay-host":!0,style:{position:"absolute",top:0,left:0,right:0,bottom:0,transform:"translate3d(0, 0, 0)",pointerEvents:"none"}}),m&&te(qe,{artboards:R,registry:t,context:l,viewport:e,mode:u,container:m,onDiagnostic:x,onActionDispatch:h})]}),f&&te("div",{"data-kubuild-preview-overlay":!0,style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:10},children:f})]})]})},wa=Io;function V(r){return r==null?"":String(r).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function T(r){return V(r)}function Fo(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return e?e[1]:null}function Do(r){if(!r||typeof r!="string")return null;let e=r.match(/(?:vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|video\/|))(\d+)/i);return e?e[3]:null}function U(r,e,i){let o=" ".repeat(e*(i.indentSize??2)),n=" ".repeat((e+1)*(i.indentSize??2)),t=r.props||{},l=r.children||[],p=i.includeNodeClasses!==!1?`kb-node-${r.id}`:"",c=(...a)=>a.filter(Boolean).join(" "),f=t.id?` id="${T(t.id)}"`:"";switch(r.type){case"page":{let a=i.rootTag||"main",s=c("kb-page",p),d=l.map(g=>U(g,e+1,i)).join(`
+`);return d?`${o}<${a} class="${s}"${f}>
+${d}
+${o}</${a}>`:`${o}<${a} class="${s}"${f}></${a}>`}case"section":{let a=t.ariaLabel?` aria-label="${T(t.ariaLabel)}"`:"",s=c("kb-section",p),d=l.map(g=>U(g,e+1,i)).join(`
+`);return d?`${o}<section class="${s}"${f}${a}>
+${d}
+${o}</section>`:`${o}<section class="${s}"${f}${a}></section>`}case"container":{let a=c("kb-container",p),s=l.map(d=>U(d,e+1,i)).join(`
+`);return s?`${o}<div class="${a}"${f}>
+${s}
+${o}</div>`:`${o}<div class="${a}"${f}></div>`}case"columns":{let a=c("kb-columns",p),s=l.map(d=>U(d,e+1,i)).join(`
+`);return s?`${o}<div class="${a}"${f}>
+${s}
+${o}</div>`:`${o}<div class="${a}"${f}></div>`}case"heading":{let a="h2";typeof t.level=="string"&&/^h[1-6]$/i.test(t.level)?a=t.level.toLowerCase():typeof t.level=="number"&&t.level>=1&&t.level<=6?a=`h${t.level}`:typeof t.tag=="string"&&/^h[1-6]$/i.test(t.tag)&&(a=t.tag.toLowerCase());let s=t.text??t.value??t.content??"Heading",d=c("kb-heading",p);return`${o}<${a} class="${d}"${f}>${V(s)}</${a}>`}case"paragraph":{let a=t.text??t.value??t.content??"",s=c("kb-paragraph",p);return`${o}<p class="${s}"${f}>${V(a)}</p>`}case"text":{let a=t.as||"p",s=t.text??t.value??t.content??"",d=c("kb-text",p);return`${o}<${a} class="${d}"${f}>${V(s)}</${a}>`}case"link":{let a=t.href?` href="${T(t.href)}"`:' href="#"',s=t.target?` target="${T(t.target)}"`:"",d=t.rel?` rel="${T(t.rel)}"`:s.includes("_blank")?' rel="noopener noreferrer"':"",g=t.text??t.label??t.value,y=c("kb-link",p);if(l.length>0){let b=l.map(x=>U(x,e+1,i)).join(`
+`);return`${o}<a class="${y}"${f}${a}${s}${d}>
 ${b}
-${o}</blockquote>`}return`${o}<blockquote class="${m}"${d}${s}></blockquote>`}case"badge":{let s=t.text??t.label??t.value??"Badge",a=u("kb-badge",p);return`${o}<span class="${a}"${d}>${A(s)}</span>`}case"code-block":{let s=t.code??t.text??t.value??"",a=t.language||t.lang,c=a?` class="language-${T(a)}"`:"",m=u("kb-code-block",p);return`${o}<pre class="${m}"${d}><code${c}>${A(s)}</code></pre>`}case"divider":{let s=u("kb-divider",p),a=t.text??t.label;return a?`${o}<div class="${s}"${d} role="separator"><span>${A(a)}</span></div>`:`${o}<hr class="${s}"${d} />`}case"spacer":{let s=u("kb-spacer",p);return`${o}<div class="${s}"${d} aria-hidden="true"></div>`}case"image":{let s=t.src?` src="${T(t.src)}"`:' src=""',a=t.alt?` alt="${T(t.alt)}"`:' alt=""',c=t.loading?` loading="${T(t.loading)}"`:' loading="lazy"',m=u("kb-image",p);return`${o}<img class="${m}"${d}${s}${a}${c} />`}case"video":{let s=t.src||"",a=lo(s),c=co(s),m=u("kb-video",p);if(a)return`${o}<div class="kb-video-wrapper ${p}"${d}>
-${n}<iframe src="https://www.youtube-nocookie.com/embed/${T(a)}" title="${T(t.title||"Video player")}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-${o}</div>`;if(c)return`${o}<div class="kb-video-wrapper ${p}"${d}>
-${n}<iframe src="https://player.vimeo.com/video/${T(c)}" title="${T(t.title||"Video player")}" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
-${o}</div>`;let b=t.poster?` poster="${T(t.poster)}"`:"",y=t.controls!==!1?" controls":"",h=t.autoplay?" autoplay":"",v=t.loop?" loop":"",x=t.muted?" muted":"",g=s?` src="${T(s)}"`:"";return`${o}<video class="${m}"${d}${g}${b}${y}${h}${v}${x}></video>`}case"icon":{let s=t.name||t.icon||"star",a=t.ariaLabel?` aria-label="${T(t.ariaLabel)}"`:' aria-hidden="true"',c=u("kb-icon",p);return`${o}<span class="${c}"${d}${a} data-icon="${T(s)}"></span>`}case"html-embed":{let s=t.html??t.content??"",a=u("kb-html-embed",p);return s?`${o}<div class="${a}"${d}>
-${n}${s}
-${o}</div>`:`${o}<div class="${a}"${d}></div>`}case"button":{let s=t.label??t.text??t.value??"Button",a=t.type?` type="${T(t.type)}"`:' type="button"',c=t.disabled?" disabled":"",m=u("kb-button",p);if(t.href){let b=` href="${T(t.href)}"`,y=t.target?` target="${T(t.target)}"`:"";return`${o}<a class="${m}"${d}${b}${y}>${A(s)}</a>`}return`${o}<button class="${m}"${d}${a}${c}>${A(s)}</button>`}case"form":{let s=t.action?` action="${T(t.action)}"`:"",a=t.method?` method="${T(t.method)}"`:' method="POST"',c=u("kb-form",p),m=l.map(b=>q(b,e+1,i)).join(`
-`);return m?`${o}<form class="${c}"${d}${s}${a}>
-${m}
-${o}</form>`:`${o}<form class="${c}"${d}${s}${a}></form>`}case"input":{let s=t.type?` type="${T(t.type)}"`:' type="text"',a=t.name?` name="${T(t.name)}"`:"",c=t.placeholder?` placeholder="${T(t.placeholder)}"`:"",m=t.value!==void 0?` value="${T(t.value)}"`:"",b=t.required?" required":"",y=t.disabled?" disabled":"",h=u("kb-input",p);return`${o}<input class="${h}"${d}${s}${a}${c}${m}${b}${y} />`}case"textarea":{let s=t.name?` name="${T(t.name)}"`:"",a=t.placeholder?` placeholder="${T(t.placeholder)}"`:"",c=t.rows?` rows="${T(t.rows)}"`:' rows="4"',m=t.value??t.defaultValue??"",b=t.required?" required":"",y=t.disabled?" disabled":"",h=u("kb-textarea",p);return`${o}<textarea class="${h}"${d}${s}${a}${c}${b}${y}>${A(m)}</textarea>`}case"select":{let s=t.name?` name="${T(t.name)}"`:"",a=t.required?" required":"",c=t.disabled?" disabled":"",m=u("kb-select",p),b=Array.isArray(t.options)?t.options:[],y=" ".repeat((e+1)*(i.indentSize??2)),h=b.map(v=>{let x=typeof v=="object"?v.value:v,g=typeof v=="object"?v.label:v,w=t.value===x||t.defaultValue===x?" selected":"";return`${y}<option value="${T(x)}"${w}>${A(g)}</option>`}).join(`
-`);return h?`${o}<select class="${m}"${d}${s}${a}${c}>
-${h}
-${o}</select>`:`${o}<select class="${m}"${d}${s}${a}${c}></select>`}case"checkbox":{let s=t.name?` name="${T(t.name)}"`:"",a=t.checked||t.defaultChecked?" checked":"",c=t.label??t.text??"",m=u("kb-checkbox-label",p);return`${o}<label class="${m}"${d}><input type="checkbox"${s}${a} /><span>${A(c)}</span></label>`}case"radio":{let s=t.name?` name="${T(t.name)}"`:"",a=t.value?` value="${T(t.value)}"`:"",c=t.checked||t.defaultChecked?" checked":"",m=t.label??t.text??"",b=u("kb-radio-label",p);return`${o}<label class="${b}"${d}><input type="radio"${s}${a}${c} /><span>${A(m)}</span></label>`}case"list":{let s=t.tag==="ol"||t.type==="ol"||t.ordered?"ol":"ul",a=u("kb-list",p),c=l.map(m=>q(m,e+1,i)).join(`
-`);return c?`${o}<${s} class="${a}"${d}>
-${c}
-${o}</${s}>`:`${o}<${s} class="${a}"${d}></${s}>`}case"list-item":{let s=t.text??t.value,a=u("kb-list-item",p);if(l.length>0){let c=l.map(m=>q(m,e+1,i)).join(`
-`);return`${o}<li class="${a}"${d}>
-${c}
-${o}</li>`}return`${o}<li class="${a}"${d}>${A(s??"List item")}</li>`}case"table":{let s=u("kb-table",p),a=l.map(c=>q(c,e+1,i)).join(`
-`);return a?`${o}<table class="${s}"${d}>
-${a}
-${o}</table>`:`${o}<table class="${s}"${d}></table>`}case"table-row":{let s=u("kb-table-row",p),a=l.map(c=>q(c,e+1,i)).join(`
-`);return a?`${o}<tr class="${s}"${d}>
-${a}
-${o}</tr>`:`${o}<tr class="${s}"${d}></tr>`}case"table-cell":{let a=t.isHeader||t.type==="header"||t.tag==="th"?"th":"td",c=t.colSpan&&Number(t.colSpan)>1?` colspan="${T(t.colSpan)}"`:"",m=t.rowSpan&&Number(t.rowSpan)>1?` rowspan="${T(t.rowSpan)}"`:"",b=t.text??t.value??"",y=u("kb-table-cell",p);if(l.length>0){let h=l.map(v=>q(v,e+1,i)).join(`
-`);return`${o}<${a} class="${y}"${d}${c}${m}>
-${h}
-${o}</${a}>`}return`${o}<${a} class="${y}"${d}${c}${m}>${A(b)}</${a}>`}case"collection":{let s=u("kb-collection",p),a=l.map(c=>q(c,e+1,i)).join(`
-`);return a?`${o}<div class="${s}"${d}>
-${a}
-${o}</div>`:`${o}<div class="${s}"${d}></div>`}default:{let s=u(`kb-${r.type}`,p),a=l.map(c=>q(c,e+1,i)).join(`
-`);return a?`${o}<div class="${s}"${d}>
-${a}
-${o}</div>`:`${o}<div class="${s}"${d}></div>`}}}function uo(r,e={}){let i="document"in r?r.document:r;return i?q(i,0,e):""}function xe(r,e,i=""){if(!e.trim())return"";let o=e.split(";").map(t=>t.trim()).filter(Boolean);if(o.length===0)return"";let n=o.map(t=>`${i}  ${t};`).join(`
+${o}</a>`}return`${o}<a class="${y}"${f}${a}${s}${d}>${V(g??"Link")}</a>`}case"blockquote":{let a=t.cite?` cite="${T(t.cite)}"`:"",s=t.quote??t.text??t.value,d=t.author??t.citeAuthor,g=c("kb-blockquote",p);if(s||d){let y=s?`${n}<p>${V(s)}</p>`:"",b=d?`${n}<cite>${V(d)}</cite>`:"",x=[y,b].filter(Boolean).join(`
+`);return`${o}<blockquote class="${g}"${f}${a}>
+${x}
+${o}</blockquote>`}if(l.length>0){let y=l.map(b=>U(b,e+1,i)).join(`
+`);return`${o}<blockquote class="${g}"${f}${a}>
+${y}
+${o}</blockquote>`}return`${o}<blockquote class="${g}"${f}${a}></blockquote>`}case"badge":{let a=t.text??t.label??t.value??"Badge",s=c("kb-badge",p);return`${o}<span class="${s}"${f}>${V(a)}</span>`}case"code-block":{let a=t.code??t.text??t.value??"",s=t.language||t.lang,d=s?` class="language-${T(s)}"`:"",g=c("kb-code-block",p);return`${o}<pre class="${g}"${f}><code${d}>${V(a)}</code></pre>`}case"divider":{let a=c("kb-divider",p),s=t.text??t.label;return s?`${o}<div class="${a}"${f} role="separator"><span>${V(s)}</span></div>`:`${o}<hr class="${a}"${f} />`}case"spacer":{let a=c("kb-spacer",p);return`${o}<div class="${a}"${f} aria-hidden="true"></div>`}case"image":{let a=t.src?` src="${T(t.src)}"`:' src=""',s=t.alt?` alt="${T(t.alt)}"`:' alt=""',d=t.loading?` loading="${T(t.loading)}"`:' loading="lazy"',g=c("kb-image",p);return`${o}<img class="${g}"${f}${a}${s}${d} />`}case"video":{let a=t.src||"",s=Fo(a),d=Do(a),g=c("kb-video",p);if(s)return`${o}<div class="kb-video-wrapper ${p}"${f}>
+${n}<iframe src="https://www.youtube-nocookie.com/embed/${T(s)}" title="${T(t.title||"Video player")}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+${o}</div>`;if(d)return`${o}<div class="kb-video-wrapper ${p}"${f}>
+${n}<iframe src="https://player.vimeo.com/video/${T(d)}" title="${T(t.title||"Video player")}" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+${o}</div>`;let y=t.poster?` poster="${T(t.poster)}"`:"",b=t.controls!==!1?" controls":"",x=t.autoplay?" autoplay":"",h=t.loop?" loop":"",v=t.muted?" muted":"",m=a?` src="${T(a)}"`:"";return`${o}<video class="${g}"${f}${m}${y}${b}${x}${h}${v}></video>`}case"icon":{let a=t.name||t.icon||"star",s=t.ariaLabel?` aria-label="${T(t.ariaLabel)}"`:' aria-hidden="true"',d=c("kb-icon",p);return`${o}<span class="${d}"${f}${s} data-icon="${T(a)}"></span>`}case"html-embed":{let a=t.html??t.content??"",s=c("kb-html-embed",p);return a?`${o}<div class="${s}"${f}>
+${n}${a}
+${o}</div>`:`${o}<div class="${s}"${f}></div>`}case"button":{let a=t.label??t.text??t.value??"Button",s=t.type?` type="${T(t.type)}"`:' type="button"',d=t.disabled?" disabled":"",g=c("kb-button",p);if(t.href){let y=` href="${T(t.href)}"`,b=t.target?` target="${T(t.target)}"`:"";return`${o}<a class="${g}"${f}${y}${b}>${V(a)}</a>`}return`${o}<button class="${g}"${f}${s}${d}>${V(a)}</button>`}case"form":{let a=t.action?` action="${T(t.action)}"`:"",s=t.method?` method="${T(t.method)}"`:' method="POST"',d=c("kb-form",p),g=l.map(y=>U(y,e+1,i)).join(`
+`);return g?`${o}<form class="${d}"${f}${a}${s}>
+${g}
+${o}</form>`:`${o}<form class="${d}"${f}${a}${s}></form>`}case"input":{let a=t.type?` type="${T(t.type)}"`:' type="text"',s=t.name?` name="${T(t.name)}"`:"",d=t.placeholder?` placeholder="${T(t.placeholder)}"`:"",g=t.value!==void 0?` value="${T(t.value)}"`:"",y=t.required?" required":"",b=t.disabled?" disabled":"",x=c("kb-input",p);return`${o}<input class="${x}"${f}${a}${s}${d}${g}${y}${b} />`}case"textarea":{let a=t.name?` name="${T(t.name)}"`:"",s=t.placeholder?` placeholder="${T(t.placeholder)}"`:"",d=t.rows?` rows="${T(t.rows)}"`:' rows="4"',g=t.value??t.defaultValue??"",y=t.required?" required":"",b=t.disabled?" disabled":"",x=c("kb-textarea",p);return`${o}<textarea class="${x}"${f}${a}${s}${d}${y}${b}>${V(g)}</textarea>`}case"select":{let a=t.name?` name="${T(t.name)}"`:"",s=t.required?" required":"",d=t.disabled?" disabled":"",g=c("kb-select",p),y=Array.isArray(t.options)?t.options:[],b=" ".repeat((e+1)*(i.indentSize??2)),x=y.map(h=>{let v=typeof h=="object"?h.value:h,m=typeof h=="object"?h.label:h,C=t.value===v||t.defaultValue===v?" selected":"";return`${b}<option value="${T(v)}"${C}>${V(m)}</option>`}).join(`
+`);return x?`${o}<select class="${g}"${f}${a}${s}${d}>
+${x}
+${o}</select>`:`${o}<select class="${g}"${f}${a}${s}${d}></select>`}case"checkbox":{let a=t.name?` name="${T(t.name)}"`:"",s=t.checked||t.defaultChecked?" checked":"",d=t.label??t.text??"",g=c("kb-checkbox-label",p);return`${o}<label class="${g}"${f}><input type="checkbox"${a}${s} /><span>${V(d)}</span></label>`}case"radio":{let a=t.name?` name="${T(t.name)}"`:"",s=t.value?` value="${T(t.value)}"`:"",d=t.checked||t.defaultChecked?" checked":"",g=t.label??t.text??"",y=c("kb-radio-label",p);return`${o}<label class="${y}"${f}><input type="radio"${a}${s}${d} /><span>${V(g)}</span></label>`}case"list":{let a=t.tag==="ol"||t.type==="ol"||t.ordered?"ol":"ul",s=c("kb-list",p),d=l.map(g=>U(g,e+1,i)).join(`
+`);return d?`${o}<${a} class="${s}"${f}>
+${d}
+${o}</${a}>`:`${o}<${a} class="${s}"${f}></${a}>`}case"list-item":{let a=t.text??t.value,s=c("kb-list-item",p);if(l.length>0){let d=l.map(g=>U(g,e+1,i)).join(`
+`);return`${o}<li class="${s}"${f}>
+${d}
+${o}</li>`}return`${o}<li class="${s}"${f}>${V(a??"List item")}</li>`}case"table":{let a=c("kb-table",p),s=l.map(d=>U(d,e+1,i)).join(`
+`);return s?`${o}<table class="${a}"${f}>
+${s}
+${o}</table>`:`${o}<table class="${a}"${f}></table>`}case"table-row":{let a=c("kb-table-row",p),s=l.map(d=>U(d,e+1,i)).join(`
+`);return s?`${o}<tr class="${a}"${f}>
+${s}
+${o}</tr>`:`${o}<tr class="${a}"${f}></tr>`}case"table-cell":{let s=t.isHeader||t.type==="header"||t.tag==="th"?"th":"td",d=t.colSpan&&Number(t.colSpan)>1?` colspan="${T(t.colSpan)}"`:"",g=t.rowSpan&&Number(t.rowSpan)>1?` rowspan="${T(t.rowSpan)}"`:"",y=t.text??t.value??"",b=c("kb-table-cell",p);if(l.length>0){let x=l.map(h=>U(h,e+1,i)).join(`
+`);return`${o}<${s} class="${b}"${f}${d}${g}>
+${x}
+${o}</${s}>`}return`${o}<${s} class="${b}"${f}${d}${g}>${V(y)}</${s}>`}case"collection":{let a=c("kb-collection",p),s=l.map(d=>U(d,e+1,i)).join(`
+`);return s?`${o}<div class="${a}"${f}>
+${s}
+${o}</div>`:`${o}<div class="${a}"${f}></div>`}default:{let a=c(`kb-${r.type}`,p),s=l.map(d=>U(d,e+1,i)).join(`
+`);return s?`${o}<div class="${a}"${f}>
+${s}
+${o}</div>`:`${o}<div class="${a}"${f}></div>`}}}function Mo(r,e={}){let i="document"in r?r.document:r;return i?U(i,0,e):""}function Ee(r,e,i=""){if(!e.trim())return"";let o=e.split(";").map(t=>t.trim()).filter(Boolean);if(o.length===0)return"";let n=o.map(t=>`${i}  ${t};`).join(`
 `);return`${i}${r} {
 ${n}
-${i}}`}function po(r,e={}){let i="document"in r?r.document:r;if(!i)return"";let o=e.classPrefix||"kb-node-",n=[],t=[],l=[],f=[],p=a=>{let c=`.${o}${a.id}`;if(a.styles){let m={...a.styles.base||{},...a.styles.desktop||{}},b=te(m);if(b&&n.push(xe(c,b)),a.styles.tablet){let y=te(a.styles.tablet);y&&t.push(xe(c,y,"  "))}if(a.styles.mobile){let y=te(a.styles.mobile);y&&l.push(xe(c,y,"  "))}if(a.styles.states&&typeof a.styles.states=="object")for(let[y,h]of Object.entries(a.styles.states)){if(!h)continue;let v=/^::?[a-zA-Z-]+$/.test(y)?y:null;if(!v)continue;let x=te(h);x&&f.push(xe(`${c}${v}`,x))}}a.children?.forEach(p)};p(i);let u=[];e.includeReset!==!1&&u.push(`/* ==========================================================================
+${i}}`}function Oo(r,e={}){let i="document"in r?r.document:r;if(!i)return"";let o=e.classPrefix||"kb-node-",n=[],t=[],l=[],u=[],p=s=>{let d=`.${o}${s.id}`;if(s.styles){let g={...s.styles.base||{},...s.styles.desktop||{}},y=ae(g);if(y&&n.push(Ee(d,y)),s.styles.tablet){let b=ae(s.styles.tablet);b&&t.push(Ee(d,b,"  "))}if(s.styles.mobile){let b=ae(s.styles.mobile);b&&l.push(Ee(d,b,"  "))}if(s.styles.states&&typeof s.styles.states=="object")for(let[b,x]of Object.entries(s.styles.states)){if(!x)continue;let h=/^::?[a-zA-Z-]+$/.test(b)?b:null;if(!h)continue;let v=ae(x);v&&u.push(Ee(`${d}${h}`,v))}}s.children?.forEach(p)};p(i);let c=[];e.includeReset!==!1&&c.push(`/* ==========================================================================
    Baseline Reset & Typography Standards
    ========================================================================== */
-${Qe}`),n.length>0&&u.push(`/* ==========================================================================
+${lt}`),n.length>0&&c.push(`/* ==========================================================================
    Component Styles
    ========================================================================== */
 ${n.join(`
 
-`)}`),f.length>0&&u.push(`/* ==========================================================================
+`)}`),u.length>0&&c.push(`/* ==========================================================================
    Interactive & Hover States
    ========================================================================== */
-${f.join(`
+${u.join(`
 
-`)}`),t.length>0&&u.push(`/* ==========================================================================
+`)}`),t.length>0&&c.push(`/* ==========================================================================
    Tablet Breakpoint (max-width: 1024px)
    ========================================================================== */
 @media (max-width: 1024px) {
 ${t.join(`
 
 `)}
-}`),l.length>0&&u.push(`/* ==========================================================================
+}`),l.length>0&&c.push(`/* ==========================================================================
    Mobile Breakpoint (max-width: 640px)
    ========================================================================== */
 @media (max-width: 640px) {
 ${l.join(`
 
 `)}
-}`);let d="document"in r?r:{schema:"stora.page",version:"1.0.0",document:i},s=me(d);return s&&u.push(`/* ==========================================================================
+}`);let f="document"in r?r:{schema:"stora.page",version:"1.0.0",document:i},a=Re(f);return a&&c.push(`/* ==========================================================================
    Animations & Motion Keyframes
    ========================================================================== */
-${s}`),u.join(`
+${a}`),c.join(`
 
-`)}function Bi(r,e={}){let i=A(r.metadata?.title||"KUBUILD Page"),o=r.metadata?.description?T(r.metadata.description):"",n=r.metadata?.author?T(r.metadata.author):"",t=e.lang||"en",l=po(r,e.cssOptions),f=uo(r,e.htmlOptions),p=o?`  <meta name="description" content="${o}">
-`:"",u=n?`  <meta name="author" content="${n}">
+`)}function Pa(r,e={}){let i=V(r.metadata?.title||"KUBUILD Page"),o=r.metadata?.description?T(r.metadata.description):"",n=r.metadata?.author?T(r.metadata.author):"",t=e.lang||"en",l=Oo(r,e.cssOptions),u=Mo(r,e.htmlOptions),p=o?`  <meta name="description" content="${o}">
+`:"",c=n?`  <meta name="author" content="${n}">
 `:"";return`<!DOCTYPE html>
 <html lang="${t}">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>${i}</title>
-${p}${u}  <style>
+${p}${c}  <style>
 ${l}
   </style>
 </head>
 <body>
-${f}
+${u}
 </body>
-</html>`}export{Gt as ANIMATION_KEYFRAMES_CSS,J as ApiRequestError,be as ComponentErrorBoundary,io as DEFAULT_BREAKPOINTS,Qe as DEFAULT_CSS_RESET,ie as DEFAULT_RENDER_CONTEXT,Bt as DEFAULT_VIEWPORT_CONFIGS,j as EditableText,Pt as FormCheckboxNode,wt as FormContainerNode,St as FormInputNode,Nt as FormRadioNode,Ne as FormRuntimeContext,ht as FormRuntimeProvider,Et as FormSelectNode,It as FormSubmitButtonNode,Tt as FormTextareaNode,kt as HtmlEmbedView,Di as KubuildPreviewViewport,Ht as KubuildRenderer,Ee as ModalManager,Ie as NodeRenderer,ao as PreviewViewportAdapter,ze as RenderContextProvider,Cn as ToastCard,ft as ToastContainer,Se as ToastManager,nt as apiRequestRunner,Ot as aspectRatioToCss,ln as buildApiUrl,lt as closeModalRunner,me as collectAnimationStylesCss,Ze as collectStateStylesCss,ct as copyClipboardRunner,gn as copyToClipboard,we as createApiRequestHandler,wn as createDefaultActionRunners,vo as createMinimalRenderContext,Wt as createRenderContext,Ge as dispatchAction,D as executeNodeActions,po as generateDocumentCss,uo as generateSemanticHtml,Bi as generateStandaloneHtml,Qt as getEntranceAnimationCss,Jt as getHoverEffectCss,Zt as getLoopEffectCss,Dt as getVimeoId,At as getYouTubeId,Xe as isActionRegistered,se as modalManager,dt as navigateRunner,at as openModalRunner,dn as prepareRequestBody,ye as registerDefaultActionRunners,eo as renderCollectionNode,Kn as renderCustomComponent,to as renderFallbackNode,Qn as renderFormNode,Yn as renderLayoutNode,Gn as renderListNode,Zn as renderMediaNode,Mt as renderNodeContent,Jn as renderTableNode,Xn as renderTypographyNode,Co as replayNodeAnimation,ut as resetFormRunner,Ye as resolveActionPayload,Ke as resolveActionPayloadDetailed,Re as resolveAssetSync,Je as resolveNodeStyles,We as resolveVariable,so as resolveViewportContainerStyle,Lt as resolveViewportDimensions,Ai as resolveViewportFromWidth,st as showToastRunner,te as styleDefinitionToCssDeclarations,Ft as toPascalCase,Q as toastManager,Mn as transformEmbedHtml,$r as useFormContext,Sr as useFormField,X as useFormRuntime,wr as useFormStatus,Yo as useModal,Xo as useModals,$t as useNodeLoadActions,Ue as useRenderContext,ot as useToasts};
+</html>`}export{un as ANIMATION_KEYFRAMES_CSS,ne as ApiRequestError,qe as ArtboardPortalHost,Ce as ComponentErrorBoundary,Po as DEFAULT_BREAKPOINTS,lt as DEFAULT_CSS_RESET,re as DEFAULT_RENDER_CONTEXT,Qt as DEFAULT_VIEWPORT_CONFIGS,K as EditableText,_t as FormCheckboxNode,Ot as FormContainerNode,Vt as FormInputNode,Lt as FormRadioNode,He as FormRuntimeContext,Pt as FormRuntimeProvider,Ht as FormSelectNode,qt as FormSubmitButtonNode,Bt as FormTextareaNode,Ft as HtmlEmbedView,wa as KubuildPreviewViewport,ba as KubuildProjectRenderer,Te as KubuildRenderer,Oe as ModalManager,ge as NodeRenderer,Io as PreviewViewportAdapter,Ze as RenderContextProvider,Vn as ToastCard,wt as ToastContainer,De as ToastManager,ut as apiRequestRunner,Wt as aspectRatioToCss,kn as buildApiUrl,xt as closeModalRunner,Re as collectAnimationStylesCss,st as collectStateStylesCss,Rt as copyClipboardRunner,Pn as copyToClipboard,Fe as createApiRequestHandler,Hn as createDefaultActionRunners,Uo as createMinimalRenderContext,sn as createRenderContext,rt as dispatchAction,H as executeNodeActions,Oo as generateDocumentCss,Mo as generateSemanticHtml,Pa as generateStandaloneHtml,Jt as getArtboardContentNode,gn as getEntranceAnimationCss,pn as getHoverEffectCss,fn as getLoopEffectCss,Ut as getVimeoId,zt as getYouTubeId,eo as handleFormButtonClick,ot as isActionRegistered,J as modalManager,vt as navigateRunner,it as normalizeStyleObject,Ve as openModalRunner,Cn as prepareRequestBody,we as registerDefaultActionRunners,yo as renderCollectionNode,co as renderCustomComponent,ho as renderFallbackNode,bo as renderFormNode,Kt as renderInteractiveNode,uo as renderLayoutNode,fo as renderListNode,mo as renderMediaNode,Xt as renderNodeContent,go as renderTableNode,po as renderTypographyNode,Xo as replayNodeAnimation,kt as resetFormRunner,nt as resolveActionPayload,tt as resolveActionPayloadDetailed,Pe as resolveAssetSync,at as resolveNodeStyles,et as resolveVariable,Ao as resolveViewportContainerStyle,en as resolveViewportDimensions,Ca as resolveViewportFromWidth,So as selectOpenComponentArtboards,yt as showToastRunner,ae as styleDefinitionToCssDeclarations,jt as toPascalCase,ie as toastManager,ht as toggleModalRunner,Jn as transformEmbedHtml,Yr as useFormContext,Gr as useFormField,Q as useFormRuntime,Xr as useFormStatus,mt as useModal,bt as useModals,Mt as useNodeLoadActions,Qe as useRenderContext,pt as useToasts};