@sveltia/ui 0.25.7 → 0.25.9

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

@@ -6,109 +6,114 @@ type TextEditor = {
 /** A rich text editor based on Lexical. */
 declare const TextEditor: import("svelte").Component<{
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Make the text input container flexible.
+     * Make the text input container flexible.
      */
     flex?: boolean | undefined;
     /**
-     * - Enabled modes.
+     * Enabled modes.
      */
-    modes?: import("../../typedefs").TextEditorMode[] | undefined;
+    modes?: TextEditorMode[] | undefined;
     /**
-     * - Enabled buttons.
+     * Enabled buttons.
      */
-    buttons?: (import("../../typedefs").TextEditorBlockType | import("../../typedefs").TextEditorInlineType)[] | undefined;
+    buttons?: (TextEditorBlockType | TextEditorInlineType)[] | undefined;
     /**
-     * - Editor components.
+     * Editor components.
      */
-    components?: import("../../typedefs").TextEditorComponent[] | undefined;
+    components?: TextEditorComponent[] | undefined;
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to hide the widget.
+     * Whether to hide the widget.
      */
     hidden?: boolean | undefined;
     /**
-     * - Whether to disable the widget. An alias of the `aria-disabled`
+     * Whether to disable the widget. An alias of the `aria-disabled`
      * attribute.
      */
     disabled?: boolean | undefined;
     /**
-     * - Whether to make the widget read-only. An alias of the
+     * Whether to make the widget read-only. An alias of the
      * `aria-readonly` attribute.
      */
     readonly?: boolean | undefined;
     /**
-     * - Whether to mark the widget required. An alias of the
+     * Whether to mark the widget required. An alias of the
      * `aria-required` attribute.
      */
     required?: boolean | undefined;
     /**
-     * - Whether to mark the widget invalid. An alias of the
+     * Whether to mark the widget invalid. An alias of the
      * `aria-invalid` attribute.
      */
     invalid?: boolean | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 } & Record<string, any>, {}, "value">;
 type Props = {
     /**
-     * - Input value.
+     * Input value.
      */
     value?: string | undefined;
     /**
-     * - Make the text input container flexible.
+     * Make the text input container flexible.
      */
     flex?: boolean | undefined;
     /**
-     * - Enabled modes.
+     * Enabled modes.
      */
-    modes?: import("../../typedefs").TextEditorMode[] | undefined;
+    modes?: TextEditorMode[] | undefined;
     /**
-     * - Enabled buttons.
+     * Enabled buttons.
      */
-    buttons?: (import("../../typedefs").TextEditorBlockType | import("../../typedefs").TextEditorInlineType)[] | undefined;
+    buttons?: (TextEditorBlockType | TextEditorInlineType)[] | undefined;
     /**
-     * - Editor components.
+     * Editor components.
      */
-    components?: import("../../typedefs").TextEditorComponent[] | undefined;
+    components?: TextEditorComponent[] | undefined;
     /**
-     * - The `class` attribute on the wrapper element.
+     * The `class` attribute on the wrapper element.
      */
     class?: string | undefined;
     /**
-     * - Whether to hide the widget.
+     * Whether to hide the widget.
      */
     hidden?: boolean | undefined;
     /**
-     * - Whether to disable the widget. An alias of the `aria-disabled`
+     * Whether to disable the widget. An alias of the `aria-disabled`
      * attribute.
      */
     disabled?: boolean | undefined;
     /**
-     * - Whether to make the widget read-only. An alias of the
+     * Whether to make the widget read-only. An alias of the
      * `aria-readonly` attribute.
      */
     readonly?: boolean | undefined;
     /**
-     * - Whether to mark the widget required. An alias of the
+     * Whether to mark the widget required. An alias of the
      * `aria-required` attribute.
      */
     required?: boolean | undefined;
     /**
-     * - Whether to mark the widget invalid. An alias of the
+     * Whether to mark the widget invalid. An alias of the
      * `aria-invalid` attribute.
      */
     invalid?: boolean | undefined;
     /**
-     * - Primary slot content.
+     * Primary slot content.
      */
-    children?: import("svelte").Snippet<[]> | undefined;
+    children?: Snippet<[]> | undefined;
 };
+import type { TextEditorMode } from '../../typedefs';
+import type { TextEditorBlockType } from '../../typedefs';
+import type { TextEditorInlineType } from '../../typedefs';
+import type { TextEditorComponent } from '../../typedefs';
+import type { Snippet } from 'svelte';

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

@@ -5,10 +5,10 @@
 
   /**
    * @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.
    */
 

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

@@ -5,32 +5,32 @@ type CodeEditorToolbar = {
 };
 declare const CodeEditorToolbar: 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/code-language-switcher.svelte

@@ -8,9 +8,13 @@
   import Select from '../../select/select.svelte';
   import { focusEditor, loadCodeHighlighter } from '../core';
 
+  /**
+   * @import { TextEditorStore } from '../../../typedefs';
+   */
+
   /**
    * @typedef {object} Props
-   * @property {boolean} [disabled] - Whether to disable the switcher.
+   * @property {boolean} [disabled] Whether to disable the switcher.
    */
 
   /** @type {Props} */
@@ -39,7 +43,7 @@
     .flat(1)
     .sort((a, b) => a.label.localeCompare(b.label));
 
-  /** @type {import('../../../typedefs').TextEditorStore} */
+  /** @type {TextEditorStore} */
   const editorStore = getContext('editorStore');
 
   let selectedLanguage = $state('');

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],