@sveltia/ui 0.25.7 → 0.25.8

package/dist/components/alert/alert.svelte

@@ -7,11 +7,15 @@
 <script>
   import Icon from '../icon/icon.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {'error' | 'warning' | 'info' | 'success'} status - Alert status.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
-   * @property {import('svelte').Snippet} [icon] - Icon slot content.
+   * @property {'error' | 'warning' | 'info' | 'success'} status Alert status.
+   * @property {Snippet} [children] Primary slot content.
+   * @property {Snippet} [icon] Icon slot content.
    */
 
   /**

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

@@ -10,29 +10,30 @@ type Alert = {
  */
 declare const Alert: import("svelte").Component<{
     /**
-     * - Alert status.
+     * Alert status.
      */
     status: "error" | "warning" | "info" | "success";
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
     /**
-     * - Icon slot content.
+     * Icon slot content.
      */
-    icon?: import("svelte").Snippet<[]> | undefined;
+    icon?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - Alert status.
+     * Alert status.
      */
     status: "error" | "warning" | "info" | "success";
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
     /**
-     * - Icon slot content.
+     * Icon slot content.
      */
-    icon?: import("svelte").Snippet<[]> | undefined;
+    icon?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/alert/infobar.svelte

@@ -3,13 +3,17 @@
   import Button from '../button/button.svelte';
   import Icon from '../icon/icon.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {boolean} [show] - Whether to show the toast.
-   * @property {boolean} [dismissible] - Whether to show the close button.
-   * @property {'error' | 'warning' | 'info' | 'success'} [status] - Information status.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
-   * @property {import('svelte').Snippet} [icon] - Icon slot content.
+   * @property {boolean} [show] Whether to show the toast.
+   * @property {boolean} [dismissible] Whether to show the close button.
+   * @property {'error' | 'warning' | 'info' | 'success'} [status] Information status.
+   * @property {Snippet} [children] Primary slot content.
+   * @property {Snippet} [icon] Icon slot content.
    */
 
   /** @type {Props} */

package/dist/components/alert/infobar.svelte.d.ts

@@ -5,45 +5,46 @@ type Infobar = {
 };
 declare const Infobar: import("svelte").Component<{
     /**
-     * - Whether to show the toast.
+     * Whether to show the toast.
      */
     show?: boolean | undefined;
     /**
-     * - Whether to show the close button.
+     * Whether to show the close button.
      */
     dismissible?: boolean | undefined;
     /**
-     * - Information status.
+     * Information status.
      */
     status?: "error" | "warning" | "info" | "success" | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
     /**
-     * - Icon slot content.
+     * Icon slot content.
      */
-    icon?: import("svelte").Snippet<[]> | undefined;
+    icon?: Snippet<[]> | undefined;
 }, {}, "show">;
 type Props = {
     /**
-     * - Whether to show the toast.
+     * Whether to show the toast.
      */
     show?: boolean | undefined;
     /**
-     * - Whether to show the close button.
+     * Whether to show the close button.
      */
     dismissible?: boolean | undefined;
     /**
-     * - Information status.
+     * Information status.
      */
     status?: "error" | "warning" | "info" | "success" | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
     /**
-     * - Icon slot content.
+     * Icon slot content.
      */
-    icon?: import("svelte").Snippet<[]> | undefined;
+    icon?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/button/button-group.svelte

@@ -1,8 +1,12 @@
 <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/button/button-group.svelte.d.ts

@@ -5,21 +5,22 @@ type ButtonGroup = {
 };
 declare const ButtonGroup: 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/button/button.svelte

@@ -9,8 +9,11 @@
   import Popup from '../util/popup.svelte';
 
   /**
-   * @type {import('../../typedefs').ButtonProps & import('../../typedefs').CommonEventHandlers &
-   * Record<string, any>}
+   * @import { ButtonProps, CommonEventHandlers } from '../../typedefs';
+   */
+
+  /**
+   * @type {ButtonProps & CommonEventHandlers & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -8,4 +8,5 @@ type Button = {
  * @see https://w3c.github.io/aria/#button
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/button/
  */
-declare const Button: import("svelte").Component<import("../../typedefs").ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "element">;
+declare const Button: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & Record<string, any>, {}, "element">;
+import type { ButtonProps } from '../../typedefs';

package/dist/components/button/select-button-group.svelte

@@ -7,20 +7,24 @@
 <script>
   import { activateGroup } from '../../services/group.svelte';
 
+  /**
+   * @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 {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/button/select-button-group.svelte.d.ts

@@ -10,77 +10,78 @@ type SelectButtonGroup = {
  */
 declare const SelectButtonGroup: import("svelte").Component<{
     /**
-     * - 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>, {}, "">;
 type Props = {
     /**
-     * - 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/button/select-button.svelte

@@ -7,15 +7,18 @@
 <script>
   import Button from './button.svelte';
 
+  /**
+   * @import { ButtonProps, CommonEventHandlers } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {boolean} [selected] - Whether to select the widget. An alias of the `aria-checked`
+   * @property {boolean} [selected] Whether to select the widget. An alias of the `aria-checked`
    * attribute. Because the UI is a button, we expose `selected` instead of `checked`.
    */
 
   /**
-   * @type {import('../../typedefs').ButtonProps & import('../../typedefs').CommonEventHandlers &
-   * Props & Record<string, any>}
+   * @type {ButtonProps & CommonEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -8,17 +8,18 @@ type SelectButton = {
  * @see https://w3c.github.io/aria/#radio
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/radio/
  */
-declare const SelectButton: import("svelte").Component<import("../../typedefs").ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
+declare const SelectButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
     /**
-     * - Whether to select the widget. An alias of the `aria-checked`
+     * Whether to select the widget. An alias of the `aria-checked`
      * attribute. Because the UI is a button, we expose `selected` instead of `checked`.
      */
     selected?: boolean | undefined;
 } & Record<string, any>, {}, "selected">;
 type Props = {
     /**
-     * - Whether to select the widget. An alias of the `aria-checked`
+     * Whether to select the widget. An alias of the `aria-checked`
      * attribute. Because the UI is a button, we expose `selected` instead of `checked`.
      */
     selected?: boolean | undefined;
 };
+import type { ButtonProps } from '../../typedefs';

package/dist/components/button/split-button.svelte

@@ -11,18 +11,21 @@
   import MenuButton from '../menu/menu-button.svelte';
   import Button from './button.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { ButtonProps, CommonEventHandlers, PopupPosition } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {import('../../typedefs').PopupPosition} [popupPosition] - Where to show the dropdown
-   * menu.
-   * @property {boolean} [showPopupBackdrop] - Whether to show the backdrop for the popup.
-   * @property {import('svelte').Snippet} [chevronIcon] - Chevron slot content.
-   * @property {import('svelte').Snippet} [popup] - Popup slot content.
+   * @property {PopupPosition} [popupPosition] Where to show the dropdown menu.
+   * @property {boolean} [showPopupBackdrop] Whether to show the backdrop for the popup.
+   * @property {Snippet} [chevronIcon] Chevron slot content.
+   * @property {Snippet} [popup] Popup slot content.
    */
 
   /**
-   * @type {import('../../typedefs').ButtonProps & import('../../typedefs').CommonEventHandlers &
-   * Props & Record<string, any>}
+   * @type {ButtonProps & CommonEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */

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

@@ -9,41 +9,42 @@ type SplitButton = {
  * Match Formatting and Keep Text Only options.
  * @see https://www.google.com/search?q=split+button&tbm=isch
  */
-declare const SplitButton: import("svelte").Component<import("../../typedefs").ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
+declare const SplitButton: import("svelte").Component<ButtonProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & {
     /**
-     * - Where to show the dropdown
-     * menu.
+     * Where to show the dropdown menu.
      */
-    popupPosition?: import("../../typedefs").PopupPosition | undefined;
+    popupPosition?: PopupPosition | undefined;
     /**
-     * - Whether to show the backdrop for the popup.
+     * Whether to show the backdrop for the popup.
      */
     showPopupBackdrop?: boolean | undefined;
     /**
-     * - Chevron slot content.
+     * Chevron slot content.
      */
-    chevronIcon?: import("svelte").Snippet<[]> | undefined;
+    chevronIcon?: Snippet<[]> | undefined;
     /**
-     * - Popup slot content.
+     * Popup slot content.
      */
-    popup?: import("svelte").Snippet<[]> | undefined;
+    popup?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - Where to show the dropdown
-     * menu.
+     * Where to show the dropdown menu.
      */
-    popupPosition?: import("../../typedefs").PopupPosition | undefined;
+    popupPosition?: PopupPosition | undefined;
     /**
-     * - Whether to show the backdrop for the popup.
+     * Whether to show the backdrop for the popup.
      */
     showPopupBackdrop?: boolean | undefined;
     /**
-     * - Chevron slot content.
+     * Chevron slot content.
      */
-    chevronIcon?: import("svelte").Snippet<[]> | undefined;
+    chevronIcon?: Snippet<[]> | undefined;
     /**
-     * - Popup slot content.
+     * Popup slot content.
      */
-    popup?: import("svelte").Snippet<[]> | undefined;
+    popup?: Snippet<[]> | undefined;
 };
+import type { ButtonProps } from '../../typedefs';
+import type { PopupPosition } from '../../typedefs';
+import type { Snippet } from 'svelte';

package/dist/components/calendar/calendar.svelte

@@ -11,7 +11,7 @@
 
   /**
    * @typedef {object} Props
-   * @property {string} [value] - Date.
+   * @property {string} [value] Date.
    */
 
   /**

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

@@ -6,13 +6,13 @@ type Calendar = {
 /** A calendar (date picker) widget. */
 declare const Calendar: import("svelte").Component<{
     /**
-     * - Date.
+     * Date.
      */
     value?: string | undefined;
 } & Record<string, any>, {}, "value">;
 type Props = {
     /**
-     * - Date.
+     * Date.
      */
     value?: string | undefined;
 };

package/dist/components/checkbox/checkbox-group.svelte

@@ -3,15 +3,19 @@
   The layout container of `<Checkbox>`es.
 -->
 <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. An alias of the `aria-hidden`
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {boolean} [hidden] Whether to hide the widget. An alias of the `aria-hidden`
    * attribute.
-   * @property {boolean} [disabled] - Whether to disable the widget. An alias of the `aria-disabled`
+   * @property {boolean} [disabled] Whether to disable the widget. An alias of the `aria-disabled`
    * attribute.
-   * @property {'horizontal'|'vertical'} [orientation] - Orientation of the widget.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {'horizontal'|'vertical'} [orientation] Orientation of the widget.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**

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

@@ -6,49 +6,50 @@ type CheckboxGroup = {
 /** The layout container of `<Checkbox>`es. */
 declare const CheckboxGroup: import("svelte").Component<{
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to hide the widget. An alias of the `aria-hidden`
+     * Whether to hide the widget. An alias of the `aria-hidden`
      * attribute.
      */
     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;
     /**
-     * - Orientation of the widget.
+     * Orientation of the widget.
      */
     orientation?: "vertical" | "horizontal" | 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;
     /**
-     * - Whether to hide the widget. An alias of the `aria-hidden`
+     * Whether to hide the widget. An alias of the `aria-hidden`
      * attribute.
      */
     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;
     /**
-     * - Orientation of the widget.
+     * Orientation of the widget.
      */
     orientation?: "vertical" | "horizontal" | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/checkbox/checkbox.svelte

@@ -9,23 +9,27 @@
   import Button from '../button/button.svelte';
   import Icon from '../icon/icon.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   * @import { ButtonProps, CommonEventHandlers } from '../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {boolean} [required] - Whether to mark the widget required. An alias of the
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @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 {boolean | 'mixed'} [checked] - Whether to check the widget. An alias of the
+   * @property {boolean | 'mixed'} [checked] Whether to check the widget. An alias of the
    * `aria-checked` attribute.
-   * @property {string} [label] - Text label displayed next to the checkbox.
-   * @property {string} [aria-label] - `aria-label` attribute.
-   * @property {import('svelte').Snippet} [checkIcon] - Check icon slot content.
+   * @property {string} [label] Text label displayed next to the checkbox.
+   * @property {string} [aria-label] `aria-label` attribute.
+   * @property {Snippet} [checkIcon] Check icon slot content.
    */
 
   /**
-   * @type {import('../../typedefs').ButtonProps & import('../../typedefs').CommonEventHandlers &
-   * Props & Record<string, any>}
+   * @type {ButtonProps & CommonEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */