@cntrl-site/components 0.0.1

package/dist/sdk/schemas/project/Layout.schema.d.ts

@@ -0,0 +1,17 @@
+import { z } from 'zod';
+export declare const LayoutSchema: z.ZodObject<{
+    id: z.ZodString;
+    title: z.ZodString;
+    startsWith: z.ZodNumber;
+    exemplary: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    title: string;
+    startsWith: number;
+    exemplary: number;
+}, {
+    id: string;
+    title: string;
+    startsWith: number;
+    exemplary: number;
+}>;

package/dist/sdk/schemas/project/Project.schema.d.ts

@@ -0,0 +1,253 @@
+import { z } from 'zod';
+import { FontFileTypes } from '../../types/project/Fonts';
+export declare const ProjectSchema: z.ZodObject<{
+    id: z.ZodString;
+    html: z.ZodObject<{
+        head: z.ZodString;
+        afterBodyOpen: z.ZodString;
+        beforeBodyClose: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        head: string;
+        afterBodyOpen: string;
+        beforeBodyClose: string;
+    }, {
+        head: string;
+        afterBodyOpen: string;
+        beforeBodyClose: string;
+    }>;
+    meta: z.ZodObject<{
+        title: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        opengraphThumbnail: z.ZodOptional<z.ZodString>;
+        keywords: z.ZodOptional<z.ZodString>;
+        favicon: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        favicon?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        opengraphThumbnail?: string | undefined;
+        keywords?: string | undefined;
+    }, {
+        favicon?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        opengraphThumbnail?: string | undefined;
+        keywords?: string | undefined;
+    }>;
+    layouts: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        title: z.ZodString;
+        startsWith: z.ZodNumber;
+        exemplary: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        title: string;
+        startsWith: number;
+        exemplary: number;
+    }, {
+        id: string;
+        title: string;
+        startsWith: number;
+        exemplary: number;
+    }>, "many">;
+    pages: z.ZodArray<z.ZodObject<{
+        title: z.ZodString;
+        articleId: z.ZodString;
+        slug: z.ZodString;
+        meta: z.ZodOptional<z.ZodObject<{
+            title: z.ZodOptional<z.ZodString>;
+            description: z.ZodOptional<z.ZodString>;
+            opengraphThumbnail: z.ZodOptional<z.ZodString>;
+            keywords: z.ZodOptional<z.ZodString>;
+            enabled: z.ZodBoolean;
+        }, "strip", z.ZodTypeAny, {
+            enabled: boolean;
+            title?: string | undefined;
+            description?: string | undefined;
+            opengraphThumbnail?: string | undefined;
+            keywords?: string | undefined;
+        }, {
+            enabled: boolean;
+            title?: string | undefined;
+            description?: string | undefined;
+            opengraphThumbnail?: string | undefined;
+            keywords?: string | undefined;
+        }>>;
+        id: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        title: string;
+        articleId: string;
+        slug: string;
+        meta?: {
+            enabled: boolean;
+            title?: string | undefined;
+            description?: string | undefined;
+            opengraphThumbnail?: string | undefined;
+            keywords?: string | undefined;
+        } | undefined;
+    }, {
+        id: string;
+        title: string;
+        articleId: string;
+        slug: string;
+        meta?: {
+            enabled: boolean;
+            title?: string | undefined;
+            description?: string | undefined;
+            opengraphThumbnail?: string | undefined;
+            keywords?: string | undefined;
+        } | undefined;
+    }>, "many">;
+    fonts: z.ZodObject<{
+        google: z.ZodString;
+        adobe: z.ZodString;
+        custom: z.ZodArray<z.ZodObject<{
+            name: z.ZodString;
+            style: z.ZodString;
+            weight: z.ZodNumber;
+            files: z.ZodArray<z.ZodObject<{
+                type: z.ZodNativeEnum<typeof FontFileTypes>;
+                url: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                url: string;
+                type: FontFileTypes;
+            }, {
+                url: string;
+                type: FontFileTypes;
+            }>, "many">;
+        }, "strip", z.ZodTypeAny, {
+            name: string;
+            style: string;
+            weight: number;
+            files: {
+                url: string;
+                type: FontFileTypes;
+            }[];
+        }, {
+            name: string;
+            style: string;
+            weight: number;
+            files: {
+                url: string;
+                type: FontFileTypes;
+            }[];
+        }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        custom: {
+            name: string;
+            style: string;
+            weight: number;
+            files: {
+                url: string;
+                type: FontFileTypes;
+            }[];
+        }[];
+        google: string;
+        adobe: string;
+    }, {
+        custom: {
+            name: string;
+            style: string;
+            weight: number;
+            files: {
+                url: string;
+                type: FontFileTypes;
+            }[];
+        }[];
+        google: string;
+        adobe: string;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    html: {
+        head: string;
+        afterBodyOpen: string;
+        beforeBodyClose: string;
+    };
+    id: string;
+    meta: {
+        favicon?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        opengraphThumbnail?: string | undefined;
+        keywords?: string | undefined;
+    };
+    layouts: {
+        id: string;
+        title: string;
+        startsWith: number;
+        exemplary: number;
+    }[];
+    pages: {
+        id: string;
+        title: string;
+        articleId: string;
+        slug: string;
+        meta?: {
+            enabled: boolean;
+            title?: string | undefined;
+            description?: string | undefined;
+            opengraphThumbnail?: string | undefined;
+            keywords?: string | undefined;
+        } | undefined;
+    }[];
+    fonts: {
+        custom: {
+            name: string;
+            style: string;
+            weight: number;
+            files: {
+                url: string;
+                type: FontFileTypes;
+            }[];
+        }[];
+        google: string;
+        adobe: string;
+    };
+}, {
+    html: {
+        head: string;
+        afterBodyOpen: string;
+        beforeBodyClose: string;
+    };
+    id: string;
+    meta: {
+        favicon?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        opengraphThumbnail?: string | undefined;
+        keywords?: string | undefined;
+    };
+    layouts: {
+        id: string;
+        title: string;
+        startsWith: number;
+        exemplary: number;
+    }[];
+    pages: {
+        id: string;
+        title: string;
+        articleId: string;
+        slug: string;
+        meta?: {
+            enabled: boolean;
+            title?: string | undefined;
+            description?: string | undefined;
+            opengraphThumbnail?: string | undefined;
+            keywords?: string | undefined;
+        } | undefined;
+    }[];
+    fonts: {
+        custom: {
+            name: string;
+            style: string;
+            weight: number;
+            files: {
+                url: string;
+                type: FontFileTypes;
+            }[];
+        }[];
+        google: string;
+        adobe: string;
+    };
+}>;

package/dist/sdk/schemas/shared/FillLayer.schema.d.ts

@@ -0,0 +1,186 @@
+import { z } from 'zod';
+export declare const ColorPointSchema: z.ZodObject<{
+    id: z.ZodString;
+    value: z.ZodString;
+    position: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: string;
+}, {
+    position: number;
+    id: string;
+    value: string;
+}>;
+export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"solid">;
+    value: z.ZodString;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    value: string;
+    type: "solid";
+    blendMode: string;
+}, {
+    id: string;
+    value: string;
+    type: "solid";
+    blendMode: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"linear-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    type: "linear-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    start: [number, number];
+    end: [number, number];
+    angle: number;
+}, {
+    id: string;
+    type: "linear-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    start: [number, number];
+    end: [number, number];
+    angle: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"radial-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    diameter: z.ZodNumber;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    center: [number, number];
+    id: string;
+    type: "radial-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+    diameter: number;
+}, {
+    center: [number, number];
+    id: string;
+    type: "radial-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+    diameter: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"conic-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    center: [number, number];
+    id: string;
+    type: "conic-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+}, {
+    center: [number, number];
+    id: string;
+    type: "conic-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"image">;
+    src: z.ZodString;
+    behavior: z.ZodString;
+    backgroundSize: z.ZodNumber;
+    opacity: z.ZodNumber;
+    blendMode: z.ZodString;
+    rotation: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    opacity: number;
+    id: string;
+    type: "image";
+    blendMode: string;
+    src: string;
+    behavior: string;
+    backgroundSize: number;
+    rotation?: number | undefined;
+}, {
+    opacity: number;
+    id: string;
+    type: "image";
+    blendMode: string;
+    src: string;
+    behavior: string;
+    backgroundSize: number;
+    rotation?: number | undefined;
+}>]>;

package/dist/sdk/types/article/Article.d.ts

@@ -0,0 +1,7 @@
+import { Section } from './Section';
+import { Interaction } from './Interaction';
+export interface Article {
+    id: string;
+    sections: Section[];
+    interactions: Record<string, Interaction[]>;
+}

package/dist/sdk/types/article/ArticleItemType.d.ts

@@ -0,0 +1,13 @@
+export declare enum ArticleItemType {
+    Image = "image",
+    RichText = "richtext",
+    Video = "video",
+    Rectangle = "rectangle",
+    VimeoEmbed = "vimeo-embed",
+    YoutubeEmbed = "youtube-embed",
+    Custom = "custom",
+    Group = "group",
+    CodeEmbed = "code-embed",
+    Compound = "compound",
+    Component = "component"
+}

package/dist/sdk/types/article/CompoundSettings.d.ts

@@ -0,0 +1,6 @@
+import { AreaAnchor, DimensionMode } from './ItemArea';
+export interface CompoundSettings {
+    positionAnchor: AreaAnchor;
+    widthMode: DimensionMode;
+    heightMode: DimensionMode;
+}

package/dist/sdk/types/article/FX.d.ts

@@ -0,0 +1,23 @@
+export type FXControlType = 'float' | 'int' | 'vec2';
+export type FXControlInput = 'knob' | 'matrix2d' | 'slider';
+export interface FXCursor {
+    type: 'mouse' | 'manual';
+    x: number;
+    y: number;
+}
+export interface FXControlValuesMap {
+    'float': number;
+    'int': number;
+    'vec2': [number, number];
+}
+export interface FXControlTypeMap {
+    'float': 'knob' | 'slider';
+    'int': 'knob';
+    'vec2': 'matrix2d';
+}
+export interface FXControl<Type extends FXControlType, Input extends FXControlTypeMap[Type]> {
+    type: Type;
+    shaderParam: string;
+    value: FXControlValuesMap[Type];
+}
+export type FXControlAny = FXControl<FXControlType, FXControlInput>;

package/dist/sdk/types/article/Interaction.d.ts

@@ -0,0 +1,28 @@
+export interface Interaction {
+    id: string;
+    triggers: (InteractionItemTrigger | InteractionScrollTrigger)[];
+    states: InteractionState[];
+    startStateId: string;
+}
+export interface InteractionItemTrigger {
+    itemId: string;
+    type: 'hover-in' | 'hover-out' | 'click';
+    from: StateId;
+    to: StateId;
+}
+export interface InteractionScrollTrigger {
+    position: number;
+    from: StateId;
+    to: StateId;
+    isReverse: boolean;
+}
+export type VideoInteractionAction = {
+    type: 'play' | 'pause';
+    itemId: string;
+};
+export interface InteractionState {
+    id: StateId;
+    actions?: VideoInteractionAction[];
+}
+type StateId = string;
+export {};