@sveltia/ui 0.12.0 → 0.12.1

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

@@ -10,13 +10,13 @@ export default class Button extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
-    role?: string | undefined;
     label?: string | undefined;
-    hidden?: boolean | undefined;
     disabled?: boolean | undefined;
-    element?: HTMLButtonElement | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
+    type?: "reset" | "submit" | "button" | undefined;
     value?: string | undefined;
+    role?: string | undefined;
+    hidden?: boolean | undefined;
+    element?: HTMLButtonElement | undefined;
     readonly?: boolean | undefined;
     pressed?: boolean | "mixed" | undefined;
     keyShortcuts?: string | undefined;
@@ -59,8 +59,8 @@ export default class Button extends SvelteComponent<{
     set class(arg: string | undefined);
     get class(): string | undefined;
     /**accessor*/
-    set type(arg: "button" | "reset" | "submit" | undefined);
-    get type(): "button" | "reset" | "submit" | undefined;
+    set type(arg: "reset" | "submit" | "button" | undefined);
+    get type(): "reset" | "submit" | "button" | undefined;
     /**accessor*/
     set role(arg: string | undefined);
     get role(): string | undefined;
@@ -119,13 +119,13 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
-        role?: string | undefined;
         label?: string | undefined;
-        hidden?: boolean | undefined;
         disabled?: boolean | undefined;
-        element?: HTMLButtonElement | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
+        type?: "reset" | "submit" | "button" | undefined;
         value?: string | undefined;
+        role?: string | undefined;
+        hidden?: boolean | undefined;
+        element?: HTMLButtonElement | undefined;
         readonly?: boolean | undefined;
         pressed?: boolean | 'mixed' | undefined;
         keyShortcuts?: string | undefined;

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

@@ -10,8 +10,8 @@ export default class SelectButtonGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     invalid?: boolean | undefined;
-    hidden?: boolean | undefined;
     disabled?: boolean | undefined;
+    hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     required?: boolean | undefined;
 }, {
@@ -31,8 +31,8 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         invalid?: boolean | undefined;
-        hidden?: boolean | undefined;
         disabled?: boolean | undefined;
+        hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         required?: boolean | undefined;
     };

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

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

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

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

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

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

package/package/components/checkbox/checkbox.svelte

@@ -6,10 +6,10 @@
   @see https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
 -->
 <script>
+  import { generateElementId } from '@sveltia/utils/element';
   import { createEventDispatcher } from 'svelte';
   import Button from '../button/button.svelte';
   import Icon from '../icon/icon.svelte';
-  import { getRandomId } from '../../services/util';
 
   /**
    * The `class` attribute on the wrapper element.
@@ -64,7 +64,7 @@
   export let label = undefined;
 
   const dispatch = createEventDispatcher();
-  const id = getRandomId('checkbox');
+  const id = generateElementId('checkbox');
 
   /**
    * Reference to the `Button` component.

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

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

package/package/components/dialog/dialog.svelte

@@ -5,12 +5,12 @@
   @see https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
 -->
 <script>
+  import { generateElementId } from '@sveltia/utils/element';
   import { _ } from 'svelte-i18n';
   import Button from '../button/button.svelte';
   import Spacer from '../divider/spacer.svelte';
   import Icon from '../icon/icon.svelte';
   import Modal from '../util/modal.svelte';
-  import { getRandomId } from '../../services/util';
 
   /**
    * The `class` attribute on the content element.
@@ -83,7 +83,7 @@
    * The ID of the drawer.
    * @type {string}
    */
-  const id = getRandomId('dialog');
+  const id = generateElementId('dialog');
   /**
    * A reference to the modal component.
    * @type {Modal}

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

@@ -12,8 +12,8 @@ export default class PromptDialog extends SvelteComponent<{
     [x: string]: any;
     title: string;
     class?: string | undefined;
-    open?: boolean | undefined;
     value?: string | undefined;
+    open?: boolean | undefined;
     okLabel?: string | undefined;
     okDisabled?: boolean | undefined;
     cancelLabel?: string | undefined;
@@ -45,8 +45,8 @@ declare const __propDef: {
         [x: string]: any;
         title: string;
         class?: string | undefined;
-        open?: boolean | undefined;
         value?: string | undefined;
+        open?: boolean | undefined;
         okLabel?: string | undefined;
         okDisabled?: boolean | undefined;
         cancelLabel?: string | undefined;

package/package/components/disclosure/disclosure.svelte

@@ -7,10 +7,10 @@
 <svelte:options accessors={true} />
 
 <script>
+  import { generateElementId } from '@sveltia/utils/element';
   import { createEventDispatcher } from 'svelte';
   import Button from '../button/button.svelte';
   import Icon from '../icon/icon.svelte';
-  import { getRandomId } from '../../services/util';
 
   /**
    * The `class` attribute on the wrapper element.
@@ -40,7 +40,7 @@
   export let label = '';
 
   const dispatch = createEventDispatcher();
-  const id = getRandomId('disclosure');
+  const id = generateElementId('disclosure');
 </script>
 
 <div

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

@@ -10,8 +10,8 @@ export default class Disclosure extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     label?: string | undefined;
-    hidden?: boolean | undefined;
     disabled?: boolean | undefined;
+    hidden?: boolean | undefined;
     expanded?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
@@ -48,8 +48,8 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         label?: string | undefined;
-        hidden?: boolean | undefined;
         disabled?: boolean | undefined;
+        hidden?: boolean | undefined;
         expanded?: boolean | undefined;
     };
     events: {

package/package/components/drawer/drawer.svelte

@@ -5,12 +5,12 @@
   @see https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
 -->
 <script>
+  import { generateElementId } from '@sveltia/utils/element';
   import { _ } from 'svelte-i18n';
   import Button from '../button/button.svelte';
   import Spacer from '../divider/spacer.svelte';
   import Icon from '../icon/icon.svelte';
   import Modal from '../util/modal.svelte';
-  import { getRandomId } from '../../services/util';
 
   /**
    * The `class` attribute on the content element.
@@ -58,7 +58,7 @@
    * The ID of the drawer.
    * @type {string}
    */
-  const id = getRandomId('drawer');
+  const id = generateElementId('drawer');
   /**
    * A reference to the modal component.
    * @type {Modal}

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

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

package/package/components/grid/grid-body.svelte

@@ -5,7 +5,7 @@
   @see https://w3c.github.io/aria/#rowgroup
 -->
 <script>
-  import { getRandomId } from '../../services/util';
+  import { generateElementId } from '@sveltia/utils/element';
 
   /**
    * The `class` attribute on the wrapper element.
@@ -20,7 +20,7 @@
    */
   export let label = '';
 
-  const id = getRandomId('tbody');
+  const id = generateElementId('tbody');
 </script>
 
 <div

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

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

@@ -7,7 +7,7 @@
   @see https://www.w3.org/WAI/ARIA/apg/patterns/listbox/examples/listbox-grouped/
 -->
 <script>
-  import { getRandomId } from '../../services/util';
+  import { generateElementId } from '@sveltia/utils/element';
 
   /**
    * The `class` attribute on the wrapper element.
@@ -30,7 +30,7 @@
    */
   export let label = '';
 
-  const id = getRandomId('optgroup');
+  const id = generateElementId('optgroup');
 </script>
 
 <div

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

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

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

@@ -10,9 +10,9 @@ export default class Option extends SvelteComponent<{
     [x: string]: any;
     label: string;
     class?: string | undefined;
-    hidden?: boolean | undefined;
     disabled?: boolean | undefined;
     value?: string | undefined;
+    hidden?: boolean | undefined;
     selected?: boolean | undefined;
     searchValue?: string | undefined;
 }, {
@@ -48,9 +48,9 @@ declare const __propDef: {
         [x: string]: any;
         label: string;
         class?: string | undefined;
-        hidden?: boolean | undefined;
         disabled?: boolean | undefined;
         value?: string | undefined;
+        hidden?: boolean | undefined;
         selected?: boolean | undefined;
         searchValue?: string | undefined;
     };

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

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

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

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

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

@@ -3,7 +3,7 @@
   A menu item group.
 -->
 <script>
-  import { getRandomId } from '../../services/util';
+  import { generateElementId } from '@sveltia/utils/element';
 
   /**
    * The `class` attribute on the wrapper element.
@@ -26,7 +26,7 @@
    */
   export let title = '';
 
-  const id = getRandomId('group');
+  const id = generateElementId('group');
 </script>
 
 <div

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

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

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

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

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

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

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

@@ -9,8 +9,8 @@
 export default class Menu extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    hidden?: boolean | undefined;
     disabled?: boolean | undefined;
+    hidden?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -27,8 +27,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        hidden?: boolean | undefined;
         disabled?: boolean | undefined;
+        hidden?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

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

@@ -10,8 +10,8 @@ export default class RadioGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     invalid?: boolean | undefined;
-    hidden?: boolean | undefined;
     disabled?: boolean | undefined;
+    hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     orientation?: "vertical" | "horizontal" | undefined;
     required?: boolean | undefined;
@@ -32,8 +32,8 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         invalid?: boolean | undefined;
-        hidden?: boolean | undefined;
         disabled?: boolean | undefined;
+        hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         orientation?: "vertical" | "horizontal" | undefined;
         required?: boolean | undefined;

package/package/components/radio/radio.svelte

@@ -6,8 +6,8 @@
   @see https://www.w3.org/WAI/ARIA/apg/patterns/radio/
 -->
 <script>
+  import { generateElementId } from '@sveltia/utils/element';
   import Button from '../button/button.svelte';
-  import { getRandomId } from '../../services/util';
 
   /**
    * The `class` attribute on the wrapper element.
@@ -46,7 +46,7 @@
    */
   export let label = undefined;
 
-  const id = getRandomId('checkbox');
+  const id = generateElementId('checkbox');
 
   /**
    * Reference to the `Button` component.

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

@@ -12,9 +12,9 @@ export default class Radio extends SvelteComponent<{
     class?: string | undefined;
     name?: string | undefined;
     label?: string | undefined;
-    hidden?: boolean | undefined;
     disabled?: boolean | undefined;
     value?: string | undefined;
+    hidden?: boolean | undefined;
     checked?: boolean | undefined;
 }, {
     focus: FocusEvent;
@@ -37,9 +37,9 @@ declare const __propDef: {
         class?: string | undefined;
         name?: string | undefined;
         label?: string | undefined;
-        hidden?: boolean | undefined;
         disabled?: boolean | undefined;
         value?: string | undefined;
+        hidden?: boolean | undefined;
         checked?: boolean | undefined;
     };
     events: {