@sveltia/ui 0.15.15 → 0.16.0

package/package/components/button/split-button.svelte.d.ts

@@ -1,13 +1,38 @@
-/** @typedef {typeof __propDef.props}  SplitButtonProps */
-/** @typedef {typeof __propDef.events}  SplitButtonEvents */
-/** @typedef {typeof __propDef.slots}  SplitButtonSlots */
+export default SplitButton;
+type SplitButton = SvelteComponent<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    hidden?: boolean | undefined;
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | undefined;
+    popupPosition?: PopupPosition | undefined;
+    showPopupBackdrop?: boolean | undefined;
+}, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'start-icon': {
+        slot: string;
+    };
+    'chevron-icon': {
+        slot: string;
+    };
+    popup: {
+        slot: string;
+    };
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A combination of a normal `<Button>` (default action) and an arrow-only `<MenuButton>` (different
  * actions). For example, Microsoft Word has the Paste button along with the Keep Source Formatting,
  * Match Formatting and Keep Text Only options.
  * @see https://www.google.com/search?q=split+button&tbm=isch
  */
-export default class SplitButton extends SvelteComponent<{
+declare const SplitButton: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
@@ -31,41 +56,17 @@ export default class SplitButton extends SvelteComponent<{
     popup: {
         slot: string;
     };
-}> {
-}
-export type SplitButtonProps = typeof __propDef.props;
-export type SplitButtonEvents = typeof __propDef.events;
-export type SplitButtonSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        label?: string | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        hidden?: boolean | undefined;
-        variant?: "primary" | "secondary" | "tertiary" | "ghost" | undefined;
-        popupPosition?: import("../../typedefs").PopupPosition | undefined;
-        showPopupBackdrop?: boolean | undefined;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [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: {
-        'start-icon': {
-            slot: string;
-        };
-        'chevron-icon': {
-            slot: string;
-        };
-        popup: {
-            slot: string;
-        };
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/calendar/calendar.svelte.d.ts

@@ -1,30 +1,31 @@
-/** @typedef {typeof __propDef.props}  CalendarProps */
-/** @typedef {typeof __propDef.events}  CalendarEvents */
-/** @typedef {typeof __propDef.slots}  CalendarSlots */
+export default Calendar;
+type Calendar = SvelteComponent<{
+    value?: string | undefined;
+}, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
 /** A calendar (date picker) widget. */
-export default class Calendar extends SvelteComponent<{
+declare const Calendar: $$__sveltets_2_IsomorphicComponent<{
     value?: string | undefined;
 }, {
     click: MouseEvent;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type CalendarProps = typeof __propDef.props;
-export type CalendarEvents = typeof __propDef.events;
-export type CalendarSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [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: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/checkbox/checkbox-group.svelte.d.ts

@@ -1,38 +1,48 @@
-/** @typedef {typeof __propDef.props}  CheckboxGroupProps */
-/** @typedef {typeof __propDef.events}  CheckboxGroupEvents */
-/** @typedef {typeof __propDef.slots}  CheckboxGroupSlots */
+export default CheckboxGroup;
+type CheckboxGroup = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    hidden?: boolean | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /** The layout container of `<Checkbox>`es. */
-export default class CheckboxGroup extends SvelteComponent<{
+declare const CheckboxGroup: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
     hidden?: boolean | undefined;
     orientation?: "vertical" | "horizontal" | undefined;
 }, {
+    default: {};
+}>, {
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type CheckboxGroupProps = typeof __propDef.props;
-export type CheckboxGroupEvents = typeof __propDef.events;
-export type CheckboxGroupSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        hidden?: boolean | undefined;
-        orientation?: "vertical" | "horizontal" | 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;
+}

package/package/components/checkbox/checkbox.svelte

@@ -103,7 +103,7 @@
       {invalid}
       aria-checked={checked}
       aria-label={ariaLabel || undefined}
-      aria-labelledby={ariaLabel ? undefined : '{id}-label'}
+      aria-labelledby={ariaLabel ? undefined : `${id}-label`}
       {...$$restProps}
       bind:this={buttonComponent}
       on:click={(event) => {

package/package/components/checkbox/checkbox.svelte.d.ts

@@ -1,13 +1,40 @@
-/** @typedef {typeof __propDef.props}  CheckboxProps */
-/** @typedef {typeof __propDef.events}  CheckboxEvents */
-/** @typedef {typeof __propDef.slots}  CheckboxSlots */
+export default Checkbox;
+type Checkbox = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    label?: string | undefined;
+    checked?: boolean | "mixed" | undefined;
+    required?: boolean | undefined;
+    value?: string | undefined;
+    hidden?: boolean | undefined;
+    readonly?: boolean | undefined;
+}, {
+    'check-icon': {
+        slot: string;
+    };
+    default: {};
+}>, {
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'check-icon': {
+        slot: string;
+    };
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * The equivalent of the HTML `<input type="checkbox">` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
  * @see https://w3c.github.io/aria/#checkbox
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
  */
-export default class Checkbox extends SvelteComponent<{
+declare const Checkbox: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
@@ -20,6 +47,11 @@ export default class Checkbox extends SvelteComponent<{
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
 }, {
+    'check-icon': {
+        slot: string;
+    };
+    default: {};
+}>, {
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
@@ -28,38 +60,22 @@ export default class Checkbox extends SvelteComponent<{
         slot: string;
     };
     default: {};
-}> {
-}
-export type CheckboxProps = typeof __propDef.props;
-export type CheckboxEvents = typeof __propDef.events;
-export type CheckboxSlots = 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;
-        label?: string | undefined;
-        checked?: boolean | "mixed" | undefined;
-        required?: boolean | undefined;
-        value?: string | undefined;
-        hidden?: boolean | undefined;
-        readonly?: boolean | 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: {
-        change: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        'check-icon': {
-            slot: string;
-        };
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/dialog/alert-dialog.svelte.d.ts

@@ -1,19 +1,41 @@
-/** @typedef {typeof __propDef.props}  AlertDialogProps */
-/** @typedef {typeof __propDef.events}  AlertDialogEvents */
-/** @typedef {typeof __propDef.slots}  AlertDialogSlots */
+export default AlertDialog;
+type AlertDialog = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    title: string;
+    class?: string | undefined;
+    open?: boolean | undefined;
+    okLabel?: string | undefined;
+}, {
+    default: {};
+}>, {
+    opening: CustomEvent<any>;
+    open: CustomEvent<any>;
+    ok: CustomEvent<any>;
+    cancel: CustomEvent<any>;
+    closing: CustomEvent<any>;
+    close: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A modal alert dialog. It only shows the OK button, just like `window.alert()`.
  * @see https://w3c.github.io/aria/#alertdialog
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/alert
  */
-export default class AlertDialog extends SvelteComponent<{
+declare const AlertDialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     title: string;
     class?: string | undefined;
     open?: boolean | undefined;
     okLabel?: string | undefined;
 }, {
+    default: {};
+}>, {
     opening: CustomEvent<any>;
     open: CustomEvent<any>;
     ok: CustomEvent<any>;
@@ -24,34 +46,22 @@ export default class AlertDialog extends SvelteComponent<{
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type AlertDialogProps = typeof __propDef.props;
-export type AlertDialogEvents = typeof __propDef.events;
-export type AlertDialogSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        title: string;
-        class?: string | undefined;
-        open?: boolean | undefined;
-        okLabel?: string | undefined;
-    };
-    events: {
-        opening: CustomEvent<any>;
-        open: CustomEvent<any>;
-        ok: CustomEvent<any>;
-        cancel: CustomEvent<any>;
-        closing: CustomEvent<any>;
-        close: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+}, {}, 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;
     };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/dialog/confirmation-dialog.svelte.d.ts

@@ -1,13 +1,34 @@
-/** @typedef {typeof __propDef.props}  ConfirmationDialogProps */
-/** @typedef {typeof __propDef.events}  ConfirmationDialogEvents */
-/** @typedef {typeof __propDef.slots}  ConfirmationDialogSlots */
+export default ConfirmationDialog;
+type ConfirmationDialog = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    title: string;
+    class?: string | undefined;
+    open?: boolean | undefined;
+    okLabel?: string | undefined;
+    cancelLabel?: string | undefined;
+}, {
+    default: {};
+}>, {
+    opening: CustomEvent<any>;
+    open: CustomEvent<any>;
+    ok: CustomEvent<any>;
+    cancel: CustomEvent<any>;
+    closing: CustomEvent<any>;
+    close: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A modal confirmation dialog. It shows the OK and Cancel buttons, just like `window.confirm()`.
  * @see https://w3c.github.io/aria/#alertdialog
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/confirm
  */
-export default class ConfirmationDialog extends SvelteComponent<{
+declare const ConfirmationDialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     title: string;
     class?: string | undefined;
@@ -15,6 +36,8 @@ export default class ConfirmationDialog extends SvelteComponent<{
     okLabel?: string | undefined;
     cancelLabel?: string | undefined;
 }, {
+    default: {};
+}>, {
     opening: CustomEvent<any>;
     open: CustomEvent<any>;
     ok: CustomEvent<any>;
@@ -25,35 +48,22 @@ export default class ConfirmationDialog extends SvelteComponent<{
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type ConfirmationDialogProps = typeof __propDef.props;
-export type ConfirmationDialogEvents = typeof __propDef.events;
-export type ConfirmationDialogSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        title: string;
-        class?: string | undefined;
-        open?: boolean | undefined;
-        okLabel?: string | undefined;
-        cancelLabel?: string | undefined;
-    };
-    events: {
-        opening: CustomEvent<any>;
-        open: CustomEvent<any>;
-        ok: CustomEvent<any>;
-        cancel: CustomEvent<any>;
-        closing: CustomEvent<any>;
-        close: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+}, {}, 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;
     };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}