@sveltia/ui 0.19.2 → 0.20.0

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

@@ -1,4 +1,8 @@
 export default Select;
+type Select = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<ComboboxProps & Record<string, any>>): void;
+};
 /**
  * A select-only variant of `<Combobox>`. The equivalent of the HTML `<select>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

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

@@ -1,4 +1,8 @@
 export default Slider;
+type Slider = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<input type="range">` element, but it comes with the multi-thumb
  * support.
@@ -80,3 +84,76 @@ declare const Slider: import("svelte").Component<{
         value?: number;
     }) => void) | undefined;
 } & Record<string, any>, {}, "value">;
+type Props = {
+    /**
+     * - Current value.
+     */
+    value?: number | undefined;
+    /**
+     * - Minimum allowed value. An alias of the `aria-valuemin` attribute.
+     */
+    min?: number | undefined;
+    /**
+     * - Maximum allowed value. An alias of the `aria-valuemax` attribute.
+     */
+    max?: number | undefined;
+    /**
+     * - `aria-label` on the slider.
+     */
+    sliderLabel?: string | undefined;
+    /**
+     * - Value list for a multi-thumb slider.
+     */
+    values?: [number, number] | undefined;
+    /**
+     * - `aria-label` on a multi-thumb slider.
+     */
+    sliderLabels?: [string, string] | undefined;
+    /**
+     * - Step option like `<input type="range">`.
+     */
+    step?: number | undefined;
+    /**
+     * - Visible labels on the slider.
+     */
+    optionLabels?: string[] | number[] | undefined;
+    /**
+     * - Make the text input container flexible.
+     */
+    flex?: boolean | undefined;
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Whether to hide the widget.
+     */
+    hidden?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-readonly` attribute.
+     */
+    readonly?: boolean | undefined;
+    /**
+     * - Whether to mark the widget invalid. An alias of the
+     * `aria-invalid` attribute.
+     */
+    invalid?: boolean | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+    /**
+     * - `change` event
+     * handler.
+     */
+    onChange?: ((detail: {
+        values?: number[];
+        value?: number;
+    }) => void) | undefined;
+};

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

@@ -1,4 +1,8 @@
 export default Switch;
+type Switch = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * A variant of `<Checkbox>`, looking like a switch that can be often seen on mobile apps.
  * @see https://w3c.github.io/aria/#switch
@@ -46,3 +50,45 @@ declare const Switch: import("svelte").Component<{
      */
     onChange?: ((event: CustomEvent) => void) | undefined;
 } & Record<string, any>, {}, "checked">;
+type Props = {
+    /**
+     * - Text label displayed next to the switch.
+     */
+    label?: string | undefined;
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Whether to hide the widget.
+     */
+    hidden?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-readonly` attribute.
+     */
+    readonly?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-invalid` attribute.
+     */
+    invalid?: boolean | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+    /**
+     * - Custom `Change` event handler.
+     */
+    onChange?: ((event: CustomEvent) => void) | undefined;
+};

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

@@ -1,4 +1,8 @@
 export default TableBody;
+type TableBody = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<tbody>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody
@@ -18,3 +22,17 @@ declare const TableBody: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Display label for the row group.
+     */
+    label?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

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

@@ -1,4 +1,8 @@
 export default TableCell;
+type TableCell = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<td>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td
@@ -14,3 +18,13 @@ declare const TableCell: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

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

@@ -1,4 +1,8 @@
 export default TableColHeader;
+type TableColHeader = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<th scope="col">` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th
@@ -14,3 +18,13 @@ declare const TableColHeader: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

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

@@ -1,4 +1,8 @@
 export default TableFoot;
+type TableFoot = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<tfoot>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot
@@ -14,3 +18,13 @@ declare const TableFoot: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/table/table-head.svelte.d.ts

@@ -1,4 +1,8 @@
 export default TableHead;
+type TableHead = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<thead>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead
@@ -14,3 +18,13 @@ declare const TableHead: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/table/table-row-header.svelte.d.ts

@@ -1,4 +1,8 @@
 export default TableRowHeader;
+type TableRowHeader = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<th scope="row">` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th
@@ -14,3 +18,13 @@ declare const TableRowHeader: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/table/table-row.svelte.d.ts

@@ -1,4 +1,8 @@
 export default TableRow;
+type TableRow = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<tr>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr
@@ -14,3 +18,13 @@ declare const TableRow: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/table/table.svelte.d.ts

@@ -1,4 +1,8 @@
 export default Table;
+type Table = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The equivalent of the HTML `<table>` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
@@ -14,3 +18,13 @@ declare const Table: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/tabs/tab-box.svelte.d.ts

@@ -1,4 +1,8 @@
 export default TabBox;
+type TabBox = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The container of `<TabList>` and `<TabPanels>`. The component name derives from XUL. This can be
  * omitted if not using vertical tabs.
@@ -18,3 +22,18 @@ declare const TabBox: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Orientation of the widget. This is
+     * typically contrary to `<TabList>`’s `orientation`.
+     */
+    orientation?: "vertical" | "horizontal" | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/tabs/tab-list.svelte.d.ts

@@ -1,4 +1,8 @@
 export default TabList;
+type TabList = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * A tab list widget.
  * @see https://w3c.github.io/aria/#tablist
@@ -36,3 +40,35 @@ declare const TabList: import("svelte").Component<{
      */
     onChange?: ((event: CustomEvent) => void) | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Whether to hide the widget.
+     */
+    hidden?: boolean | undefined;
+    /**
+     * - Whether to disable the widget. An alias of the `aria-disabled`
+     * attribute.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * - Orientation of the widget. An alias of
+     * the `aria-orientation` attribute.
+     */
+    orientation?: "vertical" | "horizontal" | undefined;
+    /**
+     * - The `data-name` attribute on the wrapper element.
+     */
+    name?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+    /**
+     * - Custom `Change` event handler.
+     */
+    onChange?: ((event: CustomEvent) => void) | undefined;
+};

package/package/components/tabs/tab-panel.svelte.d.ts

@@ -1,4 +1,8 @@
 export default TabPanel;
+type TabPanel = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * A tab content panel.
  * @see https://w3c.github.io/aria/#tabpanel
@@ -14,3 +18,13 @@ declare const TabPanel: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/tabs/tab-panels.svelte.d.ts

@@ -1,4 +1,8 @@
 export default TabPanels;
+type TabPanels = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /**
  * The container of `<TabPanel>`s. The component name derives from XUL. This can be omitted if the
  * child tab panels don’t need a sliding animation.
@@ -13,3 +17,13 @@ declare const TabPanels: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

package/package/components/tabs/tab.svelte.d.ts

@@ -1,4 +1,8 @@
 export default Tab;
+type Tab = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<ButtonProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & Props & Record<string, any>>): void;
+};
 /**
  * A tab widget.
  * @see https://w3c.github.io/aria/#tab
@@ -11,3 +15,10 @@ declare const Tab: import("svelte").Component<import("../../typedefs").ButtonPro
      */
     selected?: boolean | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - Whether to select the widget. An alias of the `aria-selected`
+     * attribute.
+     */
+    selected?: boolean | undefined;
+};

package/package/components/text-editor/core.js

@@ -138,7 +138,10 @@ const onEditorUpdate = (editor) => {
   editor.getRootElement()?.dispatchEvent(
     new CustomEvent('Update', {
       detail: {
-        value: convertToMarkdownString(TRANSFORMERS),
+        value: convertToMarkdownString(
+          // Use underscores for italic text in Markdown instead of asterisks
+          TRANSFORMERS.filter((/** @type {any} */ { tag }) => tag !== '*'),
+        ),
         selectionBlockType,
         selectionInlineTypes,
       },

package/package/components/text-editor/lexical-root.svelte.d.ts

@@ -1,4 +1,8 @@
 export default LexicalRoot;
+type LexicalRoot = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 declare const LexicalRoot: import("svelte").Component<{
     /**
      * - Input value.
@@ -37,3 +41,41 @@ declare const LexicalRoot: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "value">;
+type Props = {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Whether to hide the widget.
+     */
+    hidden?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-readonly` attribute.
+     */
+    readonly?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-invalid` attribute.
+     */
+    invalid?: boolean | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

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

@@ -1,4 +1,8 @@
 export default TextEditor;
+type TextEditor = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 /** A rich text editor based on Lexical. */
 declare const TextEditor: import("svelte").Component<{
     /**
@@ -50,3 +54,53 @@ declare const TextEditor: import("svelte").Component<{
      */
     children?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "value">;
+type Props = {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
+    /**
+     * - Make the text input container flexible.
+     */
+    flex?: boolean | undefined;
+    /**
+     * - Enabled modes.
+     */
+    modes?: import("../../typedefs").TextEditorMode[] | undefined;
+    /**
+     * - Enabled buttons.
+     */
+    buttons?: (import("../../typedefs").TextEditorBlockType | import("../../typedefs").TextEditorInlineType)[] | undefined;
+    /**
+     * - The `class` attribute on the wrapper element.
+     */
+    class?: string | undefined;
+    /**
+     * - Whether to hide the widget.
+     */
+    hidden?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-readonly` attribute.
+     */
+    readonly?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-invalid` attribute.
+     */
+    invalid?: boolean | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+};

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

@@ -1,4 +1,8 @@
 export default EditorToolbar;
+type EditorToolbar = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 declare const EditorToolbar: import("svelte").Component<{
     /**
      * - Whether to hide the widget.
@@ -15,3 +19,19 @@ declare const EditorToolbar: import("svelte").Component<{
      */
     readonly?: boolean | undefined;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - Whether to hide the widget.
+     */
+    hidden?: boolean | undefined;
+    /**
+     * - 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
+     * `aria-readonly` attribute.
+     */
+    readonly?: boolean | undefined;
+};

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

@@ -1,7 +1,17 @@
 export default FormatTextButton;
+type FormatTextButton = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props & Record<string, any>>): void;
+};
 declare const FormatTextButton: import("svelte").Component<{
     /**
      * - Button type.
      */
     type: import("../../../typedefs").TextEditorFormatType;
 } & Record<string, any>, {}, "">;
+type Props = {
+    /**
+     * - Button type.
+     */
+    type: import("../../../typedefs").TextEditorFormatType;
+};