@sveltia/ui 0.15.16 → 0.16.0

package/package/components/text-field/password-input.svelte.d.ts

@@ -1,13 +1,36 @@
-/** @typedef {typeof __propDef.props}  PasswordInputProps */
-/** @typedef {typeof __propDef.events}  PasswordInputEvents */
-/** @typedef {typeof __propDef.slots}  PasswordInputSlots */
+export default PasswordInput;
+type PasswordInput = SvelteComponent<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: string | undefined;
+    hidden?: boolean | undefined;
+    readonly?: boolean | undefined;
+    flex?: boolean | undefined;
+}, {
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    keypress: KeyboardEvent;
+    input: Event;
+    change: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'visibility-icon': {
+        slot: string;
+    };
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * The equivalent of the HTML `<input type="password">` element, but it comes with the Show/Hide
  * button.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password
  * @see https://w3c.github.io/aria/#textbox
  */
-export default class PasswordInput extends SvelteComponent<{
+declare const PasswordInput: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
@@ -29,39 +52,17 @@ export default class PasswordInput extends SvelteComponent<{
     'visibility-icon': {
         slot: string;
     };
-}> {
-}
-export type PasswordInputProps = typeof __propDef.props;
-export type PasswordInputEvents = typeof __propDef.events;
-export type PasswordInputSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        invalid?: boolean | undefined;
-        required?: boolean | undefined;
-        value?: string | undefined;
-        hidden?: boolean | undefined;
-        readonly?: boolean | undefined;
-        flex?: boolean | undefined;
-    };
-    events: {
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-        keypress: KeyboardEvent;
-        input: Event;
-        change: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
+}, {}, 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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {
-        'visibility-icon': {
-            slot: string;
-        };
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/text-field/search-bar.svelte.d.ts

@@ -1,13 +1,48 @@
-/** @typedef {typeof __propDef.props}  SearchBarProps */
-/** @typedef {typeof __propDef.events}  SearchBarEvents */
-/** @typedef {typeof __propDef.slots}  SearchBarSlots */
+export default SearchBar;
+type SearchBar = SvelteComponent<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    focus?: (() => void) | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: string | undefined;
+    hidden?: boolean | undefined;
+    readonly?: boolean | undefined;
+    flex?: boolean | undefined;
+}, {
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    keypress: KeyboardEvent;
+    input: Event;
+    change: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'search-icon': {};
+    'close-button': {
+        slot: string;
+    };
+}> & {
+    $$bindings?: string | undefined;
+} & {
+    class: string;
+    flex: boolean;
+    hidden: boolean | undefined;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    invalid: boolean;
+    value: string | undefined;
+    focus: () => void;
+};
 /**
  * The equivalent of the HTML `<input type="search">` element. It comes with a magnifier icon and
  * clear button.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search
  * @see https://w3c.github.io/aria/#search
  */
-export default class SearchBar extends SvelteComponent<{
+declare const SearchBar: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
@@ -31,66 +66,27 @@ export default class SearchBar extends SvelteComponent<{
     'close-button': {
         slot: string;
     };
-}> {
-    get focus(): () => void;
-    /**accessor*/
-    set class(_: string | undefined);
-    get class(): string | undefined;
-    /**accessor*/
-    set flex(_: boolean | undefined);
-    get flex(): boolean | undefined;
-    /**accessor*/
-    set hidden(_: boolean | undefined);
-    get hidden(): boolean | undefined;
-    /**accessor*/
-    set disabled(_: boolean | undefined);
-    get disabled(): boolean | undefined;
-    /**accessor*/
-    set readonly(_: boolean | undefined);
-    get readonly(): boolean | undefined;
-    /**accessor*/
-    set required(_: boolean | undefined);
-    get required(): boolean | undefined;
-    /**accessor*/
-    set invalid(_: boolean | undefined);
-    get invalid(): boolean | undefined;
-    /**accessor*/
-    set value(_: string | undefined);
-    get value(): string | undefined;
-}
-export type SearchBarProps = typeof __propDef.props;
-export type SearchBarEvents = typeof __propDef.events;
-export type SearchBarSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        focus?: (() => void) | undefined;
-        invalid?: boolean | undefined;
-        required?: boolean | undefined;
-        value?: string | undefined;
-        hidden?: boolean | undefined;
-        readonly?: boolean | undefined;
-        flex?: boolean | undefined;
-    };
-    events: {
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-        keypress: KeyboardEvent;
-        input: Event;
-        change: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        'search-icon': {};
-        'close-button': {
-            slot: string;
-        };
+}, {
+    class: string;
+    flex: boolean;
+    hidden: boolean | undefined;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    invalid: boolean;
+    value: string | undefined;
+    focus: () => void;
+}, 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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/text-field/text-area.svelte.d.ts

@@ -1,13 +1,34 @@
-/** @typedef {typeof __propDef.props}  TextAreaProps */
-/** @typedef {typeof __propDef.events}  TextAreaEvents */
-/** @typedef {typeof __propDef.slots}  TextAreaSlots */
+export default TextArea;
+type TextArea = SvelteComponent<{
+    [x: string]: any;
+    class?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: string | undefined;
+    hidden?: boolean | undefined;
+    readonly?: boolean | undefined;
+    flex?: boolean | undefined;
+    autoResize?: boolean | undefined;
+}, {
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    keypress: KeyboardEvent;
+    input: Event;
+    change: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A multi-line text field based on the HTML `<textarea>` element, providing the auto-resize support.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
  * @see https://w3c.github.io/aria/#textbox
  * @see https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
  */
-export default class TextArea extends SvelteComponent<{
+declare const TextArea: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
@@ -27,37 +48,17 @@ export default class TextArea extends SvelteComponent<{
     change: Event;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type TextAreaProps = typeof __propDef.props;
-export type TextAreaEvents = typeof __propDef.events;
-export type TextAreaSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        name?: string | undefined;
-        disabled?: boolean | undefined;
-        invalid?: boolean | undefined;
-        required?: boolean | undefined;
-        value?: string | undefined;
-        hidden?: boolean | undefined;
-        readonly?: boolean | undefined;
-        flex?: boolean | undefined;
-        autoResize?: boolean | undefined;
+}, {}, {}, 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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-        keypress: KeyboardEvent;
-        input: Event;
-        change: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/text-field/text-input.svelte

@@ -69,7 +69,7 @@
   export let name = undefined;
   /**
    * Input value.
-   * @type {string | number | undefined}
+   * @type {any} = string | number | undefined
    */
   export let value = undefined;
   /**

package/package/components/text-field/text-input.svelte.d.ts

@@ -1,19 +1,59 @@
-/** @typedef {typeof __propDef.props}  TextInputProps */
-/** @typedef {typeof __propDef.events}  TextInputEvents */
-/** @typedef {typeof __propDef.slots}  TextInputSlots */
+export default TextInput;
+type TextInput = SvelteComponent<{
+    [x: string]: any;
+    class?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: any;
+    role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
+    hidden?: boolean | undefined;
+    element?: HTMLInputElement | undefined;
+    readonly?: boolean | undefined;
+    keyShortcuts?: string | undefined;
+    flex?: boolean | undefined;
+    showInlineLabel?: boolean | undefined;
+    inputmode?: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
+}, {
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    keypress: KeyboardEvent;
+    input: Event;
+    change: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+} & {
+    element: HTMLInputElement | undefined;
+    class: string;
+    flex: boolean;
+    role: "textbox" | "searchbox" | "combobox" | "spinbutton";
+    hidden: boolean | undefined;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    invalid: boolean;
+    keyShortcuts: string | undefined;
+    name: string | undefined;
+    value: any;
+    showInlineLabel: boolean;
+    inputmode: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url";
+};
 /**
  * A generic, single-line text field. The equivalent of the HTML `<input type="text">` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
  * @see https://w3c.github.io/aria/#textbox
  */
-export default class TextInput extends SvelteComponent<{
+declare const TextInput: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
     invalid?: boolean | undefined;
     required?: boolean | undefined;
-    value?: string | number | undefined;
+    value?: any;
     role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
     hidden?: boolean | undefined;
     element?: HTMLInputElement | undefined;
@@ -30,83 +70,32 @@ export default class TextInput extends SvelteComponent<{
     change: Event;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-    /**accessor*/
-    set element(_: HTMLInputElement | undefined);
-    get element(): HTMLInputElement | undefined;
-    /**accessor*/
-    set class(_: string | undefined);
-    get class(): string | undefined;
-    /**accessor*/
-    set flex(_: boolean | undefined);
-    get flex(): boolean | undefined;
-    /**accessor*/
-    set role(_: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined);
-    get role(): "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
-    /**accessor*/
-    set hidden(_: boolean | undefined);
-    get hidden(): boolean | undefined;
-    /**accessor*/
-    set disabled(_: boolean | undefined);
-    get disabled(): boolean | undefined;
-    /**accessor*/
-    set readonly(_: boolean | undefined);
-    get readonly(): boolean | undefined;
-    /**accessor*/
-    set required(_: boolean | undefined);
-    get required(): boolean | undefined;
-    /**accessor*/
-    set invalid(_: boolean | undefined);
-    get invalid(): boolean | undefined;
-    /**accessor*/
-    set keyShortcuts(_: string | undefined);
-    get keyShortcuts(): string | undefined;
-    /**accessor*/
-    set name(_: string | undefined);
-    get name(): string | undefined;
-    /**accessor*/
-    set value(_: string | number | undefined);
-    get value(): string | number | undefined;
-    /**accessor*/
-    set showInlineLabel(_: boolean | undefined);
-    get showInlineLabel(): boolean | undefined;
-    /**accessor*/
-    set inputmode(_: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined);
-    get inputmode(): "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
-}
-export type TextInputProps = typeof __propDef.props;
-export type TextInputEvents = typeof __propDef.events;
-export type TextInputSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        name?: string | undefined;
-        disabled?: boolean | undefined;
-        invalid?: boolean | undefined;
-        required?: boolean | undefined;
-        value?: string | number | undefined;
-        role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
-        hidden?: boolean | undefined;
-        element?: HTMLInputElement | undefined;
-        readonly?: boolean | undefined;
-        keyShortcuts?: string | undefined;
-        flex?: boolean | undefined;
-        showInlineLabel?: boolean | undefined;
-        inputmode?: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
+}, {}, {
+    element: HTMLInputElement | undefined;
+    class: string;
+    flex: boolean;
+    role: "textbox" | "searchbox" | "combobox" | "spinbutton";
+    hidden: boolean | undefined;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    invalid: boolean;
+    keyShortcuts: string | undefined;
+    name: string | undefined;
+    value: any;
+    showInlineLabel: boolean;
+    inputmode: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url";
+}, 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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-        keypress: KeyboardEvent;
-        input: Event;
-        change: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/toast/toast.svelte.d.ts

@@ -1,42 +1,52 @@
-/** @typedef {typeof __propDef.props}  ToastProps */
-/** @typedef {typeof __propDef.events}  ToastEvents */
-/** @typedef {typeof __propDef.slots}  ToastSlots */
+export default Toast;
+type Toast = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    id?: number | undefined;
+    position?: ToastPosition | undefined;
+    show?: boolean | undefined;
+    duration?: number | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * Toast/snackbar notification. Use the Popover API if possible to acquire a non-modal top layer.
  * @see https://w3c.github.io/aria/#alert
  * @see https://developer.chrome.com/blog/introducing-popover-api/
  */
-export default class Toast extends SvelteComponent<{
+declare const Toast: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     id?: number | undefined;
     position?: import("../../typedefs").ToastPosition | undefined;
     show?: boolean | undefined;
     duration?: number | undefined;
 }, {
+    default: {};
+}>, {
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type ToastProps = typeof __propDef.props;
-export type ToastEvents = typeof __propDef.events;
-export type ToastSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id?: number | undefined;
-        position?: import("../../typedefs").ToastPosition | undefined;
-        show?: boolean | undefined;
-        duration?: number | undefined;
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}