@cntrl-site/components 1.0.12-alpha.3 → 1.0.12-alpha.30

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 GX Platform
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 GX Platform
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,3 @@
-# Control Components
-
+# Control Components
+
 This is custom components for control editor and public websites.

package/dist/Components/Form/Form.d.ts

@@ -4,10 +4,12 @@ type FormProps = {
     settings: FormSettings;
     content?: unknown;
     isEditor?: boolean;
+    isEditMode?: boolean;
+    isPreviewMode?: boolean;
     activeEvent: string | undefined;
     onUpdateSettings?: (settings: FormSettings) => void;
 } & CommonComponentProps;
-export declare function Form({ settings, isEditor, metadata, activeEvent }: FormProps): import("react/jsx-runtime").JSX.Element;
+export declare function Form({ settings, isEditor, isEditMode, isPreviewMode, metadata, activeEvent }: FormProps): import("react/jsx-runtime").JSX.Element;
 export type FormFieldType = 'text' | 'textarea' | 'phone' | 'email';
 export type FormFieldItem = {
     name: string;

package/dist/Components/Form/FormComponent.d.ts

@@ -518,14 +518,14 @@ export declare const FormComponent: {
                 fieldsToShow: number;
                 fields: ({
                     name: string;
-                    type: "email";
+                    type: "text";
                     placeholder: string;
                     label: string;
                     isRequired: boolean;
                     error: string;
                 } | {
                     name: string;
-                    type: "text";
+                    type: "email";
                     placeholder: string;
                     label: string;
                     isRequired: boolean;
@@ -701,23 +701,11 @@ export declare const FormComponent: {
             } | {
                 type: "group";
                 title: string;
-                items: ({
+                items: {
                     type: "row";
                     title: string;
-                    items: {
-                        type: "group";
-                        title: string;
-                        items: string[];
-                    }[];
-                } | {
-                    type: "group";
-                    title: string;
-                    items: {
-                        type: "row";
-                        title: string;
-                        items: string[];
-                    }[];
-                })[];
+                    items: string[];
+                }[];
             })[];
         } | {
             id: string;

package/dist/Components/Grid/Grid.d.ts

@@ -6,10 +6,11 @@ type GridProps = {
     content?: any;
     isEditor?: boolean;
     isPreviewMode?: boolean;
+    isEditMode?: boolean;
     activeEvent: string | undefined;
     onUpdateSettings?: (settings: GridSettings) => void;
 } & CommonComponentProps;
-export declare function Grid({ settings, content, isEditor, isPreviewMode, metadata, activeEvent, layoutId }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ settings, content, isEditor, isPreviewMode, isEditMode, metadata, activeEvent, layoutId }: GridProps): import("react/jsx-runtime").JSX.Element;
 type GridLayoutConfig = {
     entryWidth: number;
     horizontalGap: number;
@@ -18,25 +19,31 @@ type GridLayoutConfig = {
     lockedParam?: 'wrapperWidth' | 'entryWidth' | 'horizontalGap' | null;
 };
 type GridSettings = {
-    type: 'A' | 'B';
+    type: 'a' | 'b' | 'c';
     gridLayout: GridLayoutConfig;
     textBoxWidth: number;
     verticalGap: number;
     entriesCount: number;
-    lightbox: 'On' | 'Off';
+    lightbox: 'on' | 'off';
     imageDisplay: {
-        display: 'Fit' | 'Cover';
+        display: 'fit' | 'cover';
         ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
         reversed: boolean;
     };
-    slider: 'On' | 'Off';
+    lightboxImageDisplay?: 'fit' | 'cover' | {
+        display?: 'fit' | 'cover';
+    };
+    slider: 'on' | 'off';
     sliderTiming: number;
-    direction: 'Horizontal' | 'Vertical' | 'Random';
-    transition: 'Fade' | 'Slide';
+    direction: 'horizontal' | 'vertical' | 'random';
+    transition: 'fade' | 'slide';
+    showText: 'always' | 'on hover';
+    alignEntries: 'on' | 'off';
     titleMarginTop: number;
     subtitleMarginTop: number;
     titleColor: string;
     subtitleColor: string;
+    lightboxCounterColor: string;
     titleFontFamily: string;
     titleFontSettings?: {
         fontWeight: number;
@@ -57,5 +64,15 @@ type GridSettings = {
     subtitleLetterSpacing?: number;
     subtitleWordSpacing?: number;
     subtitleTextAppearance?: TextStyles['textAppearance'];
+    lightboxCounterFontFamily: string;
+    lightboxCounterFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    lightboxCounterFontSize?: number;
+    lightboxCounterLineHeight?: number;
+    lightboxCounterLetterSpacing?: number;
+    lightboxCounterWordSpacing?: number;
+    lightboxCounterTextAppearance?: TextStyles['textAppearance'];
 };
 export {};

package/dist/Components/Lightbox/Lightbox.d.ts

@@ -7,8 +7,9 @@ type LightboxGalleryProps = {
     portalId: string;
     activeEvent: 'close' | 'open';
     isEditor?: boolean;
+    isPreviewMode?: boolean;
 };
-export declare const LightboxGallery: ({ settings, content, styles, portalId, activeEvent, isEditor }: LightboxGalleryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LightboxGallery: ({ settings, content, styles, portalId, activeEvent, isEditor, isPreviewMode }: LightboxGalleryProps) => import("react/jsx-runtime").JSX.Element;
 type LightboxImage = {
     image: {
         url: string;

package/dist/Components/LightboxJournal/LightboxJournal.d.ts

@@ -0,0 +1,104 @@
+import { CommonComponentProps } from '../props';
+import { TextStyles } from '../utils/textStylesToCss';
+import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
+export type LightboxJournalImage = {
+    url: string;
+    name?: string;
+    objectFit?: 'cover' | 'contain';
+};
+export type LightboxJournalItem = {
+    title1: string;
+    title2: string;
+    title3: string;
+    image: LightboxJournalImage[];
+};
+export declare const JOURNAL_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3", "count"];
+export type JournalTextStylePrefix = typeof JOURNAL_TEXT_STYLE_PREFIXES[number];
+export declare const JOURNAL_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
+export type JournalGlobalTextStyleKey = typeof JOURNAL_GLOBAL_TEXT_STYLE_KEYS[number];
+export declare function getJournalTextStyleSettingKey(prefix: JournalTextStylePrefix, globalKey: JournalGlobalTextStyleKey): string;
+export declare const JOURNAL_TEXT_STYLE_TAB_LABELS: Record<JournalTextStylePrefix, string>;
+export declare function createJournalTextStyleTabContentItems(prefix: JournalTextStylePrefix): LayoutItem[];
+export declare function createJournalTextStylePanelTab(): LayoutTab;
+type LightboxJournalProps = {
+    settings: LightboxJournalSettings;
+    content?: LightboxJournalItem[];
+    isEditor?: boolean;
+    isEditMode?: boolean;
+    isPreviewMode?: boolean;
+    portalId?: string;
+} & CommonComponentProps;
+export declare const LightboxJournal: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxJournalProps) => import("react/jsx-runtime").JSX.Element;
+export type LightboxJournalSettings = {
+    cover: string | null;
+    coverFit: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
+    type: 'A' | 'B';
+    maxWidth: number;
+    maxHeight: number;
+    backgroundColor: string;
+    imageGap?: number;
+    textMaxWidth: number;
+    textTransition: 'none' | 'fade';
+    titlesGap?: number;
+    countCloseGap?: number;
+    title1Color: string;
+    title2Color: string;
+    title3Color: string;
+    countColor: string;
+    title1FontFamily?: string;
+    title1FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title1FontSize?: number;
+    title1LineHeight?: number;
+    title1LetterSpacing?: number;
+    title1WordSpacing?: number;
+    title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title1TextAppearance?: TextStyles['textAppearance'];
+    title2FontFamily?: string;
+    title2FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title2FontSize?: number;
+    title2LineHeight?: number;
+    title2LetterSpacing?: number;
+    title2WordSpacing?: number;
+    title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title2TextAppearance?: TextStyles['textAppearance'];
+    title3FontFamily?: string;
+    title3FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title3FontSize?: number;
+    title3LineHeight?: number;
+    title3LetterSpacing?: number;
+    title3WordSpacing?: number;
+    title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title3TextAppearance?: TextStyles['textAppearance'];
+    countFontFamily?: string;
+    countFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    countFontSize?: number;
+    countLineHeight?: number;
+    countLetterSpacing?: number;
+    countWordSpacing?: number;
+    countTextAlign?: 'left' | 'center' | 'right' | 'justify';
+    countTextAppearance?: TextStyles['textAppearance'];
+    contentMarginTop: number;
+    contentMarginLeft: number;
+    contentMarginRight: number;
+    closeIcon: string | null;
+    closeIconMaxWidth: number;
+    closeIconColor: string;
+    closeIconHoverColor: string;
+};
+export {};

package/dist/Components/LightboxJournal/LightboxJournalComponent.d.ts

@@ -0,0 +1,44 @@
+import { ComponentSchemaV1 } from '../../types/SchemaV1';
+export declare const LightboxJournalComponent: {
+    element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: {
+        settings: import('./LightboxJournal').LightboxJournalSettings;
+        content?: import('./LightboxJournal').LightboxJournalItem[];
+        isEditor?: boolean;
+        isEditMode?: boolean;
+        isPreviewMode?: boolean;
+        portalId?: string;
+    } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    name: string;
+    category: string;
+    version: number;
+    defaultSize: {
+        d: {
+            width: number;
+            height: number;
+        };
+        m: {
+            width: number;
+            height: number;
+        };
+    };
+    preview: {
+        type: "image";
+        url: string;
+    };
+    schema: ComponentSchemaV1;
+    sourceCode: string;
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    fontSettingsPaths: {
+        content: never[];
+        parameters: {
+            path: string;
+        }[];
+    };
+};

package/dist/Components/LightboxStrip/LightboxStrip.d.ts

@@ -0,0 +1,115 @@
+import { CommonComponentProps } from '../props';
+import { TextStyles } from '../utils/textStylesToCss';
+import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
+export type LightboxStripItem = {
+    image: {
+        url: string;
+        name?: string;
+        objectFit?: 'cover' | 'contain';
+    };
+    title1?: string;
+    title2?: string;
+    title3?: string;
+};
+type LightboxStripLegacyItem = LightboxStripItem & {
+    text?: Array<{
+        type?: string;
+        children?: Array<{
+            text?: string;
+        }>;
+    }>;
+};
+export type SharedStripTitles = {
+    title1: string;
+    title2: string;
+    title3: string;
+};
+export declare function extractTitlesFromLegacyText(text: LightboxStripLegacyItem['text']): Partial<SharedStripTitles>;
+export declare function resolveSharedStripTitles(items: LightboxStripLegacyItem[]): SharedStripTitles;
+export type LightboxStripSettings = {
+    cover: string | null;
+    coverFit: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
+    type: 'A' | 'B';
+    backgroundColor: string;
+    contentBackgroundColor?: string;
+    thumbnailVisibility: 'on' | 'off';
+    thumbnailObjectFit: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
+    thumbnailTrigger: 'click' | 'hover';
+    thumbnailActive: 'outline' | 'color' | 'scale-up';
+    thumbnailActiveColor: string;
+    thumbnailGap: number;
+    thumbnailMarginBottom?: number;
+    imageGap?: number;
+    textMaxWidth: number;
+    title1Gap?: number;
+    title2Gap?: number;
+    title1Color: string;
+    title2Color: string;
+    title3Color: string;
+    title1FontFamily?: string;
+    title1FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title1FontSize?: number;
+    title1LineHeight?: number;
+    title1LetterSpacing?: number;
+    title1WordSpacing?: number;
+    title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title1TextAppearance?: TextStyles['textAppearance'];
+    title2FontFamily?: string;
+    title2FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title2FontSize?: number;
+    title2LineHeight?: number;
+    title2LetterSpacing?: number;
+    title2WordSpacing?: number;
+    title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title2TextAppearance?: TextStyles['textAppearance'];
+    title3FontFamily?: string;
+    title3FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title3FontSize?: number;
+    title3LineHeight?: number;
+    title3LetterSpacing?: number;
+    title3WordSpacing?: number;
+    title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title3TextAppearance?: TextStyles['textAppearance'];
+    contentMarginTop: number;
+    contentMarginLeft: number;
+    contentMarginRight: number;
+    closeIcon: string | null;
+    closeIconMaxWidth: number;
+    closeIconColor: string;
+    closeIconHoverColor: string;
+};
+export declare const STRIP_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3"];
+export type StripTextStylePrefix = typeof STRIP_TEXT_STYLE_PREFIXES[number];
+export declare const STRIP_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
+export type StripGlobalTextStyleKey = typeof STRIP_GLOBAL_TEXT_STYLE_KEYS[number];
+export declare function getStripTextStyleSettingKey(prefix: StripTextStylePrefix, globalKey: StripGlobalTextStyleKey): string;
+export declare const STRIP_TEXT_STYLE_TAB_LABELS: Record<StripTextStylePrefix, string>;
+export declare function createStripTextStyleTabContentItems(prefix: StripTextStylePrefix): LayoutItem[];
+export declare function createStripTextStylePanelTab(): LayoutTab;
+type LightboxStripProps = {
+    settings: LightboxStripSettings;
+    content?: LightboxStripItem[];
+    isEditor?: boolean;
+    isEditMode?: boolean;
+    isPreviewMode?: boolean;
+    portalId?: string;
+} & CommonComponentProps;
+export declare const LightboxStrip: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Components/LightboxStrip/LightboxStripComponent.d.ts

@@ -0,0 +1,44 @@
+import { ComponentSchemaV1 } from '../../types/SchemaV1';
+export declare const LightboxStripComponent: {
+    element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: {
+        settings: import('./LightboxStrip').LightboxStripSettings;
+        content?: import('./LightboxStrip').LightboxStripItem[];
+        isEditor?: boolean;
+        isEditMode?: boolean;
+        isPreviewMode?: boolean;
+        portalId?: string;
+    } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    name: string;
+    category: string;
+    version: number;
+    defaultSize: {
+        d: {
+            width: number;
+            height: number;
+        };
+        m: {
+            width: number;
+            height: number;
+        };
+    };
+    preview: {
+        type: "image";
+        url: string;
+    };
+    schema: ComponentSchemaV1;
+    sourceCode: string;
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    fontSettingsPaths: {
+        content: never[];
+        parameters: {
+            path: string;
+        }[];
+    };
+};

package/dist/Components/List/List.d.ts

@@ -1,5 +1,6 @@
 import { CommonComponentProps } from '../props';
 import { TextStyles } from '../utils/textStylesToCss';
+import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
 type ListFontSettings = {
     fontWeight: number;
     fontStyle: string;
@@ -13,6 +14,7 @@ type ListColumnTextStyleOverrides = {
     AColumnTextLineHeight?: number;
     AColumnTextLetterSpacing?: number;
     AColumnTextWordSpacing?: number;
+    AColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     AColumnTextTextAppearance?: TextStyles['textAppearance'];
     BColumnVerticalAlign?: string;
     BColumnTextFontFamily?: string;
@@ -21,6 +23,7 @@ type ListColumnTextStyleOverrides = {
     BColumnTextLineHeight?: number;
     BColumnTextLetterSpacing?: number;
     BColumnTextWordSpacing?: number;
+    BColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     BColumnTextTextAppearance?: TextStyles['textAppearance'];
     CColumnVerticalAlign?: string;
     CColumnTextFontFamily?: string;
@@ -29,6 +32,7 @@ type ListColumnTextStyleOverrides = {
     CColumnTextLineHeight?: number;
     CColumnTextLetterSpacing?: number;
     CColumnTextWordSpacing?: number;
+    CColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     CColumnTextTextAppearance?: TextStyles['textAppearance'];
     DColumnVerticalAlign?: string;
     DColumnTextFontFamily?: string;
@@ -37,6 +41,7 @@ type ListColumnTextStyleOverrides = {
     DColumnTextLineHeight?: number;
     DColumnTextLetterSpacing?: number;
     DColumnTextWordSpacing?: number;
+    DColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     DColumnTextTextAppearance?: TextStyles['textAppearance'];
     EColumnVerticalAlign?: string;
     EColumnTextFontFamily?: string;
@@ -45,6 +50,7 @@ type ListColumnTextStyleOverrides = {
     EColumnTextLineHeight?: number;
     EColumnTextLetterSpacing?: number;
     EColumnTextWordSpacing?: number;
+    EColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     EColumnTextTextAppearance?: TextStyles['textAppearance'];
     cutLabelTextFontFamily?: string;
     cutLabelTextFontSettings?: ListFontSettings;
@@ -52,16 +58,18 @@ type ListColumnTextStyleOverrides = {
     cutLabelTextLineHeight?: number;
     cutLabelTextLetterSpacing?: number;
     cutLabelTextWordSpacing?: number;
+    cutLabelTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     cutLabelTextTextAppearance?: TextStyles['textAppearance'];
+    cutLabelVerticalAlign?: string;
 };
 export type ListColumnVerticalAlignKey = `${ListColumnPrefix}VerticalAlign`;
 export type ListSettings = {
     columns: number;
-    type: 'A' | 'B';
+    type: 'a' | 'b';
     wrapperWidth: number;
     entriesCount: number;
     cellMinHeight: number;
-    imageOnHover: 'On' | 'Off';
+    imageOnHover: 'on' | 'off';
     imageSize?: {
         min: number;
         max: number;
@@ -72,7 +80,8 @@ export type ListSettings = {
     showCut: number;
     cutCellMinHeight: number;
     cutLabel: string;
-    entryHoverEffect: 'None' | 'Default' | 'Blinds';
+    entryHoverEffect: 'none' | 'default' | 'blinds' | 'reveal';
+    entryHoverShowOption: 'always' | 'link only';
     rowPaddingTop: number;
     rowPaddingBottom: number;
     rowPaddingTopB: number;
@@ -99,30 +108,25 @@ export type ListSettings = {
     columnsOrder?: string[];
     textPaddingLR?: number;
     textColor: string;
-    textFontFamily: string;
-    textFontSettings?: ListFontSettings;
-    textFontSize?: number;
-    textLineHeight?: number;
-    textLetterSpacing?: number;
-    textWordSpacing?: number;
-    textTextAppearance?: TextStyles['textAppearance'];
     backgroundColor: string;
     dividerColor: string;
     textHoverColor: string;
     backgroundHoverColor: string;
     dividerHoverColor: string;
 } & ListColumnTextStyleOverrides;
+type ListMedia = {
+    objectFit?: 'cover' | 'contain';
+    url: string;
+    name: string;
+    type?: 'image' | 'video';
+};
 type ListContentItem = {
     AColumn?: string;
     BColumnWidth?: string;
     CColumnWidth?: string;
     DColumnWidth?: string;
     EColumnWidth?: string;
-    image?: {
-        objectFit?: 'cover' | 'contain';
-        url: string;
-        name: string;
-    };
+    image?: ListMedia;
     link?: string;
 };
 type ListProps = {
@@ -131,6 +135,7 @@ type ListProps = {
     content?: ListContentItem[];
     isEditor?: boolean;
     isPreviewMode?: boolean;
+    isEditMode?: boolean;
     activeEvent: string | undefined;
     onUpdateSettings?: (settings: ListSettings) => void;
 } & CommonComponentProps;
@@ -142,13 +147,17 @@ export type ListTextStylePrefix = typeof LIST_TEXT_STYLE_PREFIXES[number];
 export declare const LIST_COLUMN_LETTERS: readonly ["A", "B", "C", "D", "E"];
 export declare function getListColumnVerticalAlignSettingKey(columnLetter: string): string;
 export declare const COLUMN_VALIGN_BASIC_OPTIONS: readonly ["Top", "Center", "Bottom"];
+export declare function normalizeListColumnVerticalAlign(value: string | undefined): string;
 export declare function isBaselineAnchorColumnVerticalAlign(value: string | undefined): boolean;
 export declare function parseBaselineAnchorLetter(value: string | undefined): string | null;
 export declare function isValidColumnBaselineVAlign(value: string | undefined, forColumnLetter: string, settings: ListSettings): boolean;
 export declare function getColumnVerticalAlignOptionsForLetter(columnLetter: string, settings: ListSettings): string[];
-export declare const LIST_GLOBAL_TEXT_STYLE_KEYS: readonly ["textFontFamily", "textFontSettings", "textFontSize", "textLineHeight", "textLetterSpacing", "textWordSpacing", "textTextAppearance"];
+export declare const LIST_GLOBAL_TEXT_STYLE_KEYS: readonly ["textFontFamily", "textFontSettings", "textFontSize", "textLineHeight", "textLetterSpacing", "textWordSpacing", "textTextAlign", "textTextAppearance"];
 export type ListGlobalTextStyleKey = typeof LIST_GLOBAL_TEXT_STYLE_KEYS[number];
 export declare function getListColumnTextSettingKey(prefix: ListTextStylePrefix, globalKey: ListGlobalTextStyleKey): string;
+export declare const LIST_TEXT_STYLE_TAB_LABELS: Record<ListTextStylePrefix, string>;
+export declare function createListTextStyleTabContentItems(prefix: ListTextStylePrefix): LayoutItem[];
+export declare function createListTextStylePanelTab(): LayoutTab;
 declare const COLUMN_WIDTH_KEYS: readonly ["AColumnWidth", "BColumnWidth", "CColumnWidth", "DColumnWidth", "EColumnWidth"];
 type ColumnWidthKey = typeof COLUMN_WIDTH_KEYS[number];
 export declare function getListMinColumnWidth(designWidthPx?: number): number;
@@ -160,8 +169,9 @@ export declare function resolveListColumnPadding(columnWidth: number, paddingLef
 };
 export declare function getEffectiveListColumnWidths(columns: number, wrapperWidth: number, storedWidths: Record<ColumnWidthKey, number>): number[];
 export declare function resolveListColumnWidths(columns: number, wrapperWidth: number, storedWidths: Record<ColumnWidthKey, number>): number[];
+export declare function applyListColumnCountChange(nextSettings: ListSettings, prevSettings: ListSettings): ListSettings;
 export declare function applyListSettingsChange(nextSettings: ListSettings, prevSettings: ListSettings, options?: {
     designWidth?: number;
 }): ListSettings;
-export declare function List({ settings, content, isEditor, isPreviewMode, activeEvent, layoutId, onUpdateSettings }: ListProps): import("react/jsx-runtime").JSX.Element;
+export declare function List({ settings, content, isEditor, isPreviewMode, isEditMode, activeEvent, layoutId, onUpdateSettings }: ListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Components/List/ListComponent.d.ts

@@ -1,4 +1,4 @@
-import { List } from './List';
+import { List, ListSettings } from './List';
 import { ComponentSchemaV1 } from '../../types/SchemaV1';
 export declare const ListComponent: {
     element: typeof List;
@@ -6,6 +6,7 @@ export declare const ListComponent: {
     name: string;
     category: string;
     layoutMode: "structured";
+    normalizeLayoutSettingsUpdate: (nextSettings: Record<string, any>, prevSettings: Record<string, any>) => ListSettings;
     preview: {
         type: "image";
         url: string;