@sveltia/ui 0.25.7 → 0.25.8

package/dist/components/text-editor/toolbar/code-language-switcher.svelte.d.ts

@@ -5,13 +5,13 @@ type CodeLanguageSwitcher = {
 };
 declare const CodeLanguageSwitcher: import("svelte").Component<{
     /**
-     * - Whether to disable the switcher.
+     * Whether to disable the switcher.
      */
     disabled?: boolean | undefined;
 }, {}, "">;
 type Props = {
     /**
-     * - Whether to disable the switcher.
+     * Whether to disable the switcher.
      */
     disabled?: boolean | undefined;
 };

package/dist/components/text-editor/toolbar/format-text-button.svelte

@@ -7,9 +7,13 @@
   import Icon from '../../icon/icon.svelte';
   import { focusEditor } from '../core';
 
+  /**
+   * @import { TextEditorFormatType, TextEditorStore } from '../../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {import('../../../typedefs').TextEditorFormatType} type - Button type.
+   * @property {TextEditorFormatType} type Button type.
    */
 
   /**
@@ -21,7 +25,7 @@
     /* eslint-enable prefer-const */
   } = $props();
 
-  /** @type {import('../../../typedefs').TextEditorStore} */
+  /** @type {TextEditorStore} */
   const editorStore = getContext('editorStore');
   const selectionTypeMatches = $derived(editorStore.selection.inlineTypes.includes(type));
 </script>

package/dist/components/text-editor/toolbar/format-text-button.svelte.d.ts

@@ -5,13 +5,14 @@ type FormatTextButton = {
 };
 declare const FormatTextButton: import("svelte").Component<{
     /**
-     * - Button type.
+     * Button type.
      */
-    type: import("../../../typedefs").TextEditorFormatType;
+    type: TextEditorFormatType;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - Button type.
+     * Button type.
      */
-    type: import("../../../typedefs").TextEditorFormatType;
+    type: TextEditorFormatType;
 };
+import type { TextEditorFormatType } from '../../../typedefs';

package/dist/components/text-editor/toolbar/insert-image-button.svelte

@@ -7,9 +7,13 @@
   import Button from '../../button/button.svelte';
   import Icon from '../../icon/icon.svelte';
 
+  /**
+   * @import { TextEditorComponent, TextEditorStore } from '../../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {import('../../../typedefs').TextEditorComponent} component - Image editor component.
+   * @property {TextEditorComponent} component Image editor component.
    */
 
   /** @type {Props} */
@@ -19,7 +23,7 @@
     /* eslint-enable prefer-const */
   } = $props();
 
-  /** @type {import('../../../typedefs').TextEditorStore} */
+  /** @type {TextEditorStore} */
   const editorStore = getContext('editorStore');
 </script>
 

package/dist/components/text-editor/toolbar/insert-image-button.svelte.d.ts

@@ -5,13 +5,14 @@ type InsertImageButton = {
 };
 declare const InsertImageButton: import("svelte").Component<{
     /**
-     * - Image editor component.
+     * Image editor component.
      */
-    component: import("../../../typedefs").TextEditorComponent;
+    component: TextEditorComponent;
 }, {}, "">;
 type Props = {
     /**
-     * - Image editor component.
+     * Image editor component.
      */
-    component: import("../../../typedefs").TextEditorComponent;
+    component: TextEditorComponent;
 };
+import type { TextEditorComponent } from '../../../typedefs';

package/dist/components/text-editor/toolbar/insert-link-button.svelte

@@ -23,6 +23,11 @@
   import TextInput from '../../text-field/text-input.svelte';
   import { focusEditor } from '../core';
 
+  /**
+   * @import { TextEditorStore } from '../../../typedefs';
+   * @import { RangeSelection } from 'lexical';
+   */
+
   const id = $props.id();
 
   /**
@@ -30,7 +35,7 @@
    */
   const type = 'link';
 
-  /** @type {import('../../../typedefs').TextEditorStore} */
+  /** @type {TextEditorStore} */
   const editorStore = getContext('editorStore');
   const selectionTypeMatches = $derived(editorStore.selection.inlineTypes.includes(type));
 
@@ -103,7 +108,7 @@
 
   /**
    * Handle `keydown` event fired on the input fields on the dialog.
-   * @param {KeyboardEvent} event - `keydown` event.
+   * @param {KeyboardEvent} event `keydown` event.
    */
   const onInputKeyDown = (event) => {
     if (matchShortcuts(event, 'Enter') && anchorURL) {
@@ -113,7 +118,7 @@
 
   /**
    * Handle `close` event fired on the dialog. Insert a link with the given URL and optionally text.
-   * @param {CustomEvent} event - `close` event.
+   * @param {CustomEvent} event `close` event.
    * @see https://github.com/facebook/lexical/discussions/3013
    */
   const onDialogClose = async (event) => {
@@ -134,7 +139,7 @@
             anchorText = anchorText.trim();
             anchorText ||= anchorURL;
 
-            const { anchor, focus } = /** @type {import('lexical').RangeSelection} */ (_selection);
+            const { anchor, focus } = /** @type {RangeSelection} */ (_selection);
             const node = createTextNode(anchorText);
             const key = node.getKey();
 

package/dist/components/text-editor/toolbar/insert-menu-button.svelte

@@ -7,9 +7,13 @@
   import MenuItem from '../../menu/menu-item.svelte';
   import Menu from '../../menu/menu.svelte';
 
+  /**
+   * @import { TextEditorComponent, TextEditorStore } from '../../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {import('../../../typedefs').TextEditorComponent[]} components - Editor components.
+   * @property {TextEditorComponent[]} components Editor components.
    */
 
   /** @type {Props} */
@@ -19,7 +23,7 @@
     /* eslint-enable prefer-const */
   } = $props();
 
-  /** @type {import('../../../typedefs').TextEditorStore} */
+  /** @type {TextEditorStore} */
   const editorStore = getContext('editorStore');
 </script>
 

package/dist/components/text-editor/toolbar/insert-menu-button.svelte.d.ts

@@ -5,13 +5,14 @@ type InsertMenuButton = {
 };
 declare const InsertMenuButton: import("svelte").Component<{
     /**
-     * - Editor components.
+     * Editor components.
      */
-    components: import("../../../typedefs").TextEditorComponent[];
+    components: TextEditorComponent[];
 }, {}, "">;
 type Props = {
     /**
-     * - Editor components.
+     * Editor components.
      */
-    components: import("../../../typedefs").TextEditorComponent[];
+    components: TextEditorComponent[];
 };
+import type { TextEditorComponent } from '../../../typedefs';

package/dist/components/text-editor/toolbar/text-editor-toolbar.svelte

@@ -18,12 +18,16 @@
   import ToggleBlockMenuItem from './toggle-block-menu-item.svelte';
   import ToolbarWrapper from './toolbar-wrapper.svelte';
 
+  /**
+   * @import { TextEditorBlockType, TextEditorInlineType, TextEditorStore } from '../../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {boolean} [hidden] - Whether to hide the widget.
-   * @property {boolean} [disabled] - Whether to disable the widget. An alias of the `aria-disabled`
+   * @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.
    */
 
@@ -37,7 +41,7 @@
     /* eslint-enable prefer-const */
   } = $props();
 
-  /** @type {import('../../../typedefs').TextEditorStore} */
+  /** @type {TextEditorStore} */
   const editorStore = getContext('editorStore');
   const imageComponent = $derived(editorStore.config.components.find(({ id }) => id === 'image'));
   const otherComponents = $derived(
@@ -46,7 +50,7 @@
 
   /**
    * Enabled block level buttons.
-   * @type {import('../../../typedefs').TextEditorBlockType[]}
+   * @type {TextEditorBlockType[]}
    */
   const blockLevelButtons = $derived(
     unique([
@@ -59,7 +63,7 @@
 
   /**
    * Enabled inline level buttons.
-   * @type {import('../../../typedefs').TextEditorInlineType[]}
+   * @type {TextEditorInlineType[]}
    */
   const inlineLevelButtons = $derived(
     unique([

package/dist/components/text-editor/toolbar/text-editor-toolbar.svelte.d.ts

@@ -5,32 +5,32 @@ type TextEditorToolbar = {
 };
 declare const TextEditorToolbar: import("svelte").Component<{
     /**
-     * - 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;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - 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;

package/dist/components/text-editor/toolbar/toggle-block-menu-item.svelte

@@ -17,9 +17,14 @@
   import MenuItemCheckbox from '../../menu/menu-item-checkbox.svelte';
   import { focusEditor } from '../core';
 
+  /**
+   * @import { TextEditorBlockType, TextEditorStore } from '../../../typedefs';
+   * @import { HeadingTagType } from '@lexical/rich-text';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {import('../../../typedefs').TextEditorBlockType} type - Button type.
+   * @property {TextEditorBlockType} type Button type.
    */
 
   /**
@@ -31,7 +36,7 @@
     /* eslint-enable prefer-const */
   } = $props();
 
-  /** @type {import('../../../typedefs').TextEditorStore} */
+  /** @type {TextEditorStore} */
   const editorStore = getContext('editorStore');
   const selectionTypeMatches = $derived(editorStore.selection.blockType === type);
 
@@ -50,9 +55,7 @@
     if (headingLevel) {
       editorStore.editor.update(() => {
         setBlocksType(getSelection(), () =>
-          createHeadingNode(
-            /** @type {import('@lexical/rich-text').HeadingTagType} */ (`h${headingLevel}`),
-          ),
+          createHeadingNode(/** @type {HeadingTagType} */ (`h${headingLevel}`)),
         );
       });
     }

package/dist/components/text-editor/toolbar/toggle-block-menu-item.svelte.d.ts

@@ -5,13 +5,14 @@ type ToggleBlockMenuItem = {
 };
 declare const ToggleBlockMenuItem: import("svelte").Component<{
     /**
-     * - Button type.
+     * Button type.
      */
-    type: import("../../../typedefs").TextEditorBlockType;
+    type: TextEditorBlockType;
 } & Record<string, any>, {}, "">;
 type Props = {
     /**
-     * - Button type.
+     * Button type.
      */
-    type: import("../../../typedefs").TextEditorBlockType;
+    type: TextEditorBlockType;
 };
+import type { TextEditorBlockType } from '../../../typedefs';

package/dist/components/text-editor/toolbar/toolbar-wrapper.svelte

@@ -1,13 +1,17 @@
 <script>
   import Toolbar from '../../toolbar/toolbar.svelte';
 
+  /**
+   * @import { Snippet } from 'svelte';
+   */
+
   /**
    * @typedef {object} Props
-   * @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 {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 {import('svelte').Snippet} [children] - Primary slot content.
+   * @property {Snippet} [children] Primary slot content.
    */
 
   /**

package/dist/components/text-editor/toolbar/toolbar-wrapper.svelte.d.ts

@@ -5,33 +5,34 @@ type ToolbarWrapper = {
 };
 declare const ToolbarWrapper: import("svelte").Component<{
     /**
-     * - 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;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "code" | "lang">;
 type Props = {
     /**
-     * - 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;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { Snippet } from 'svelte';

package/dist/components/text-editor/transformers/table.d.ts

@@ -1,4 +1,5 @@
 /**
- * @type {import('@lexical/markdown').ElementTransformer}
+ * @type {ElementTransformer}
  */
-export const TABLE: import("@lexical/markdown").ElementTransformer;
+export const TABLE: ElementTransformer;
+import type { ElementTransformer } from '@lexical/markdown';

package/dist/components/text-editor/transformers/table.js

@@ -23,6 +23,10 @@ import {
 } from '@lexical/table';
 import { $isParagraphNode as isParagraphNode, $isTextNode as isTextNode } from 'lexical';
 
+/**
+ * @import { ElementTransformer } from '@lexical/markdown';
+ */
+
 const TABLE_ROW_REG_EXP = /^(?:\|)(.+)(?:\|)\s?$/;
 const TABLE_ROW_DIVIDER_REG_EXP = /^(\| ?:?-*:? ?)+\|\s?$/;
 
@@ -68,7 +72,7 @@ const mapToTableCells = (textContent) => {
 };
 
 /**
- * @type {import('@lexical/markdown').ElementTransformer}
+ * @type {ElementTransformer}
  */
 export const TABLE = {
   dependencies: [TableNode, TableRowNode, TableCellNode],

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 */