@sveltia/ui 0.25.7 → 0.25.9

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

@@ -8,105 +8,107 @@ type Drawer = {
  * @see https://w3c.github.io/aria/#dialog
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
  */
-declare const Drawer: import("svelte").Component<import("../../typedefs").ModalProps & {
+declare const Drawer: import("svelte").Component<ModalProps & {
     /**
-     * - The `class` attribute on the content element.
+     * The `class` attribute on the content element.
      */
     class?: string | undefined;
     /**
-     * - Whether to open the drawer.
+     * Whether to open the drawer.
      */
     open?: boolean | undefined;
     /**
-     * - Title text displayed on the header.
+     * Title text displayed on the header.
      */
     title?: string | undefined;
     /**
-     * - Position of the drawer.
+     * Position of the drawer.
      */
     position?: "top" | "left" | "right" | "bottom" | undefined;
     /**
-     * - Width or height of the
+     * Width or height of the
      * drawer.
      */
     size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
     /**
-     * - Whether to show the Close button.
+     * Whether to show the Close button.
      */
     showClose?: false | "inside" | "outside" | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
     /**
-     * - Header slot content.
+     * Header slot content.
      */
-    header?: import("svelte").Snippet<[]> | undefined;
+    header?: Snippet<[]> | undefined;
     /**
-     * - Header extra slot content.
+     * Header extra slot content.
      */
-    headerExtra?: import("svelte").Snippet<[]> | undefined;
+    headerExtra?: Snippet<[]> | undefined;
     /**
-     * - Footer slot content.
+     * Footer slot content.
      */
-    footer?: import("svelte").Snippet<[]> | undefined;
+    footer?: Snippet<[]> | undefined;
     /**
-     * - Close icon slot content.
+     * Close icon slot content.
      */
-    closeIcon?: import("svelte").Snippet<[]> | undefined;
+    closeIcon?: Snippet<[]> | undefined;
     /**
-     * - Extra content slot content.
+     * Extra content slot content.
      */
-    extraContent?: import("svelte").Snippet<[]> | undefined;
+    extraContent?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "open">;
 type Props = {
     /**
-     * - The `class` attribute on the content element.
+     * The `class` attribute on the content element.
      */
     class?: string | undefined;
     /**
-     * - Whether to open the drawer.
+     * Whether to open the drawer.
      */
     open?: boolean | undefined;
     /**
-     * - Title text displayed on the header.
+     * Title text displayed on the header.
      */
     title?: string | undefined;
     /**
-     * - Position of the drawer.
+     * Position of the drawer.
      */
     position?: "top" | "left" | "right" | "bottom" | undefined;
     /**
-     * - Width or height of the
+     * Width or height of the
      * drawer.
      */
     size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
     /**
-     * - Whether to show the Close button.
+     * Whether to show the Close button.
      */
     showClose?: false | "inside" | "outside" | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
     /**
-     * - Header slot content.
+     * Header slot content.
      */
-    header?: import("svelte").Snippet<[]> | undefined;
+    header?: Snippet<[]> | undefined;
     /**
-     * - Header extra slot content.
+     * Header extra slot content.
      */
-    headerExtra?: import("svelte").Snippet<[]> | undefined;
+    headerExtra?: Snippet<[]> | undefined;
     /**
-     * - Footer slot content.
+     * Footer slot content.
      */
-    footer?: import("svelte").Snippet<[]> | undefined;
+    footer?: Snippet<[]> | undefined;
     /**
-     * - Close icon slot content.
+     * Close icon slot content.
      */
-    closeIcon?: import("svelte").Snippet<[]> | undefined;
+    closeIcon?: Snippet<[]> | undefined;
     /**
-     * - Extra content slot content.
+     * Extra content slot content.
      */
-    extraContent?: import("svelte").Snippet<[]> | undefined;
+    extraContent?: Snippet<[]> | undefined;
 };
+import type { ModalProps } from '../../typedefs';
+import type { Snippet } from 'svelte';

package/dist/components/grid/grid-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/grid/grid-body.svelte.d.ts

@@ -10,29 +10,30 @@ type GridBody = {
  */
 declare const GridBody: 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/grid/grid-cell.svelte

@@ -5,10 +5,14 @@
   @see https://w3c.github.io/aria/#gridcell
 -->
 <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/grid/grid-cell.svelte.d.ts

@@ -10,21 +10,22 @@ type GridCell = {
  */
 declare const GridCell: 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/grid/grid-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/grid/grid-col-header.svelte.d.ts

@@ -10,21 +10,22 @@ type GridColHeader = {
  */
 declare const GridColHeader: 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/grid/grid-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/grid/grid-foot.svelte.d.ts

@@ -10,21 +10,22 @@ type GridFoot = {
  */
 declare const GridFoot: 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/grid/grid-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.
    */
 
   /**

package/dist/components/grid/grid-head.svelte.d.ts

@@ -10,21 +10,22 @@ type GridHead = {
  */
 declare const GridHead: 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/grid/grid-row-header.svelte

@@ -5,10 +5,14 @@
   @see https://w3c.github.io/aria/#rowheader
 -->
 <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/grid/grid-row-header.svelte.d.ts

@@ -10,21 +10,22 @@ type GridRowHeader = {
  */
 declare const GridRowHeader: 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/grid/grid-row.svelte

@@ -5,14 +5,18 @@
   @see https://w3c.github.io/aria/#row
 -->
 <script>
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the wrapper element.
-   * @property {boolean} [selected] - Whether to select the widget. An alias of the `aria-selected`
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {boolean} [selected] Whether to select the widget. An alias of the `aria-selected`
    * attribute.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
-   * @property {(event: CustomEvent) => void} [onChange] - Custom `Change` event handler.
-   * @property {(event: CustomEvent) => void} [onSelect] - Custom `Select` event handler.
+   * @property {Snippet} [children] Primary slot content.
+   * @property {(event: CustomEvent) => void} [onChange] Custom `Change` event handler.
+   * @property {(event: CustomEvent) => void} [onSelect] Custom `Select` event handler.
    */
 
   /**

package/dist/components/grid/grid-row.svelte.d.ts

@@ -10,47 +10,48 @@ type GridRow = {
  */
 declare const GridRow: import("svelte").Component<{
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to select the widget. An alias of the `aria-selected`
+     * Whether to select the widget. An alias of the `aria-selected`
      * attribute.
      */
     selected?: 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;
     /**
-     * - Custom `Select` event handler.
+     * Custom `Select` event handler.
      */
     onSelect?: ((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 select the widget. An alias of the `aria-selected`
+     * Whether to select the widget. An alias of the `aria-selected`
      * attribute.
      */
     selected?: 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;
     /**
-     * - Custom `Select` event handler.
+     * Custom `Select` event handler.
      */
     onSelect?: ((event: CustomEvent) => void) | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/grid/grid.svelte

@@ -7,15 +7,19 @@
 <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} [selected] - Whether to allow selecting more than one `<GridRow>` and/or
+   * @property {string} [class] The `class` attribute on the wrapper element.
+   * @property {boolean} [selected] Whether to allow selecting more than one `<GridRow>` and/or
    * `<GridCell>`. An alias of the `aria-multiselectable` attribute.
-   * @property {boolean} [clickToSelect] - Whether to select a row by clicking on it.
-   * @property {HTMLElement} [element] - A reference to the wrapper element.
-   * @property {import('svelte').Snippet} [children] - Primary slot content.
-   * @property {(event: CustomEvent) => void} [onChange] - Custom `Change` event handler.
+   * @property {boolean} [clickToSelect] Whether to select a row by clicking on it.
+   * @property {HTMLElement} [element] A reference to the wrapper element.
+   * @property {Snippet} [children] Primary slot content.
+   * @property {(event: CustomEvent) => void} [onChange] Custom `Change` event handler.
    */
 
   /**

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

@@ -10,55 +10,56 @@ type Grid = {
  */
 declare const Grid: import("svelte").Component<{
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to allow selecting more than one `<GridRow>` and/or
+     * Whether to allow selecting more than one `<GridRow>` and/or
      * `<GridCell>`. An alias of the `aria-multiselectable` attribute.
      */
     selected?: boolean | undefined;
     /**
-     * - Whether to select a row by clicking on it.
+     * Whether to select a row by clicking on it.
      */
     clickToSelect?: boolean | undefined;
     /**
-     * - A reference to the wrapper element.
+     * A reference to the wrapper element.
      */
     element?: HTMLElement | 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>, {}, "element">;
 type Props = {
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to allow selecting more than one `<GridRow>` and/or
+     * Whether to allow selecting more than one `<GridRow>` and/or
      * `<GridCell>`. An alias of the `aria-multiselectable` attribute.
      */
     selected?: boolean | undefined;
     /**
-     * - Whether to select a row by clicking on it.
+     * Whether to select a row by clicking on it.
      */
     clickToSelect?: boolean | undefined;
     /**
-     * - A reference to the wrapper element.
+     * A reference to the wrapper element.
      */
     element?: HTMLElement | 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/icon/icon.svelte

@@ -6,8 +6,8 @@
 <script>
   /**
    * @typedef {object} Props
-   * @property {string} [class] - The `class` attribute on the `span` element.
-   * @property {string} [name] - Icon name, e.g. `search`, `expand_more`, `close`, etc.
+   * @property {string} [class] The `class` attribute on the `span` element.
+   * @property {string} [name] Icon name, e.g. `search`, `expand_more`, `close`, etc.
    */
 
   /**

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

@@ -9,21 +9,21 @@ type Icon = {
  */
 declare const Icon: import("svelte").Component<{
     /**
-     * - The `class` attribute on the `span` element.
+     * The `class` attribute on the `span` element.
      */
     class?: string | undefined;
     /**
-     * - Icon name, e.g. `search`, `expand_more`, `close`, etc.
+     * Icon name, e.g. `search`, `expand_more`, `close`, etc.
      */
     name?: string | undefined;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - The `class` attribute on the `span` element.
+     * The `class` attribute on the `span` element.
      */
     class?: string | undefined;
     /**
-     * - Icon name, e.g. `search`, `expand_more`, `close`, etc.
+     * Icon name, e.g. `search`, `expand_more`, `close`, etc.
      */
     name?: string | undefined;
 };