@sveltia/ui 0.25.6 → 0.25.8

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

@@ -11,20 +11,24 @@
   import Icon from '../icon/icon.svelte';
   import TextInput from './text-input.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { CommonEventHandlers, InputEventHandlers, TextInputProps } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {number} [value] - Input value.
-   * @property {number} [min] - Minimum allowed value.
-   * @property {number} [max] - Maximum allowed value.
-   * @property {number} [step] - Value to be added or removed when using the up/down arrow key or
+   * @property {number} [value] Input value.
+   * @property {number} [min] Minimum allowed value.
+   * @property {number} [max] Maximum allowed value.
+   * @property {number} [step] Value to be added or removed when using the up/down arrow key or
    * button.
-   * @property {import('svelte').Snippet} [increaseIcon] - Increase icon slot content.
-   * @property {import('svelte').Snippet} [decreaseIcon] - Decrease icon slot content.
+   * @property {Snippet} [increaseIcon] Increase icon slot content.
+   * @property {Snippet} [decreaseIcon] Decrease icon slot content.
    */
 
   /**
-   * @type {import('../../typedefs').TextInputProps & import('../../typedefs').CommonEventHandlers &
-   * import('../../typedefs').InputEventHandlers & Props & Record<string, any>}
+   * @type {TextInputProps & CommonEventHandlers & InputEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -8,57 +8,60 @@ type NumberInput = {
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
  * @see https://w3c.github.io/aria/#textbox
  */
-declare const NumberInput: import("svelte").Component<import("../../typedefs").TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & {
+declare const NumberInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: number | undefined;
     /**
-     * - Minimum allowed value.
+     * Minimum allowed value.
      */
     min?: number | undefined;
     /**
-     * - Maximum allowed value.
+     * Maximum allowed value.
      */
     max?: number | undefined;
     /**
-     * - Value to be added or removed when using the up/down arrow key or
+     * Value to be added or removed when using the up/down arrow key or
      * button.
      */
     step?: number | undefined;
     /**
-     * - Increase icon slot content.
+     * Increase icon slot content.
      */
-    increaseIcon?: import("svelte").Snippet<[]> | undefined;
+    increaseIcon?: Snippet<[]> | undefined;
     /**
-     * - Decrease icon slot content.
+     * Decrease icon slot content.
      */
-    decreaseIcon?: import("svelte").Snippet<[]> | undefined;
+    decreaseIcon?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "invalid" | "value">;
 type Props = {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: number | undefined;
     /**
-     * - Minimum allowed value.
+     * Minimum allowed value.
      */
     min?: number | undefined;
     /**
-     * - Maximum allowed value.
+     * Maximum allowed value.
      */
     max?: number | undefined;
     /**
-     * - Value to be added or removed when using the up/down arrow key or
+     * Value to be added or removed when using the up/down arrow key or
      * button.
      */
     step?: number | undefined;
     /**
-     * - Increase icon slot content.
+     * Increase icon slot content.
      */
-    increaseIcon?: import("svelte").Snippet<[]> | undefined;
+    increaseIcon?: Snippet<[]> | undefined;
     /**
-     * - Decrease icon slot content.
+     * Decrease icon slot content.
      */
-    decreaseIcon?: import("svelte").Snippet<[]> | undefined;
+    decreaseIcon?: Snippet<[]> | undefined;
 };
+import type { TextInputProps } from '../../typedefs';
+import type { InputEventHandlers } from '../../typedefs';
+import type { Snippet } from 'svelte';

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

@@ -11,15 +11,19 @@
   import Icon from '../icon/icon.svelte';
   import TextInput from './text-input.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { CommonEventHandlers, InputEventHandlers, TextInputProps } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [value] - Input value.
-   * @property {import('svelte').Snippet} [visibilityIcon] - Visibility icon slot content.
+   * @property {string} [value] Input value.
+   * @property {Snippet} [visibilityIcon] Visibility icon slot content.
    */
 
   /**
-   * @type {import('../../typedefs').TextInputProps & import('../../typedefs').CommonEventHandlers &
-   * import('../../typedefs').InputEventHandlers & Props & Record<string, any>}
+   * @type {TextInputProps & CommonEventHandlers & InputEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -9,23 +9,26 @@ type PasswordInput = {
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password
  * @see https://w3c.github.io/aria/#textbox
  */
-declare const PasswordInput: import("svelte").Component<import("../../typedefs").TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & {
+declare const PasswordInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Visibility icon slot content.
+     * Visibility icon slot content.
      */
-    visibilityIcon?: import("svelte").Snippet<[]> | undefined;
+    visibilityIcon?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "value">;
 type Props = {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Visibility icon slot content.
+     * Visibility icon slot content.
      */
-    visibilityIcon?: import("svelte").Snippet<[]> | undefined;
+    visibilityIcon?: Snippet<[]> | undefined;
 };
+import type { TextInputProps } from '../../typedefs';
+import type { InputEventHandlers } from '../../typedefs';
+import type { Snippet } from 'svelte';

package/dist/components/text-field/search-bar.svelte

@@ -12,16 +12,20 @@
   import Icon from '../icon/icon.svelte';
   import TextInput from './text-input.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { CommonEventHandlers, InputEventHandlers, TextInputProps } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [value] - Input value.
-   * @property {import('svelte').Snippet} [searchIcon] - Search icon slot content.
-   * @property {import('svelte').Snippet} [closeIcon] - Close icon slot content.
+   * @property {string} [value] Input value.
+   * @property {Snippet} [searchIcon] Search icon slot content.
+   * @property {Snippet} [closeIcon] Close icon slot content.
    */
 
   /**
-   * @type {import('../../typedefs').TextInputProps & import('../../typedefs').CommonEventHandlers &
-   * import('../../typedefs').InputEventHandlers & Props & Record<string, any>}
+   * @type {TextInputProps & CommonEventHandlers & InputEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -11,33 +11,36 @@ type SearchBar = {
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search
  * @see https://w3c.github.io/aria/#search
  */
-declare const SearchBar: import("svelte").Component<import("../../typedefs").TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & {
+declare const SearchBar: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Search icon slot content.
+     * Search icon slot content.
      */
-    searchIcon?: import("svelte").Snippet<[]> | undefined;
+    searchIcon?: Snippet<[]> | undefined;
     /**
-     * - Close icon slot content.
+     * Close icon slot content.
      */
-    closeIcon?: import("svelte").Snippet<[]> | undefined;
+    closeIcon?: Snippet<[]> | undefined;
 } & Record<string, any>, {
     focus: () => void;
 }, "value">;
 type Props = {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Search icon slot content.
+     * Search icon slot content.
      */
-    searchIcon?: import("svelte").Snippet<[]> | undefined;
+    searchIcon?: Snippet<[]> | undefined;
     /**
-     * - Close icon slot content.
+     * Close icon slot content.
      */
-    closeIcon?: import("svelte").Snippet<[]> | undefined;
+    closeIcon?: Snippet<[]> | undefined;
 };
+import type { TextInputProps } from '../../typedefs';
+import type { InputEventHandlers } from '../../typedefs';
+import type { Snippet } from 'svelte';

package/dist/components/text-field/text-area.svelte

@@ -6,29 +6,33 @@
   @see https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { CommonEventHandlers, InputEventHandlers } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [value] - Input value.
-   * @property {boolean} [flex] - Make the text input container flexible.
-   * @property {string} [name] - The `name` attribute on the `<textarea>` element.
-   * @property {boolean} [autoResize] - Whether to automatically resize the `<textarea>` based on
-   * the content.
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {boolean} [hidden] - Whether to hide the widget.
-   * @property {boolean} [disabled] - Whether to disable the widget. An alias of the `aria-disabled`
+   * @property {string} [value] Input value.
+   * @property {boolean} [flex] Make the text input container flexible.
+   * @property {string} [name] The `name` attribute on the `<textarea>` element.
+   * @property {boolean} [autoResize] Whether to automatically resize the `<textarea>` based on the
+   * content.
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {boolean} [hidden] Whether to hide the widget.
+   * @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
    * attribute.
-   * @property {boolean} [readonly] - Whether to make the widget read-only. An alias of the
+   * @property {boolean} [readonly] Whether to make the widget read-only. An alias of the
    * `aria-readonly` attribute.
-   * @property {boolean} [required] - Whether to mark the widget required. An alias of the
+   * @property {boolean} [required] Whether to mark the widget required. An alias of the
    * `aria-required` attribute.
-   * @property {boolean} [invalid] - Whether to mark the widget invalid. An alias of the
+   * @property {boolean} [invalid] Whether to mark the widget invalid. An alias of the
    * `aria-invalid` attribute.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**
-   * @type {import('../../typedefs').CommonEventHandlers & import('../../typedefs').InputEventHandlers
-   * & Props & Record<string, any>}
+   * @type {CommonEventHandlers & InputEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -9,105 +9,107 @@ type TextArea = {
  * @see https://w3c.github.io/aria/#textbox
  * @see https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
  */
-declare const TextArea: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & {
+declare const TextArea: import("svelte").Component<import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Make the text input container flexible.
+     * Make the text input container flexible.
      */
     flex?: boolean | undefined;
     /**
-     * - The `name` attribute on the `<textarea>` element.
+     * The `name` attribute on the `<textarea>` element.
      */
     name?: string | undefined;
     /**
-     * - Whether to automatically resize the `<textarea>` based on
-     * the content.
+     * Whether to automatically resize the `<textarea>` based on the
+     * content.
      */
     autoResize?: boolean | undefined;
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to hide the widget.
+     * Whether to hide the widget.
      */
     hidden?: boolean | undefined;
     /**
-     * - Whether to disable the widget. An alias of the `aria-disabled`
+     * Whether to disable the widget. An alias of the `aria-disabled`
      * attribute.
      */
     disabled?: boolean | undefined;
     /**
-     * - Whether to make the widget read-only. An alias of the
+     * Whether to make the widget read-only. An alias of the
      * `aria-readonly` attribute.
      */
     readonly?: boolean | undefined;
     /**
-     * - Whether to mark the widget required. An alias of the
+     * Whether to mark the widget required. An alias of the
      * `aria-required` attribute.
      */
     required?: boolean | undefined;
     /**
-     * - Whether to mark the widget invalid. An alias of the
+     * Whether to mark the widget invalid. An alias of the
      * `aria-invalid` attribute.
      */
     invalid?: boolean | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "value">;
 type Props = {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Make the text input container flexible.
+     * Make the text input container flexible.
      */
     flex?: boolean | undefined;
     /**
-     * - The `name` attribute on the `<textarea>` element.
+     * The `name` attribute on the `<textarea>` element.
      */
     name?: string | undefined;
     /**
-     * - Whether to automatically resize the `<textarea>` based on
-     * the content.
+     * Whether to automatically resize the `<textarea>` based on the
+     * content.
      */
     autoResize?: boolean | undefined;
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to hide the widget.
+     * Whether to hide the widget.
      */
     hidden?: boolean | undefined;
     /**
-     * - Whether to disable the widget. An alias of the `aria-disabled`
+     * Whether to disable the widget. An alias of the `aria-disabled`
      * attribute.
      */
     disabled?: boolean | undefined;
     /**
-     * - Whether to make the widget read-only. An alias of the
+     * Whether to make the widget read-only. An alias of the
      * `aria-readonly` attribute.
      */
     readonly?: boolean | undefined;
     /**
-     * - Whether to mark the widget required. An alias of the
+     * Whether to mark the widget required. An alias of the
      * `aria-required` attribute.
      */
     required?: boolean | undefined;
     /**
-     * - Whether to mark the widget invalid. An alias of the
+     * Whether to mark the widget invalid. An alias of the
      * `aria-invalid` attribute.
      */
     invalid?: boolean | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { InputEventHandlers } from '../../typedefs';
+import type { Snippet } from 'svelte';

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

@@ -7,14 +7,18 @@
 <script>
   import { activateKeyShortcuts } from '../../services/events.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { CommonEventHandlers, InputEventHandlers, TextInputProps } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [value] - Input value.
+   * @property {string} [value] Input value.
    */
 
   /**
-   * @type {import('../../typedefs').TextInputProps & import('../../typedefs').CommonEventHandlers &
-   * import('../../typedefs').InputEventHandlers & Props & Record<string, any>}
+   * @type {TextInputProps & CommonEventHandlers & InputEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -8,15 +8,17 @@ type TextInput = {
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
  * @see https://w3c.github.io/aria/#textbox
  */
-declare const TextInput: import("svelte").Component<import("../../typedefs").TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & {
+declare const TextInput: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
 } & Record<string, any>, {}, "value" | "element">;
 type Props = {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
 };
+import type { TextInputProps } from '../../typedefs';
+import type { InputEventHandlers } from '../../typedefs';

package/dist/components/toast/toast.svelte

@@ -7,15 +7,20 @@
 <script>
   import { onMount, untrack } from 'svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { ToastPosition } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string | number} [id] - The toast ID. If updated, the timer that hides
+   * @property {string | number} [id] The toast ID. If updated, the timer that hides
    * the toast will be reset, meaning the same toast can be displayed for a longer period of time.
-   * @property {boolean} [show] - Whether to show the toast.
-   * @property {number} [duration] - Duration to automatically hide the toast. Use `0` to hide it
+   * @property {boolean} [show] Whether to show the toast.
+   * @property {number} [duration] Duration to automatically hide the toast. Use `0` to hide it
    * manually from the consumer.
-   * @property {import('../../typedefs').ToastPosition} [position] - Position of the toast.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {ToastPosition} [position] Position of the toast.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**

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

@@ -10,49 +10,51 @@ type Toast = {
  */
 declare const Toast: import("svelte").Component<{
     /**
-     * - The toast ID. If updated, the timer that hides
+     * The toast ID. If updated, the timer that hides
      * the toast will be reset, meaning the same toast can be displayed for a longer period of time.
      */
     id?: string | number | undefined;
     /**
-     * - Whether to show the toast.
+     * Whether to show the toast.
      */
     show?: boolean | undefined;
     /**
-     * - Duration to automatically hide the toast. Use `0` to hide it
+     * Duration to automatically hide the toast. Use `0` to hide it
      * manually from the consumer.
      */
     duration?: number | undefined;
     /**
-     * - Position of the toast.
+     * Position of the toast.
      */
-    position?: import("../../typedefs").ToastPosition | undefined;
+    position?: ToastPosition | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "show">;
 type Props = {
     /**
-     * - The toast ID. If updated, the timer that hides
+     * The toast ID. If updated, the timer that hides
      * the toast will be reset, meaning the same toast can be displayed for a longer period of time.
      */
     id?: string | number | undefined;
     /**
-     * - Whether to show the toast.
+     * Whether to show the toast.
      */
     show?: boolean | undefined;
     /**
-     * - Duration to automatically hide the toast. Use `0` to hide it
+     * Duration to automatically hide the toast. Use `0` to hide it
      * manually from the consumer.
      */
     duration?: number | undefined;
     /**
-     * - Position of the toast.
+     * Position of the toast.
      */
-    position?: import("../../typedefs").ToastPosition | undefined;
+    position?: ToastPosition | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { ToastPosition } from '../../typedefs';
+import type { Snippet } from 'svelte';

package/dist/components/toolbar/toolbar.svelte

@@ -5,16 +5,20 @@
   @see https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {boolean} [hidden] - Whether to hide the widget.
-   * @property {boolean} [disabled] - Whether to disable the widget. An alias of the `aria-disabled`
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {boolean} [hidden] Whether to hide the widget.
+   * @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
    * attribute.
-   * @property {'horizontal' | 'vertical'} [orientation] - Orientation of the widget. An alias of
-   * the `aria-orientation` attribute.
-   * @property {'primary' | 'secondary'} [variant] - The style variant of the toolbar.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {'horizontal' | 'vertical'} [orientation] Orientation of the widget. An alias of the
+   * `aria-orientation` attribute.
+   * @property {'primary' | 'secondary'} [variant] The style variant of the toolbar.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**