@skylivellc/lienzo-editor 0.0.0-stage → 0.1.1

package/dist/types/model/elements.d.ts

@@ -0,0 +1,280 @@
+import type { AppElement, Catalog, CoreElement, CoreElementType, Element, ElementSpec, StyleGroup } from '@skylivellc/lienzo-core';
+import type { MessageKey } from '../i18n/index.ts';
+type Translate = (key: MessageKey, params?: Record<string, string | number>) => string;
+type Draft = {
+    box: {
+        x: number;
+        w: number;
+        h: number;
+    };
+    props: CoreElement['props'];
+    style: CoreElement['style'];
+};
+type CoreSpec = {
+    label: MessageKey;
+    /** Form fields sit in their own palette group. */
+    group: 'content' | 'form';
+    /** Style panels the element shows. */
+    styles: readonly StyleGroup[];
+    /** The prop a double-click edits right on the canvas. */
+    inline: 'text' | 'label' | null;
+    /** A fresh element with a sensible look and copy in the editor's language. */
+    create(t: Translate): Draft;
+};
+/** Everything the editor knows per core type. A new core type does not compile until it is listed here. */
+export declare const coreSpecs: {
+    heading: {
+        label: "type.heading";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: "text";
+        create: (t: Translate) => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                text: string;
+                level: number;
+            };
+            style: {
+                color: string;
+                font: "heading";
+                size: number;
+                weight: 700;
+                align: "left";
+                line_height: number;
+            };
+        };
+    };
+    text: {
+        label: "type.text";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: "text";
+        create: (t: Translate) => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                text: string;
+            };
+            style: {
+                color: string;
+                font: "body";
+                size: number;
+                weight: 400;
+                align: "left";
+                line_height: number;
+            };
+        };
+    };
+    image: {
+        label: "type.image";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: () => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                src: string;
+                alt: string;
+            };
+            style: {
+                radius: number;
+                object_fit: "cover";
+            };
+        };
+    };
+    button: {
+        label: "type.button";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: "label";
+        create: (t: Translate) => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                label: string;
+                action: {
+                    type: string;
+                    value: string;
+                };
+            };
+            style: {
+                background: string;
+                color: string;
+                font: "body";
+                size: number;
+                weight: 600;
+                align: "center";
+                radius: number;
+            };
+        };
+    };
+    divider: {
+        label: "type.divider";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: () => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {};
+            style: {
+                color: string;
+            };
+        };
+    };
+    video: {
+        label: "type.video";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: (t: Translate) => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                url: string;
+                alt: string;
+            };
+            style: {
+                radius: number;
+            };
+        };
+    };
+    shape: {
+        label: "type.shape";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: () => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                shape: "rectangle";
+            };
+            style: {
+                background: string;
+                radius: number;
+                opacity: number;
+            };
+        };
+    };
+    icon: {
+        label: "type.icon";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: () => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                icon: string;
+                stroke: number;
+            };
+            style: {
+                color: string;
+            };
+        };
+    };
+    navbar: {
+        label: "type.navbar";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: (t: Translate) => {
+            name: MessageKey;
+            props: CoreElement["props"];
+            style: CoreElement["style"];
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+        };
+    };
+    input: {
+        label: "type.input";
+        group: "form";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: (t: Translate) => Draft;
+    };
+    textarea: {
+        label: "type.textarea";
+        group: "form";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: (t: Translate) => Draft;
+    };
+    select: {
+        label: "type.select";
+        group: "form";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: (t: Translate) => Draft;
+    };
+    checkbox: {
+        label: "type.checkbox";
+        group: "form";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: (t: Translate) => Draft;
+    };
+};
+/** Ready-made menus: a starting point, then edited link by link like any element. */
+export declare function navbarPresets(t: Translate): {
+    name: MessageKey;
+    props: CoreElement['props'];
+    style: CoreElement['style'];
+}[];
+/** What an element is to the editor: built in, declared by the app, or from a plugin that is gone. */
+export type ElementKind = {
+    kind: 'core';
+    element: CoreElement;
+    spec: CoreSpec;
+} | {
+    kind: 'app';
+    element: AppElement;
+    spec: ElementSpec;
+} | {
+    kind: 'opaque';
+    element: Element;
+};
+export declare function kindOf(element: Element, catalog: Catalog): ElementKind;
+/** An element type the palette can add. */
+export type Insertable = {
+    kind: 'core';
+    type: CoreElementType;
+} | {
+    kind: 'app';
+    spec: ElementSpec;
+};
+/** A new element placed at `top` design pixels, sized and styled by its type. */
+export declare function createElement(insertable: Insertable, top: number, t: Translate): Element;
+/** A short name for layers: the element's own text when it has some, else its type. */
+export declare function elementName(element: Element, label: string): string;
+export {};

package/dist/types/model/geometry.d.ts

@@ -0,0 +1,74 @@
+import type { Box } from '@skylivellc/lienzo-core';
+/**
+ * Layout math of the canvas, in design units: x and w are percent of the
+ * frame width, y and h are design pixels. Pure, so the canvas gestures and
+ * the panels share one copy and the tests drive it directly.
+ */
+export type Handle = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
+export declare const HANDLES: readonly Handle[];
+export type Alignment = 'left' | 'hcenter' | 'right' | 'top' | 'vmiddle' | 'bottom';
+export declare const ALIGNMENTS: readonly Alignment[];
+/** Guide lines that matched, in design pixels from the frame's left and top edges. */
+export type Guides = {
+    x: number[];
+    y: number[];
+};
+export declare const clamp: (value: number, min: number, max: number) => number;
+/** Rounds to a grid, 4 design pixels by default, so nothing sits on half a pixel. */
+export declare const snap: (value: number, grid?: number) => number;
+/** Keeps a box inside the ranges a document accepts, with room to bleed off the edges. */
+export declare const clampBox: (box: Box) => Box;
+/**
+ * The box after dragging by `delta` design pixels: the whole box when
+ * `handle` is null, otherwise the edges that handle owns. x snaps to half a
+ * percent and y to the 4px grid.
+ */
+export declare function dragBox(start: Box, delta: {
+    x: number;
+    y: number;
+}, handle: Handle | null, frameWidth: number): Box;
+/** Edges and centers worth aligning to: the frame's, then every other element's. */
+export type Anchors = {
+    x: number[];
+    y: number[];
+};
+export declare function anchorsOf(others: readonly Box[], frameWidth: number, frameHeight: number): Anchors;
+/**
+ * Pulls the box onto nearby anchors, like design tools do, and reports the
+ * lines that matched. Moving snaps all three edges per axis; resizing snaps
+ * only the edges the handle moves. Thresholds are in the units of each axis.
+ */
+export declare function snapToAnchors(box: Box, anchors: Anchors, frameWidth: number, threshold: {
+    x: number;
+    y: number;
+}, handle: Handle | null): {
+    box: Box;
+    guides: Guides;
+};
+/** Aligns one box inside its canvas. */
+export declare function alignInCanvas(box: Box, where: Alignment, canvasHeight: number): Box;
+/** Aligns several boxes against the box that encloses all of them. */
+export declare function alignTogether(boxes: readonly Box[], where: Alignment): Box[];
+/**
+ * Spreads boxes evenly between the first and the last along one axis.
+ * Needs three or more; returns the boxes in their original order.
+ */
+export declare function distribute(boxes: readonly Box[], axis: 'x' | 'y'): Box[];
+/** The layer that puts an element above (or below) every other one in its canvas. */
+export declare function frontLayer(others: readonly number[]): number;
+export declare function backLayer(others: readonly number[]): number;
+/** Canvas height that fits its content, with a margin below the lowest element. */
+export declare function fitHeight(boxes: readonly Box[]): number;
+/**
+ * A phone layout from the desktop one: elements one below the other in
+ * reading order (top to bottom, then left to right), 92% wide, heights scaled
+ * with the width so proportions hold. Text never shrinks below its desktop
+ * height, since it wraps into more lines.
+ */
+export declare function stackForMobile(elements: readonly {
+    desktop: Box;
+    text: boolean;
+}[], reference: number, mobileWidth: number): {
+    boxes: Box[];
+    height: number;
+};

package/dist/types/model/history.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Undo and redo over document snapshots (serialized JSON). Pushing a
+ * snapshot equal to the current one is a no-op, so callers can push after
+ * every gesture without checking whether anything changed.
+ */
+export type History = {
+    /** Records a new state. Returns false when it equals the current one. */
+    push(snapshot: string): boolean;
+    /** The state to restore, or null at the edge of the history. */
+    undo(): string | null;
+    redo(): string | null;
+    /** Forgets everything and starts again from `snapshot` (a page switch or a reload). */
+    reset(snapshot: string): void;
+    readonly canUndo: boolean;
+    readonly canRedo: boolean;
+};
+export declare function createHistory(initial: string, limit?: number): History;

package/dist/types/model/icons.d.ts

@@ -0,0 +1,5 @@
+/** One stroke of a catalog icon, as core renders it. */
+export type IconNode = readonly [tag: 'path' | 'circle' | 'rect' | 'line', attrs: Readonly<Record<string, string>>];
+/** Lienzo's icon catalog (lucide strokes), the same one public pages draw from. */
+export declare const icons: ReadonlyMap<string, readonly IconNode[]>;
+export declare const ICON_NAMES: readonly string[];

package/dist/types/model/templates.d.ts

@@ -0,0 +1,29 @@
+import type { Section } from '@skylivellc/lienzo-core';
+import { type MessageKey } from '../i18n/index.ts';
+declare const sections: {
+    hero: () => Section;
+    features: () => Section;
+    about: () => Section;
+    cta: () => Section;
+    contact: () => Section;
+    footer: () => Section;
+};
+export type SectionTemplateKey = keyof typeof sections;
+export declare const SECTION_TEMPLATES: readonly {
+    key: SectionTemplateKey;
+    name: MessageKey;
+}[];
+declare const pages: {
+    readonly full: readonly ["hero", "features", "about", "cta", "footer"];
+    readonly simple: readonly ["hero", "features", "contact", "footer"];
+    readonly landing: readonly ["hero", "cta", "contact", "footer"];
+};
+export type PageTemplateKey = keyof typeof pages;
+export declare const PAGE_TEMPLATES: readonly {
+    key: PageTemplateKey;
+    name: MessageKey;
+    note: MessageKey;
+}[];
+export declare const buildSectionTemplate: (key: SectionTemplateKey) => Section;
+export declare const buildPageTemplate: (key: PageTemplateKey) => Section[];
+export {};

package/dist/types/model/theme.d.ts

@@ -0,0 +1,40 @@
+import type { Document, Style, Theme, ThemeToken } from '@skylivellc/lienzo-core';
+import type { MessageKey } from '../i18n/index.ts';
+export declare const THEME_TOKENS: readonly ["primary", "secondary", "background", "surface", "text", "muted"];
+export declare const isThemeToken: (value: unknown) => value is ThemeToken;
+export type Palette = Pick<Theme, ThemeToken>;
+export type Gradient = NonNullable<Style['gradient']>;
+export type GradientPreset = {
+    type: 'linear' | 'radial';
+    from: ThemeToken;
+    to: ThemeToken;
+    angle: number;
+};
+/** Ready palettes, so nobody has to pick six colors blind. */
+export declare const PALETTES: readonly {
+    name: MessageKey;
+    colors: Palette;
+}[];
+/** Google fonts picked so that any pairing looks fine. Notes are message keys `font.<name>`. */
+export declare const FONTS: readonly ["Inter", "Poppins", "Montserrat", "DM Sans", "Work Sans", "Nunito", "Lora", "Playfair Display", "Merriweather", "Source Sans 3"];
+export declare const fontNote: (font: (typeof FONTS)[number]) => MessageKey;
+export declare const MAX_WIDTHS: readonly [1080, 1200, 1320, 1440];
+export declare const widthLabel: (width: (typeof MAX_WIDTHS)[number]) => MessageKey;
+/** Gradients suggested from the palette. */
+export declare const GRADIENT_PRESETS: readonly {
+    name: MessageKey;
+    gradient: GradientPreset;
+}[];
+/** The CSS color of a token or hex, for swatches in the editor chrome. */
+export declare const swatch: (value: string | null | undefined, theme: Theme) => string;
+/** CSS background of a gradient, for preset swatches. */
+export declare function gradientCss(gradient: Gradient, theme: Theme): string;
+/** The theme token closest to a loose hex color. */
+export declare function nearestToken(value: string, theme: Theme): ThemeToken;
+/**
+ * Moves fixed colors (canvas backgrounds, element color and background) to
+ * the closest theme token, so the page follows the palette from now on.
+ */
+export declare function linkToPalette(document: Document, theme: Theme): void;
+/** Stylesheet URL that loads the theme fonts, the same request the public page makes. */
+export declare function fontsHref(fonts: readonly string[]): string;

package/dist/types/panels/ActionPicker.vue.d.ts

@@ -0,0 +1,25 @@
+import { type Action } from '@skylivellc/lienzo-core';
+/**
+ * What a click does: a core action or one the app registered, plus the value
+ * it needs (a modal, a page, a number...). Used by buttons, menu links and
+ * app fields of kind `action`. Emits a whole new action on every change.
+ */
+type __VLS_Props = {
+    modelValue: Action | null | undefined;
+    label: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    commit: () => any;
+    "update:modelValue": (action: {
+        type: string;
+        value: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCommit?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((action: {
+        type: string;
+        value: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/AlignButtons.vue.d.ts

@@ -0,0 +1,3 @@
+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;
+export default _default;

package/dist/types/panels/DesignPanel.vue.d.ts

@@ -0,0 +1,3 @@
+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;
+export default _default;

package/dist/types/panels/ElementPanel.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Element } from '@skylivellc/lienzo-core';
+/** Settings of the one selected element: its content, its look, and where it sits. */
+type __VLS_Props = {
+    element: Element;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/FieldControl.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Field, FieldValue } from '@skylivellc/lienzo-core';
+/**
+ * One control for a field the app declared (app element props, site fields,
+ * app action values). The control and the value's type follow the field's kind.
+ */
+type __VLS_Props = {
+    field: Field;
+    modelValue: FieldValue | undefined;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    commit: () => any;
+    "update:modelValue": (value: FieldValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCommit?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FieldValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/GradientEditor.vue.d.ts

@@ -0,0 +1,24 @@
+import { type Gradient } from '../model/theme.ts';
+type __VLS_ModelProps = {
+    /** A gradient of an element fill or a section background: presets, two colors, shape and angle. */
+    modelValue: Gradient | null | undefined;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    commit: () => any;
+    "update:modelValue": (value: {
+        type?: "linear" | "radial" | null | undefined;
+        from?: string | null | undefined;
+        to?: string | null | undefined;
+        angle?: number | null | undefined;
+    } | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    onCommit?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        type?: "linear" | "radial" | null | undefined;
+        from?: string | null | undefined;
+        to?: string | null | undefined;
+        angle?: number | null | undefined;
+    } | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/ModalPanel.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Modal } from '@skylivellc/lienzo-core';
+/** Settings of the modal being edited. */
+type __VLS_Props = {
+    modal: Modal;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/MultiPanel.vue.d.ts

@@ -0,0 +1,3 @@
+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;
+export default _default;

package/dist/types/panels/PagePanel.vue.d.ts

@@ -0,0 +1,3 @@
+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;
+export default _default;

package/dist/types/panels/SectionPanel.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Section } from '@skylivellc/lienzo-core';
+/** Settings of the selected section. */
+type __VLS_Props = {
+    section: Section;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/actions.d.ts

@@ -0,0 +1,52 @@
+import type { CoreActionType, Field } from '@skylivellc/lienzo-core';
+/** The value control of each core action. Labels are `action.<type>`; core's own order is the picker's. */
+export declare const CORE_ACTIONS: {
+    readonly none: {
+        readonly kind: "none";
+    };
+    readonly whatsapp: {
+        readonly kind: "text";
+        readonly placeholder: "action.placeholder.whatsapp";
+    };
+    readonly phone: {
+        readonly kind: "text";
+        readonly placeholder: "action.placeholder.phone";
+    };
+    readonly email: {
+        readonly kind: "text";
+        readonly placeholder: "action.placeholder.email";
+    };
+    readonly url: {
+        readonly kind: "text";
+        readonly placeholder: "action.placeholder.url";
+    };
+    readonly anchor: {
+        readonly kind: "anchor";
+    };
+    readonly modal: {
+        readonly kind: "modal";
+    };
+    readonly submit: {
+        readonly kind: "submit";
+    };
+    readonly page: {
+        readonly kind: "page";
+    };
+    readonly top: {
+        readonly kind: "none";
+    };
+    readonly back: {
+        readonly kind: "none";
+    };
+    readonly step_next: {
+        readonly kind: "none";
+    };
+    readonly step_prev: {
+        readonly kind: "none";
+    };
+};
+export declare const isCoreAction: (type: string) => type is CoreActionType;
+/** An app action's value is stored as a string in `action.value`; this is its starting value. */
+export declare function defaultActionValue(field: Exclude<Field, {
+    kind: 'action';
+}> | null): string;

package/dist/types/panels/content/AppContent.vue.d.ts

@@ -0,0 +1,9 @@
+import type { AppElement, ElementSpec } from '@skylivellc/lienzo-core';
+/** An app element's content, one control per field it declares. */
+type __VLS_Props = {
+    element: AppElement;
+    spec: ElementSpec;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/ButtonContent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/FormFieldContent.vue.d.ts

@@ -0,0 +1,8 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+/** Form fields: text, long text, dropdown and checkbox. */
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/IconContent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;