@cntrl-site/components 1.0.11-alpha.1 → 1.0.11-alpha.10

package/dist/Components/ControlSlider/ControlSlider.d.ts

@@ -1,5 +1,4 @@
 import { CommonComponentProps } from '../props';
-import { TextElementStyles } from '../../types/TextElementStyles';
 type SliderProps = {
     settings: SliderSettings;
     content: SliderItem[];
@@ -64,7 +63,31 @@ type SliderSettings = {
     imageCaption: SliderCaption;
     triggers: Triggers;
 };
+type CaptionStyles = {
+    fontSettings: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+    };
+    widthSettings: {
+        width: number;
+        sizing: 'auto' | 'manual';
+    };
+    letterSpacing: number;
+    textAlign: 'left' | 'center' | 'right';
+    wordSpacing: number;
+    fontSizeLineHeight: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    textAppearance: {
+        textTransform: 'none' | 'uppercase' | 'lowercase';
+        textDecoration: 'none' | 'underline';
+        fontVariant: 'normal' | 'small-caps';
+    };
+    color: string;
+};
 type SliderStyles = {
-    imageCaption: TextElementStyles;
+    imageCaption: CaptionStyles;
 };
 export {};

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

@@ -702,11 +702,17 @@ export declare const FormComponent: {
                 } | {
                     type: "group";
                     title: string;
-                    items: {
+                    items: ({
                         type: "row";
-                        title: string;
                         items: string[];
-                    }[];
+                    } | {
+                        type: "row";
+                        items: {
+                            type: "group";
+                            title: string;
+                            items: string[];
+                        }[];
+                    })[];
                 })[];
             })[];
         } | {

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

@@ -1,5 +1,4 @@
 import { Alignment, Offset } from '../utils/getPositionStyles';
-import { TextElementStyles } from '../../types/TextElementStyles';
 type LightboxGalleryProps = {
     settings: LightboxSettings;
     content: LightboxImage[];
@@ -99,6 +98,30 @@ type LightboxSettings = {
     };
 };
 type LightboxStyles = {
-    imageCaption: TextElementStyles;
+    imageCaption: CaptionStyles;
+};
+type CaptionStyles = {
+    fontSettings: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+    };
+    widthSettings: {
+        width: number;
+        sizing: 'auto' | 'manual';
+    };
+    letterSpacing: number;
+    textAlign: 'left' | 'center' | 'right';
+    wordSpacing: number;
+    fontSizeLineHeight: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    textAppearance: {
+        textTransform: 'none' | 'uppercase' | 'lowercase';
+        textDecoration: 'none' | 'underline';
+        fontVariant: 'normal' | 'small-caps';
+    };
+    color: string;
 };
 export {};

package/dist/Components/Marquee/Marquee.d.ts

@@ -0,0 +1,27 @@
+import { CommonComponentProps } from '../props';
+export declare const Marquee: ({ settings, content, isEditor, isPreviewMode }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;
+export type MarqueeItem = {
+    image?: {
+        url?: string;
+        name?: string;
+    };
+    link?: string;
+};
+export type MarqueeSettings = {
+    speed: number;
+    direction: 'left' | 'right';
+    pauseOnHover: 'on' | 'off';
+    hoverEffect: 'off' | 'brightness' | 'grayscale' | 'saturate';
+    hoverRandomize: 'on' | 'off';
+    gap: number;
+    imageMaxWidth: number;
+    imageMaxHeight: number;
+    imageFit: 'cover' | 'contain';
+};
+type MarqueeProps = {
+    settings: MarqueeSettings;
+    content?: MarqueeItem[];
+    isEditor?: boolean;
+    isPreviewMode?: boolean;
+} & CommonComponentProps;
+export {};

package/dist/Components/Marquee/MarqueeComponent.d.ts

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

package/dist/Components/OnelinerForm/OnelinerFormComponent.d.ts

@@ -575,11 +575,22 @@ export declare const OnelinerFormComponent: {
             layout: (string | {
                 type: "row";
                 items: string[];
-                title?: undefined;
             } | {
                 type: "row";
-                title: string;
-                items: string[];
+                items: ({
+                    type: "group";
+                    title: string;
+                    items: string[];
+                    options?: undefined;
+                } | {
+                    type: "switcher";
+                    title: string;
+                    options: {
+                        Input: string[];
+                        Button: string[];
+                    };
+                    items?: undefined;
+                })[];
             })[];
         } | {
             id: string;