@sveltia/ui 0.15.11 → 0.15.12

package/package/components/button/button.svelte

@@ -8,8 +8,8 @@
 
 <script>
   import { createEventDispatcher } from 'svelte';
-  import Popup from '../util/popup.svelte';
   import { activateKeyShortcuts } from '../../services/events';
+  import Popup from '../util/popup.svelte';
 
   /**
    * Reference to the `<button>` element.

package/package/components/button/button.svelte.d.ts

@@ -10,9 +10,10 @@ export default class Button extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
-    type?: "submit" | "reset" | "button" | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    type?: "reset" | "submit" | "button" | undefined;
     value?: string | undefined;
     role?: string | undefined;
     hidden?: boolean | undefined;
@@ -21,7 +22,6 @@ export default class Button extends SvelteComponent<{
     pressed?: boolean | "mixed" | undefined;
     keyShortcuts?: string | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     iconic?: boolean | undefined;
     pill?: boolean | undefined;
     flex?: boolean | undefined;
@@ -59,8 +59,8 @@ export default class Button extends SvelteComponent<{
     set class(_: string | undefined);
     get class(): string | undefined;
     /**accessor*/
-    set type(_: "submit" | "reset" | "button" | undefined);
-    get type(): "submit" | "reset" | "button" | undefined;
+    set type(_: "reset" | "submit" | "button" | undefined);
+    get type(): "reset" | "submit" | "button" | undefined;
     /**accessor*/
     set role(_: string | undefined);
     get role(): string | undefined;
@@ -119,9 +119,10 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
-        type?: "submit" | "reset" | "button" | undefined;
+        label?: string | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        type?: "reset" | "submit" | "button" | undefined;
         value?: string | undefined;
         role?: string | undefined;
         hidden?: boolean | undefined;
@@ -130,7 +131,6 @@ declare const __propDef: {
         pressed?: boolean | "mixed" | undefined;
         keyShortcuts?: string | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         iconic?: boolean | undefined;
         pill?: boolean | undefined;
         flex?: boolean | undefined;

package/package/components/button/select-button-group.svelte.d.ts

@@ -9,11 +9,11 @@
 export default class SelectButtonGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -30,11 +30,11 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

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

@@ -9,12 +9,12 @@
 export default class SelectButton extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     iconic?: boolean | undefined;
     selected?: boolean | undefined;
 }, {
@@ -42,12 +42,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         iconic?: boolean | undefined;
         selected?: boolean | undefined;
     };

package/package/components/button/split-button.svelte

@@ -7,9 +7,9 @@
 -->
 <script>
   import { _ } from 'svelte-i18n';
-  import Button from './button.svelte';
   import Icon from '../icon/icon.svelte';
   import MenuButton from '../menu/menu-button.svelte';
+  import Button from './button.svelte';
 
   /**
    * The `class` attribute on the `<button>` element.

package/package/components/button/split-button.svelte.d.ts

@@ -10,11 +10,11 @@
 export default class SplitButton extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     hidden?: boolean | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     popupPosition?: PopupPosition | undefined;
     showPopupBackdrop?: boolean | undefined;
 }, {
@@ -41,11 +41,11 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         hidden?: boolean | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         popupPosition?: PopupPosition | undefined;
         showPopupBackdrop?: boolean | undefined;
     };

package/package/components/checkbox/checkbox.svelte.d.ts

@@ -11,14 +11,14 @@ export default class Checkbox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
+    disabled?: boolean | undefined;
     invalid?: boolean | undefined;
     label?: string | undefined;
-    disabled?: boolean | undefined;
+    checked?: boolean | "mixed" | undefined;
+    required?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
-    checked?: boolean | "mixed" | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -39,14 +39,14 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
+        disabled?: boolean | undefined;
         invalid?: boolean | undefined;
         label?: string | undefined;
-        disabled?: boolean | undefined;
+        checked?: boolean | "mixed" | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
-        checked?: boolean | "mixed" | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package/components/dialog/dialog.svelte.d.ts

@@ -10,10 +10,10 @@ export default class Dialog extends SvelteComponent<{
     [x: string]: any;
     title: string;
     class?: string | undefined;
+    size?: "small" | "medium" | "large" | "x-large" | undefined;
     role?: "dialog" | "alertdialog" | undefined;
     open?: boolean | undefined;
     lightDismiss?: boolean | undefined;
-    size?: "small" | "medium" | "large" | "x-large" | undefined;
     showClose?: boolean | undefined;
     showOk?: boolean | undefined;
     okLabel?: string | undefined;
@@ -53,10 +53,10 @@ declare const __propDef: {
         [x: string]: any;
         title: string;
         class?: string | undefined;
+        size?: "small" | "medium" | "large" | "x-large" | undefined;
         role?: "dialog" | "alertdialog" | undefined;
         open?: boolean | undefined;
         lightDismiss?: boolean | undefined;
-        size?: "small" | "medium" | "large" | "x-large" | undefined;
         showClose?: boolean | undefined;
         showOk?: boolean | undefined;
         okLabel?: string | undefined;

package/package/components/disclosure/disclosure.svelte.d.ts

@@ -9,8 +9,8 @@
 export default class Disclosure extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
     hidden?: boolean | undefined;
     expanded?: boolean | undefined;
 }, {
@@ -47,8 +47,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
         hidden?: boolean | undefined;
         expanded?: boolean | undefined;
     };

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

@@ -10,11 +10,11 @@ export default class Drawer extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     title?: string | undefined;
+    size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
     position?: "top" | "left" | "right" | "bottom" | undefined;
     open?: boolean | undefined;
     lightDismiss?: boolean | undefined;
     keepContent?: boolean | undefined;
-    size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
     showClose?: false | "inside" | "outside" | undefined;
 }, {
     opening: CustomEvent<any>;
@@ -47,11 +47,11 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         title?: string | undefined;
+        size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
         position?: "top" | "left" | "right" | "bottom" | undefined;
         open?: boolean | undefined;
         lightDismiss?: boolean | undefined;
         keepContent?: boolean | undefined;
-        size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
         showClose?: false | "inside" | "outside" | undefined;
     };
     events: {

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

@@ -9,9 +9,9 @@
 export default class Grid extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
+    multiple?: boolean | undefined;
     element?: HTMLElement | undefined;
     clickToSelect?: boolean | undefined;
-    multiple?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -28,9 +28,9 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
+        multiple?: boolean | undefined;
         element?: HTMLElement | undefined;
         clickToSelect?: boolean | undefined;
-        multiple?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package/components/listbox/listbox.svelte.d.ts

@@ -10,16 +10,16 @@
 export default class Listbox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    multiple?: boolean | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     searchTerms?: string | undefined;
-    required?: boolean | undefined;
-    multiple?: boolean | undefined;
 }, {
     click: MouseEvent;
-    filter: Event | MouseEvent | UIEvent | KeyboardEvent | ErrorEvent | SubmitEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
+    filter: Event | KeyboardEvent | UIEvent | ErrorEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
@@ -35,17 +35,17 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        multiple?: boolean | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         searchTerms?: string | undefined;
-        required?: boolean | undefined;
-        multiple?: boolean | undefined;
     };
     events: {
         click: MouseEvent;
-        filter: Event | MouseEvent | UIEvent | KeyboardEvent | ErrorEvent | SubmitEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
+        filter: Event | KeyboardEvent | UIEvent | ErrorEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
         change: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;

package/package/components/listbox/option-group.svelte.d.ts

@@ -11,8 +11,8 @@
 export default class OptionGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
     hidden?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -28,8 +28,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
         hidden?: boolean | undefined;
     };
     events: {

package/package/components/menu/menu-button.svelte.d.ts

@@ -8,12 +8,12 @@
 export default class MenuButton extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
+    disabled?: boolean | undefined;
     focus?: (() => void) | undefined;
     label?: string | undefined;
-    disabled?: boolean | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     hidden?: boolean | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     iconic?: boolean | undefined;
     popupPosition?: PopupPosition | undefined;
     showPopupBackdrop?: boolean | undefined;
@@ -40,12 +40,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
+        disabled?: boolean | undefined;
         focus?: (() => void) | undefined;
         label?: string | undefined;
-        disabled?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         hidden?: boolean | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         iconic?: boolean | undefined;
         popupPosition?: PopupPosition | undefined;
         showPopupBackdrop?: boolean | undefined;

package/package/components/menu/menu-item-checkbox.svelte.d.ts

@@ -8,10 +8,10 @@
 export default class MenuItemCheckbox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
-    hidden?: boolean | undefined;
+    label?: string | undefined;
     checked?: boolean | undefined;
+    hidden?: boolean | undefined;
     iconName?: string | undefined;
     iconLabel?: string | undefined;
 }, {
@@ -32,10 +32,10 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
-        hidden?: boolean | undefined;
+        label?: string | undefined;
         checked?: boolean | undefined;
+        hidden?: boolean | undefined;
         iconName?: string | undefined;
         iconLabel?: string | undefined;
     };

package/package/components/menu/menu-item-group.svelte.d.ts

@@ -5,8 +5,8 @@
 export default class MenuItemGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    title?: string | undefined;
     disabled?: boolean | undefined;
+    title?: string | undefined;
     hidden?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -22,8 +22,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        title?: string | undefined;
         disabled?: boolean | undefined;
+        title?: string | undefined;
         hidden?: boolean | undefined;
     };
     events: {

package/package/components/menu/menu-item-radio.svelte.d.ts

@@ -9,10 +9,10 @@
 export default class MenuItemRadio extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
-    hidden?: boolean | undefined;
+    label?: string | undefined;
     checked?: boolean | undefined;
+    hidden?: boolean | undefined;
     iconName?: string | undefined;
     iconLabel?: string | undefined;
 }, {
@@ -33,10 +33,10 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
-        hidden?: boolean | undefined;
+        label?: string | undefined;
         checked?: boolean | undefined;
+        hidden?: boolean | undefined;
         iconName?: string | undefined;
         iconLabel?: string | undefined;
     };

package/package/components/menu/menu-item.svelte.d.ts

@@ -8,8 +8,8 @@
 export default class MenuItem extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
     role?: "menuitem" | "menuitemcheckbox" | "menuitemradio" | undefined;
     hidden?: boolean | undefined;
     iconName?: string | undefined;
@@ -42,8 +42,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
         role?: "menuitem" | "menuitemcheckbox" | "menuitemradio" | undefined;
         hidden?: boolean | undefined;
         iconName?: string | undefined;

package/package/components/radio/radio-group.svelte.d.ts

@@ -9,12 +9,12 @@
 export default class RadioGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     orientation?: "vertical" | "horizontal" | undefined;
-    required?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -31,12 +31,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         orientation?: "vertical" | "horizontal" | undefined;
-        required?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package/components/radio/radio.svelte.d.ts

@@ -11,11 +11,11 @@ export default class Radio extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
+    checked?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
-    checked?: boolean | undefined;
 }, {
     focus: FocusEvent;
     blur: FocusEvent;
@@ -36,11 +36,11 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
+        checked?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
-        checked?: boolean | undefined;
     };
     events: {
         focus: FocusEvent;

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

@@ -10,13 +10,13 @@
 export default class Combobox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: (string | number | undefined);
     position?: PopupPosition | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
     editable?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
@@ -37,13 +37,13 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: (string | number | undefined);
         position?: PopupPosition | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
         editable?: boolean | undefined;
     };
     events: {

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

@@ -9,13 +9,13 @@ export default class SelectTags extends SvelteComponent<{
         searchValue?: string;
     }[];
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    max?: number | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     values?: string[] | undefined;
-    required?: boolean | undefined;
-    max?: number | undefined;
 }, {
     RemoveValue: CustomEvent<any>;
     AddValue: CustomEvent<any>;
@@ -36,13 +36,13 @@ declare const __propDef: {
             searchValue?: string;
         }[];
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        max?: number | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         values?: string[] | undefined;
-        required?: boolean | undefined;
-        max?: number | undefined;
     };
     events: {
         RemoveValue: CustomEvent<any>;

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

@@ -10,12 +10,12 @@
 export default class Select extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: (string | number | undefined);
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -32,12 +32,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: (string | number | undefined);
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

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

@@ -12,17 +12,17 @@
 export default class Slider extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    step?: number | undefined;
     value?: number | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     values?: [number, number] | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
     sliderLabel?: string | undefined;
     sliderLabels?: [string, string] | undefined;
-    step?: number | undefined;
     optionLabels?: string[] | number[] | undefined;
 }, {
     change: CustomEvent<any>;
@@ -38,17 +38,17 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        step?: number | undefined;
         value?: number | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         values?: [number, number] | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
         sliderLabel?: string | undefined;
         sliderLabels?: [string, string] | undefined;
-        step?: number | undefined;
         optionLabels?: string[] | number[] | undefined;
     };
     events: {

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

@@ -9,13 +9,13 @@
 export default class Switch extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
+    disabled?: boolean | undefined;
     invalid?: boolean | undefined;
     label?: string | undefined;
-    disabled?: boolean | undefined;
+    checked?: boolean | "mixed" | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
-    checked?: boolean | "mixed" | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -32,13 +32,13 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
+        disabled?: boolean | undefined;
         invalid?: boolean | undefined;
         label?: string | undefined;
-        disabled?: boolean | undefined;
+        checked?: boolean | "mixed" | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
-        checked?: boolean | "mixed" | undefined;
     };
     events: {
         change: CustomEvent<any>;

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

@@ -41,7 +41,7 @@ import {
   $getSelection as getSelection,
   $isRangeSelection as isRangeSelection,
 } from 'lexical';
-import { blockButtonTypes, textFormatButtonTypes } from './';
+import { blockButtonTypes, textFormatButtonTypes } from '.';
 
 /**
  * Lexical editor configuration.

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

@@ -2,12 +2,12 @@
 /** @typedef {typeof __propDef.events}  LexicalRootEvents */
 /** @typedef {typeof __propDef.slots}  LexicalRootSlots */
 export default class LexicalRoot extends SvelteComponent<{
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -18,12 +18,12 @@ export type LexicalRootSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -8,11 +8,8 @@
   import { _ } from 'svelte-i18n';
   import { writable } from 'svelte/store';
   import Alert from '../alert/alert.svelte';
-  import { blockButtonTypes, inlineButtonTypes } from './';
-  import {
-    convertMarkdown as convertMarkdownToLexical,
-    initEditor,
-  } from './core';
+  import { blockButtonTypes, inlineButtonTypes } from '.';
+  import { convertMarkdown as convertMarkdownToLexical, initEditor } from './core';
   import LexicalRoot from './lexical-root.svelte';
   import EditorToolbar from './toolbar/editor-toolbar.svelte';
   import TextArea from '../text-field/text-area.svelte';

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

@@ -4,13 +4,13 @@
 /** A rich text editor based on Lexical. */
 export default class TextEditor extends SvelteComponent<{
     [x: string]: any;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     flex?: boolean | undefined;
-    required?: boolean | undefined;
     modes?: TextEditorMode[] | undefined;
     buttons?: (TextEditorInlineType | TextEditorBlockType)[] | undefined;
 }, {
@@ -24,13 +24,13 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         flex?: boolean | undefined;
-        required?: boolean | undefined;
         modes?: TextEditorMode[] | undefined;
         buttons?: (TextEditorInlineType | TextEditorBlockType)[] | undefined;
     };

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

@@ -1,6 +1,7 @@
 <script>
   import { getContext } from 'svelte';
   import { _ } from 'svelte-i18n';
+  import { availableButtons, blockButtonTypes, inlineButtonTypes } from '..';
   import ButtonGroup from '../../button/button-group.svelte';
   import Button from '../../button/button.svelte';
   import Divider from '../../divider/divider.svelte';
@@ -8,11 +9,6 @@
   import Icon from '../../icon/icon.svelte';
   import MenuButton from '../../menu/menu-button.svelte';
   import Menu from '../../menu/menu.svelte';
-  import {
-    availableButtons,
-    blockButtonTypes,
-    inlineButtonTypes,
-  } from '..';
   import FormatTextButton from './format-text-button.svelte';
   import InsertLinkButton from './insert-link-button.svelte';
   import ToggleBlockMenuItem from './toggle-block-menu-item.svelte';

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

@@ -2,9 +2,9 @@
   import { FORMAT_TEXT_COMMAND } from 'lexical';
   import { getContext } from 'svelte';
   import { _ } from 'svelte-i18n';
+  import { availableButtons } from '..';
   import Button from '../../button/button.svelte';
   import Icon from '../../icon/icon.svelte';
-  import { availableButtons } from '..';
 
   /**
    * Button type.

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

@@ -13,12 +13,12 @@
   } from 'lexical';
   import { getContext, onMount } from 'svelte';
   import { _ } from 'svelte-i18n';
-  import { isMac, matchShortcuts } from '../../../services/events';
-  import TextInput from '../../text-field/text-input.svelte';
   import { availableButtons } from '..';
-  import Icon from '../../icon/icon.svelte';
-  import Dialog from '../../dialog/dialog.svelte';
+  import { isMac, matchShortcuts } from '../../../services/events';
   import Button from '../../button/button.svelte';
+  import Dialog from '../../dialog/dialog.svelte';
+  import Icon from '../../icon/icon.svelte';
+  import TextInput from '../../text-field/text-input.svelte';
 
   const id = generateElementId('insert-link');
 

package/package/components/text-field/number-input.svelte.d.ts

@@ -9,16 +9,16 @@
 export default class NumberInput extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    step?: number | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     flex?: boolean | undefined;
-    required?: boolean | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
-    step?: number | undefined;
 }, {
     keydown: KeyboardEvent;
     keyup: KeyboardEvent;
@@ -44,16 +44,16 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        required?: boolean | undefined;
+        step?: number | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         flex?: boolean | undefined;
-        required?: boolean | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
-        step?: number | undefined;
     };
     events: {
         keydown: KeyboardEvent;

package/package/components/text-field/password-input.svelte.d.ts

@@ -10,13 +10,13 @@
 export default class PasswordInput extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     flex?: boolean | undefined;
-    required?: boolean | undefined;
 }, {
     keydown: KeyboardEvent;
     keyup: KeyboardEvent;
@@ -39,13 +39,13 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         flex?: boolean | undefined;
-        required?: boolean | undefined;
     };
     events: {
         keydown: KeyboardEvent;

package/package/components/text-field/search-bar.svelte.d.ts

@@ -10,14 +10,14 @@
 export default class SearchBar extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
+    disabled?: boolean | undefined;
     focus?: (() => void) | undefined;
     invalid?: boolean | undefined;
-    disabled?: boolean | undefined;
+    required?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     flex?: boolean | undefined;
-    required?: boolean | undefined;
 }, {
     keydown: KeyboardEvent;
     keyup: KeyboardEvent;
@@ -66,14 +66,14 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
+        disabled?: boolean | undefined;
         focus?: (() => void) | undefined;
         invalid?: boolean | undefined;
-        disabled?: boolean | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         flex?: boolean | undefined;
-        required?: boolean | undefined;
     };
     events: {
         keydown: KeyboardEvent;

package/package/components/text-field/text-area.svelte.d.ts

@@ -11,13 +11,13 @@ export default class TextArea extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     flex?: boolean | undefined;
-    required?: boolean | undefined;
     autoResize?: boolean | undefined;
 }, {
     keydown: KeyboardEvent;
@@ -38,13 +38,13 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         flex?: boolean | undefined;
-        required?: boolean | undefined;
         autoResize?: boolean | undefined;
     };
     events: {

package/package/components/text-field/text-input.svelte.d.ts

@@ -10,8 +10,9 @@ export default class TextInput extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: string | number | undefined;
     role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
     hidden?: boolean | undefined;
@@ -19,9 +20,8 @@ export default class TextInput extends SvelteComponent<{
     readonly?: boolean | undefined;
     keyShortcuts?: string | undefined;
     flex?: boolean | undefined;
-    required?: boolean | undefined;
     showInlineLabel?: boolean | undefined;
-    inputmode?: "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined;
+    inputmode?: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
 }, {
     keydown: KeyboardEvent;
     keyup: KeyboardEvent;
@@ -71,8 +71,8 @@ export default class TextInput extends SvelteComponent<{
     set showInlineLabel(_: boolean | undefined);
     get showInlineLabel(): boolean | undefined;
     /**accessor*/
-    set inputmode(_: "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined);
-    get inputmode(): "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined;
+    set inputmode(_: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined);
+    get inputmode(): "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
 }
 export type TextInputProps = typeof __propDef.props;
 export type TextInputEvents = typeof __propDef.events;
@@ -83,8 +83,9 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: string | number | undefined;
         role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | undefined;
         hidden?: boolean | undefined;
@@ -92,9 +93,8 @@ declare const __propDef: {
         readonly?: boolean | undefined;
         keyShortcuts?: string | undefined;
         flex?: boolean | undefined;
-        required?: boolean | undefined;
         showInlineLabel?: boolean | undefined;
-        inputmode?: "search" | "text" | "numeric" | "decimal" | "tel" | "email" | "url" | undefined;
+        inputmode?: "search" | "text" | "email" | "tel" | "numeric" | "decimal" | "url" | undefined;
     };
     events: {
         keydown: KeyboardEvent;

package/package/components/util/app-shell.svelte

@@ -5,8 +5,8 @@
   `<div style="display:contents">` in a SvelteKit app).
 -->
 <script>
-  import '$lib/styles/core.scss';
   import { onMount } from 'svelte';
+  import '../../styles/core.scss';
 
   /**
    * Orientation of the app shell’s children.

package/package/components/util/modal.svelte.d.ts

@@ -7,7 +7,7 @@ export default class Modal extends SvelteComponent<{
     class?: string | undefined;
     close?: ((returnValue: string) => void) | undefined;
     dialog?: HTMLDialogElement | undefined;
-    role?: "dialog" | "alertdialog" | "none" | undefined;
+    role?: "dialog" | "none" | "alertdialog" | undefined;
     open?: boolean | undefined;
     showBackdrop?: boolean | undefined;
     lightDismiss?: boolean | undefined;
@@ -29,8 +29,8 @@ export default class Modal extends SvelteComponent<{
     set class(_: string | undefined);
     get class(): string | undefined;
     /**accessor*/
-    set role(_: "dialog" | "alertdialog" | "none" | undefined);
-    get role(): "dialog" | "alertdialog" | "none" | undefined;
+    set role(_: "dialog" | "none" | "alertdialog" | undefined);
+    get role(): "dialog" | "none" | "alertdialog" | undefined;
     /**accessor*/
     set open(_: boolean | undefined);
     get open(): boolean | undefined;
@@ -60,7 +60,7 @@ declare const __propDef: {
         class?: string | undefined;
         close?: ((returnValue: string) => void) | undefined;
         dialog?: HTMLDialogElement | undefined;
-        role?: "dialog" | "alertdialog" | "none" | undefined;
+        role?: "dialog" | "none" | "alertdialog" | undefined;
         open?: boolean | undefined;
         showBackdrop?: boolean | undefined;
         lightDismiss?: boolean | undefined;

package/package/index.js

@@ -10,14 +10,7 @@ import { addMessages, init } from 'svelte-i18n';
  */
 export const initLocales = ({ fallbackLocale = 'en', initialLocale = 'en' } = {}) => {
   /** @type {{ [key: string]: { strings: object }}} */
-  let modules = import.meta.glob('./locales/*.js', { eager: true });
-
-  // The file path must be relative during local development, or the import may fail when using
-  // `pnpm link -g @sveltia/ui`. On the other hand, it must start with `$lib` when being imported
-  // with `pnpm install @sveltia/ui`, otherwise the path cannot be resolved.
-  if (!Object.keys(modules).length) {
-    modules = import.meta.glob('$lib/locales/*.js', { eager: true });
-  }
+  const modules = import.meta.glob('./locales/*.js', { eager: true });
 
   Object.entries(modules).forEach(([path, { strings }]) => {
     const [, locale] = /** @type {string[]} */ (path.match(/([a-zA-Z-]+)\.js/));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.15.11",
+  "version": "0.15.12",
   "license": "MIT",
   "type": "module",
   "publishConfig": {