@sveltia/ui 0.25.7 → 0.25.9

package/dist/components/select/select.svelte

@@ -9,7 +9,11 @@
   import Combobox from './combobox.svelte';
 
   /**
-   * @type {import('../../typedefs').ComboboxProps & Record<string, any>}
+   * @import { ComboboxProps } from '../../typedefs';
+   */
+
+  /**
+   * @type {ComboboxProps & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -9,4 +9,5 @@ type Select = {
  * @see https://w3c.github.io/aria/#combobox
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
  */
-declare const Select: import("svelte").Component<import("../../typedefs").ComboboxProps & Record<string, any>, {}, "value">;
+declare const Select: import("svelte").Component<ComboboxProps & Record<string, any>, {}, "value">;
+import type { ComboboxProps } from '../../typedefs';

package/dist/components/slider/slider.svelte

@@ -10,27 +10,31 @@
 <script>
   import { onMount } from 'svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {number} [value] - Current value.
-   * @property {number} [min] - Minimum allowed value. An alias of the `aria-valuemin` attribute.
-   * @property {number} [max] - Maximum allowed value. An alias of the `aria-valuemax` attribute.
-   * @property {string} [sliderLabel] - `aria-label` on the slider.
-   * @property {[number, number]} [values] - Value list for a multi-thumb slider.
-   * @property {[string, string]} [sliderLabels] - `aria-label` on a multi-thumb slider.
-   * @property {number} [step] - Step option like `<input type="range">`.
-   * @property {(string[] | number[])} [optionLabels] - Visible labels on the slider.
-   * @property {boolean} [flex] - Make the text input container flexible.
-   * @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 {number} [value] Current value.
+   * @property {number} [min] Minimum allowed value. An alias of the `aria-valuemin` attribute.
+   * @property {number} [max] Maximum allowed value. An alias of the `aria-valuemax` attribute.
+   * @property {string} [sliderLabel] `aria-label` on the slider.
+   * @property {[number, number]} [values] Value list for a multi-thumb slider.
+   * @property {[string, string]} [sliderLabels] `aria-label` on a multi-thumb slider.
+   * @property {number} [step] Step option like `<input type="range">`.
+   * @property {(string[] | number[])} [optionLabels] Visible labels on the slider.
+   * @property {boolean} [flex] Make the text input container flexible.
+   * @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} [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 {(detail: { values?: number[], value?: number }) => void} [onChange] - `change` event
+   * @property {Snippet} [children] Primary slot content.
+   * @property {(detail: { values?: number[], value?: number }) => void} [onChange] `change` event
    * handler.
    */
 
@@ -77,7 +81,7 @@
 
   /**
    * Move a thumb with mouse.
-   * @param {number} diff - Distance from the original X position in pixels.
+   * @param {number} diff Distance from the original X position in pixels.
    */
   const moveThumb = (diff) => {
     if (diff < 0) {
@@ -113,9 +117,8 @@
 
   /**
    * Handle the `keydown` event fired on the slider.
-   * @param {KeyboardEvent} event - `keydown` event.
-   * @param {number} [valueIndex] - Index in the {@link values} array to be used to get/set the
-   * value.
+   * @param {KeyboardEvent} event `keydown` event.
+   * @param {number} [valueIndex] Index in the {@link values} array to be used to get/set the value.
    */
   const onKeyDown = (event, valueIndex = 0) => {
     const { key, ctrlKey, metaKey, shiftKey, altKey } = event;
@@ -166,7 +169,7 @@
 
   /**
    * Handle the `pointermove` event fired anywhere on the page.
-   * @param {PointerEvent} event - `pointermove` event.
+   * @param {PointerEvent} event `pointermove` event.
    */
   const onPointerMove = (event) => {
     const { screenX, pointerId } = event;
@@ -182,7 +185,7 @@
 
   /**
    * Handle the `pointerup` and `pointercancel` events fired anywhere on the page.
-   * @param {PointerEvent} event - `pointerup` or `pointercancel` event.
+   * @param {PointerEvent} event `pointerup` or `pointercancel` event.
    */
   const onPointerUp = (event) => {
     const { pointerId } = event;
@@ -212,9 +215,8 @@
 
   /**
    * Handle the `pointerdown` event fired on the slider.
-   * @param {PointerEvent} event - `pointerdown` event.
-   * @param {number} [valueIndex] - Index in the {@link values} array to be used to get/set the
-   * value.
+   * @param {PointerEvent} event `pointerdown` event.
+   * @param {number} [valueIndex] Index in the {@link values} array to be used to get/set the value.
    */
   const onPointerDown = (event, valueIndex = 0) => {
     const { clientX, screenX, pointerId } = event;

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

@@ -13,70 +13,70 @@ type Slider = {
  */
 declare const Slider: import("svelte").Component<{
     /**
-     * - Current value.
+     * Current value.
      */
     value?: number | undefined;
     /**
-     * - Minimum allowed value. An alias of the `aria-valuemin` attribute.
+     * Minimum allowed value. An alias of the `aria-valuemin` attribute.
      */
     min?: number | undefined;
     /**
-     * - Maximum allowed value. An alias of the `aria-valuemax` attribute.
+     * Maximum allowed value. An alias of the `aria-valuemax` attribute.
      */
     max?: number | undefined;
     /**
-     * - `aria-label` on the slider.
+     * `aria-label` on the slider.
      */
     sliderLabel?: string | undefined;
     /**
-     * - Value list for a multi-thumb slider.
+     * Value list for a multi-thumb slider.
      */
     values?: [number, number] | undefined;
     /**
-     * - `aria-label` on a multi-thumb slider.
+     * `aria-label` on a multi-thumb slider.
      */
     sliderLabels?: [string, string] | undefined;
     /**
-     * - Step option like `<input type="range">`.
+     * Step option like `<input type="range">`.
      */
     step?: number | undefined;
     /**
-     * - Visible labels on the slider.
+     * Visible labels on the slider.
      */
     optionLabels?: string[] | number[] | undefined;
     /**
-     * - Make the text input container flexible.
+     * Make the text input container flexible.
      */
     flex?: 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 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;
     /**
-     * - `change` event
+     * `change` event
      * handler.
      */
     onChange?: ((detail: {
@@ -86,70 +86,70 @@ declare const Slider: import("svelte").Component<{
 } & Record<string, any>, {}, "value" | "values">;
 type Props = {
     /**
-     * - Current value.
+     * Current value.
      */
     value?: number | undefined;
     /**
-     * - Minimum allowed value. An alias of the `aria-valuemin` attribute.
+     * Minimum allowed value. An alias of the `aria-valuemin` attribute.
      */
     min?: number | undefined;
     /**
-     * - Maximum allowed value. An alias of the `aria-valuemax` attribute.
+     * Maximum allowed value. An alias of the `aria-valuemax` attribute.
      */
     max?: number | undefined;
     /**
-     * - `aria-label` on the slider.
+     * `aria-label` on the slider.
      */
     sliderLabel?: string | undefined;
     /**
-     * - Value list for a multi-thumb slider.
+     * Value list for a multi-thumb slider.
      */
     values?: [number, number] | undefined;
     /**
-     * - `aria-label` on a multi-thumb slider.
+     * `aria-label` on a multi-thumb slider.
      */
     sliderLabels?: [string, string] | undefined;
     /**
-     * - Step option like `<input type="range">`.
+     * Step option like `<input type="range">`.
      */
     step?: number | undefined;
     /**
-     * - Visible labels on the slider.
+     * Visible labels on the slider.
      */
     optionLabels?: string[] | number[] | undefined;
     /**
-     * - Make the text input container flexible.
+     * Make the text input container flexible.
      */
     flex?: 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 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;
     /**
-     * - `change` event
+     * `change` event
      * handler.
      */
     onChange?: ((detail: {
@@ -157,3 +157,4 @@ type Props = {
         value?: number;
     }) => void) | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/switch/switch.svelte

@@ -5,21 +5,25 @@
   @see https://www.w3.org/WAI/ARIA/apg/patterns/switch/
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [label] - Text label displayed next to the switch.
-   * @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} [label] Text label displayed next to the switch.
+   * @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 {(event: CustomEvent) => void} [onChange] - Custom `Change` event handler.
+   * @property {Snippet} [children] Primary slot content.
+   * @property {(event: CustomEvent) => void} [onChange] Custom `Change` event handler.
    */
 
   /**

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

@@ -10,85 +10,86 @@ type Switch = {
  */
 declare const Switch: import("svelte").Component<{
     /**
-     * - Text label displayed next to the switch.
+     * Text label displayed next to the switch.
      */
     label?: string | 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;
     /**
-     * - Custom `Change` event handler.
+     * Custom `Change` event handler.
      */
     onChange?: ((event: CustomEvent) => void) | undefined;
 } & Record<string, any>, {}, "checked">;
 type Props = {
     /**
-     * - Text label displayed next to the switch.
+     * Text label displayed next to the switch.
      */
     label?: string | 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;
     /**
-     * - Custom `Change` event handler.
+     * Custom `Change` event handler.
      */
     onChange?: ((event: CustomEvent) => void) | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/table/table-body.svelte

@@ -5,11 +5,15 @@
   @see https://w3c.github.io/aria/#rowgroup
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {string} [label] - Display label for the row group.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {string} [label] Display label for the row group.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**

package/dist/components/table/table-body.svelte.d.ts

@@ -10,29 +10,30 @@ type TableBody = {
  */
 declare const TableBody: import("svelte").Component<{
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Display label for the row group.
+     * Display label for the row group.
      */
     label?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Display label for the row group.
+     * Display label for the row group.
      */
     label?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/table/table-cell.svelte

@@ -5,10 +5,14 @@
   @see https://w3c.github.io/aria/#cell
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**

package/dist/components/table/table-cell.svelte.d.ts

@@ -10,21 +10,22 @@ type TableCell = {
  */
 declare const TableCell: import("svelte").Component<{
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/table/table-col-header.svelte

@@ -5,10 +5,14 @@
   @see https://w3c.github.io/aria/#columnheader
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**

package/dist/components/table/table-col-header.svelte.d.ts

@@ -10,21 +10,22 @@ type TableColHeader = {
  */
 declare const TableColHeader: import("svelte").Component<{
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/table/table-foot.svelte

@@ -5,10 +5,14 @@
   @see https://w3c.github.io/aria/#rowgroup
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**

package/dist/components/table/table-foot.svelte.d.ts

@@ -10,21 +10,22 @@ type TableFoot = {
  */
 declare const TableFoot: import("svelte").Component<{
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/table/table-head.svelte

@@ -5,10 +5,14 @@
   @see https://w3c.github.io/aria/#rowgroup
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**