@duongthiu/onex-core 0.1.0 → 0.1.1

package/dist/chunk-RGIVKACG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderers/component-renderer.tsx","../src/renderers/block-renderer.tsx","../src/renderers/section-renderer.tsx"],"names":["componentRegistry","jsxs","jsx","React","blockRegistry","Fragment","__spreadValues"],"mappings":";;;;;;;;;;;AA6BO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA;AAAA,EACA;AACF,CAAA,EAAsD;AAEpD,EAAA,MAAM,YAAA,GAAeA,kCAAA,CAAkB,GAAA,CAAI,QAAA,CAAS,IAAI,CAAA;AACxD,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,gBAAA,EAAmB,QAAA,CAAS,IAAI,CAAA,uBAAA,CAAyB,CAAA;AAEtE,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,6DAAU,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IACrB;AAGA,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACEC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,6DAAA;AAAA,UACV,qBAAmB,QAAA,CAAS,EAAA;AAAA,UAC5B,uBAAqB,QAAA,CAAS,IAAA;AAAA,UAC9B,iBAAA,EAAiB,SAAA;AAAA,UAEjB,QAAA,EAAA;AAAA,4BAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,WAAU,kCAAA,EAAmC,QAAA,EAAA;AAAA,cAAA,aAAA;AAAA,cAC7B,QAAA,CAAS,IAAA;AAAA,cAAK;AAAA,aAAA,EACjC,CAAA;AAAA,4BACAA,eAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2BAAA,EAA4B,QAAA,EAAA;AAAA,cAAA,MAAA;AAAA,cAAK,QAAA,CAAS;AAAA,aAAA,EAAG;AAAA;AAAA;AAAA,OAC5D;AAAA,IAEJ;AAEA,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,SAAA,EAAW,SAAA,EAAW,UAAA,EAAW,GAAI,YAAA;AAG7C,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,uBAAA,EAAsB,WAAA;AAAA,MACtB,qBAAmB,QAAA,CAAS,EAAA;AAAA,MAC5B,uBAAqB,QAAA,CAAS,IAAA;AAAA,MAC9B,iBAAA,EAAiB,SAAA;AAAA,MACjB,cAAY,QAAA,CAAS,KAAA;AAAA,MACrB,KAAA,EAAO;AAAA,QACL,QAAA,EAAU,UAAA;AAAA,QACV,aAAA,EAAe;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAAA,cAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,QAAA;AAAA,UACX,UAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AAsBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,kBAAA;AAAA,EACA;AACF,CAAA,EAAmD;AAEjD,EAAA,MAAM,eAAA,GAAkB,CAAC,GAAG,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,KAAA,GAAQ,CAAA,CAAE,KAAK,CAAA;AAGvE,EAAA,MAAM,mBAAmB,eAAA,CAAgB,MAAA;AAAA,IACvC,CAAC,QAAA,KAAa,QAAA,CAAS,OAAA,KAAY;AAAA,GACrC;AAEA,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAW,kBAAA,EAAoB,uBAAoB,MAAA,EACrD,QAAA,EAAA,gBAAA,CAAiB,GAAA,CAAI,CAAC,QAAA,qBACrBA,cAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAEC,QAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA,EAAW;AAAA,KAAA;AAAA,IAJN,QAAA,CAAS;AAAA,GAMjB,CAAA,EACH,CAAA;AAEJ;AAKO,SAAS,yBAAyB,aAAA,EAAuB;AAC9D,EAAA,OAAOC,sBAAA,CAAM,OAAA;AAAA,IACX,MAAMH,kCAAA,CAAkB,GAAA,CAAI,aAAa,CAAA;AAAA,IACzC,CAAC,aAAa;AAAA,GAChB;AACF;AAKO,SAAS,qBAAqB,QAAA,EAAyC;AAC5E,EAAA,MAAM,YAAA,GAAe,wBAAA,CAAA,CAAyB,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,IAAA,KAAQ,EAAE,CAAA;AAElE,EAAA,OAAOG,sBAAA,CAAM,QAAQ,MAAM;AACzB,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,YAAA,EAAc,OAAO,IAAA;AAEvC,IAAA,MAAM,EAAE,SAAA,EAAW,SAAA,EAAW,UAAA,EAAW,GAAI,YAAA;AAE7C,IAAA,OAAO,EAAE,SAAA,EAAW,UAAA,EAAY,QAAA,EAAS;AAAA,EAC3C,CAAA,EAAG,CAAC,QAAA,EAAU,YAAY,CAAC,CAAA;AAC7B;ACnIO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAkD;AAzClD,EAAA,IAAA,EAAA,EAAA,EAAA;AA2CE,EAAA,IAAI,KAAA,CAAM,YAAY,KAAA,EAAO;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,MAAM,YAAA,GAAeC,8BAAA,CAAc,GAAA,CAAI,KAAA,CAAM,IAAI,CAAA;AAGjD,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,YAAA,EAAc;AAClD,IAAA,MAAM,YAAY,KAAA,CAAM,IAAA,CAAKA,+BAAc,MAAA,EAAO,CAAE,MAAM,CAAA;AAC1D,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN,CAAA,oCAAA,EAA6B,MAAM,IAAI,CAAA,wBAAA,CAAA;AAAA,MACvC;AAAA,QACE,SAAS,KAAA,CAAM,EAAA;AAAA,QACf,WAAW,KAAA,CAAM,IAAA;AAAA,QACjB,SAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA,EAAc,KAAA,CAAM,OAAA,KAAY,MAAA,IAAa,MAAM,OAAA,KAAY,IAAA;AAAA,QAC/D,eAAA,EAAA,CAAA,CAAiB,EAAA,GAAA,KAAA,CAAM,MAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,MAAA,KAAU,CAAA;AAAA,QACzC,aAAA,EAAA,CAAA,CAAe,EAAA,GAAA,KAAA,CAAM,UAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,MAAA,KAAU,CAAA;AAAA,QAC3C,eAAA,EAAiB,SAAA;AAAA,QACjB,cAAc,SAAA,CAAU,MAAA;AAAA,QACxB,YAAY,SAAA,CAAU,IAAA;AAAA,UAAK,CAAC,IAAA,KAC1B,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,KAAK,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAC;AAAA,YAEpC,CAAA,cAAA,EAAiB,SAAA,CAAU,IAAA,CAAK,CAAC,SAAS,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,IAAA,CAAK,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAC,CAAC,CAAA,EAAA,CAAA,GAClF;AAAA;AACN,KACF;AAAA,EACF;AAEA,EAAA,IAAI,YAAA,EAAc;AAEhB,IAAA,MAAM,YAAY,YAAA,CAAa,SAAA;AAK/B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACEF,cAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,iBAAA,EAAiB,SAAA;AAAA,UACjB,iBAAe,KAAA,CAAM,EAAA;AAAA,UACrB,mBAAiB,KAAA,CAAM,IAAA;AAAA,UACvB,KAAA,EAAO;AAAA,YACL,QAAA,EAAU,UAAA;AAAA,YACV,OAAA,EAAS,OAAA;AAAA,YACT,KAAA,EAAO,MAAA;AAAA,YACP,SAAA,EAAW,KAAA;AAAA,YACX,eAAA,EAAiB,aAAA;AAAA,YACjB,aAAA,EAAe;AAAA,WACjB;AAAA,UACA,SAAA,EAAU,eAAA;AAAA,UAEV,QAAA,kBAAAA,cAAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,YAAY,YAAA,CAAa,UAAA;AAAA,cACzB,SAAA;AAAA,cACA,IAAA;AAAA,cACA,SAAA;AAAA,cACA;AAAA;AAAA;AACF;AAAA,OACF;AAAA,IAEJ;AAEA,IAAA,uBACEA,cAAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,YAAY,YAAA,CAAa,UAAA;AAAA,QACzB,SAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,EAEJ;AAGA,EAAA,uBACED,eAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,iBAAA,EAAiB,SAAA;AAAA,MACjB,iBAAe,KAAA,CAAM,EAAA;AAAA,MACrB,mBAAiB,KAAA,CAAM,IAAA;AAAA,MACvB,SAAA;AAAA,MACA,OAAO,KAAA,CAAM,KAAA;AAAA,MAGZ,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,UAAA,IAAc,KAAA,CAAM,UAAA,CAAW,MAAA,GAAS,qBAC7CC,cAAAA;AAAA,UAAC,qBAAA;AAAA,UAAA;AAAA,YACC,WAAW,KAAA,CAAM,UAAA;AAAA,YACjB,SAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QAID,MAAM,MAAA,IAAU,KAAA,CAAM,MAAA,CAAO,MAAA,GAAS,qBACrCA,cAAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,QAAQ,KAAA,CAAM,MAAA;AAAA,YACd,SAAA;AAAA,YACA,SAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QAAA,CAIA,CAAC,KAAA,CAAM,UAAA,IAAc,MAAM,UAAA,CAAW,MAAA,KAAW,OAChD,CAAC,KAAA,CAAM,UAAU,KAAA,CAAM,MAAA,CAAO,WAAW,CAAA,CAAA,IAC1C,QAAA,oBAAYA,cAAAA,CAAAG,mBAAAA,EAAA,EAAG,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,QAAA,CAGxB,CAAC,MAAM,UAAA,IAAc,KAAA,CAAM,WAAW,MAAA,KAAW,CAAA,MAChD,CAAC,KAAA,CAAM,MAAA,IAAU,KAAA,CAAM,OAAO,MAAA,KAAW,CAAA,CAAA,oBACxCH,cAAAA,CAAAG,mBAAAA,EAAA,EACG,sCACCJ,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2EAAA,EACb,QAAA,EAAA;AAAA,0BAAAA,eAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,YACnC,KAAA,CAAM;AAAA,WAAA,EAChB,CAAA;AAAA,0BACAC,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2BAA0B,QAAA,EAAA,+EAAA,EAGvC;AAAA,SAAA,EACF,CAAA;AAAA;AAAA,UAEF,OAAA,CAAQ,IAAI,QAAA,KAAa,aAAA,mBACvBD,eAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wFAAA,EAAyF,QAAA,EAAA;AAAA,YAAA,sBAAA;AAAA,YACtF,KAAA,CAAM,IAAA;AAAA,YAAK;AAAA,WAAA,EAC7B,CAAA,GACE;AAAA,SAAA,EACN;AAAA;AAAA;AAAA,GAEN;AAEJ;AA0BO,SAAS,iBAAA,CAAkB;AAAA,EAChC,MAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,EAAsD;AACpD,EAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG;AAClC,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,MAAM,eAAe,MAAA,CAClB,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,CAAM,YAAY,KAAK,CAAA,CACzC,IAAA,CAAK,CAAC,GAAG,CAAA,KAAA,CAAO,CAAA,CAAE,SAAS,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA,CAAE,CAAA;AAEjD,EAAA,IAAI,YAAA,CAAa,WAAW,CAAA,EAAG;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,eAAC,KAAA,EAAA,EAAI,SAAA,EAAW,oBACb,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,KAAA,qBACjBA,cAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MAEC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA,EAAW;AAAA,KAAA;AAAA,IALN,KAAA,CAAM;AAAA,GAOd,CAAA,EACH,CAAA;AAEJ;AAMO,SAAS,WAAA,CACd,KAAA,EACA,SAAA,GAAY,KAAA,EACZ,WACA,SAAA,EAC2B;AAC3B,EAAA,uBACEA,cAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;AC9NO,SAAS,eAAA,CAAgB;AAAA,EAC9B,OAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAAoD;AAElD,EAAA,IAAI,CAAC,OAAA,CAAQ,OAAA,IAAW,CAAC,SAAA,EAAW;AAClC,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uBAAOA,cAAAA,CAAAG,mBAAAA,EAAA,EAAG,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IACrB;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,uBACEH,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,CAAA,QAAA,EAAW,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,MACzB,mBAAiB,OAAA,CAAQ,EAAA;AAAA,MACzB,qBAAmB,OAAA,CAAQ,IAAA;AAAA,MAC3B,uBAAA,EAAuB,QAAQ,QAAA,IAAY,SAAA;AAAA,MAC3C,wBAAsB,OAAA,CAAQ,OAAA;AAAA,MAC9B,WAAW,CAAA,gBAAA,EAAmB,OAAA,CAAQ,IAAI,CAAA,CAAA,EAAI,SAAS,GAAG,IAAA,EAAK;AAAA,MAE/D,QAAA,kBAAAA,cAAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA2BO,SAAS,mBAAA,CAAoB;AAAA,EAClC,QAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAiD;AAE/C,EAAA,MAAM,kBAAkB,QAAA,CACrB,MAAA,CAAO,CAAC,OAAA,KAAY,aAAa,OAAA,CAAQ,OAAO,CAAA,CAChD,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,KAAA,GAAQ,EAAE,KAAK,CAAA;AAEnC,EAAA,uBACEA,cAAAA,CAAAG,mBAAAA,EAAA,EACG,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,OAAA,KAAY;AAChC,IAAA,MAAM,QAAA,GAAW,QAAQ,QAAA,IAAY,SAAA;AACrC,IAAA,MAAM,YAAA,GAAe,YAAA,CAAa,OAAA,CAAQ,IAAA,EAAM,QAAQ,CAAA;AAExD,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,OAAO,QAAA,mBACLH,cAAAA,CAACC,sBAAAA,CAAM,QAAA,EAAN,EACE,QAAA,EAAA,QAAA,CAAS,OAAO,CAAA,EAAA,EADE,OAAA,CAAQ,EAE7B,CAAA,GACE,IAAA;AAAA,IACN;AAEA,IAAA,uBACED,cAAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QAEC,OAAA;AAAA,QACA,WAAW,YAAA,CAAa,SAAA;AAAA,QACxB,QAAQ,YAAA,CAAa,MAAA;AAAA,QACrB,UAAU,YAAA,CAAa,QAAA;AAAA,QACvB,SAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAPK,OAAA,CAAQ;AAAA,KAQf;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAMO,SAAS,cACd,KAAA,EAC2B;AAC3B,EAAA,uBAAOA,cAAAA,CAAC,eAAA,EAAAI,+BAAA,CAAA,EAAA,EAAoB,KAAA,CAAO,CAAA;AACrC","file":"chunk-RGIVKACG.js","sourcesContent":["/**\n * Component Renderer Utility\n * Generic renderer for component instances\n */\n\nimport React from \"react\";\nimport { componentRegistry } from \"../registry/component-registry\";\nimport type { ComponentInstance } from \"../types\";\n\nexport interface ComponentRendererProps {\n  /** Component instance to render */\n  instance: ComponentInstance;\n\n  /** Section ID (required for click detection) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Additional wrapper classes */\n  className?: string;\n\n  /** Fallback when component not found */\n  fallback?: React.ReactNode;\n}\n\n/**\n * Render a single component instance\n */\nexport function ComponentRenderer({\n  instance,\n  sectionId,\n  isEditing = false,\n  className,\n  fallback,\n}: ComponentRendererProps): React.ReactElement | null {\n  // Get component from registry\n  const registration = componentRegistry.get(instance.type);\n  if (!registration) {\n    console.warn(`Component type \"${instance.type}\" not found in registry`);\n\n    if (fallback) {\n      return <>{fallback}</>;\n    }\n\n    // Default fallback in edit mode\n    if (isEditing) {\n      return (\n        <div\n          className=\"border-2 border-dashed border-red-500 bg-red-50 p-4 rounded\"\n          data-component-id={instance.id}\n          data-component-type={instance.type}\n          data-section-id={sectionId}\n        >\n          <p className=\"text-sm text-red-600 font-medium\">\n            Component &quot;{instance.type}&quot; not found\n          </p>\n          <p className=\"text-xs text-red-500 mt-1\">ID: {instance.id}</p>\n        </div>\n      );\n    }\n\n    return null;\n  }\n\n  const { component: Component, definition } = registration;\n  // Render component with wrapper (layout context only)\n  // Component content elements have the actual detection attributes\n  return (\n    <div\n      className={className}\n      data-inspector-target=\"component\"\n      data-component-id={instance.id}\n      data-component-type={instance.type}\n      data-section-id={sectionId}\n      data-order={instance.order}\n      style={{\n        position: \"relative\",\n        pointerEvents: \"auto\",\n      }}\n    >\n      <Component\n        component={instance}\n        definition={definition}\n        sectionId={sectionId}\n        isEditing={isEditing}\n        className={className}\n      />\n    </div>\n  );\n}\n\n/**\n * Render multiple component instances\n */\nexport interface ComponentListRendererProps {\n  /** Component instances to render */\n  instances: ComponentInstance[];\n\n  /** Section ID (required for click detection) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Container class */\n  containerClassName?: string;\n\n  /** Item wrapper class */\n  itemClassName?: string;\n}\n\nexport function ComponentListRenderer({\n  instances,\n  sectionId,\n  isEditing = false,\n  containerClassName,\n  itemClassName,\n}: ComponentListRendererProps): React.ReactElement {\n  // Sort by order\n  const sortedInstances = [...instances].sort((a, b) => a.order - b.order);\n\n  // Filter enabled\n  const visibleInstances = sortedInstances.filter(\n    (instance) => instance.enabled !== false\n  );\n\n  return (\n    <div className={containerClassName} data-component-list=\"true\">\n      {visibleInstances.map((instance) => (\n        <ComponentRenderer\n          key={instance.id}\n          instance={instance}\n          sectionId={sectionId}\n          isEditing={isEditing}\n          className={itemClassName}\n        />\n      ))}\n    </div>\n  );\n}\n\n/**\n * Hook to get a component registration\n */\nexport function useComponentRegistration(componentType: string) {\n  return React.useMemo(\n    () => componentRegistry.get(componentType),\n    [componentType]\n  );\n}\n\n/**\n * Hook to render a component instance\n */\nexport function useComponentInstance(instance: ComponentInstance | undefined) {\n  const registration = useComponentRegistration(instance?.type || \"\");\n\n  return React.useMemo(() => {\n    if (!instance || !registration) return null;\n\n    const { component: Component, definition } = registration;\n\n    return { Component, definition, instance };\n  }, [instance, registration]);\n}\n","/**\n * Block Renderer Utility\n * Recursive renderer for block instances with support for nested blocks and components\n */\n\nimport React from \"react\";\nimport { blockRegistry } from \"../registry/block-registry\";\nimport type { BlockInstance } from \"../types\";\nimport { ComponentListRenderer } from \"./component-renderer\";\n\nexport interface BlockRendererProps {\n  /** Block instance to render */\n  block: BlockInstance;\n\n  /** Section ID (for context) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Additional data (e.g., website settings) */\n  data?: Record<string, unknown>;\n\n  /** Additional wrapper classes */\n  className?: string;\n\n  /** Fallback when block not found */\n  fallback?: React.ReactNode;\n}\n\n/**\n * Render a single block instance with recursive support\n * Handles both registered block components and generic fallback\n */\nexport function BlockRenderer({\n  block,\n  sectionId,\n  isEditing = false,\n  data,\n  className,\n  fallback,\n}: BlockRendererProps): React.ReactElement | null {\n  // Skip disabled blocks\n  if (block.enabled === false) {\n    return null;\n  }\n\n  // Try to get registered block component\n  const registration = blockRegistry.get(block.type);\n\n  // DEBUG: Enhanced logging when block not found\n  if (typeof window !== \"undefined\" && !registration) {\n    const allBlocks = Array.from(blockRegistry.getAll().keys());\n    console.warn(\n      `[BlockRenderer] ⚠️ Block \"${block.type}\" not found in registry!`,\n      {\n        blockId: block.id,\n        blockType: block.type,\n        sectionId,\n        isEditing,\n        blockEnabled: block.enabled === undefined || block.enabled === true,\n        hasNestedBlocks: block.blocks?.length || 0,\n        hasComponents: block.components?.length || 0,\n        availableBlocks: allBlocks,\n        registrySize: allBlocks.length,\n        suggestion: allBlocks.find((type) =>\n          type.includes(block.type.split(\"-\")[0])\n        )\n          ? `Did you mean \"${allBlocks.find((type) => type.includes(block.type.split(\"-\")[0]))}\"?`\n          : \"No similar blocks found\",\n      }\n    );\n  }\n\n  if (registration) {\n    // Use registered component\n    const Component = registration.component;\n\n    // Wrap with section ID and block ID for proper detection in editor\n    // Block components have their own data-block-id, but we need both attributes on the same wrapper\n    // for the block matcher to work correctly\n    if (sectionId) {\n      return (\n        <div\n          data-section-id={sectionId}\n          data-block-id={block.id}\n          data-block-type={block.type}\n          style={{\n            position: \"relative\",\n            display: \"block\",\n            width: \"100%\",\n            minHeight: \"1px\",\n            backgroundColor: \"transparent\",\n            pointerEvents: \"auto\",\n          }}\n          className=\"block-wrapper\"\n        >\n          <Component\n            block={block}\n            definition={registration.definition}\n            isEditing={isEditing}\n            data={data}\n            className={className}\n            sectionId={sectionId}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <Component\n        block={block}\n        definition={registration.definition}\n        isEditing={isEditing}\n        data={data}\n        className={className}\n        sectionId={sectionId}\n      />\n    );\n  }\n\n  // Fallback: Generic renderer with recursive support\n  return (\n    <div\n      data-section-id={sectionId}\n      data-block-id={block.id}\n      data-block-type={block.type}\n      className={className}\n      style={block.style as React.CSSProperties}\n    >\n      {/* Render block's direct components */}\n      {block.components && block.components.length > 0 && (\n        <ComponentListRenderer\n          instances={block.components}\n          sectionId={sectionId}\n          isEditing={isEditing}\n        />\n      )}\n\n      {/* Recursively render nested blocks */}\n      {block.blocks && block.blocks.length > 0 && (\n        <BlockListRenderer\n          blocks={block.blocks}\n          sectionId={sectionId}\n          isEditing={isEditing}\n          data={data}\n        />\n      )}\n\n      {/* Fallback content if no components or blocks */}\n      {(!block.components || block.components.length === 0) &&\n        (!block.blocks || block.blocks.length === 0) &&\n        fallback && <>{fallback}</>}\n\n      {/* Debug info - show in both edit and view mode if block not found */}\n      {(!block.components || block.components.length === 0) &&\n        (!block.blocks || block.blocks.length === 0) && (\n          <>\n            {isEditing ? (\n              <div className=\"border-2 border-dashed border-yellow-500 bg-yellow-50 p-4 rounded text-sm\">\n                <p className=\"font-semibold text-yellow-800\">\n                  Block: {block.type}\n                </p>\n                <p className=\"text-yellow-600 text-xs\">\n                  No registered component found. Add components or nested blocks\n                  to this block.\n                </p>\n              </div>\n            ) : // View mode: Show subtle indicator in dev, silent in production\n            process.env.NODE_ENV === \"development\" ? (\n              <div className=\"min-h-[20px] border border-dashed border-gray-300 bg-gray-50 p-2 text-xs text-gray-500\">\n                ⚠️ Block &quot;{block.type}&quot; not registered (check console)\n              </div>\n            ) : null}\n          </>\n        )}\n    </div>\n  );\n}\n\nexport interface BlockListRendererProps {\n  /** Array of block instances to render */\n  blocks: BlockInstance[];\n\n  /** Section ID (for context) */\n  sectionId?: string;\n\n  /** Whether in edit mode */\n  isEditing?: boolean;\n\n  /** Additional data (e.g., website settings) */\n  data?: Record<string, unknown>;\n\n  /** Container class name */\n  containerClassName?: string;\n\n  /** Individual block class name */\n  blockClassName?: string;\n}\n\n/**\n * Render a list of blocks with auto-sorting\n * Automatically sorts by order field and filters enabled blocks\n */\nexport function BlockListRenderer({\n  blocks,\n  sectionId,\n  isEditing = false,\n  data,\n  containerClassName,\n  blockClassName,\n}: BlockListRendererProps): React.ReactElement | null {\n  if (!blocks || blocks.length === 0) {\n    return null;\n  }\n\n  // Filter enabled blocks and sort by order\n  const sortedBlocks = blocks\n    .filter((block) => block.enabled !== false)\n    .sort((a, b) => (a.order || 0) - (b.order || 0));\n\n  if (sortedBlocks.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={containerClassName}>\n      {sortedBlocks.map((block) => (\n        <BlockRenderer\n          key={block.id}\n          block={block}\n          sectionId={sectionId}\n          isEditing={isEditing}\n          data={data}\n          className={blockClassName}\n        />\n      ))}\n    </div>\n  );\n}\n\n/**\n * Simple helper to render a block\n * Convenience wrapper around BlockRenderer\n */\nexport function renderBlock(\n  block: BlockInstance,\n  isEditing = false,\n  className?: string,\n  sectionId?: string\n): React.ReactElement | null {\n  return (\n    <BlockRenderer\n      block={block}\n      isEditing={isEditing}\n      className={className}\n      sectionId={sectionId}\n    />\n  );\n}\n","/**\n * Section Renderer\n * Universal renderer for section instances with theme components\n */\n\n\"use client\";\n\nimport React from \"react\";\nimport type {\n  SectionInstance,\n  SectionComponentProps,\n  SectionSchema,\n  TemplateDefinition,\n} from \"../types\";\n\nexport interface SectionRendererProps {\n  /** The section instance to render */\n  section: SectionInstance;\n  /** The React component to render the section */\n  Component: React.ComponentType<SectionComponentProps>;\n  /** Section schema for metadata */\n  schema?: SectionSchema;\n  /** Template definition */\n  template?: TemplateDefinition;\n  /** Whether in editing mode */\n  isEditing?: boolean;\n  /** Additional data to pass to the component */\n  data?: Record<string, unknown>;\n  /** Fallback component if rendering fails */\n  fallback?: React.ReactNode;\n  /** Additional className for the wrapper */\n  className?: string;\n}\n\n/**\n * Render a section with proper wrapping and error handling\n */\nexport function SectionRenderer({\n  section,\n  Component,\n  schema,\n  template,\n  isEditing = false,\n  data,\n  fallback,\n  className = \"\",\n}: SectionRendererProps): React.ReactElement | null {\n  // Don't render disabled sections in view mode\n  if (!section.enabled && !isEditing) {\n    return null;\n  }\n\n  // Show fallback if component is missing\n  if (!Component) {\n    if (fallback) {\n      return <>{fallback}</>;\n    }\n    return null;\n  }\n\n  // Render the section with proper wrapper\n  return (\n    <div\n      id={`section-${section.id}`}\n      data-section-id={section.id}\n      data-section-type={section.type}\n      data-section-template={section.template || \"default\"}\n      data-section-enabled={section.enabled}\n      className={`section section-${section.type} ${className}`.trim()}\n    >\n      <Component\n        section={section}\n        schema={schema as SectionSchema}\n        template={template as TemplateDefinition}\n        isEditing={isEditing}\n        data={data}\n      />\n    </div>\n  );\n}\n\nexport interface SectionListRendererProps {\n  /** Array of sections to render */\n  sections: SectionInstance[];\n  /** Function to get component for a section */\n  getComponent: (\n    sectionType: string,\n    template: string\n  ) => {\n    Component: React.ComponentType<SectionComponentProps>;\n    schema?: SectionSchema;\n    template?: TemplateDefinition;\n  } | null;\n  /** Whether in editing mode */\n  isEditing?: boolean;\n  /** Additional data to pass to components */\n  data?: Record<string, unknown>;\n  /** Fallback for missing sections */\n  fallback?: (section: SectionInstance) => React.ReactNode;\n  /** Additional className for wrappers */\n  className?: string;\n}\n\n/**\n * Render a list of sections with automatic filtering and sorting\n */\nexport function SectionListRenderer({\n  sections,\n  getComponent,\n  isEditing = false,\n  data,\n  fallback,\n  className,\n}: SectionListRendererProps): React.ReactElement {\n  // Filter enabled sections (or all in edit mode) and sort by order\n  const visibleSections = sections\n    .filter((section) => isEditing || section.enabled)\n    .sort((a, b) => a.order - b.order);\n\n  return (\n    <>\n      {visibleSections.map((section) => {\n        const template = section.template || \"default\";\n        const registration = getComponent(section.type, template);\n\n        if (!registration) {\n          return fallback ? (\n            <React.Fragment key={section.id}>\n              {fallback(section)}\n            </React.Fragment>\n          ) : null;\n        }\n\n        return (\n          <SectionRenderer\n            key={section.id}\n            section={section}\n            Component={registration.Component}\n            schema={registration.schema}\n            template={registration.template}\n            isEditing={isEditing}\n            data={data}\n            className={className}\n          />\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Helper function to render a single section (non-component version)\n * Useful for server components or static rendering\n */\nexport function renderSection(\n  props: SectionRendererProps\n): React.ReactElement | null {\n  return <SectionRenderer {...props} />;\n}\n"]}