@improba/page-builder 0.1.0 → 0.2.0

package/dist/style.css

@@ -0,0 +1 @@
+.ipb-error-boundary[data-v-5b429c0c]{width:100%;padding:.75rem;border:1px solid #f3d1d1;border-radius:.375rem;background-color:#fff5f5;color:#7a1f1f}.ipb-error-boundary__message[data-v-5b429c0c]{margin:0;font-size:.9rem;line-height:1.4}.ipb-error-boundary__details[data-v-5b429c0c]{margin:.5rem 0 0;font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:#5f1b1b}.ipb-node-renderer__invalid[data-v-f60d41e1]{width:100%;padding:.75rem;border:1px solid #f3d1d1;border-radius:.375rem;background-color:#fff5f5;color:#7a1f1f;font-size:.825rem;line-height:1.35}.ipb-page-reader[data-v-d9bf9b29]{width:100%;min-height:100%}.ipb-page-reader__invalid[data-v-d9bf9b29]{padding:.75rem;border:1px solid #f3d1d1;border-radius:.375rem;background-color:#fff5f5;color:#7a1f1f;font-size:.875rem}.ipb-toolbar[data-v-7086d88b]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--ipb-toolbar-bg, #fff);border-bottom:1px solid var(--ipb-border-color, #e0e0e0);flex-shrink:0}.ipb-toolbar__left[data-v-7086d88b],.ipb-toolbar__center[data-v-7086d88b],.ipb-toolbar__right[data-v-7086d88b]{display:flex;align-items:center;gap:8px}.ipb-toolbar__btn[data-v-7086d88b]{padding:6px 12px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:transparent;cursor:pointer;font-size:13px;transition:background .15s}.ipb-toolbar__btn[data-v-7086d88b]:focus-visible,.ipb-toolbar__size-input[data-v-7086d88b]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-toolbar__custom-size[data-v-7086d88b]{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding-left:8px;border-left:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-toolbar__size-control[data-v-7086d88b]{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ipb-text-secondary, #4b5563)}.ipb-toolbar__size-input[data-v-7086d88b]{width:72px;padding:4px 6px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:12px}.ipb-toolbar__viewport-size[data-v-7086d88b]{margin-left:8px;color:var(--ipb-text-secondary, #6b7280);font-size:12px;font-variant-numeric:tabular-nums}.ipb-toolbar__btn[data-v-7086d88b]:hover:not(:disabled){background:var(--ipb-hover-bg, #f5f5f5)}.ipb-toolbar__btn[data-v-7086d88b]:disabled{opacity:.4;cursor:not-allowed}.ipb-toolbar__btn--active[data-v-7086d88b]{background:var(--ipb-active-bg, #e8f0fe);border-color:var(--ipb-primary-color, #1a73e8);color:var(--ipb-primary-color, #1a73e8)}.ipb-toolbar__btn--primary[data-v-7086d88b]{background:var(--ipb-primary-color, #1a73e8);color:#fff;border-color:var(--ipb-primary-color, #1a73e8)}.ipb-toolbar__btn--primary[data-v-7086d88b]:hover{background:var(--ipb-primary-hover, #1557b0)}.ipb-toolbar__dirty-indicator[data-v-7086d88b]{color:var(--ipb-warning-color, #f59e0b);font-size:10px}.ipb-tree-panel[data-v-f50f228d]{min-width:0}.ipb-tree-panel__list[data-v-f50f228d]{display:flex;flex-direction:column;gap:2px}.ipb-tree-panel__row-wrapper[data-v-f50f228d]{display:flex;flex-direction:column;gap:0}.ipb-tree-panel__drop-line[data-v-f50f228d]{min-height:8px;margin:0 8px;padding:3px 0;flex-shrink:0;display:flex;align-items:center;cursor:default}.ipb-tree-panel__drop-line[data-v-f50f228d]:before{content:"";display:block;width:100%;height:2px;border-radius:1px;background:var(--ipb-primary-color, #1d4ed8)}.ipb-tree-panel__item[data-v-f50f228d]{display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:12px;line-height:1.3}.ipb-tree-panel__item[data-v-f50f228d]:hover{background:var(--ipb-hover-bg, #f5f5f5)}.ipb-tree-panel__item[data-v-f50f228d]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:-1px}.ipb-tree-panel__item--selected[data-v-f50f228d]{background:var(--ipb-primary-soft, rgba(37, 99, 235, .14));color:var(--ipb-primary-color, #1d4ed8)}.ipb-tree-panel__item--readonly[data-v-f50f228d]{opacity:.8}.ipb-tree-panel__item--drop-target[data-v-f50f228d]{background:var(--ipb-primary-soft, rgba(37, 99, 235, .2));outline:2px dashed var(--ipb-primary-color, #1d4ed8);outline-offset:2px}.ipb-tree-panel__item--draggable[data-v-f50f228d]{cursor:grab}.ipb-tree-panel__item--draggable[data-v-f50f228d]:active{cursor:grabbing}.ipb-tree-panel__name[data-v-f50f228d]{font-weight:500;white-space:nowrap}.ipb-tree-panel__id[data-v-f50f228d]{color:var(--ipb-text-muted, #6b7280);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;white-space:nowrap}.ipb-tree-panel__readonly[data-v-f50f228d]{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--ipb-text-muted, #6b7280);border:1px solid var(--ipb-border-color, #d1d5db);border-radius:3px;padding:1px 4px}.ipb-left-drawer[data-v-2bb04ccb]{width:48px;background:var(--ipb-drawer-bg, #fff);border-right:1px solid var(--ipb-border-color, #e0e0e0);transition:width .2s ease;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.ipb-left-drawer--open[data-v-2bb04ccb]{width:260px}.ipb-left-drawer__header[data-v-2bb04ccb]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:12px;border-bottom:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-left-drawer__title[data-v-2bb04ccb]{font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipb-left-drawer__toggle[data-v-2bb04ccb]{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:12px;padding:4px}.ipb-left-drawer__toggle[data-v-2bb04ccb]:focus-visible,.ipb-left-drawer__section-toggle[data-v-2bb04ccb]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px;border-radius:4px}.ipb-left-drawer__content[data-v-2bb04ccb]{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.ipb-left-drawer__section[data-v-2bb04ccb]{min-width:0}.ipb-left-drawer__search[data-v-2bb04ccb]{margin-top:8px;margin-bottom:8px}.ipb-left-drawer__search-input[data-v-2bb04ccb]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:var(--ipb-input-bg, #fff);color:var(--ipb-text-color, #111827);font-size:12px}.ipb-left-drawer__search-input[data-v-2bb04ccb]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-left-drawer__section--tree[data-v-2bb04ccb]{padding-top:8px;border-top:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-left-drawer__section-header[data-v-2bb04ccb]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ipb-left-drawer__section-title[data-v-2bb04ccb]{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ipb-text-muted, #6b7280)}.ipb-left-drawer__section-toggle[data-v-2bb04ccb]{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:14px;line-height:1}.ipb-left-drawer__category-title[data-v-2bb04ccb]{font-size:11px;font-weight:600;margin:10px 0 8px}.ipb-left-drawer__component-list[data-v-2bb04ccb]{display:flex;flex-direction:column;gap:4px}.ipb-left-drawer__component-item[data-v-2bb04ccb]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:grab;transition:background .15s;font-size:13px;width:100%;border:0;background:transparent;color:inherit;text-align:left}.ipb-left-drawer__component-item[data-v-2bb04ccb]:hover{background:var(--ipb-hover-bg, #f5f5f5)}.ipb-left-drawer__component-item[data-v-2bb04ccb]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:-1px}.ipb-left-drawer__component-icon[data-v-2bb04ccb]{font-size:16px;width:24px;text-align:center}.ipb-left-drawer__empty[data-v-2bb04ccb]{margin:8px 0 0;font-size:12px;color:var(--ipb-text-muted, #6b7280)}.ipb-prop-editor[data-v-f48156f6]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-prop-editor[data-v-f48156f6]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-prop-editor[data-v-11786ace]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-prop-editor[data-v-11786ace]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-prop-editor--boolean[data-v-cfba94a9]{display:inline-flex;align-items:center;gap:8px;font-size:13px;-webkit-user-select:none;user-select:none}.ipb-prop-editor--boolean input[data-v-cfba94a9]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:2px}.ipb-prop-editor[data-v-8c477cbd]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box;background:var(--ipb-drawer-bg, #fff)}.ipb-prop-editor[data-v-8c477cbd]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-prop-editor--color[data-v-b0f904c5]{display:flex;align-items:center;gap:8px}.ipb-prop-editor__picker[data-v-b0f904c5]{width:40px;height:32px;padding:2px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:var(--ipb-drawer-bg, #fff)}.ipb-prop-editor__text[data-v-b0f904c5]{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-prop-editor__picker[data-v-b0f904c5]:focus-visible,.ipb-prop-editor__text[data-v-b0f904c5]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-richtext-editor[data-v-d9cdfb46]{border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;overflow:hidden}.ipb-richtext-editor__toolbar[data-v-d9cdfb46]{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-bottom:1px solid var(--ipb-border-color, #e0e0e0);background:var(--ipb-surface-muted, #f8fafc)}.ipb-richtext-editor__toolbar button[data-v-d9cdfb46]{min-width:30px;height:28px;padding:0 8px;border:1px solid var(--ipb-border-color, #d1d5db);border-radius:4px;background:var(--ipb-drawer-bg, #fff);cursor:pointer;font-size:12px}.ipb-richtext-editor__toolbar button[data-v-d9cdfb46]:hover{background:var(--ipb-surface-hover, #f3f4f6)}.ipb-richtext-editor__toolbar button[data-v-d9cdfb46]:focus-visible,.ipb-richtext-editor__content[data-v-d9cdfb46]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-richtext-editor__content[data-v-d9cdfb46]{min-height:120px;padding:8px;font-size:13px;line-height:1.5;outline:none}.ipb-richtext-editor__content[data-v-d9cdfb46]:empty:before{content:attr(data-placeholder);color:var(--ipb-text-muted, #9ca3af);pointer-events:none}.ipb-media-picker[data-v-743fe73e]{display:flex;flex-direction:column;gap:8px}.ipb-media-picker__controls[data-v-743fe73e]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.ipb-media-picker__input[data-v-743fe73e]{min-width:0;width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-media-picker__btn[data-v-743fe73e]{padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:var(--ipb-drawer-bg, #fff);cursor:pointer;font-size:12px}.ipb-media-picker__input[data-v-743fe73e]:focus-visible,.ipb-media-picker__btn[data-v-743fe73e]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-media-picker__btn[data-v-743fe73e]:disabled{opacity:.5;cursor:not-allowed}.ipb-media-picker__preview[data-v-743fe73e]{border:1px dashed var(--ipb-border-color, #e0e0e0);border-radius:4px;padding:6px;min-height:88px;display:flex;align-items:center;justify-content:center;background:var(--ipb-bg-subtle, #fafafa)}.ipb-media-picker__image[data-v-743fe73e]{max-width:100%;max-height:140px;object-fit:contain;display:block}.ipb-media-picker__empty[data-v-743fe73e]{margin:0;font-size:12px;color:var(--ipb-text-muted, #6b7280);text-align:center}.ipb-right-drawer[data-v-a25cd890]{width:48px;background:var(--ipb-drawer-bg, #fff);border-left:1px solid var(--ipb-border-color, #e0e0e0);transition:width .2s ease;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.ipb-right-drawer--open[data-v-a25cd890]{width:320px}.ipb-right-drawer__header[data-v-a25cd890]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:12px;border-bottom:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-right-drawer__title[data-v-a25cd890]{font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipb-right-drawer__toggle[data-v-a25cd890]{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:12px;padding:4px}.ipb-right-drawer__toggle[data-v-a25cd890]:focus-visible,.ipb-right-drawer__btn[data-v-a25cd890]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-right-drawer__content[data-v-a25cd890]{flex:1;overflow-y:auto;padding:16px}.ipb-right-drawer__section[data-v-a25cd890]{margin-bottom:20px}.ipb-right-drawer__section-title[data-v-a25cd890]{font-size:16px;font-weight:600;margin:0 0 4px}.ipb-right-drawer__section-subtitle[data-v-a25cd890]{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ipb-text-muted, #6b7280);margin:0 0 12px}.ipb-right-drawer__description[data-v-a25cd890]{font-size:13px;color:var(--ipb-text-muted, #6b7280);margin:0}.ipb-right-drawer__prop[data-v-a25cd890]{margin-bottom:12px}.ipb-right-drawer__prop-label[data-v-a25cd890]{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.ipb-right-drawer__prop-editor[data-v-a25cd890]{width:100%}.ipb-right-drawer__actions[data-v-a25cd890]{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-right-drawer__btn[data-v-a25cd890]{flex:1;padding:8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:transparent;cursor:pointer;font-size:13px}.ipb-right-drawer__btn--danger[data-v-a25cd890]{color:var(--ipb-danger-color, #dc2626);border-color:var(--ipb-danger-color, #dc2626)}.ipb-right-drawer__btn--danger[data-v-a25cd890]:disabled{opacity:.4;cursor:not-allowed}.ipb-right-drawer__empty[data-v-a25cd890]{padding:24px 16px;text-align:center;color:var(--ipb-text-muted, #6b7280);font-size:13px}.ipb-node-context-menu[data-v-7a59845f]{position:absolute;z-index:30;display:flex;flex-direction:column;min-width:148px;padding:6px;border:1px solid var(--ipb-border-color, #d1d5db);border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a29}.ipb-node-context-menu__item[data-v-7a59845f]{border:0;border-radius:6px;background:transparent;color:var(--ipb-text-color, #111827);font-size:13px;line-height:1.4;text-align:left;padding:7px 10px;cursor:pointer}.ipb-node-context-menu__item[data-v-7a59845f]:hover:not(:disabled){background:#3b82f61a}.ipb-node-context-menu__item[data-v-7a59845f]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:-1px}.ipb-node-context-menu__item--danger[data-v-7a59845f]{color:var(--ipb-danger-color, #dc2626)}.ipb-node-context-menu__item[data-v-7a59845f]:disabled{opacity:.45;cursor:not-allowed}.ipb-canvas[data-v-866e17d3]{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;background:var(--ipb-canvas-bg, #e5e7eb)}.ipb-canvas__viewport[data-v-866e17d3]{position:relative;flex:0 0 auto;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f;border-radius:4px;overflow:hidden;transition:width .2s ease,height .2s ease}.ipb-iframe-canvas__stage[data-v-866e17d3]{position:relative;width:100%;height:100%;background:#fff}.ipb-iframe-canvas__frame[data-v-866e17d3]{width:100%;height:100%;border:0;display:block;background:#fff}.ipb-iframe-canvas__fallback[data-v-866e17d3]{position:relative;width:100%;height:100%;background:#fff}.ipb-canvas__overlay[data-v-866e17d3]{position:absolute;pointer-events:none;border-radius:4px;box-sizing:border-box}.ipb-canvas__overlay--hovered[data-v-866e17d3]{border:1px dashed rgba(59,130,246,.75);background:#3b82f614;z-index:10}.ipb-canvas__overlay--drop[data-v-866e17d3]{border:2px dashed rgba(16,185,129,.9);background:#10b98124;z-index:12}.ipb-canvas__overlay--selected[data-v-866e17d3]{border:2px solid rgba(37,99,235,.95);background:#2563eb24;box-shadow:0 0 0 1px #ffffffd9 inset;z-index:11}.ipb-page-editor[data-v-5fd2d41f]{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--ipb-editor-bg, #f0f2f5)}.ipb-page-editor__body[data-v-5fd2d41f]{display:flex;flex:1;overflow:hidden}.ipb-page-builder__warning[data-v-84b8d079]{margin-bottom:.5rem;padding:.625rem .75rem;border:1px solid #f8d7a8;border-radius:.375rem;background-color:#fff8ec;color:#7d4a00;font-size:.875rem}

package/dist/types/built-in/PbColumn.vue.d.ts

@@ -0,0 +1,41 @@
+import type { IComponentDefinition } from '@/types/component';
+export declare const builderOptions: IComponentDefinition;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gap: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    gap: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    gap: string;
+    padding: string;
+    align: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/built-in/PbContainer.vue.d.ts

@@ -0,0 +1,32 @@
+import type { IComponentDefinition } from '@/types/component';
+export declare const builderOptions: IComponentDefinition;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    padding: string;
+    maxWidth: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/built-in/PbImage.vue.d.ts

@@ -0,0 +1,42 @@
+import type { IComponentDefinition } from '@/types/component';
+export declare const builderOptions: IComponentDefinition;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    objectFit: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    objectFit: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    width: string;
+    alt: string;
+    objectFit: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/built-in/PbRow.vue.d.ts

@@ -0,0 +1,41 @@
+import type { IComponentDefinition } from '@/types/component';
+export declare const builderOptions: IComponentDefinition;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gap: {
+        type: StringConstructor;
+        default: string;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    justify: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    gap: {
+        type: StringConstructor;
+        default: string;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    justify: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    gap: string;
+    wrap: boolean;
+    justify: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/built-in/PbSection.vue.d.ts

@@ -0,0 +1,50 @@
+import type { IComponentDefinition } from '@/types/component';
+export declare const builderOptions: IComponentDefinition;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundImage: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundImage: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    padding: string;
+    maxWidth: string;
+    backgroundColor: string;
+    backgroundImage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/built-in/PbText.vue.d.ts

@@ -0,0 +1,25 @@
+import type { IComponentDefinition } from '@/types/component';
+export declare const builderOptions: IComponentDefinition;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    content: string;
+    tag: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/built-in/PbVideo.vue.d.ts

@@ -0,0 +1,27 @@
+import type { IComponentDefinition } from '@/types/component';
+export declare const builderOptions: IComponentDefinition;
+declare const _default: import("vue").DefineComponent<{
+    src: string;
+    poster?: string;
+    width?: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    src: string;
+    poster?: string;
+    width?: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+}> & Readonly<{}>, {
+    width: string;
+    poster: string;
+    controls: boolean;
+    autoplay: boolean;
+    muted: boolean;
+    loop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/built-in/index.d.ts

@@ -0,0 +1,10 @@
+import type { IComponentDefinition } from '@/types/component';
+import PbColumn from './PbColumn.vue';
+import PbRow from './PbRow.vue';
+import PbText from './PbText.vue';
+import PbImage from './PbImage.vue';
+import PbVideo from './PbVideo.vue';
+import PbSection from './PbSection.vue';
+import PbContainer from './PbContainer.vue';
+export declare const builtInComponents: IComponentDefinition[];
+export { PbColumn, PbRow, PbText, PbImage, PbVideo, PbSection, PbContainer, };

package/dist/types/components/PageBuilder.vue.d.ts

@@ -0,0 +1,50 @@
+import { type PropType } from 'vue';
+import type { IPageData, INode, IPageSavePayload } from '@/types/node';
+import type { PageBuilderMode } from '@/types/editor';
+import { type TranslationDictionary } from '@/i18n';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    pageData: {
+        type: PropType<IPageData>;
+        required: true;
+    };
+    mode: {
+        type: PropType<PageBuilderMode>;
+        default: string;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<TranslationDictionary>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: (payload: IPageSavePayload) => any;
+    change: (tree: INode) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    pageData: {
+        type: PropType<IPageData>;
+        required: true;
+    };
+    mode: {
+        type: PropType<PageBuilderMode>;
+        default: string;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<TranslationDictionary>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSave?: ((payload: IPageSavePayload) => any) | undefined;
+    onChange?: ((tree: INode) => any) | undefined;
+}>, {
+    locale: string;
+    messages: TranslationDictionary;
+    mode: PageBuilderMode;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/editor/EditorCanvas.vue.d.ts

@@ -0,0 +1,67 @@
+import { type PropType } from 'vue';
+import type { INode } from '@/types/node';
+import type { ViewportPreset } from '@/types/editor';
+import { type NodeContextMenuAction } from './NodeContextMenu.vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<INode>;
+        required: true;
+    };
+    variables: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    selectedNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    hoveredNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    viewport: {
+        type: PropType<ViewportPreset>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (nodeId: number | null) => any;
+    hover: (nodeId: number | null) => any;
+    "context-action": (payload: {
+        action: NodeContextMenuAction;
+        nodeId: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<INode>;
+        required: true;
+    };
+    variables: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    selectedNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    hoveredNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    viewport: {
+        type: PropType<ViewportPreset>;
+        default: string;
+    };
+}>> & Readonly<{
+    onSelect?: ((nodeId: number | null) => any) | undefined;
+    onHover?: ((nodeId: number | null) => any) | undefined;
+    "onContext-action"?: ((payload: {
+        action: NodeContextMenuAction;
+        nodeId: number;
+    }) => any) | undefined;
+}>, {
+    variables: Record<string, string>;
+    selectedNodeId: number | null;
+    hoveredNodeId: number | null;
+    viewport: ViewportPreset;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/editor/EditorToolbar.vue.d.ts

@@ -0,0 +1,97 @@
+import { type PropType } from 'vue';
+import type { ViewportPreset } from '@/types/editor';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    canUndo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canRedo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDirty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    viewport: {
+        type: PropType<ViewportPreset>;
+        default: string;
+    };
+    customViewportWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customViewportHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    activeViewportWidth: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    activeViewportHeight: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    undo: () => any;
+    redo: () => any;
+    save: () => any;
+    "viewport-change": (preset: ViewportPreset) => any;
+    "custom-viewport-change": (payload: {
+        width: number;
+        height: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    canUndo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canRedo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDirty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    viewport: {
+        type: PropType<ViewportPreset>;
+        default: string;
+    };
+    customViewportWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customViewportHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    activeViewportWidth: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    activeViewportHeight: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onUndo?: (() => any) | undefined;
+    onRedo?: (() => any) | undefined;
+    onSave?: (() => any) | undefined;
+    "onViewport-change"?: ((preset: ViewportPreset) => any) | undefined;
+    "onCustom-viewport-change"?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}>, {
+    isDirty: boolean;
+    viewport: ViewportPreset;
+    canUndo: boolean;
+    canRedo: boolean;
+    customViewportWidth: number;
+    customViewportHeight: number;
+    activeViewportWidth: number | null;
+    activeViewportHeight: number | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/editor/IframeCanvas.vue.d.ts

@@ -0,0 +1,102 @@
+import { type PropType } from 'vue';
+import { type IframeBridgeKeydownPayload } from '@/core/iframe-bridge';
+import type { INode } from '@/types/node';
+import type { IViewportSize, ViewportPreset } from '@/types/editor';
+import { type NodeContextMenuAction } from './NodeContextMenu.vue';
+interface IframeCanvasKeydownPayload extends IframeBridgeKeydownPayload {
+    preventDefault: () => void;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<INode>;
+        required: true;
+    };
+    layout: {
+        type: PropType<INode | null>;
+        default: null;
+    };
+    variables: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    selectedNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    hoveredNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    viewport: {
+        type: PropType<ViewportPreset>;
+        default: string;
+    };
+    viewportWidth: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    viewportHeight: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (nodeId: number | null) => any;
+    hover: (nodeId: number | null) => any;
+    "context-action": (payload: {
+        action: NodeContextMenuAction;
+        nodeId: number;
+    }) => any;
+    "iframe-keydown": (payload: IframeCanvasKeydownPayload) => any;
+    "viewport-size-change": (payload: IViewportSize) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<INode>;
+        required: true;
+    };
+    layout: {
+        type: PropType<INode | null>;
+        default: null;
+    };
+    variables: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    selectedNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    hoveredNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    viewport: {
+        type: PropType<ViewportPreset>;
+        default: string;
+    };
+    viewportWidth: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    viewportHeight: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onSelect?: ((nodeId: number | null) => any) | undefined;
+    onHover?: ((nodeId: number | null) => any) | undefined;
+    "onContext-action"?: ((payload: {
+        action: NodeContextMenuAction;
+        nodeId: number;
+    }) => any) | undefined;
+    "onIframe-keydown"?: ((payload: IframeCanvasKeydownPayload) => any) | undefined;
+    "onViewport-size-change"?: ((payload: IViewportSize) => any) | undefined;
+}>, {
+    layout: INode | null;
+    variables: Record<string, string>;
+    selectedNodeId: number | null;
+    hoveredNodeId: number | null;
+    viewport: ViewportPreset;
+    viewportWidth: number | null;
+    viewportHeight: number | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/editor/LeftDrawer.vue.d.ts

@@ -0,0 +1,46 @@
+import { type PropType } from 'vue';
+import type { INode } from '@/types/node';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    content: {
+        type: PropType<INode | null>;
+        default: null;
+    };
+    selectedNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (nodeId: number) => any;
+    add: (componentName: string) => any;
+    toggle: () => any;
+    dragStart: (componentName: string) => any;
+    dragEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    content: {
+        type: PropType<INode | null>;
+        default: null;
+    };
+    selectedNodeId: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onSelect?: ((nodeId: number) => any) | undefined;
+    onAdd?: ((componentName: string) => any) | undefined;
+    onToggle?: (() => any) | undefined;
+    onDragStart?: ((componentName: string) => any) | undefined;
+    onDragEnd?: (() => any) | undefined;
+}>, {
+    content: INode | null;
+    selectedNodeId: number | null;
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;