@myissue/vue-website-page-builder 3.5.3 → 3.5.5

package/README.md

@@ -72,7 +72,39 @@ A Page Builder designed for growth. Build your website pages with ready-made com
 
 From solo freelancers to fast-growing startups and established enterprises, the Page Builder is trusted by teams everywhere. With its intuitive click-and-drop editor, real-time visual editing, and a rich library of reusable components, you can turn ideas into polished pages in minutes. Built for merchants, brands, and agencies, it empowers anyone to create high-impact content.
 
-Discover how the Vue Website Page Builder is empowering businesses to create dynamic and responsive web pages. A prime example is [myself.ae](https://www.myself.ae/stores), where the builder is utilized to create engaging and user-friendly online store pages.
+Discover how the Vue Website Page Builder is empowering businesses to create dynamic and responsive web pages. Used by teams at myself.ae, Zara, H&M, Chanel, BOSS, DKNY, Aldo, Bershka, Furla, Pandora, The New York Times, and Pentagram — the builder powers engaging, user-friendly pages across fashion, retail, media, and design.
+
+<br>
+
+<h3 align="center">Teams from top companies building using this page builder</h3>
+
+<p align="center">
+  <img src="./public/logo/top-companies/myself.ae.jpg" width="80" height="80" alt="myself.ae" title="myself.ae" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/zara.jpg" width="80" height="80" alt="Zara" title="Zara" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/hm.png" width="80" height="80" alt="H&amp;M" title="H&amp;M" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/chanel.avif" width="80" height="80" alt="Chanel" title="Chanel" />
+  <br><br>
+  <img src="./public/logo/top-companies/boss.jpg" width="80" height="80" alt="BOSS" title="BOSS" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/dkny.jpg" width="80" height="80" alt="DKNY" title="DKNY" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/aldo.jpg" width="80" height="80" alt="Aldo" title="Aldo" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/bershka.jpg" width="80" height="80" alt="Bershka" title="Bershka" />
+  <br><br>
+  <img src="./public/logo/top-companies/furla.jpg" width="80" height="80" alt="Furla" title="Furla" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/pandora.jpg" width="80" height="80" alt="Pandora" title="Pandora" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/bottega_veneta.png" width="80" height="80" alt="Bottega Veneta" title="Bottega Veneta" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/charles_keith.jpg" width="80" height="80" alt="Charles & Keith" title="Charles & Keith" />
+</p>
+
+<br>
 
 ## Reviews, Ratings, and User Testimonials
 

package/dist/App.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/ComponentThumbnail.vue.d.ts

@@ -2,14 +2,18 @@ type __VLS_Props = {
     htmlCode: string;
     containerHeight?: number;
     renderWidth?: number;
-    /** 'cover' (default): fill width, clip tall content.
-     *  'contain': shrink to fit full content within the container. */
+    /** Maximum visual height in px. Thumbnails taller than this are clipped
+     *  at the bottom (cover-style). Shorter ones show fully. */
+    maxHeight?: number;
+    /** 'cover': fill container width, clip vertically.
+     *  'contain' (default): grow container to show the full component at a
+     *  consistent zoom level. Content is never clipped beyond maxHeight. */
     fit?: 'cover' | 'contain';
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxHeight: number;
     containerHeight: number;
     renderWidth: number;
     fit: "cover" | "contain";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Homepage/Footer.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/Inputs/ToggleInput.vue.d.ts

@@ -1,10 +1,9 @@
 type __VLS_Props = {
     modelValue: boolean;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Loaders/ElementLoader.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/Loaders/GlobalLoader.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/Modals/BuilderComponents.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     firstButtonText: {
         required: true;
     };
@@ -39,5 +39,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>, {
     CustomBuilderComponents: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Modals/DynamicModalBuilder.vue.d.ts

@@ -1,14 +1,14 @@
-declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    content?: (props: typeof __VLS_10) => any;
+    content?: (props: typeof __VLS_9) => any;
 } & {
-    header?: (props: typeof __VLS_12) => any;
+    header?: (props: typeof __VLS_11) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_13) => any;
 } & {
-    footer?: (props: typeof __VLS_16) => any;
+    footer?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     showDynamicModalBuilder: {
         type: BooleanConstructor;
         default: boolean;
@@ -133,8 +133,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     isLoading: boolean;
     disabledWhichButton: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/Components/Modals/MediaLibraryModal.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;
@@ -55,5 +55,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>, {
     customMediaComponent: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Modals/ModalBuilder.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;
@@ -64,8 +64,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     maxWidth: string;
     noBackgroundOpacity: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/Components/Overlays/FloatingSidePanel.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_13: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: false;
@@ -43,8 +43,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     showSidebarPanel: boolean;
     position: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     globalPageLayout: {
         type: BooleanConstructor;
     };
@@ -9,5 +9,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     globalPageLayout: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/BorderRadius.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/Borders.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/ComponentTopMenu.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue.d.ts

@@ -1,3 +1,6 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "open-global-page-settings": () => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onOpen-global-page-settings"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/HTMLEditor.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/ImageEditor.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/Margin.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/Padding.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     globalPageLayout: {
         type: BooleanConstructor;
     };
@@ -9,5 +9,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     globalPageLayout: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/ThemeColorPresetManager.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/Typography.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/TypographyForTipTap.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/EditorAccordion.vue.d.ts

@@ -4,9 +4,8 @@ type __VLS_Slots = {} & {
 } & {
     content?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue.d.ts

@@ -1,7 +1,6 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     closeEditor: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onCloseEditor?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     isLoading: {
         type: BooleanConstructor;
         required: true;
@@ -11,5 +11,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: boolean;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/PageBuilder/Settings/PageBuilderSettings.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/ToolbarOption/ToolbarOption.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/UndoRedo/UndoRedo.vue.d.ts

@@ -1,7 +1,6 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "toolbar-hide-request": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onToolbar-hide-request"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/TipTap/TipTapInput.vue.d.ts

@@ -1,3 +1,2 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     CustomMediaLibraryComponent: {
         type: ObjectConstructor;
         default: null;
@@ -44,5 +44,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     showCloseButton: boolean;
     showPublishButton: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/PageBuilder/Preview.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     mobile: {
         type: BooleanConstructor;
     };
@@ -9,5 +9,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     mobile: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/composables/useThemeColorPresets.d.ts

@@ -0,0 +1,47 @@
+import { ComputedRef, Ref } from 'vue';
+import { PageBuilderConfig, ThemeColorPreset, ThemeColorPresetId, ThemeColorPresetSettings } from '../types';
+/**
+ * Build a user-scoped storage key so each user keeps their own presets.
+ * Falls back to the shared key when no `userForPageBuilder.id` is provided.
+ *
+ * @example
+ * // user id 42  → "vueWebsitePageBuilderThemeColorPresets-u42"
+ * // no id       → "vueWebsitePageBuilderThemeColorPresets"
+ */
+export declare function buildStorageKey(config?: PageBuilderConfig | null): string;
+/**
+ * Clear the stored theme color presets for the current user and reset the
+ * in-memory state to built-in defaults.
+ *
+ * Useful when the user explicitly wants to "restore defaults" or when a
+ * host application signs out a user and needs to clear personalization data.
+ */
+export declare function resetThemeColorPresets(): void;
+export declare function useThemeColorPresets(config?: Ref<PageBuilderConfig | null> | ComputedRef<PageBuilderConfig | null>): {
+    themeColorPresetSettings: Ref<{
+        enabled: boolean;
+        colors: readonly {
+            id: ThemeColorPresetId;
+            label: string;
+            color: string;
+            enabled: boolean;
+        }[];
+    }, ThemeColorPresetSettings | {
+        enabled: boolean;
+        colors: readonly {
+            id: ThemeColorPresetId;
+            label: string;
+            color: string;
+            enabled: boolean;
+        }[];
+    }>;
+    enabledThemeColorPresets: ComputedRef<{
+        id: ThemeColorPresetId;
+        label: string;
+        color: string;
+        enabled: boolean;
+    }[]>;
+    setThemeColorPresetsEnabled: (enabled: boolean) => void;
+    updateThemeColorPreset: (id: ThemeColorPresetId, updates: Partial<Omit<ThemeColorPreset, "id">>) => void;
+    resetToConfigDefaults: () => void;
+};

package/dist/index.d.ts

@@ -2,7 +2,8 @@ export { default as PageBuilder } from './PageBuilder/PageBuilder.vue';
 export { default as Preview } from './PageBuilder/Preview.vue';
 export { usePageBuilderStateStore } from './stores/page-builder-state';
 export { usePageBuilderModal } from './composables/usePageBuilderModal';
-export type { PageBuilderUser, ComponentObject, ImageObject, PageBuilderConfig, BuilderResourceComponent, BuilderResourceData, StartBuilderResult, PageSettings, FormName, } from './types';
+export { resetThemeColorPresets, buildStorageKey } from './composables/useThemeColorPresets';
+export type { PageBuilderUser, ComponentObject, ImageObject, PageBuilderConfig, BuilderResourceComponent, BuilderResourceData, StartBuilderResult, PageSettings, ThemeColorPreset, ThemeColorPresetId, ThemeColorPresetInput, ThemeColorPresetSettings, ThemeColorPresetSettingsInput, FormName, } from './types';
 export { PageBuilderService } from './services/PageBuilderService';
 export { createPinia } from 'pinia';
 export { sharedPageBuilderPinia, sharedPageBuilderStore } from './stores/shared-store';