@widgetic/editor 4.0.6 → 4.0.8

package/dist/components/editors/PropsEditor.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { ContentSchemaView, DesignSchemaView } from '../../schemaViews.js';
 /**
      * STYLES from Widgetic Design System
      * Note: props-editor.css global rules (body, *) moved to app.css (standalone only).
@@ -24,8 +25,8 @@ declare const PropsEditor: $$__sveltets_2_IsomorphicComponent<{
     style?: string;
     width?: string;
     height?: string;
-    designSchema?: any;
-    contentSchema?: any | undefined;
+    designSchema?: DesignSchemaView | null;
+    contentSchema?: ContentSchemaView | undefined;
     itemTemplate?: any;
     designTabTitle?: string;
     contentTabTitle?: string;
@@ -33,6 +34,15 @@ declare const PropsEditor: $$__sveltets_2_IsomorphicComponent<{
     defaultOpen?: boolean;
     showDragHandle?: boolean;
     enableDrag?: boolean;
+    /** Show Save status control in the top drag/header bar (composition page). */ showSaveButton?: boolean;
+    /** True when local edits are not yet persisted. */ saveDirty?: boolean;
+    /** True while a save request is in flight. */ saveSaving?: boolean;
+    /** Optional content below the shared toolbar, before property fields. */ headerContent?: any;
+    headerClass?: string;
+    dragHandleClass?: string;
+    title?: string;
+    /** Hide the default missing-schema message for header-only editors. */ showSchemaError?: boolean;
+    /** Optional layout wrapper moved by this editor's built-in drag and position API. */ positionTarget?: any;
     initialDesignValues?: Record<string, any>;
     initialContentValues?: Record<string, any>;
     updateDesignValue?: (propertyId: string, value: any) => void;
@@ -42,6 +52,7 @@ declare const PropsEditor: $$__sveltets_2_IsomorphicComponent<{
         top: number;
     };
 }, {
+    save: CustomEvent<any>;
     updated: CustomEvent<any>;
     propertyChange: CustomEvent<any>;
     goToItem: CustomEvent<any>;

package/dist/components/ic/AngleInputController.svelte

@@ -11,19 +11,33 @@
  * - Smooth transitions and visual feedback
  -->
 
+<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 AngleInputControllerProps {
+    label: string;
+    value?: number;
+    onChange: (newValue: number) => void;
+    config?: InputControllerConfig;
+    helpText?: string;
+    onFocus?: () => void;
+  }
+</script>
+
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
   import { Button, Input } from '@widgetic/design-system/components';
   import InputControllerHeader from './InputControllerHeader.svelte';
   import NumberControls from './NumberControls.svelte';
-  import type { InputControllerConfig } from './index';
 
-  export let label: string;
-  export let value: number = 0;
-  export let onChange: (newValue: number) => void;
-  export let config: InputControllerConfig = {};
-  export let helpText: string | undefined = undefined;
-  export let onFocus: () => void = () => {};
+  export let label: AngleInputControllerProps['label'];
+  export let value: AngleInputControllerProps['value'] = 0;
+  export let onChange: AngleInputControllerProps['onChange'];
+  export let config: AngleInputControllerProps['config'] = {};
+  export let helpText: AngleInputControllerProps['helpText'] = undefined;
+  export let onFocus: AngleInputControllerProps['onFocus'] = () => {};
 
   // Circle indicator state
   let isDragging = false;

package/dist/components/ic/AngleInputController.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 AngleInputControllerProps {
+    label: string;
+    value?: number;
+    onChange: (newValue: number) => 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 AngleInputController: $$__sveltets_2_IsomorphicComponent<{
-    label: string;
-    value?: number;
-    onChange: (newValue: number) => void;
-    config?: InputControllerConfig;
-    helpText?: string | undefined;
-    onFocus?: () => void;
+    label: AngleInputControllerProps["label"];
+    value?: AngleInputControllerProps["value"];
+    onChange: AngleInputControllerProps["onChange"];
+    config?: AngleInputControllerProps["config"];
+    helpText?: AngleInputControllerProps["helpText"];
+    onFocus?: AngleInputControllerProps["onFocus"];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/ic/BrowserInputController.svelte

@@ -1,3 +1,25 @@
+<script module lang="ts">
+  import type { InputControllerConfig } from './index';
+
+  interface FileValue {
+    id: string;
+    file: string;
+    url: string;
+    hash?: string; // Add hash property for ThumbHash
+  }
+
+  /** Declared props contract — export lets below are annotated from it so the
+   *  interface cannot drift from what the component actually reads. */
+  export interface BrowserInputControllerProps {
+    header?: { label: string; helpText?: string };
+    label?: string;
+    value?: string | FileValue;
+    onChange?: (newValue: string | FileValue) => void;
+    portalTarget?: string | HTMLElement;
+    config?: InputControllerConfig;
+  }
+</script>
+
 <script lang="ts">
   /**
    * BrowserInputController Component
@@ -16,8 +38,6 @@
   import X from '../icons/x.svelte';
   // console.log("BrowserInputController - Tooltip:", Tooltip);
   
-  // config imports 
-  import type { InputControllerConfig } from './index';
 
   // utils imports
   import MediaManager from '../../utils/MediaManager';
@@ -32,26 +52,19 @@
 
   import { InputControllerHeader } from './index';
 
-  interface FileValue {
-    id: string;
-    file: string;
-    url: string;
-    hash?: string; // Add hash property for ThumbHash
-  }
-
   // Component props with default values
-  export let header: { label: string; helpText?: string } | undefined = undefined;
-  export let label: string = '';
-  export let value: string | FileValue = '';
-  export let onChange: (newValue: string | FileValue) => void = () => {};
-  export let portalTarget: string | HTMLElement = 'portal-element';
+  export let header: BrowserInputControllerProps['header'] = undefined;
+  export let label: BrowserInputControllerProps['label'] = '';
+  export let value: BrowserInputControllerProps['value'] = '';
+  export let onChange: BrowserInputControllerProps['onChange'] = () => {};
+  export let portalTarget: BrowserInputControllerProps['portalTarget'] = 'portal-element';
 
   /** Full-panel overlay when portaled to props-editor panel (not document body). */
   $: fillEditorPanel =
     portalTarget === 'props-editor-file-browser-portal' ||
     (portalTarget instanceof HTMLElement &&
       portalTarget.id === 'props-editor-file-browser-portal');
-  export let config: InputControllerConfig = {};
+  export let config: BrowserInputControllerProps['config'] = {};
   
   // Extract allowed file types from config or default to all files
   const fileTypes = config.fileTypes || ['*'];

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

@@ -1,4 +1,23 @@
 import type { InputControllerConfig } from './index';
+interface FileValue {
+    id: string;
+    file: string;
+    url: string;
+    hash?: string;
+}
+/** Declared props contract — export lets below are annotated from it so the
+ *  interface cannot drift from what the component actually reads. */
+export interface BrowserInputControllerProps {
+    header?: {
+        label: string;
+        helpText?: string;
+    };
+    label?: string;
+    value?: string | FileValue;
+    onChange?: (newValue: string | FileValue) => void;
+    portalTarget?: string | HTMLElement;
+    config?: InputControllerConfig;
+}
 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,25 +32,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const BrowserInputController: $$__sveltets_2_IsomorphicComponent<{
-    header?: {
-        label: string;
-        helpText?: string;
-    } | undefined;
-    label?: string;
-    value?: string | {
-        id: string;
-        file: string;
-        url: string;
-        hash?: string;
-    };
-    onChange?: (newValue: string | {
-        id: string;
-        file: string;
-        url: string;
-        hash?: string;
-    }) => void;
-    portalTarget?: string | HTMLElement;
-    config?: InputControllerConfig;
+    header?: BrowserInputControllerProps["header"];
+    label?: BrowserInputControllerProps["label"];
+    value?: BrowserInputControllerProps["value"];
+    onChange?: BrowserInputControllerProps["onChange"];
+    portalTarget?: BrowserInputControllerProps["portalTarget"];
+    config?: BrowserInputControllerProps["config"];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/ic/CheckboxInputController.svelte

@@ -1,3 +1,18 @@
+<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 CheckboxInputControllerProps {
+    value: string[] | { value: string; label: string }[] | string | { value: string; label: string };
+    onChange: (newValue: string[]) => void;
+    config?: InputControllerConfig;
+    description?: string;
+    onFocus?: () => void;
+    options?: { value: string; label: string }[];
+  }
+</script>
+
 <script lang="ts">
   /**
    * CheckboxInputController Component
@@ -10,7 +25,6 @@
    * Required for component setup and cleanup
    */
   import { onMount, onDestroy } from 'svelte';
-  import type { InputControllerConfig } from './index';
 
   /**
    * UI Components Imports
@@ -22,17 +36,17 @@
    * Component Props
    * External properties that configure the checkbox group's behavior and appearance
    */
-  export let value: string[] | { value: string; label: string }[] | string | { value: string; label: string };  // Selected value(s)
-  export let onChange: (newValue: string[]) => void;  // Callback for value changes
-  export let config: InputControllerConfig = {};    // Additional configuration options
-  export let description: string | undefined = undefined;  // Optional help description text
-  export let onFocus: () => void = () => {};  // Focus event handler
+  export let value: CheckboxInputControllerProps['value'];  // Selected value(s)
+  export let onChange: CheckboxInputControllerProps['onChange'];  // Callback for value changes
+  export let config: CheckboxInputControllerProps['config'] = {};    // Additional configuration options
+  export let description: CheckboxInputControllerProps['description'] = undefined;  // Optional help description text
+  export let onFocus: CheckboxInputControllerProps['onFocus'] = () => {};  // Focus event handler
 
   /**
    * Configuration Options
    * Derived from config prop with fallbacks
    */
-  export let options: { value: string; label: string }[] = config.options || [];  // Available options
+  export let options: CheckboxInputControllerProps['options'] = config.options || [];  // Available options
 
   /**
    * Local state

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

@@ -1,4 +1,23 @@
 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 CheckboxInputControllerProps {
+    value: string[] | {
+        value: string;
+        label: string;
+    }[] | string | {
+        value: string;
+        label: string;
+    };
+    onChange: (newValue: string[]) => void;
+    config?: InputControllerConfig;
+    description?: string;
+    onFocus?: () => void;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+}
 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;
@@ -16,24 +35,15 @@ declare const CheckboxInputController: $$__sveltets_2_IsomorphicComponent<{
     /**
        * Component Props
        * External properties that configure the checkbox group's behavior and appearance
-       */ value: string[] | {
-        value: string;
-        label: string;
-    }[] | string | {
-        value: string;
-        label: string;
-    };
-    onChange: (newValue: string[]) => void;
-    config?: InputControllerConfig;
-    description?: string | undefined;
-    onFocus?: () => void;
+       */ value: CheckboxInputControllerProps["value"];
+    onChange: CheckboxInputControllerProps["onChange"];
+    config?: CheckboxInputControllerProps["config"];
+    description?: CheckboxInputControllerProps["description"];
+    onFocus?: CheckboxInputControllerProps["onFocus"];
     /**
        * Configuration Options
        * Derived from config prop with fallbacks
-       */ options?: {
-        value: string;
-        label: string;
-    }[];
+       */ options?: CheckboxInputControllerProps["options"];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/ic/ColorPickerInputController.svelte

@@ -18,14 +18,38 @@
  * - Prevents recursive updates
 -->
 
+<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 ColorPickerInputControllerProps {
+    label?: string;
+    value?: string;
+    onChange: (newValue: string) => void;
+    controllerId?: string;
+    id?: string;
+    config?: InputControllerConfig;
+    helpText?: string;
+    saveRecentColors?: boolean;
+    showOpacityControls?: boolean;
+    autofocus?: boolean;
+    portalTarget?: string | HTMLElement;
+    pickerSize?: number;
+    sliderWidth?: number;
+    opacity?: number;
+    showRing?: boolean;
+    onFocus?: () => void;
+    onOpacityChange?: (opacity: number) => void;
+  }
+</script>
+
 <script lang="ts">
   // Svelte imports
   import { onMount, onDestroy, tick } from 'svelte';
   import { createEventDispatcher } from 'svelte';
   const dispatch = createEventDispatcher();
 
-  // Config imports
-  import type { InputControllerConfig } from './index';
 
   // Shadcn UI Components
   import { Input } from '@widgetic/design-system/components';
@@ -62,32 +86,34 @@
    * Component Props
    * External properties that configure the color picker's behavior
    */
-  export let label: string = '';                         // Display label
-  export let value = '#000000';                     // Current color value
-  export let onChange: (newValue: string) => void;  // Value change callback
-  export let controllerId: string = '';
-  export let id: string = '';
-  export let openDropdowns: any;
-  export let toggleDropdown: (id: string) => void;
-  export let config: InputControllerConfig = {};    // Additional configuration
-  export let helpText: string | undefined = undefined; // Help text for the input
+  export let label: ColorPickerInputControllerProps['label'] = '';                         // Display label
+  export let value: ColorPickerInputControllerProps['value'] = '#000000';                     // Current color value
+  export let onChange: ColorPickerInputControllerProps['onChange'];  // Value change callback
+  export let controllerId: ColorPickerInputControllerProps['controllerId'] = '';
+  export let id: ColorPickerInputControllerProps['id'] = '';
+  // Passed through the dynamic-component props object but never read here —
+  // export const keeps the init-set contract without the unused-reactive warning.
+  export const openDropdowns: any = undefined;
+  export const toggleDropdown: (id: string) => void = () => {};
+  export let config: ColorPickerInputControllerProps['config'] = {};    // Additional configuration
+  export let helpText: ColorPickerInputControllerProps['helpText'] = undefined; // Help text for the input
 
   // Use config values with fallbacks
-  export let saveRecentColors = true;
-  export let showOpacityControls = true;
-  export let autofocus: boolean = false;
-  export let portalTarget = 'editor-portal';
+  export let saveRecentColors: ColorPickerInputControllerProps['saveRecentColors'] = true;
+  export let showOpacityControls: ColorPickerInputControllerProps['showOpacityControls'] = true;
+  export let autofocus: ColorPickerInputControllerProps['autofocus'] = false;
+  export let portalTarget: ColorPickerInputControllerProps['portalTarget'] = 'editor-portal';
 
   // Sizing props for easy adjustment (can be overridden by parent)
-  export let pickerSize = 200; // width/height of color area
-  export let sliderWidth = 24; // width of hue bar and opacity input
+  export let pickerSize: ColorPickerInputControllerProps['pickerSize'] = 200; // width/height of color area
+  export let sliderWidth: ColorPickerInputControllerProps['sliderWidth'] = 24; // width of hue bar and opacity input
   $: swatchGap = 4;
   $: swatchCount = 5;
   $: swatchAreaWidth = pickerSize + sliderWidth + 14;
   $: swatchSize = Math.floor((swatchAreaWidth - (swatchCount - 1) * swatchGap) / swatchCount);
 
   // Exported opacity with default handling
-  export let opacity = config.defaultTransparency !== undefined ? config.defaultTransparency / 100 : 1;
+  export let opacity: ColorPickerInputControllerProps['opacity'] = config.defaultTransparency !== undefined ? config.defaultTransparency / 100 : 1;
 
   // Tracks the last known opacity to maintain consistency
   let lastKnownOpacity = opacity;
@@ -149,7 +175,7 @@
   const opacityLineColor = "rgba(255, 255, 255, 0)";
 
   // Add to props section
-  export let showRing = true;
+  export let showRing: ColorPickerInputControllerProps['showRing'] = true;
 
   /**
    * Generates RGBA border string based on color and opacity
@@ -1098,7 +1124,7 @@
   }
 
   // Exported onFocus handler with default no-op
-  export let onFocus: () => void = () => {};
+  export let onFocus: ColorPickerInputControllerProps['onFocus'] = () => {};
 
   // Sets autofocus on mount if enabled
   onMount(() => {
@@ -1121,7 +1147,7 @@
   // Popover visibility is now handled by {#if open} conditional rendering
 
   // Exported opacity change handler with default no-op
-  export let onOpacityChange: (opacity: number) => void = () => {};
+  export let onOpacityChange: ColorPickerInputControllerProps['onOpacityChange'] = () => {};
 
   // Add these variables to track input position
   let inputComponent: any;

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

@@ -1,4 +1,25 @@
 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 ColorPickerInputControllerProps {
+    label?: string;
+    value?: string;
+    onChange: (newValue: string) => void;
+    controllerId?: string;
+    id?: string;
+    config?: InputControllerConfig;
+    helpText?: string;
+    saveRecentColors?: boolean;
+    showOpacityControls?: boolean;
+    autofocus?: boolean;
+    portalTarget?: string | HTMLElement;
+    pickerSize?: number;
+    sliderWidth?: number;
+    opacity?: number;
+    showRing?: boolean;
+    onFocus?: () => void;
+    onOpacityChange?: (opacity: number) => 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;
@@ -16,26 +37,26 @@ declare const ColorPickerInputController: $$__sveltets_2_IsomorphicComponent<{
     /**
        * Component Props
        * External properties that configure the color picker's behavior
-       */ label?: string;
-    value?: string;
-    onChange: (newValue: string) => void;
-    controllerId?: string;
-    id?: string;
-    openDropdowns: any;
-    toggleDropdown: (id: string) => void;
-    config?: InputControllerConfig;
-    helpText?: string | undefined;
-    saveRecentColors?: boolean;
-    showOpacityControls?: boolean;
-    autofocus?: boolean;
-    portalTarget?: string;
-    pickerSize?: number;
-    sliderWidth?: number;
-    opacity?: number;
-    showRing?: boolean;
-    onFocus?: () => void;
+       */ label?: ColorPickerInputControllerProps["label"];
+    value?: ColorPickerInputControllerProps["value"];
+    onChange: ColorPickerInputControllerProps["onChange"];
+    controllerId?: ColorPickerInputControllerProps["controllerId"];
+    id?: ColorPickerInputControllerProps["id"];
+    openDropdowns?: any;
+    toggleDropdown?: (id: string) => void;
+    config?: ColorPickerInputControllerProps["config"];
+    helpText?: ColorPickerInputControllerProps["helpText"];
+    saveRecentColors?: ColorPickerInputControllerProps["saveRecentColors"];
+    showOpacityControls?: ColorPickerInputControllerProps["showOpacityControls"];
+    autofocus?: ColorPickerInputControllerProps["autofocus"];
+    portalTarget?: ColorPickerInputControllerProps["portalTarget"];
+    pickerSize?: ColorPickerInputControllerProps["pickerSize"];
+    sliderWidth?: ColorPickerInputControllerProps["sliderWidth"];
+    opacity?: ColorPickerInputControllerProps["opacity"];
+    showRing?: ColorPickerInputControllerProps["showRing"];
+    onFocus?: ColorPickerInputControllerProps["onFocus"];
     focus?: () => void;
-    onOpacityChange?: (opacity: number) => void;
+    onOpacityChange?: ColorPickerInputControllerProps["onOpacityChange"];
 }, {
     focus: CustomEvent<any>;
     blur: CustomEvent<any>;
@@ -44,6 +65,8 @@ declare const ColorPickerInputController: $$__sveltets_2_IsomorphicComponent<{
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
+    openDropdowns: any;
+    toggleDropdown: (id: string) => void;
     focus: () => void;
 }, string>;
 type ColorPickerInputController = InstanceType<typeof ColorPickerInputController>;

package/dist/components/ic/DateFieldInputController.svelte

@@ -11,10 +11,24 @@
  * - Visual feedback consistent with other input controllers
  -->
 
+<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 DateFieldInputControllerProps {
+    label: string;
+    value: { day: number; month: number; year: number };
+    onChange: (newValue: { day: number; month: number; year: number }) => void;
+    config?: InputControllerConfig;
+    helpText?: string;
+    onFocus?: () => void;
+  }
+</script>
+
 <script lang="ts">
   import { onMount, tick } from 'svelte';
   import InputControllerHeader from './InputControllerHeader.svelte';
-  import type { InputControllerConfig } from './index';
 
   // Constants
   const MIN_DAY = 1;
@@ -25,12 +39,12 @@
   const MAX_YEAR = 2100;
 
   // Required props
-  export let label: string;
-  export let value: { day: number; month: number; year: number };
-  export let onChange: (newValue: { day: number; month: number; year: number }) => void;
-  export let config: InputControllerConfig = {};
-  export let helpText: string | undefined = undefined;
-  export let onFocus: () => void = () => {};
+  export let label: DateFieldInputControllerProps['label'];
+  export let value: DateFieldInputControllerProps['value'];
+  export let onChange: DateFieldInputControllerProps['onChange'];
+  export let config: DateFieldInputControllerProps['config'] = {};
+  export let helpText: DateFieldInputControllerProps['helpText'] = undefined;
+  export let onFocus: DateFieldInputControllerProps['onFocus'] = () => {};
   
   // Optional: Class prop for external styling
   let className = '';

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

@@ -1,4 +1,22 @@
 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 DateFieldInputControllerProps {
+    label: string;
+    value: {
+        day: number;
+        month: number;
+        year: number;
+    };
+    onChange: (newValue: {
+        day: number;
+        month: number;
+        year: number;
+    }) => 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,20 +31,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const DateFieldInputController: $$__sveltets_2_IsomorphicComponent<{
-    label: string;
-    value: {
-        day: number;
-        month: number;
-        year: number;
-    };
-    onChange: (newValue: {
-        day: number;
-        month: number;
-        year: number;
-    }) => void;
-    config?: InputControllerConfig;
-    helpText?: string | undefined;
-    onFocus?: () => void;
+    label: DateFieldInputControllerProps["label"];
+    value: DateFieldInputControllerProps["value"];
+    onChange: DateFieldInputControllerProps["onChange"];
+    config?: DateFieldInputControllerProps["config"];
+    helpText?: DateFieldInputControllerProps["helpText"];
+    onFocus?: DateFieldInputControllerProps["onFocus"];
     class?: string;
 }, {
     [evt: string]: CustomEvent<any>;