@widgetic/editor 4.0.7 → 4.0.9

package/dist/components/ic/TagsInputController.svelte.d.ts

@@ -1,4 +1,14 @@
 import type { InputControllerConfig } from './index';
+/** Declared props contract — export lets below are annotated from it so the
+ *  interface cannot drift from what the component actually reads. */
+export interface TagsInputControllerProps {
+    label: string;
+    value?: string[];
+    onChange: (newValue: string[]) => void;
+    config?: InputControllerConfig;
+    helpText?: string;
+    onFocus?: () => void;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -13,12 +23,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const TagsInputController: $$__sveltets_2_IsomorphicComponent<{
-    label: string;
-    value?: string[];
-    onChange: (newValue: string[]) => void;
-    config?: InputControllerConfig;
-    helpText?: string | undefined;
-    onFocus?: () => void;
+    label: TagsInputControllerProps["label"];
+    value?: TagsInputControllerProps["value"];
+    onChange: TagsInputControllerProps["onChange"];
+    config?: TagsInputControllerProps["config"];
+    helpText?: TagsInputControllerProps["helpText"];
+    onFocus?: TagsInputControllerProps["onFocus"];
     class?: string;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/components/ic/TextAreaInputController.svelte

@@ -22,14 +22,29 @@
   - Maintains formatting consistency across operations
 -->
 
+<script module lang="ts">
+  import type { InputControllerConfig } from './index';
+
+  /** Declared props contract — the instance script's $props() below is
+   *  annotated from it so the interface cannot drift from what is read. */
+  export interface TextAreaInputControllerProps {
+    class?: string;
+    label: string;
+    value: string;
+    onChange: (newValue: string) => void;
+    config?: InputControllerConfig;
+    description?: string;
+    onFocus?: () => void;
+    onClose?: () => void;
+  }
+</script>
+
 <script lang="ts">
   // Svelte imports
   import { onMount, onDestroy } from 'svelte';
   import { writable } from 'svelte/store';
   import type { ComponentEvents } from 'svelte';
 
-  // Component config
-  import type { InputControllerConfig } from './index';
 
   // Import Shadcn UI components
   import { Button, ToggleGroup, Popover, Command } from '@widgetic/design-system/components';
@@ -71,16 +86,7 @@
     description = undefined,
     onFocus = () => {},
     onClose = undefined
-  } = $props<{
-    class: string;
-    label: string;
-    value: string;
-    onChange: (newValue: string) => void;
-    config?: InputControllerConfig;
-    description?: string;
-    onFocus?: () => void;
-    onClose?: () => void;
-  }>();
+  }: TextAreaInputControllerProps = $props();
 
   // Use config values with fallbacks
   const textColor = $derived(config.textColor || '#1a1a1a');

package/dist/components/ic/TextAreaInputController.svelte.d.ts

@@ -1,6 +1,8 @@
 import type { InputControllerConfig } from './index';
-type $$ComponentProps = {
-    class: string;
+/** Declared props contract — the instance script's $props() below is
+ *  annotated from it so the interface cannot drift from what is read. */
+export interface TextAreaInputControllerProps {
+    class?: string;
     label: string;
     value: string;
     onChange: (newValue: string) => void;
@@ -8,7 +10,7 @@ type $$ComponentProps = {
     description?: string;
     onFocus?: () => void;
     onClose?: () => void;
-};
-declare const TextAreaInputController: import("svelte").Component<$$ComponentProps, {}, "value">;
+}
+declare const TextAreaInputController: import("svelte").Component<TextAreaInputControllerProps, {}, "value">;
 type TextAreaInputController = ReturnType<typeof TextAreaInputController>;
 export default TextAreaInputController;

package/dist/components/ic/TextAreaPreviewInputController.svelte

@@ -1,20 +1,34 @@
+<script module lang="ts">
+  import type { InputControllerConfig } from './index';
+
+  /** Declared props contract — export lets below are annotated from it so the
+   *  interface cannot drift from what the component actually reads. */
+  export interface TextAreaPreviewInputControllerProps {
+    label?: string;
+    value?: string;
+    onChange: (newValue: string) => void;
+    config?: InputControllerConfig;
+    description?: string;
+    portalTarget?: string | HTMLElement;
+  }
+</script>
+
 <script lang="ts">
   import { Portal } from '@widgetic/design-system/components';
   import { IconArrowsDiagonal } from '@widgetic/design-system/icons';
   import { onMount, onDestroy } from 'svelte';
   
   import { TextAreaInputController } from './index';
-  import type { InputControllerConfig } from './index';
 
   /**
    * Component props
    */
-  export let label: string = '';
-  export let value: string = '';
-  export let onChange: any;
-  export let config: InputControllerConfig = {};
-  export let description: string | undefined = undefined;
-  export let portalTarget: string = '';
+  export let label: TextAreaPreviewInputControllerProps['label'] = '';
+  export let value: TextAreaPreviewInputControllerProps['value'] = '';
+  export let onChange: TextAreaPreviewInputControllerProps['onChange'];
+  export let config: TextAreaPreviewInputControllerProps['config'] = {};
+  export let description: TextAreaPreviewInputControllerProps['description'] = undefined;
+  export let portalTarget: TextAreaPreviewInputControllerProps['portalTarget'] = '';
   /**
    * Local Variables
    */

package/dist/components/ic/TextAreaPreviewInputController.svelte.d.ts

@@ -1,4 +1,14 @@
 import type { InputControllerConfig } from './index';
+/** Declared props contract — export lets below are annotated from it so the
+ *  interface cannot drift from what the component actually reads. */
+export interface TextAreaPreviewInputControllerProps {
+    label?: string;
+    value?: string;
+    onChange: (newValue: string) => void;
+    config?: InputControllerConfig;
+    description?: string;
+    portalTarget?: string | HTMLElement;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -15,12 +25,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 declare const TextAreaPreviewInputController: $$__sveltets_2_IsomorphicComponent<{
     /**
        * Component props
-       */ label?: string;
-    value?: string;
-    onChange: any;
-    config?: InputControllerConfig;
-    description?: string | undefined;
-    portalTarget?: string;
+       */ label?: TextAreaPreviewInputControllerProps["label"];
+    value?: TextAreaPreviewInputControllerProps["value"];
+    onChange: TextAreaPreviewInputControllerProps["onChange"];
+    config?: TextAreaPreviewInputControllerProps["config"];
+    description?: TextAreaPreviewInputControllerProps["description"];
+    portalTarget?: TextAreaPreviewInputControllerProps["portalTarget"];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/ic/TextInputController.svelte

@@ -1,3 +1,18 @@
+<script module lang="ts">
+  /** Declared props contract — export lets below are annotated from it so the
+   *  interface cannot drift from what the component actually reads. */
+  export interface TextInputControllerProps {
+    label: string;
+    value: string;
+    onChange: (newValue: string) => void;
+    config?: InputControllerConfig;
+    type?: 'text' | 'email' | 'url';
+    placeholder?: string;
+    description?: string;
+    onFocus?: () => void;
+  }
+</script>
+
 <script lang="ts">
   // Import Shadcn UI components from Widgetic design-system package
   import { Input } from '@widgetic/design-system/components';
@@ -9,16 +24,16 @@
   /**
    * Component props
    */
-  export let label: string;
-  export let value: string;
-  export let onChange: (newValue: string) => void;
-  export let config: InputControllerConfig = {};
+  export let label: TextInputControllerProps['label'];
+  export let value: TextInputControllerProps['value'];
+  export let onChange: TextInputControllerProps['onChange'];
+  export let config: TextInputControllerProps['config'] = {};
   
   // Use config values with fallbacks
-  export let type: 'text' | 'email' | 'url' = 'text';
-  export let placeholder: string = config.placeholder || '';
-  export let description: string | undefined = undefined;
-  export let onFocus: () => void = () => {};
+  export let type: TextInputControllerProps['type'] = 'text';
+  export let placeholder: TextInputControllerProps['placeholder'] = config.placeholder || '';
+  export let description: TextInputControllerProps['description'] = undefined;
+  export let onFocus: TextInputControllerProps['onFocus'] = () => {};
 
   /**
    * Methods

package/dist/components/ic/TextInputController.svelte.d.ts

@@ -1,3 +1,15 @@
+/** Declared props contract — export lets below are annotated from it so the
+ *  interface cannot drift from what the component actually reads. */
+export interface TextInputControllerProps {
+    label: string;
+    value: string;
+    onChange: (newValue: string) => void;
+    config?: InputControllerConfig;
+    type?: 'text' | 'email' | 'url';
+    placeholder?: string;
+    description?: string;
+    onFocus?: () => void;
+}
 import type { InputControllerConfig } from './index';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
@@ -15,14 +27,14 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 declare const TextInputController: $$__sveltets_2_IsomorphicComponent<{
     /**
        * Component props
-       */ label: string;
-    value: string;
-    onChange: (newValue: string) => void;
-    config?: InputControllerConfig;
-    type?: "text" | "email" | "url";
-    placeholder?: string;
-    description?: string | undefined;
-    onFocus?: () => void;
+       */ label: TextInputControllerProps["label"];
+    value: TextInputControllerProps["value"];
+    onChange: TextInputControllerProps["onChange"];
+    config?: TextInputControllerProps["config"];
+    type?: TextInputControllerProps["type"];
+    placeholder?: TextInputControllerProps["placeholder"];
+    description?: TextInputControllerProps["description"];
+    onFocus?: TextInputControllerProps["onFocus"];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/ic/TimeInputController.svelte

@@ -11,6 +11,18 @@
  * - 30-minute interval selection
  -->
 
+<script module lang="ts">
+  /** Declared props contract — export lets below are annotated from it so the
+   *  interface cannot drift from what the component actually reads. */
+  export interface TimeInputControllerProps {
+    label: string;
+    value?: string;
+    onChange: (newValue: string) => void;
+    helpText?: string;
+    onFocus?: () => void;
+  }
+</script>
+
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
   import { Button } from '@widgetic/design-system/components';
@@ -18,12 +30,12 @@
   import InputControllerHeader from './InputControllerHeader.svelte';
   import type { InputControllerConfig } from './index';
 
-  export let label: string;
-  export let value: string = "00:00";
-  export let onChange: (newValue: string) => void;
+  export let label: TimeInputControllerProps['label'];
+  export let value: TimeInputControllerProps['value'] = "00:00";
+  export let onChange: TimeInputControllerProps['onChange'];
   // export let config: InputControllerConfig = {};
-  export let helpText: string | undefined = undefined;
-  export let onFocus: () => void = () => {};
+  export let helpText: TimeInputControllerProps['helpText'] = undefined;
+  export let onFocus: TimeInputControllerProps['onFocus'] = () => {};
   
   let className = '';
   export { className as class };

package/dist/components/ic/TimeInputController.svelte.d.ts

@@ -1,3 +1,12 @@
+/** Declared props contract — export lets below are annotated from it so the
+ *  interface cannot drift from what the component actually reads. */
+export interface TimeInputControllerProps {
+    label: string;
+    value?: string;
+    onChange: (newValue: string) => void;
+    helpText?: string;
+    onFocus?: () => void;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,11 +21,11 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const TimeInputController: $$__sveltets_2_IsomorphicComponent<{
-    label: string;
-    value?: string;
-    onChange: (newValue: string) => void;
-    helpText?: string | undefined;
-    onFocus?: () => void;
+    label: TimeInputControllerProps["label"];
+    value?: TimeInputControllerProps["value"];
+    onChange: TimeInputControllerProps["onChange"];
+    helpText?: TimeInputControllerProps["helpText"];
+    onFocus?: TimeInputControllerProps["onFocus"];
     class?: string;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/components/ic/VectorInputController.svelte

@@ -16,6 +16,25 @@
  * - Preloads default vectors on mount
  
  -->
+<script module lang="ts">
+  import type { Writable } from 'svelte/store';
+
+  /** Declared props contract — export lets below are annotated from it so the
+   *  interface cannot drift from what the component actually reads. */
+  export interface VectorInputControllerProps {
+    label: string;
+    value?: { name: string; category: string; url: string } | null;
+    onChange?: (newValue: { name: string; category: string; url: string } | null) => void;
+    description?: string;
+    controllerId: string;
+    openDropdowns: Writable<Set<string>>;
+    toggleDropdown: (id: string) => void;
+    onFocus?: () => void;
+    hideRecentFromList?: boolean;
+    hideTrashIcon?: boolean;
+  }
+</script>
+
 <script lang="ts">
   // Svelte imports
   import { onMount, onDestroy, tick } from 'svelte';
@@ -68,14 +87,14 @@
    * @prop {Function} toggleDropdown - Function to toggle dropdown state
    * @prop {Function} onFocus - Optional focus handler
    */
-  export let label: string;
-  export let value: { name: string; category: string; url: string } | null = null;
-  export let onChange: ((newValue: { name: string; category: string; url: string } | null) => void) | undefined = undefined;
-  export let description: string | undefined = undefined;
-  export let controllerId: string;
-  export let openDropdowns: any;
-  export let toggleDropdown: (id: string) => void;
-  export let onFocus: () => void = () => {};
+  export let label: VectorInputControllerProps['label'];
+  export let value: VectorInputControllerProps['value'] = null;
+  export let onChange: VectorInputControllerProps['onChange'] = undefined;
+  export let description: VectorInputControllerProps['description'] = undefined;
+  export let controllerId: VectorInputControllerProps['controllerId'];
+  export let openDropdowns: VectorInputControllerProps['openDropdowns'];
+  export let toggleDropdown: VectorInputControllerProps['toggleDropdown'];
+  export let onFocus: VectorInputControllerProps['onFocus'] = () => {};
 
   // Vector modal state
   let showVectorModal = false;
@@ -105,8 +124,8 @@
   let isLoadingBatch = false;
 
   // Add new prop for controlling vector list behavior
-  export let hideRecentFromList: boolean = false;
-  export let hideTrashIcon: boolean = true;
+  export let hideRecentFromList: VectorInputControllerProps['hideRecentFromList'] = false;
+  export let hideTrashIcon: VectorInputControllerProps['hideTrashIcon'] = true;
 
   // Add scroll state tracking
   let isScrolled = false;

package/dist/components/ic/VectorInputController.svelte.d.ts

@@ -1,3 +1,26 @@
+import type { Writable } from 'svelte/store';
+/** Declared props contract — export lets below are annotated from it so the
+ *  interface cannot drift from what the component actually reads. */
+export interface VectorInputControllerProps {
+    label: string;
+    value?: {
+        name: string;
+        category: string;
+        url: string;
+    } | null;
+    onChange?: (newValue: {
+        name: string;
+        category: string;
+        url: string;
+    } | null) => void;
+    description?: string;
+    controllerId: string;
+    openDropdowns: Writable<Set<string>>;
+    toggleDropdown: (id: string) => void;
+    onFocus?: () => void;
+    hideRecentFromList?: boolean;
+    hideTrashIcon?: boolean;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -22,24 +45,16 @@ declare const VectorInputController: $$__sveltets_2_IsomorphicComponent<{
        * @prop {any} openDropdowns - Store tracking open dropdown states
        * @prop {Function} toggleDropdown - Function to toggle dropdown state
        * @prop {Function} onFocus - Optional focus handler
-       */ label: string;
-    value?: {
-        name: string;
-        category: string;
-        url: string;
-    } | null;
-    onChange?: ((newValue: {
-        name: string;
-        category: string;
-        url: string;
-    } | null) => void) | undefined;
-    description?: string | undefined;
-    controllerId: string;
-    openDropdowns: any;
-    toggleDropdown: (id: string) => void;
-    onFocus?: () => void;
-    hideRecentFromList?: boolean;
-    hideTrashIcon?: boolean;
+       */ label: VectorInputControllerProps["label"];
+    value?: VectorInputControllerProps["value"];
+    onChange?: VectorInputControllerProps["onChange"];
+    description?: VectorInputControllerProps["description"];
+    controllerId: VectorInputControllerProps["controllerId"];
+    openDropdowns: VectorInputControllerProps["openDropdowns"];
+    toggleDropdown: VectorInputControllerProps["toggleDropdown"];
+    onFocus?: VectorInputControllerProps["onFocus"];
+    hideRecentFromList?: VectorInputControllerProps["hideRecentFromList"];
+    hideTrashIcon?: VectorInputControllerProps["hideTrashIcon"];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/index.d.ts

@@ -1,4 +1,6 @@
+export type { ContentSchemaItemView, ContentSchemaPropertyView, ContentSchemaView, DesignSchemaComponentView, DesignSchemaGroupView, DesignSchemaPropertyView, DesignSchemaView, } from './schemaViews.js';
 export { default as PropsEditor } from './components/editors/PropsEditor.svelte';
+export { default as FontInputController } from './components/ic/FontInputController.svelte';
 export { default as WidgetPreview } from './components/WidgetPreview.svelte';
 export { setFileBrowserUploadConfig } from '@widgetic/file-browser';
 export { setGoogleFontsApiKey, getGoogleFontsKey } from './config';

package/dist/index.js

@@ -2,6 +2,7 @@
 // EDITORS
 // Props Editor
 export { default as PropsEditor } from './components/editors/PropsEditor.svelte';
+export { default as FontInputController } from './components/ic/FontInputController.svelte';
 export { default as WidgetPreview } from './components/WidgetPreview.svelte';
 export { setFileBrowserUploadConfig } from '@widgetic/file-browser';
 export { setGoogleFontsApiKey, getGoogleFontsKey } from './config';

package/dist/schemaViews.d.ts

@@ -0,0 +1,105 @@
+/**
+ * Canonical view types for the schemas `PropsEditor` edits.
+ *
+ * These encode the shapes the schema pipelines actually carry across the
+ * package boundary — the same views `widget-creator`'s CreatorApp normalizes
+ * to (its local `DesignSchemaView` / `ContentSchemaView` mirror these, and
+ * must stay structurally identical). They are deliberately *views*, not
+ * validators: field sets stay open (`[key: string]: unknown`) because every
+ * schema shape is producer-defined, while the keys the editor reads are named.
+ */
+/** A property of a design-schema component as the editor reads it: the
+ * identity keys, the controller that drives the input renderer, and the
+ * type/default/constraint keys the item-cloning and value-seeding logic
+ * reads. Everything else stays open. */
+export interface DesignSchemaPropertyView {
+    id?: string;
+    name?: string;
+    type?: string;
+    description?: string;
+    defaultValue?: unknown;
+    value?: unknown;
+    constraints?: Record<string, unknown>;
+    inputController?: {
+        type?: string;
+    } & Record<string, unknown>;
+    [key: string]: unknown;
+}
+/** One accordion group of a design-schema component's properties — the
+ * `propertyGroups` form the design tab renders. Open to extra keys. */
+export interface DesignSchemaPropertyGroupView {
+    name?: string;
+    properties?: DesignSchemaPropertyView[];
+    visibilityCondition?: {
+        dependsOn: string | string[];
+        condition: string;
+    } & Record<string, unknown>;
+    [key: string]: unknown;
+}
+/** One component of a design-schema group: its flat properties, plus the
+ * grouped `propertyGroups` form the accordion renderer reads. Open to the
+ * schema's own extra keys. */
+export interface DesignSchemaComponentView {
+    properties?: DesignSchemaPropertyView[];
+    propertyGroups?: DesignSchemaPropertyGroupView[];
+    [key: string]: unknown;
+}
+/** One component group of the design schema (the `componentGroups` array's
+ * members). Open to extra keys; the editor reads `name` and `components`. */
+export interface DesignSchemaGroupView {
+    name?: string;
+    components?: DesignSchemaComponentView[];
+    [key: string]: unknown;
+}
+/**
+ * The design schema as the pipeline carries it: after
+ * `normalizeDesignSchemaFromApiResponse` it is **either a group array (the
+ * merged single-group form) or null** — the envelope variants
+ * (`componentGroups` on an object, legacy `theme`-only payloads) are
+ * collapsed upstream of this type.
+ */
+export type DesignSchemaView = DesignSchemaGroupView[];
+/** A property of a content item (or of `genericContent`) as the editor reads
+ * it: the id/name the state keys are built from, the controller that drives
+ * the input renderer, the legacy `value` seed, and whatever else the schema
+ * author put there. */
+export interface ContentSchemaPropertyView {
+    id?: string;
+    name?: string;
+    inputController?: {
+        type?: string;
+    } & Record<string, unknown>;
+    value?: unknown;
+    [key: string]: unknown;
+}
+/** One content-item entry of the content schema (the `contentItems` array's
+ * members). `id`, `title` and `properties` are what the editor's item
+ * list/merge/preview helpers read. */
+export interface ContentSchemaItemView {
+    id?: string;
+    title?: string;
+    orderNumber?: number;
+    properties?: ContentSchemaPropertyView[];
+    [key: string]: unknown;
+}
+/**
+ * The content schema as the pipeline carries it: the raw 200 payload's object
+ * form (may arrive wrapped as `{ data: … }` from the response envelope), with
+ * the keys the editor reads named — `contentItems` (array form; the legacy
+ * object form is tolerated at the read sites and Array-guarded before use),
+ * `genericContent` (the first-item fallback when a schema ships no items),
+ * `options` (editor limits, e.g. `{ max }`), plus the open remainder.
+ */
+export interface ContentSchemaView {
+    /** Response-envelope artifact of the upstream API; tolerated, never authored here. */
+    data?: {
+        contentItems?: ContentSchemaItemView[] | Record<string, unknown>;
+    };
+    contentItems?: ContentSchemaItemView[];
+    genericContent?: {
+        title?: string;
+        properties?: ContentSchemaPropertyView[];
+    };
+    options?: Record<string, unknown>;
+    [key: string]: unknown;
+}

package/dist/schemaViews.js

@@ -0,0 +1,11 @@
+/**
+ * Canonical view types for the schemas `PropsEditor` edits.
+ *
+ * These encode the shapes the schema pipelines actually carry across the
+ * package boundary — the same views `widget-creator`'s CreatorApp normalizes
+ * to (its local `DesignSchemaView` / `ContentSchemaView` mirror these, and
+ * must stay structurally identical). They are deliberately *views*, not
+ * validators: field sets stay open (`[key: string]: unknown`) because every
+ * schema shape is producer-defined, while the keys the editor reads are named.
+ */
+export {};

package/dist/utils/FontManager.js

@@ -163,7 +163,7 @@ class FontManager {
         if (FontManager.missingApiKeyWarned)
             return;
         FontManager.missingApiKeyWarned = true;
-        console.warn('[FontManager] Google Fonts API key is missing. Set PUBLIC_GOOGLE_FONTS_API_KEY in Frontend/props-editor/.env ' +
+        console.warn('[FontManager] Google Fonts API key is missing. Set PUBLIC_GOOGLE_FONTS_API_KEY in Frontend/editor/.env ' +
             '(or VITE_GOOGLE_FONTS_API_KEY in widget-creator/.env when using the embedded editor), then restart the dev server.');
     }
     warnForbiddenApiKey() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@widgetic/editor",
-	"version": "4.0.7",
+	"version": "4.0.9",
 	"type": "module",
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -29,12 +29,14 @@
 		"clean-modules": "rm -rf node_modules",
 		"clean-all": "rm -rf node_modules && rm -rf package-lock.json",
 		"lps": "npm link @widgetic/design-system @widgetic/api-sdk @widgetic/file-browser @widgetic/cache-layer",
+		"llinks": "ls -la node_modules/@widgetic",
 		"stop-dev": "lsof -i :5180 | awk 'NR>1 {print $2}' | xargs kill",
-		"dev": "npm run stop-dev && npm run dev-sv",
+		"dev": "npm run sync-embed-schema && npm run stop-dev && npm run dev-sv",
+		"sync-embed-schema": "node ../scripts/sync-embed-schema.mjs",
 		"dev-sv": "NODE_ENV=development vite dev --port 5180",
 		"dev-open": "npm run dev -- --open",
 		"render-build": "bash render-build.sh",
-		"build": "NODE_ENV=production vite build",
+		"build": "npm run sync-embed-schema && NODE_ENV=production vite build",
 		"package": "svelte-package",
 		"package:watch": "svelte-package --watch",
 		"preview": "vite preview",
@@ -60,12 +62,12 @@
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/postcss": "^4.1.4",
 		"@tailwindcss/typography": "^0.5.19",
-		"@types/eslint": "^9.6.0",
 		"@types/fontfaceobserver": "^2.1.3",
-		"@types/node": "^22.20.3",
+		"@types/node": "26.6.2",
 		"@widgetic/api-sdk": "^1.0.10",
 		"@widgetic/cache-layer": "^0.1.1",
-		"@widgetic/design-system": "^0.3.89",
+		"@widgetic/design-system": "^0.5.12",
+		"@widgetic/dev-tools": "^0.2.0",
 		"@widgetic/file-browser": "^0.5.16",
 		"eslint": "^9.0.0",
 		"eslint-config-prettier": "^9.1.0",
@@ -112,6 +114,7 @@
 		"@tiptap/extension-underline": "^2.9.1",
 		"@tiptap/pm": "^2.9.1",
 		"@tiptap/starter-kit": "^2.9.1",
+		"@widgetic/design-system": ">=0.3.0",
 		"bits-ui": "^2.16.3",
 		"clsx": "^2.1.1",
 		"dotenv": "^16.4.5",