bits-ui 0.8.4 → 0.9.0

package/dist/bits/accordion/components/Accordion.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
 declare class __sveltets_Render<Multiple extends boolean> {
     props(): {
-        forceVisible?: boolean | undefined;
         multiple?: Multiple | undefined;
         disabled?: boolean | undefined;
+        forceVisible?: boolean | undefined;
         value?: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined;
         onValueChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
         asChild?: boolean | undefined;
@@ -66,7 +66,7 @@ declare class __sveltets_Render<Multiple extends boolean> {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/accordion/components/AccordionContent.svelte.d.ts

@@ -68,7 +68,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/accordion/components/AccordionHeader.svelte.d.ts

@@ -62,7 +62,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/accordion/components/AccordionItem.svelte.d.ts

@@ -63,7 +63,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/accordion/components/AccordionTrigger.svelte

@@ -14,6 +14,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-keydown={dispatch}

package/dist/bits/accordion/components/AccordionTrigger.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialog.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        forceVisible?: boolean | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
+        forceVisible?: boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;

package/dist/bits/alert-dialog/components/AlertDialogAction.svelte

@@ -16,6 +16,7 @@ const attrs = getAttrs("action");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/alert-dialog/components/AlertDialogAction.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialogCancel.svelte

@@ -16,6 +16,7 @@ const attrs = getAttrs("cancel");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/alert-dialog/components/AlertDialogCancel.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialogContent.svelte.d.ts

@@ -68,7 +68,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialogDescription.svelte.d.ts

@@ -61,7 +61,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialogOverlay.svelte.d.ts

@@ -68,7 +68,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialogPortal.svelte.d.ts

@@ -61,7 +61,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialogTitle.svelte.d.ts

@@ -62,7 +62,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/alert-dialog/components/AlertDialogTrigger.svelte

@@ -16,6 +16,7 @@ const attrs = getAttrs("trigger");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
 		{...$$restProps}

package/dist/bits/alert-dialog/components/AlertDialogTrigger.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/aspect-ratio/components/AspectRatio.svelte.d.ts

@@ -61,7 +61,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/avatar/components/Avatar.svelte.d.ts

@@ -64,7 +64,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/avatar/components/AvatarFallback.svelte.d.ts

@@ -61,7 +61,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/avatar/components/AvatarImage.svelte.d.ts

@@ -75,7 +75,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/button/components/Button.svelte

@@ -1,4 +1,4 @@
-<script>import { builderActions, getAttrs } from "../../../internal/index.js";
+<script>import { builderActions, getAttrs } from "../../../helpers/index.js";
 export let href = void 0;
 export let type = void 0;
 export let builders = [];

package/dist/bits/button/components/Button.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         href?: string | null | undefined;
         type?: undefined;
-        builders?: import("../../../internal/index.js").Builder[] | undefined;
+        builders?: import("../../../internal/types.js").Builder[] | undefined;
         download?: any;
         hreflang?: string | null | undefined;
         media?: string | null | undefined;
@@ -73,7 +73,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
@@ -225,7 +225,7 @@ declare const __propDef: {
     } | {
         type?: "button" | "submit" | "reset" | null | undefined;
         href?: undefined;
-        builders?: import("../../../internal/index.js").Builder[] | undefined;
+        builders?: import("../../../internal/types.js").Builder[] | undefined;
         disabled?: boolean | null | undefined;
         form?: string | null | undefined;
         formaction?: string | null | undefined;
@@ -294,7 +294,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/checkbox/components/Checkbox.svelte

@@ -1,7 +1,7 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { setCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
-export let checked = void 0;
+export let checked = false;
 export let disabled = void 0;
 export let name = void 0;
 export let required = void 0;
@@ -47,6 +47,7 @@ const attrs = getAttrs("root");
 {:else}
 	<button
 		{...builder} use:builder.action
+		type="button"
 		{...$$restProps}
 		{...attrs}
 		on:m-click={dispatch}

package/dist/bits/checkbox/components/Checkbox.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import type { Events } from "../types.js";
 declare const __propDef: {
     props: {
-        value?: string | (string & string[]) | undefined;
         disabled?: boolean | undefined;
+        value?: string | (string & string[]) | undefined;
         name?: string | undefined;
         required?: boolean | undefined;
         checked?: boolean | "indeterminate" | undefined;
@@ -75,7 +75,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/checkbox/components/CheckboxIndicator.svelte.d.ts

@@ -60,7 +60,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/checkbox/components/CheckboxInput.svelte

@@ -1,9 +1,9 @@
-<script>import { getCtx, getAttrs } from "../ctx.js";
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx } from "../ctx.js";
 const {
-  helpers: { isChecked },
-  options: { disabled }
+  elements: { input },
+  options: { value }
 } = getCtx();
-const attrs = getAttrs("input");
 </script>
 
-<input hidden value={$isChecked ? true : false} disabled={$disabled} {...$$restProps} {...attrs} />
+<input {...$input} use:$input.action value={$value ?? "on"} {...$$restProps} />

package/dist/bits/checkbox/components/CheckboxInput.svelte.d.ts

@@ -1,243 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        checked?: boolean | null | undefined;
-        multiple?: boolean | null | undefined;
-        disabled?: boolean | null | undefined;
-        src?: string | null | undefined;
-        alt?: string | null | undefined;
-        size?: number | null | undefined;
-        max?: string | number | null | undefined;
-        placeholder?: string | null | undefined;
-        'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        form?: string | null | undefined;
-        list?: string | null | undefined;
-        radiogroup?: string | null | undefined;
-        step?: string | number | null | undefined;
-        contextmenu?: string | null | undefined;
-        title?: string | null | undefined;
-        role?: import("svelte/elements.js").AriaRole | null | undefined;
-        type?: import("svelte/elements.js").HTMLInputTypeAttribute | null | undefined;
-        accesskey?: string | null | undefined;
-        autofocus?: boolean | null | undefined;
-        class?: string | null | undefined;
-        contenteditable?: import("svelte/elements.js").Booleanish | "inherit" | "plaintext-only" | null | undefined;
-        dir?: string | null | undefined;
-        draggable?: import("svelte/elements.js").Booleanish | null | undefined;
-        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
-        hidden?: boolean | null | undefined;
-        id?: string | null | undefined;
-        lang?: string | null | undefined;
-        part?: string | null | undefined;
-        slot?: string | null | undefined;
-        spellcheck?: import("svelte/elements.js").Booleanish | null | undefined;
-        style?: string | null | undefined;
-        tabindex?: number | null | undefined;
-        translate?: "" | "yes" | "no" | null | undefined;
-        inert?: boolean | null | undefined;
-        about?: string | null | undefined;
-        datatype?: string | null | undefined;
-        inlist?: any;
-        prefix?: string | null | undefined;
-        property?: string | null | undefined;
-        resource?: string | null | undefined;
-        typeof?: string | null | undefined;
-        vocab?: string | null | undefined;
-        autocapitalize?: string | null | undefined;
-        autocorrect?: string | null | undefined;
-        autosave?: string | null | undefined;
-        color?: string | null | undefined;
-        itemprop?: string | null | undefined;
-        itemscope?: boolean | null | undefined;
-        itemtype?: string | null | undefined;
-        itemid?: string | null | undefined;
-        itemref?: string | null | undefined;
-        results?: number | null | undefined;
-        security?: string | null | undefined;
-        unselectable?: "on" | "off" | null | undefined;
-        inputmode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
-        is?: string | null | undefined;
-        'bind:innerHTML'?: string | null | undefined;
-        'bind:textContent'?: string | null | undefined;
-        'bind:innerText'?: string | null | undefined;
-        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
-        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'aria-activedescendant'?: string | null | undefined;
-        'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
-        'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
-        'aria-colcount'?: number | null | undefined;
-        'aria-colindex'?: number | null | undefined;
-        'aria-colspan'?: number | null | undefined;
-        'aria-controls'?: string | null | undefined;
-        'aria-current'?: import("svelte/elements.js").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
-        'aria-describedby'?: string | null | undefined;
-        'aria-details'?: string | null | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
-        'aria-errormessage'?: string | null | undefined;
-        'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-flowto'?: string | null | undefined;
-        'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
-        'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
-        'aria-keyshortcuts'?: string | null | undefined;
-        'aria-label'?: string | null | undefined;
-        'aria-labelledby'?: string | null | undefined;
-        'aria-level'?: number | null | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
-        'aria-modal'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-multiline'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-multiselectable'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
-        'aria-owns'?: string | null | undefined;
-        'aria-placeholder'?: string | null | undefined;
-        'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
-        'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
-        'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-roledescription'?: string | null | undefined;
-        'aria-rowcount'?: number | null | undefined;
-        'aria-rowindex'?: number | null | undefined;
-        'aria-rowspan'?: number | null | undefined;
-        'aria-selected'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-setsize'?: number | null | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
-        'aria-valuemax'?: number | null | undefined;
-        'aria-valuemin'?: number | null | undefined;
-        'aria-valuenow'?: number | null | undefined;
-        'aria-valuetext'?: string | null | undefined;
-        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLInputElement> | null | undefined;
-        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLInputElement> | null | undefined;
-        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLInputElement> | null | undefined;
-        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:change'?: import("svelte/elements.js").ChangeEventHandler<HTMLInputElement> | null | undefined;
-        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLInputElement> | null | undefined;
-        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLInputElement> | null | undefined;
-        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLInputElement> | null | undefined;
-        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLInputElement> | null | undefined;
-        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLInputElement> | null | undefined;
-        'on:load'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
-        'on:error'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
-        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLInputElement> | null | undefined;
-        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLInputElement> | null | undefined;
-        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLInputElement> | null | undefined;
-        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLInputElement> | null | undefined;
-        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLInputElement> | null | undefined;
-        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLInputElement> | null | undefined;
-        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLInputElement> | null | undefined;
-        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        formaction?: string | null | undefined;
-        formenctype?: string | null | undefined;
-        formmethod?: string | null | undefined;
-        formnovalidate?: boolean | null | undefined;
-        formtarget?: string | null | undefined;
-        name?: string | null | undefined;
-        required?: boolean | null | undefined;
-        indeterminate?: boolean | null | undefined;
-        accept?: string | null | undefined;
-        autocomplete?: string | null | undefined;
-        capture?: boolean | "user" | "environment" | null | undefined;
-        crossorigin?: string | null | undefined;
-        height?: string | number | null | undefined;
-        maxlength?: number | null | undefined;
-        min?: string | number | null | undefined;
-        minlength?: number | null | undefined;
-        pattern?: string | null | undefined;
-        readonly?: boolean | null | undefined;
-        width?: string | number | null | undefined;
-        'bind:checked'?: boolean | null | undefined;
-        'bind:value'?: any;
-        'bind:group'?: any;
-        'bind:files'?: FileList | null | undefined;
-        'bind:indeterminate'?: boolean | null | undefined;
+        [x: string]: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;