@sveltia/ui 0.20.2 → 0.22.0

package/{package → dist}/components/text-field/number-input.svelte.d.ts

@@ -9,6 +9,10 @@ type NumberInput = {
  * @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 & {
+    /**
+     * - Input value.
+     */
+    value?: number | undefined;
     /**
      * - Minimum allowed value.
      */
@@ -32,6 +36,10 @@ declare const NumberInput: import("svelte").Component<import("../../typedefs").T
     decreaseIcon?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "invalid" | "value">;
 type Props = {
+    /**
+     * - Input value.
+     */
+    value?: number | undefined;
     /**
      * - Minimum allowed value.
      */

package/{package → dist}/components/text-field/password-input.svelte

@@ -14,6 +14,7 @@
 
   /**
    * @typedef {object} Props
+   * @property {string} [value] - Input value.
    * @property {import('svelte').Snippet} [visibilityIcon] - Visibility icon slot content.
    */
 

package/{package → dist}/components/text-field/password-input.svelte.d.ts

@@ -10,12 +10,20 @@ type PasswordInput = {
  * @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 & {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
     /**
      * - Visibility icon slot content.
      */
     visibilityIcon?: import("svelte").Snippet<[]> | undefined;
 } & Record<string, any>, {}, "value">;
 type Props = {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
     /**
      * - Visibility icon slot content.
      */

package/{package → dist}/components/text-field/search-bar.svelte

@@ -15,6 +15,7 @@
 
   /**
    * @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.
    */

package/{package → dist}/components/text-field/search-bar.svelte.d.ts

@@ -12,6 +12,10 @@ type SearchBar = {
  * @see https://w3c.github.io/aria/#search
  */
 declare const SearchBar: import("svelte").Component<import("../../typedefs").TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
     /**
      * - Search icon slot content.
      */
@@ -24,6 +28,10 @@ declare const SearchBar: import("svelte").Component<import("../../typedefs").Tex
     focus: () => void;
 }, "value">;
 type Props = {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
     /**
      * - Search icon slot content.
      */

package/{package → dist}/components/text-field/text-area.svelte

@@ -8,9 +8,9 @@
 <script>
   /**
    * @typedef {object} Props
-   * @property {string | undefined} [value] - Input value.
+   * @property {string} [value] - Input value.
    * @property {boolean} [flex] - Make the text input container flexible.
-   * @property {string | undefined} [name] - The `name` attribute on the `<textarea>` element.
+   * @property {string} [name] - The `name` attribute on the `<textarea>` element.
    * @property {boolean} [autoResize] - Whether to automatically resize the `<textarea>` based on
    * the content.
    * @property {string} [class] - The `class` attribute on the wrapper element.
@@ -71,7 +71,7 @@
     class:auto-resize={autoResize}
   ></textarea>
   {#if autoResize}
-    <div class="clone" aria-hidden="true">{value ?? ''}</div>
+    <div class="clone" aria-hidden="true">{value}</div>
   {/if}
 </div>
 
@@ -138,7 +138,7 @@ textarea.auto-resize {
   resize: none;
 }
 textarea[aria-invalid=true] {
-  border-color: var(--sui-error-foreground-color);
+  border-color: var(--sui-error-border-color);
 }
 
 .clone {

package/{package → dist}/components/text-field/text-input.svelte

@@ -8,9 +8,14 @@
   import { generateElementId } from '@sveltia/utils/element';
   import { activateKeyShortcuts } from '../../services/events.svelte';
 
+  /**
+   * @typedef {object} Props
+   * @property {string} [value] - Input value.
+   */
+
   /**
    * @type {import('../../typedefs').TextInputProps & import('../../typedefs').CommonEventHandlers &
-   * import('../../typedefs').InputEventHandlers & Record<string, any>}
+   * import('../../typedefs').InputEventHandlers & Props & Record<string, any>}
    */
   let {
     /* eslint-disable prefer-const */
@@ -125,7 +130,7 @@ input:disabled, input:read-only {
   background-color: var(--sui-disabled-background-color);
 }
 input[aria-invalid=true] {
-  border-color: var(--sui-error-foreground-color);
+  border-color: var(--sui-error-border-color);
 }
 input ~ :global(button) {
   flex: none;

package/{package → dist}/components/text-field/text-input.svelte.d.ts

@@ -1,11 +1,22 @@
 export default TextInput;
 type TextInput = {
     $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Record<string, any>>): void;
+    $set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
 };
 /**
  * A generic, single-line text field. The equivalent of the HTML `<input type="text">` element.
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
  * @see https://w3c.github.io/aria/#textbox
  */
-declare const TextInput: import("svelte").Component<import("../../typedefs").TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & Record<string, any>, {}, "value" | "element">;
+declare const TextInput: import("svelte").Component<import("../../typedefs").TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & import("../../typedefs").InputEventHandlers & {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
+} & Record<string, any>, {}, "value" | "element">;
+type Props = {
+    /**
+     * - Input value.
+     */
+    value?: string | undefined;
+};

package/{package → dist}/components/toast/toast.svelte

@@ -9,7 +9,7 @@
 
   /**
    * @typedef {object} Props
-   * @property {string | number | undefined} [id] - The toast ID. If updated, the timer that hides
+   * @property {string | number} [id] - The toast ID. If updated, the timer that hides
    * the toast will be reset, meaning the same toast can be displayed for a longer period of time.
    * @property {boolean} [show] - Whether to show the toast.
    * @property {number} [duration] - Duration to automatically hide the toast. Use `0` to hide it

package/{package → dist}/components/toolbar/toolbar.svelte

@@ -13,7 +13,7 @@
    * attribute.
    * @property {'horizontal' | 'vertical'} [orientation] - Orientation of the widget. An alias of
    * the `aria-orientation` attribute.
-   * @property {'primary' | 'secondary' | undefined} [variant] - The style variant of the toolbar.
+   * @property {'primary' | 'secondary'} [variant] - The style variant of the toolbar.
    * @property {import('svelte').Snippet} [children] - Primary slot content.
    */
 
@@ -36,7 +36,7 @@
 <div
   {...restProps}
   role="toolbar"
-  class="sui toolbar {orientation} {variant ?? ''} {className}"
+  class="sui toolbar {orientation} {variant} {className}"
   {hidden}
   aria-hidden={hidden}
   aria-disabled={disabled}

package/{package → dist}/components/util/app-shell.svelte

@@ -9,7 +9,7 @@
 
   /**
    * @typedef {object} Props
-   * @property {'horizontal' | 'vertical' | undefined} [orientation] - Orientation of the app
+   * @property {'horizontal' | 'vertical'} [orientation] - Orientation of the app
    * shell’s children..
    * @property {import('svelte').Snippet} [children] - Primary slot content.
    */
@@ -82,7 +82,7 @@
 <div
   {...restProps}
   role="none"
-  class="sui app-shell {orientation ?? ''}"
+  class="sui app-shell {orientation}"
   ondragover={(event) => event.preventDefault()}
   ondrop={(event) => event.preventDefault()}
   oncontextmenu={(event) => {
@@ -339,8 +339,8 @@
   --sui-alert-foreground-color-lightness: 75%;
   --sui-alert-background-color-saturation: 40%;
   --sui-alert-background-color-lightness: 10%;
-  --sui-alert-border-color-saturation: 38%;
-  --sui-alert-border-color-lightness: 18%;
+  --sui-alert-border-color-saturation: 48%;
+  --sui-alert-border-color-lightness: 38%;
 }
 @media (prefers-color-scheme: light) {
   :global(:root:not([data-theme])),
@@ -410,8 +410,8 @@
     --sui-alert-foreground-color-lightness: 75%;
     --sui-alert-background-color-saturation: 40%;
     --sui-alert-background-color-lightness: 10%;
-    --sui-alert-border-color-saturation: 38%;
-    --sui-alert-border-color-lightness: 18%;
+    --sui-alert-border-color-saturation: 48%;
+    --sui-alert-border-color-lightness: 38%;
   }
 }
 

package/{package → dist}/components/util/app-shell.svelte.d.ts

@@ -13,7 +13,7 @@ declare const AppShell: import("svelte").Component<{
      * - Orientation of the app
      * shell’s children..
      */
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
     /**
      * - Primary slot content.
      */
@@ -24,7 +24,7 @@ type Props = {
      * - Orientation of the app
      * shell’s children..
      */
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
     /**
      * - Primary slot content.
      */

package/{package → dist}/components/util/popup.svelte

@@ -15,9 +15,9 @@
    * @property {boolean} [open] - Whether to open the popup.
    * @property {HTMLElement} [anchor] - A reference to the anchor element that opens the popup.
    * Typically a `<button>`.
-   * @property {HTMLElement | undefined} [content] - A reference to the content element.
+   * @property {HTMLElement} [content] - A reference to the content element.
    * @property {import('../../typedefs').PopupPosition} [position] - Where to show the popup.
-   * @property {HTMLElement | undefined} [positionBaseElement] - The base element of
+   * @property {HTMLElement} [positionBaseElement] - The base element of
    * {@link position}. If omitted, this will be {@link anchor}.
    * @property {boolean} [touchOptimized] - Whether to show the popup at the center of the screen on
    * mobile/tablet and ignore the defined dropdown `position`.

package/{package → dist}/locales/en.d.ts

@@ -49,6 +49,7 @@ export namespace strings {
         export let bulleted_list: string;
         export let numbered_list: string;
         export let blockquote: string;
+        export let code_block: string;
         export let bold: string;
         export let italic: string;
         export let code: string;

package/{package → dist}/locales/en.js

@@ -48,6 +48,7 @@ export const strings = {
     bulleted_list: 'Bulleted List',
     numbered_list: 'Numbered List',
     blockquote: 'Block Quote',
+    code_block: 'Code Block',
     bold: 'Bold',
     italic: 'Italic',
     code: 'Code',

package/{package → dist}/locales/ja.d.ts

@@ -49,6 +49,7 @@ export namespace strings {
         export let bulleted_list: string;
         export let numbered_list: string;
         export let blockquote: string;
+        export let code_block: string;
         export let bold: string;
         export let italic: string;
         export let code: string;

package/{package → dist}/locales/ja.js

@@ -48,6 +48,7 @@ export const strings = {
     bulleted_list: '番号なしリスト',
     numbered_list: '番号付きリスト',
     blockquote: 'ブロック引用',
+    code_block: 'コードブロック',
     bold: '太字',
     italic: '斜体',
     code: 'コード',

package/{package → dist}/styles/variables.scss

@@ -66,8 +66,8 @@
   --sui-alert-foreground-color-lightness: 75%;
   --sui-alert-background-color-saturation: 40%;
   --sui-alert-background-color-lightness: 10%;
-  --sui-alert-border-color-saturation: 38%;
-  --sui-alert-border-color-lightness: 18%;
+  --sui-alert-border-color-saturation: 48%;
+  --sui-alert-border-color-lightness: 38%;
 }
 
 :global {

package/{package → dist}/typedefs.d.ts

@@ -382,10 +382,6 @@ export type ComboboxProps = {
     onChange?: ((event: CustomEvent) => void) | undefined;
 };
 export type TextInputProps = {
-    /**
-     * - Input value.
-     */
-    value?: string | undefined;
     /**
      * - Reference to the `<input>` element.
      */
@@ -545,10 +541,37 @@ export type InputEventHandlers = {
 };
 export type PopupPosition = ("top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom");
 export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
-export type TextEditorBlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "bulleted-list" | "numbered-list" | "blockquote";
+export type TextEditorBlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "bulleted-list" | "numbered-list" | "blockquote" | "code-block";
 export type TextEditorFormatType = "bold" | "italic" | "code";
 export type TextEditorInlineType = TextEditorFormatType | "link";
 export type TextEditorMode = "rich-text" | "plain-text";
+export type TextEditorComponent = {
+    /**
+     * - Component ID.
+     */
+    id: string;
+    /**
+     * - Component label.
+     */
+    label: string;
+    /**
+     * - Material Symbols icon name.
+     */
+    icon?: string | undefined;
+    /**
+     * - Lexical node class implementation.
+     */
+    node: import("lexical").LexicalNode;
+    /**
+     * - Function
+     * to create a new node instance.
+     */
+    createNode: (props?: Record<string, any>) => import("lexical").LexicalNode;
+    /**
+     * - Node transformer.
+     */
+    transformer: import("@lexical/markdown").Transformer;
+};
 export type TextEditorState = {
     /**
      * - Lexical
@@ -588,6 +611,10 @@ export type TextEditorState = {
      * the editor.
      */
     enabledButtons: (TextEditorBlockType | TextEditorInlineType)[];
+    /**
+     * - Editor components.
+     */
+    components: TextEditorComponent[];
     /**
      * - Function to trigger the Lexical converter.
      */

package/{package → dist}/typedefs.js

@@ -1,12 +1,12 @@
 /**
  * @typedef {object} ButtonProps
- * @property {HTMLButtonElement | undefined} [element] - Reference to the `<button>` element.
+ * @property {HTMLButtonElement} [element] - Reference to the `<button>` element.
  * @property {string} [class] - The `class` attribute on the `<button>` element.
  * @property {'button' | 'submit' | 'reset'} [type] - The `type` attribute on the `<button>`
  * element.
  * @property {string} [role] - The `role` attribute on the `<button>` element.
- * @property {string | undefined} [name] - The `name` attribute on the `<button>` element.
- * @property {string | undefined} [value] - The `value` attribute on the `<button>` element.
+ * @property {string} [name] - The `name` attribute on the `<button>` element.
+ * @property {string} [value] - The `value` attribute on the `<button>` 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`
@@ -14,15 +14,15 @@
  * @property {boolean} [readonly] - Whether to make the widget read-only. An alias of the
  * `aria-readonly` attribute used in certain roles, including `checkbox`, `listbox`, `slider` and
  * `textbox`.
- * @property {boolean | 'mixed' | undefined} [pressed] - Whether to mark the widget pressed. An
+ * @property {boolean | 'mixed'} [pressed] - Whether to mark the widget pressed. An
  * alias of the `aria-pressed` attribute.
- * @property {string | undefined} [keyShortcuts] - Keyboard shortcuts. An alias of the
+ * @property {string} [keyShortcuts] - Keyboard shortcuts. An alias of the
  * `aria-keyshortcuts` attribute. Accepts the special `Accel` key, which will be replaced with
  * `Control` or `Meta` depending on the user’s operating system.
  * @property {string} [label] - Text label displayed on the button.
- * @property {'primary' | 'secondary' | 'tertiary' | 'ghost' | 'link' | undefined} [variant] - The
+ * @property {'primary' | 'secondary' | 'tertiary' | 'ghost' | 'link'} [variant] - The
  * style variant of the button.
- * @property {'small' | 'medium' | 'large' | undefined} [size] - The size of the button.
+ * @property {'small' | 'medium' | 'large'} [size] - The size of the button.
  * @property {boolean} [iconic] - Whether to only show an icon on the button and trim the padding.
  * @property {boolean} [pill] - Whether to make the button rounded.
  * @property {boolean} [flex] - Make the button width flexible.
@@ -49,7 +49,7 @@
  * @property {boolean} [escapeDismiss] - Whether to close the modal when the Escape key is pressed.
  * @property {boolean} [keepContent] - Whether to keep the content in the DOM tree when the modal is
  * not displayed.
- * @property {HTMLDialogElement | undefined} [dialog] - A reference to the `<dialog>` element.
+ * @property {HTMLDialogElement} [dialog] - A reference to the `<dialog>` element.
  * @property {import('svelte').Snippet} [children] - Primary slot content.
  * @property {import('svelte').Snippet} [extraContent] - Extra slot content.
  * @property {(event: CustomEvent) => void} [onOpening] - Custom `Opening` event handler.
@@ -119,7 +119,7 @@
  * `aria-required` attribute.
  * @property {boolean} [invalid] - Whether to mark the widget invalid. An alias of the
  * `aria-invalid` attribute.
- * @property {string | undefined} [value] - Selected option’s value.
+ * @property {string} [value] - Selected option’s value.
  * @property {boolean} [editable] - Whether to make the `combobox` editable.
  * @property {PopupPosition} [position] - Where to show the dropdown menu.
  * @property {import('svelte').Snippet} [children] - Primary slot content.
@@ -129,14 +129,13 @@
 
 /**
  * @typedef {object} TextInputProps
- * @property {string | undefined} [value] - Input value.
- * @property {HTMLInputElement | undefined} [element] - Reference to the `<input>` element.
+ * @property {HTMLInputElement} [element] - Reference to the `<input>` element.
  * @property {'textbox' | 'searchbox' | 'combobox' | 'spinbutton'} [role] - The `role` attribute on
  * the `<input>` element.
- * @property {string | undefined} [keyShortcuts] - Keyboard shortcuts. An alias of the
+ * @property {string} [keyShortcuts] - Keyboard shortcuts. An alias of the
  * `aria-keyshortcuts` attribute. Accepts the special `Accel` key, which will be replaced with
  * `Control` or `Meta` depending on the user’s operating system.
- * @property {string | undefined} [name] - The `name` attribute on the `<input>` element.
+ * @property {string} [name] - The `name` attribute on the `<input>` element.
  * @property {boolean} [showInlineLabel] - Whether to display `aria-label` over the `<input>`
  * element if it’s empty, just like how the HTML `placeholder` attribute works.
  * @property {'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'} [inputmode] - The
@@ -212,7 +211,8 @@
 
 /**
  * @typedef {'paragraph' | 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' |
- * 'heading-6' | 'bulleted-list' | 'numbered-list' | 'blockquote'} TextEditorBlockType
+ * 'heading-6' | 'bulleted-list' | 'numbered-list' | 'blockquote' | 'code-block'}
+ * TextEditorBlockType
  */
 
 /**
@@ -227,6 +227,17 @@
  * @typedef {'rich-text' | 'plain-text'} TextEditorMode
  */
 
+/**
+ * @typedef {object} TextEditorComponent
+ * @property {string} id - Component ID.
+ * @property {string} label - Component label.
+ * @property {string} [icon] - Material Symbols icon name.
+ * @property {import('lexical').LexicalNode} node - Lexical node class implementation.
+ * @property {(props?: Record<string, any>) => import('lexical').LexicalNode} createNode - Function
+ * to create a new node instance.
+ * @property {import('@lexical/markdown').Transformer} transformer - Node transformer.
+ */
+
 /**
  * @typedef {object} TextEditorState
  * @property {import('svelte/store').Writable<import('lexical').LexicalEditor>} editor - Lexical
@@ -243,6 +254,7 @@
  * error while converting Markdown to Lexical nodes.
  * @property {(TextEditorBlockType | TextEditorInlineType)[]} enabledButtons - Enabled buttons for
  * the editor.
+ * @property {TextEditorComponent[]} components - Editor components.
  * @property {Function} convertMarkdown - Function to trigger the Lexical converter.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.20.2",
+  "version": "0.22.0",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -12,8 +12,8 @@
   },
   "scripts": {
     "dev": "vite dev",
-    "build": "svelte-kit sync && svelte-package -o package",
-    "build:watch": "svelte-kit sync && svelte-package -o package --watch",
+    "build": "svelte-kit sync && svelte-package",
+    "build:watch": "svelte-kit sync && svelte-package --watch",
     "preview": "vite preview",
     "prepublishOnly": "npm run build",
     "format": "prettier --write .",
@@ -38,56 +38,57 @@
     "@lexical/selection": "^0.21.0",
     "@lexical/table": "^0.21.0",
     "@lexical/utils": "^0.21.0",
-    "@sveltia/utils": "^0.5.0",
+    "@sveltia/utils": "^0.6.3",
+    "prismjs": "^1.29.0",
     "lexical": "^0.21.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.49.0",
+    "@playwright/test": "^1.49.1",
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.9.0",
+    "@sveltejs/kit": "^2.14.1",
     "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "5.0.1",
-    "cspell": "^8.16.1",
+    "@sveltejs/vite-plugin-svelte": "5.0.3",
+    "cspell": "^8.17.1",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsdoc": "^50.6.0",
+    "eslint-plugin-jsdoc": "^50.6.1",
     "eslint-plugin-svelte": "^2.46.1",
     "postcss": "^8.4.49",
     "postcss-html": "^1.7.0",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.2",
-    "sass": "^1.82.0",
-    "stylelint": "^16.11.0",
+    "sass": "^1.83.0",
+    "stylelint": "^16.12.0",
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-scss": "^6.10.0",
-    "svelte": "5.7.1",
+    "svelte": "5.15.0",
     "svelte-check": "^4.1.1",
     "svelte-i18n": "^4.0.1",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
-    "vite": "^6.0.3",
+    "vite": "^6.0.5",
     "vitest": "^2.1.8"
   },
   "exports": {
     ".": {
-      "types": "./package/index.d.ts",
-      "svelte": "./package/index.js",
-      "default": "./package/index.js"
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
     }
   },
   "files": [
-    "package"
+    "dist"
   ],
-  "svelte": "./package/index.js",
+  "svelte": "./dist/index.js",
   "typesVersions": {
     ">4.0": {
       "index": [
-        "./package/index.d.ts"
+        "./dist/index.d.ts"
       ]
     }
   },