@sveltia/ui 0.15.15 → 0.16.0

package/package/components/icon/icon.svelte.d.ts

@@ -1,33 +1,34 @@
-/** @typedef {typeof __propDef.props}  IconProps */
-/** @typedef {typeof __propDef.events}  IconEvents */
-/** @typedef {typeof __propDef.slots}  IconSlots */
+export default Icon;
+type Icon = SvelteComponent<{
+    [x: string]: any;
+    class?: string | undefined;
+    name?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A Material Symbols icon.
  * @see https://developers.google.com/fonts/docs/material_symbols
  */
-export default class Icon extends SvelteComponent<{
+declare const Icon: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconProps = typeof __propDef.props;
-export type IconEvents = typeof __propDef.events;
-export type IconSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        name?: string | undefined;
-    };
-    events: {
-        [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/listbox/listbox.svelte.d.ts

@@ -1,13 +1,34 @@
-/** @typedef {typeof __propDef.props}  ListboxProps */
-/** @typedef {typeof __propDef.events}  ListboxEvents */
-/** @typedef {typeof __propDef.slots}  ListboxSlots */
+export default Listbox;
+type Listbox = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    multiple?: boolean | undefined;
+    required?: boolean | undefined;
+    hidden?: boolean | undefined;
+    readonly?: boolean | undefined;
+    searchTerms?: string | undefined;
+}, {
+    default: {};
+}>, {
+    click: MouseEvent;
+    filter: Event | KeyboardEvent | UIEvent | ErrorEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A list widget with selectable options. The equivalent of the HTML `<select multiple>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select
  * @see https://w3c.github.io/aria/#listbox
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/listbox/
  */
-export default class Listbox extends SvelteComponent<{
+declare const Listbox: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
@@ -18,6 +39,8 @@ export default class Listbox extends SvelteComponent<{
     readonly?: boolean | undefined;
     searchTerms?: string | undefined;
 }, {
+    default: {};
+}>, {
     click: MouseEvent;
     filter: Event | KeyboardEvent | UIEvent | ErrorEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
     change: CustomEvent<any>;
@@ -25,35 +48,22 @@ export default class Listbox extends SvelteComponent<{
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type ListboxProps = typeof __propDef.props;
-export type ListboxEvents = typeof __propDef.events;
-export type ListboxSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        invalid?: boolean | undefined;
-        multiple?: boolean | undefined;
-        required?: boolean | undefined;
-        hidden?: boolean | undefined;
-        readonly?: boolean | undefined;
-        searchTerms?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        filter: Event | KeyboardEvent | UIEvent | ErrorEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
-        change: 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/listbox/option-group.svelte.d.ts

@@ -1,6 +1,19 @@
-/** @typedef {typeof __propDef.props}  OptionGroupProps */
-/** @typedef {typeof __propDef.events}  OptionGroupEvents */
-/** @typedef {typeof __propDef.slots}  OptionGroupSlots */
+export default OptionGroup;
+type OptionGroup = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    label?: string | undefined;
+    hidden?: boolean | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A group within a `<Listbox>`. The equivalent of the HTML `<optgroup>` element. It can contain one
  * or more `<Option>`s.
@@ -8,37 +21,34 @@
  * @see https://w3c.github.io/aria/#listbox
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/listbox/examples/listbox-grouped/
  */
-export default class OptionGroup extends SvelteComponent<{
+declare const OptionGroup: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
     label?: string | undefined;
     hidden?: boolean | undefined;
 }, {
+    default: {};
+}>, {
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type OptionGroupProps = typeof __propDef.props;
-export type OptionGroupEvents = typeof __propDef.events;
-export type OptionGroupSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        label?: string | undefined;
-        hidden?: 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/listbox/option.svelte.d.ts

@@ -1,12 +1,54 @@
-/** @typedef {typeof __propDef.props}  OptionProps */
-/** @typedef {typeof __propDef.events}  OptionEvents */
-/** @typedef {typeof __propDef.slots}  OptionSlots */
+export default Option;
+type Option = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    label: string;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    value?: string | undefined;
+    hidden?: boolean | undefined;
+    selected?: boolean | undefined;
+    searchValue?: string | undefined;
+    wrap?: boolean | undefined;
+}, {
+    'check-icon': {};
+    'start-icon': {
+        slot: string;
+    };
+    default: {};
+    'end-icon': {
+        slot: string;
+    };
+}>, {
+    click: MouseEvent;
+    dblclick: MouseEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
+    dragover: DragEvent;
+    dragleave: DragEvent;
+    dragend: DragEvent;
+    drop: DragEvent;
+    select: CustomEvent<any>;
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'check-icon': {};
+    'start-icon': {
+        slot: string;
+    };
+    default: {};
+    'end-icon': {
+        slot: string;
+    };
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * An option within the `<Listbox>` widget. The equivalent of the HTML `<option>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option
  * @see https://w3c.github.io/aria/#option
  */
-export default class Option extends SvelteComponent<{
+declare const Option: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     label: string;
     class?: string | undefined;
@@ -17,6 +59,15 @@ export default class Option extends SvelteComponent<{
     searchValue?: string | undefined;
     wrap?: boolean | undefined;
 }, {
+    'check-icon': {};
+    'start-icon': {
+        slot: string;
+    };
+    default: {};
+    'end-icon': {
+        slot: string;
+    };
+}>, {
     click: MouseEvent;
     dblclick: MouseEvent;
     focus: FocusEvent;
@@ -38,49 +89,22 @@ export default class Option extends SvelteComponent<{
     'end-icon': {
         slot: string;
     };
-}> {
-}
-export type OptionProps = typeof __propDef.props;
-export type OptionEvents = typeof __propDef.events;
-export type OptionSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        label: string;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        value?: string | undefined;
-        hidden?: boolean | undefined;
-        selected?: boolean | undefined;
-        searchValue?: string | undefined;
-        wrap?: boolean | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        dblclick: MouseEvent;
-        focus: FocusEvent;
-        blur: FocusEvent;
-        dragover: DragEvent;
-        dragleave: DragEvent;
-        dragend: DragEvent;
-        drop: DragEvent;
-        select: CustomEvent<any>;
-        change: 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: {
-        'check-icon': {};
-        'start-icon': {
-            slot: string;
-        };
-        default: {};
-        'end-icon': {
-            slot: string;
-        };
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

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

@@ -1,11 +1,47 @@
-/** @typedef {typeof __propDef.props}  MenuButtonProps */
-/** @typedef {typeof __propDef.events}  MenuButtonEvents */
-/** @typedef {typeof __propDef.slots}  MenuButtonSlots */
+export default MenuButton;
+type MenuButton = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    focus?: (() => void) | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    hidden?: boolean | undefined;
+    variant?: "link" | "primary" | "secondary" | "tertiary" | "ghost" | undefined;
+    iconic?: boolean | undefined;
+    popupPosition?: PopupPosition | undefined;
+    showPopupBackdrop?: boolean | undefined;
+    popupPositionBaseElement?: HTMLElement | undefined;
+}, {
+    'start-icon': {
+        slot: string;
+    };
+    default: {};
+    'end-icon': {
+        slot: string;
+    };
+    popup: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'start-icon': {
+        slot: string;
+    };
+    default: {};
+    'end-icon': {
+        slot: string;
+    };
+    popup: {};
+}> & {
+    $$bindings?: string | undefined;
+} & {
+    focus: () => void;
+};
 /**
  * A button to open a `<Menu>` widget.
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
  */
-export default class MenuButton extends SvelteComponent<{
+declare const MenuButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
@@ -18,8 +54,6 @@ export default class MenuButton extends SvelteComponent<{
     popupPosition?: import("../../typedefs").PopupPosition | undefined;
     showPopupBackdrop?: boolean | undefined;
     popupPositionBaseElement?: HTMLElement | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
 }, {
     'start-icon': {
         slot: string;
@@ -29,42 +63,35 @@ export default class MenuButton extends SvelteComponent<{
         slot: string;
     };
     popup: {};
-}> {
-    get focus(): () => void;
-}
-export type MenuButtonProps = typeof __propDef.props;
-export type MenuButtonEvents = typeof __propDef.events;
-export type MenuButtonSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        focus?: (() => void) | undefined;
-        label?: string | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        hidden?: boolean | undefined;
-        variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-        iconic?: boolean | undefined;
-        popupPosition?: import("../../typedefs").PopupPosition | undefined;
-        showPopupBackdrop?: boolean | undefined;
-        popupPositionBaseElement?: HTMLElement | undefined;
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'start-icon': {
+        slot: string;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
+    default: {};
+    'end-icon': {
+        slot: string;
     };
-    slots: {
-        'start-icon': {
-            slot: string;
-        };
-        default: {};
-        'end-icon': {
-            slot: string;
-        };
-        popup: {};
+    popup: {};
+}, {
+    focus: () => void;
+}, 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;
     };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+    z_$$bindings?: Bindings;
+}

package/package/components/menu/menu-item-checkbox.svelte.d.ts

@@ -1,11 +1,31 @@
-/** @typedef {typeof __propDef.props}  MenuItemCheckboxProps */
-/** @typedef {typeof __propDef.events}  MenuItemCheckboxEvents */
-/** @typedef {typeof __propDef.slots}  MenuItemCheckboxSlots */
+export default MenuItemCheckbox;
+type MenuItemCheckbox = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    label?: string | undefined;
+    checked?: boolean | undefined;
+    hidden?: boolean | undefined;
+    iconName?: string | undefined;
+    iconLabel?: string | undefined;
+}, {
+    default: {};
+}>, {
+    click: MouseEvent;
+    select: CustomEvent<any>;
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
 /**
  * A menu item widget with a checkbox.
  * @see https://w3c.github.io/aria/#menuitemcheckbox
  */
-export default class MenuItemCheckbox extends SvelteComponent<{
+declare const MenuItemCheckbox: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     [x: string]: any;
     class?: string | undefined;
     disabled?: boolean | undefined;
@@ -15,6 +35,8 @@ export default class MenuItemCheckbox extends SvelteComponent<{
     iconName?: string | undefined;
     iconLabel?: string | undefined;
 }, {
+    default: {};
+}>, {
     click: MouseEvent;
     select: CustomEvent<any>;
     change: CustomEvent<any>;
@@ -22,34 +44,22 @@ export default class MenuItemCheckbox extends SvelteComponent<{
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type MenuItemCheckboxProps = typeof __propDef.props;
-export type MenuItemCheckboxEvents = typeof __propDef.events;
-export type MenuItemCheckboxSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        label?: string | undefined;
-        checked?: boolean | undefined;
-        hidden?: boolean | undefined;
-        iconName?: string | undefined;
-        iconLabel?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        select: CustomEvent<any>;
-        change: 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/menu/menu-item-group.svelte

@@ -36,7 +36,7 @@
   hidden={hidden || undefined}
   aria-hidden={hidden}
   aria-disabled={disabled}
-  aria-labelledby={title ? '{id}-title' : undefined}
+  aria-labelledby={title ? `${id}-title` : undefined}
   aria-roledescription="menu item group"
   {...$$restProps}
 >