@aham.ro/ui-designer 0.1.12 → 0.1.14

package/dist/widgets/components/base/HeadingBase.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    text?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    textAlign?: 'left' | 'center' | 'right';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "md" | "lg" | "xl";
+    text: string;
+    textAlign: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/ImageBase.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    src?: string;
+    alt?: string;
+    width?: string | number;
+    height?: string | number;
+    radius?: string | number;
+    href?: string;
+    hrefTarget?: '_self' | '_blank';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: string | number;
+    width: string | number;
+    radius: string | number;
+    src: string;
+    alt: string;
+    href: string;
+    hrefTarget: "_self" | "_blank";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/LayoutBase.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    direction?: 'row' | 'column';
+    gap?: number | string;
+    padding?: number | string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    padding: number | string;
+    gap: number | string;
+    direction: "row" | "column";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/widgets/components/base/LayoutRefBase.vue.d.ts

@@ -0,0 +1,23 @@
+import { type BoxProps } from '../types';
+type __VLS_Props = BoxProps & {
+    layoutKey?: string;
+    label?: string;
+    minHeight?: string | number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    layoutKey: string;
+    label: string;
+    width: import("../types").ComponentLength;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/widgets/components/base/OtpInputBase.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    label?: string;
+    digits?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    digits: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/PasswordInputBase.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    textColor?: string;
+    showForgot?: boolean;
+    showForgotLabel?: string;
+    forgotDestinationType?: 'custom' | 'template';
+    forgotHref?: string;
+    forgotTemplateKey?: string;
+    forgotTemplateId?: string;
+    modelValue?: string;
+    name?: string;
+    interaction?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    name: string;
+    label: string;
+    placeholder: string;
+    required: boolean;
+    interaction: boolean;
+    showForgot: boolean;
+    showForgotLabel: string;
+    forgotDestinationType: "custom" | "template";
+    forgotHref: string;
+    forgotTemplateKey: string;
+    forgotTemplateId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/ScopeListBase.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    scopes?: string[] | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    scopes: string[] | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/SocialButtonBase.vue.d.ts

@@ -0,0 +1,11 @@
+type Provider = 'google' | 'github' | 'microsoft' | 'apple';
+type __VLS_Props = {
+    provider?: Provider;
+    text?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    text: string;
+    provider: Provider;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/SpacerBase.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    height?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/SubmitButtonBase.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    text?: string;
+    style?: 'primary' | 'secondary';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    text: string;
+    style: "primary" | "secondary";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/TextBase.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    text?: string;
+    textAlign?: 'left' | 'center' | 'right';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    text: string;
+    textAlign: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/TextInputBase.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    name?: string;
+    dataSource?: 'given_name' | 'family_name' | 'attributes';
+    attributesKey?: string;
+    label?: string;
+    inputType?: 'text' | 'number' | 'phone';
+    placeholder?: string;
+    required?: boolean;
+    modelValue?: string;
+    interaction?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    name: string;
+    label: string;
+    placeholder: string;
+    required: boolean;
+    interaction: boolean;
+    inputType: "text" | "number" | "phone";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/TextLinkBase.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    text?: string;
+    destinationType?: 'custom' | 'template';
+    href?: string;
+    templateKey?: string;
+    templateId?: string;
+    target?: '_self' | '_blank';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    text: string;
+    templateId: string;
+    href: string;
+    target: "_self" | "_blank";
+    destinationType: "custom" | "template";
+    templateKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/ThemeTogglerBase.vue.d.ts

@@ -0,0 +1,20 @@
+import { type BoxProps } from '../types';
+type __VLS_Props = Omit<BoxProps, 'width' | 'height' | 'background' | 'borderStyle' | 'borderColor' | 'borderWidth' | 'radius' | 'padding'> & {
+    icon?: string;
+    iconSize?: string | number;
+    preview?: boolean;
+    placement?: string;
+    transform?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: string;
+    right: import("../types").ComponentLength;
+    preview: boolean;
+    position: "relative" | "absolute";
+    bottom: import("../types").ComponentLength;
+    align: string;
+    iconSize: string | number;
+    placement: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/base/index.d.ts

@@ -0,0 +1,49 @@
+export { default as AlertBase } from './AlertBase.vue';
+export { default as CheckboxBase } from './CheckboxBase.vue';
+export { default as ConsentCardBase } from './ConsentCardBase.vue';
+export { default as ContainerBase } from './ContainerBase.vue';
+export { default as DividerBase } from './DividerBase.vue';
+export { default as DatePickerBase } from './DatePickerBase.vue';
+export { default as EmailInputBase } from './EmailInputBase.vue';
+export { default as HeadingBase } from './HeadingBase.vue';
+export { default as ImageBase } from './ImageBase.vue';
+export { default as LayoutBase } from './LayoutBase.vue';
+export { default as LayoutRefBase } from './LayoutRefBase.vue';
+export { default as ThemeTogglerBase } from './ThemeTogglerBase.vue';
+export { default as OtpInputBase } from './OtpInputBase.vue';
+export { default as PasswordInputBase } from './PasswordInputBase.vue';
+export { default as ScopeListBase } from './ScopeListBase.vue';
+export { default as SocialButtonBase } from './SocialButtonBase.vue';
+export { default as SpacerBase } from './SpacerBase.vue';
+export { default as SubmitButtonBase } from './SubmitButtonBase.vue';
+export { default as TextBase } from './TextBase.vue';
+export { default as TextInputBase } from './TextInputBase.vue';
+export { default as TextLinkBase } from './TextLinkBase.vue';
+import { type Component, type VNode } from 'vue';
+export interface BaseComponentData {
+    name?: string;
+    type?: string;
+    props?: Record<string, unknown>;
+}
+export type RenderDevice = 'base' | 'phone' | 'tablet' | 'desktop';
+export type ComponentNode = BaseComponentData & {
+    id?: string;
+    layoutId?: string;
+    children?: ComponentNode[];
+};
+export type RenderTemplate = {
+    components?: ComponentNode[];
+};
+export type RenderWalker = (node: ComponentNode, context: {
+    device: RenderDevice;
+    index: number;
+    path: number[];
+}) => Record<string, unknown> | undefined;
+declare const components: Record<string, Component>;
+export declare function renderBaseComponent(data: BaseComponentData): {
+    name: string | undefined;
+    component: Component;
+    props: Record<string, unknown>;
+} | undefined;
+export declare function render(source: ComponentNode[] | RenderTemplate, device?: RenderDevice, walker?: RenderWalker, path?: number[]): VNode[];
+export default components;

package/dist/widgets/components/index.d.ts

@@ -1,22 +1,26 @@
+export { default as Alert } from './Alert.vue';
+export { default as Checkbox } from './Checkbox.vue';
+export { default as ConsentCard } from './ConsentCard.vue';
 export { default as Container } from './Container.vue';
-export { default as Card } from './Card.vue';
-export { default as Spacer } from './Spacer.vue';
+export { default as Content } from './Content.vue';
 export { default as Divider } from './Divider.vue';
+export { default as DatePicker } from './DatePicker.vue';
+export { default as Document } from './Document.vue';
+export { default as EmailInput } from './EmailInput.vue';
+export { default as Errors } from './Errors.vue';
+export { default as Heading } from './Heading.vue';
+export { default as Image } from './Image.vue';
 export { default as Layout } from './Layout.vue';
 export { default as LayoutRef } from './LayoutRef.vue';
-export { default as EmailInput } from './EmailInput.vue';
-export { default as TextInput } from './TextInput.vue';
-export { default as PasswordInput } from './PasswordInput.vue';
+export { default as LayoutSlot } from './LayoutSlot.vue';
 export { default as OtpInput } from './OtpInput.vue';
-export { default as Checkbox } from './Checkbox.vue';
-export { default as SubmitButton } from './SubmitButton.vue';
+export { default as PasswordInput } from './PasswordInput.vue';
+export { default as ScopeList } from './ScopeList.vue';
 export { default as SocialButton } from './SocialButton.vue';
-export { default as TextLink } from './TextLink.vue';
-export { default as Heading } from './Heading.vue';
+export { default as Spacer } from './Spacer.vue';
+export { default as SubmitButton } from './SubmitButton.vue';
 export { default as Text } from './Text.vue';
-export { default as Image } from './Image.vue';
-export { default as Alert } from './Alert.vue';
-export { default as Content } from './Content.vue';
-export { default as ConsentCard } from './ConsentCard.vue';
-export { default as ScopeList } from './ScopeList.vue';
-export { default as Document } from './Document.vue';
+export { default as TextInput } from './TextInput.vue';
+export { default as TextLink } from './TextLink.vue';
+export { default as ThemeToggler } from './ThemeToggler.vue';
+export * from './base';

package/dist/widgets/components/linkResolver.d.ts

@@ -0,0 +1,4 @@
+import { type InjectionKey } from 'vue';
+export type DesignerLinks = Record<string, string>;
+export declare const designerLinksKey: InjectionKey<DesignerLinks>;
+export declare function resolveDesignerLink(key: string | undefined, fallback?: string): string;

package/dist/widgets/components/types.d.ts

@@ -2,6 +2,11 @@ export type ComponentLength = string | number;
 export interface BoxProps {
     width?: ComponentLength;
     height?: ComponentLength;
+    minWidth?: ComponentLength;
+    maxWidth?: ComponentLength;
+    minHeight?: ComponentLength;
+    maxHeight?: ComponentLength;
+    flex?: string | number;
     margin?: ComponentLength;
     padding?: ComponentLength;
     layout?: 'flex' | 'grid' | 'block';

package/dist/widgets/header/IconButton.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
-    active: boolean;
     icon: string;
+    active: boolean;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/widgets/header/SaveButton.vue.d.ts

@@ -2,7 +2,11 @@ type __VLS_Props = {
     disabled?: boolean;
     working?: boolean;
 };
-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 __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
     disabled: boolean;
     working: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/widgets/header/types.d.ts

@@ -1,6 +1,7 @@
 export interface MoreMenuItem {
     id: string;
     label: string;
+    type?: 'item' | 'divider';
     icon?: string;
     disabled?: boolean;
 }
@@ -11,6 +12,10 @@ export interface Template {
     channel: string;
     icon: string;
     changed: boolean;
+    hasDraft?: boolean;
+    draftVersionId?: string;
+    canDelete?: boolean;
+    requiredComponents?: string[];
     type?: 'predefined' | 'dynamic';
 }
 export interface ChecklistItem {

package/dist/widgets/workspace/Breadcrumb.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>;
+type __VLS_Props = {
+    channel?: string;
+};
+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/widgets/workspace/ComponentHandler.vue.d.ts

@@ -5,15 +5,15 @@ type __VLS_Props = {
     selected?: boolean;
     preview?: boolean;
 };
-declare var __VLS_7: {};
+declare var __VLS_15: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: () => any;
+    select: (id?: string | undefined) => any;
     moveStart: (id: string, event: DragEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: (() => any) | undefined;
+    onSelect?: ((id?: string | undefined) => any) | undefined;
     onMoveStart?: ((id: string, event: DragEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/widgets/workspace/Composer.vue.d.ts

@@ -1,14 +1,17 @@
 import { type WorkspaceComponent } from '../../stores/workspace';
 type __VLS_Props = {
     preview?: boolean;
+    zoom?: number;
 };
-declare function addComponent(type: string): void;
+declare function addComponent(type: string, componentProps?: Record<string, unknown>): void;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     addComponent: typeof addComponent;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    contextMenu: (id: string, event: MouseEvent) => any;
     componentDrop: (type: string) => any;
     componentSelect: (component: WorkspaceComponent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onContextMenu?: ((id: string, event: MouseEvent) => any) | undefined;
     onComponentDrop?: ((type: string) => any) | undefined;
     onComponentSelect?: ((component: WorkspaceComponent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/widgets/workspace/DataExpose.vue.d.ts

@@ -0,0 +1,13 @@
+import { type DynamicTemplateData } from '../../stores/workspace';
+type __VLS_Props = {
+    dynamicTemplates?: DynamicTemplateData[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dynamicTemplatesImported: (templates: DynamicTemplateData[]) => any;
+    workspaceImported: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDynamicTemplatesImported?: ((templates: DynamicTemplateData[]) => any) | undefined;
+    onWorkspaceImported?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/workspace/Editable.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/widgets/workspace/WorkspaceNode.vue.d.ts

@@ -2,18 +2,25 @@ import { type WorkspaceComponent, type WorkspaceDevice } from '../../stores/work
 type __VLS_Props = {
     component: WorkspaceComponent;
     selectedId?: string;
+    selectedTemplateId?: string;
+    templateId?: string;
     preview?: boolean;
     depth?: number;
     device?: WorkspaceDevice;
+    zoom?: number;
+    layoutSlotContent?: WorkspaceComponent[];
+    layoutSlotTargetId?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (id: string) => any;
-    drop: (parentId: string, type: string) => any;
+    select: (id: string, templateId?: string | undefined) => any;
+    drop: (parentId: string, type: string, index?: number | undefined) => any;
     moveStart: (id: string, event: DragEvent) => any;
+    contextMenu: (id: string, event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((id: string) => any) | undefined;
-    onDrop?: ((parentId: string, type: string) => any) | undefined;
+    onSelect?: ((id: string, templateId?: string | undefined) => any) | undefined;
+    onDrop?: ((parentId: string, type: string, index?: number | undefined) => any) | undefined;
     onMoveStart?: ((id: string, event: DragEvent) => any) | undefined;
+    onContextMenu?: ((id: string, event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/widgets/workspace/ZoomController.vue.d.ts

@@ -1,7 +1,6 @@
 type __VLS_Props = {
     modelValue: number;
     pan: boolean;
-    debug?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;

package/dist/widgets/workspace/configuration.d.ts

@@ -1,12 +1,11 @@
 import type { Component } from 'vue';
-import { withEditable, type EditablePropDefinition } from './editable';
-export { withEditable };
-export type { EditablePropDefinition };
+import { withProperties } from './editable';
+export { withProperties };
 export declare const componentDisplayNames: Record<string, string>;
 export declare const componentIcons: Record<string, string>;
 export declare function getComponentDisplayName(type: string): string;
 export declare const componentMap: Record<string, Component>;
-export declare const componentPropDefinitions: Record<string, (EditablePropDefinition & {
+export declare const componentPropDefinitions: Record<string, (import("./editable").PropertyDefinition & {
     key: string;
 })[]>;
 export declare const slotComponentTypes: Set<string>;

package/dist/widgets/workspace/editable.d.ts

@@ -1,12 +1,16 @@
-export type EditablePropDefinition = {
+import type { ThemeVariable } from '../..';
+export type PropertyDefinition = {
     label?: string;
     type: 'string' | 'text' | 'number' | 'boolean' | 'select' | 'color';
     translations?: boolean;
+    syncAcrossScreens?: boolean;
     options?: string[];
     defaultValue?: string | number | boolean;
 };
-export type EditablePropDefinitions = Record<string, EditablePropDefinition>;
-export declare const editablePropDefinitions: Record<string, (EditablePropDefinition & {
+export type PropertyDefinitions = Record<string, PropertyDefinition>;
+export declare const propertyDefinitions: Record<string, (PropertyDefinition & {
     key: string;
 })[]>;
-export declare function withEditable(componentType: string, definitions: EditablePropDefinitions): EditablePropDefinitions;
+export declare function withProperties(componentType: string, definitions: PropertyDefinitions): PropertyDefinitions;
+export declare function withStyleVariables(componentType: string, definitions: ThemeVariable[]): ThemeVariable[];
+export declare function setPropertyOptions(componentType: string, propertyKey: string, options: string[]): void;

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@aham.ro/ui-designer",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Vue components for the UI designer for IAM and email templates.",
   "keywords": [
     "stable"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/aham.ro/iam/designer.git"
+  },
   "type": "module",
   "files": [
     "dist"