@rgossiaux/svelte-headlessui - npm Package Compare versions

Comparing version 1.0.0-beta.12 to 1.0.0

components/dialog/Dialog.svelte.d.ts

@@ -15,25 +15,32 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
-        open?: Boolean | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean | undefined;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        /***** Props *****/
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the `Dialog` is open */
+        open?: boolean | undefined;
+        /** The element that should receive focus when the Dialog is first opened */
         initialFocus?: HTMLElement | null | undefined;
+        /** Whether the element should ignore the internally managed open/closed state */
+        static?: boolean | undefined;
+        /** Whether the element should be unmounted, instead of just hidden, based on the open/closed state	*/
+        unmount?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
-            open: Boolean | undefined;
+            open: boolean | undefined;
         };
     };
-};
-export declare type DialogProps = typeof __propDef.props;
-export declare type DialogEvents = typeof __propDef.events;
-export declare type DialogSlots = typeof __propDef.slots;
-export default class Dialog extends SvelteComponentTyped<DialogProps, DialogEvents, DialogSlots> {
 }
+export declare type DialogProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type DialogEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type DialogSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class Dialog<TAsProp extends SupportedAs> extends SvelteComponentTyped<DialogProps<TAsProp>, DialogEvents<TAsProp>, DialogSlots<TAsProp>> {
+}
 export {};

components/dialog/DialogOverlay.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +17,8 @@ open: boolean;
     };
-};
-export declare type DialogOverlayProps = typeof __propDef.props;
-export declare type DialogOverlayEvents = typeof __propDef.events;
-export declare type DialogOverlaySlots = typeof __propDef.slots;
-export default class DialogOverlay extends SvelteComponentTyped<DialogOverlayProps, DialogOverlayEvents, DialogOverlaySlots> {
 }
+export declare type DialogOverlayProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type DialogOverlayEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type DialogOverlaySlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class DialogOverlay<TAsProp extends SupportedAs> extends SvelteComponentTyped<DialogOverlayProps<TAsProp>, DialogOverlayEvents<TAsProp>, DialogOverlaySlots<TAsProp>> {
+}
 export {};

components/dialog/DialogTitle.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "h2">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +17,8 @@ open: boolean;
     };
-};
-export declare type DialogTitleProps = typeof __propDef.props;
-export declare type DialogTitleEvents = typeof __propDef.events;
-export declare type DialogTitleSlots = typeof __propDef.slots;
-export default class DialogTitle extends SvelteComponentTyped<DialogTitleProps, DialogTitleEvents, DialogTitleSlots> {
 }
+export declare type DialogTitleProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type DialogTitleEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type DialogTitleSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class DialogTitle<TAsProp extends SupportedAs> extends SvelteComponentTyped<DialogTitleProps<TAsProp>, DialogTitleEvents<TAsProp>, DialogTitleSlots<TAsProp>> {
+}
 export {};

components/disclosure/Disclosure.svelte.d.ts

@@ -19,25 +19,27 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+        close: (focusableElement: HTMLElement | null) => void;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the `Disclosure` should be open by default */
         defaultOpen?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
             open: boolean;
-            close: (focusableElement: HTMLElement | HTMLElement | null) => void;
+            close: (focusableElement: HTMLElement | null) => void;
         };
     };
-};
-export declare type DisclosureProps = typeof __propDef.props;
-export declare type DisclosureEvents = typeof __propDef.events;
-export declare type DisclosureSlots = typeof __propDef.slots;
-export default class Disclosure extends SvelteComponentTyped<DisclosureProps, DisclosureEvents, DisclosureSlots> {
 }
+export declare type DisclosureProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type DisclosureEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type DisclosureSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class Disclosure<TAsProp extends SupportedAs> extends SvelteComponentTyped<DisclosureProps<TAsProp>, DisclosureEvents<TAsProp>, DisclosureSlots<TAsProp>> {
+}
 export {};

components/disclosure/DisclosureButton.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+        close: (focusableElement: HTMLElement | null) => void;
+    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
         disabled?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -20,8 +21,8 @@ open: boolean;
     };
-};
-export declare type DisclosureButtonProps = typeof __propDef.props;
-export declare type DisclosureButtonEvents = typeof __propDef.events;
-export declare type DisclosureButtonSlots = typeof __propDef.slots;
-export default class DisclosureButton extends SvelteComponentTyped<DisclosureButtonProps, DisclosureButtonEvents, DisclosureButtonSlots> {
 }
+export declare type DisclosureButtonProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type DisclosureButtonEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type DisclosureButtonSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class DisclosureButton<TAsProp extends SupportedAs> extends SvelteComponentTyped<DisclosureButtonProps<TAsProp>, DisclosureButtonEvents<TAsProp>, DisclosureButtonSlots<TAsProp>> {
+}
 export {};

components/disclosure/DisclosurePanel.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 export declare function usePanelContext(): string | undefined;
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+        close: (focusableElement: HTMLElement | null) => void;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the element should ignore the internally managed open/closed state */
+        static?: boolean | undefined;
+        /** Whether the element should be unmounted, instead of just hidden, based on the open/closed state	*/
+        unmount?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -20,8 +25,8 @@ open: boolean;
     };
-};
-export declare type DisclosurePanelProps = typeof __propDef.props;
-export declare type DisclosurePanelEvents = typeof __propDef.events;
-export declare type DisclosurePanelSlots = typeof __propDef.slots;
-export default class DisclosurePanel extends SvelteComponentTyped<DisclosurePanelProps, DisclosurePanelEvents, DisclosurePanelSlots> {
 }
+export declare type DisclosurePanelProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type DisclosurePanelEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type DisclosurePanelSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class DisclosurePanel<TAsProp extends SupportedAs> extends SvelteComponentTyped<DisclosurePanelProps<TAsProp>, DisclosurePanelEvents<TAsProp>, DisclosurePanelSlots<TAsProp>> {
+}
 export {};

components/listbox/Listbox.svelte.d.ts

@@ -38,13 +38,16 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the entire `Listbox` and its children should be disabled */
         disabled?: boolean | undefined;
+        /** Whether the entire `Listbox` should be oriented horizontally instead of vertically */
         horizontal?: boolean | undefined;
-        value: StateDefinition["value"];
+        /** The selected value */
+        value?: unknown;
     };
-    events: {
+    events(): {
         change: CustomEvent<any>;
@@ -54,3 +57,3 @@ } & {
     };
-    slots: {
+    slots(): {
         default: {
@@ -60,8 +63,8 @@ open: boolean;
     };
-};
-export declare type ListboxProps = typeof __propDef.props;
-export declare type ListboxEvents = typeof __propDef.events;
-export declare type ListboxSlots = typeof __propDef.slots;
-export default class Listbox extends SvelteComponentTyped<ListboxProps, ListboxEvents, ListboxSlots> {
 }
+export declare type ListboxProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type ListboxEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type ListboxSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class Listbox<TAsProp extends SupportedAs> extends SvelteComponentTyped<ListboxProps<TAsProp>, ListboxEvents<TAsProp>, ListboxSlots<TAsProp>> {
+}
 export {};

components/listbox/ListboxButton.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+        disabled: boolean;
+    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -19,8 +19,8 @@ open: boolean;
     };
-};
-export declare type ListboxButtonProps = typeof __propDef.props;
-export declare type ListboxButtonEvents = typeof __propDef.events;
-export declare type ListboxButtonSlots = typeof __propDef.slots;
-export default class ListboxButton extends SvelteComponentTyped<ListboxButtonProps, ListboxButtonEvents, ListboxButtonSlots> {
 }
+export declare type ListboxButtonProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type ListboxButtonEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type ListboxButtonSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class ListboxButton<TAsProp extends SupportedAs> extends SvelteComponentTyped<ListboxButtonProps<TAsProp>, ListboxButtonEvents<TAsProp>, ListboxButtonSlots<TAsProp>> {
+}
 export {};

components/listbox/ListboxLabel.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+        disabled: boolean;
+    }, TAsProp, "label">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -19,8 +19,8 @@ open: boolean;
     };
-};
-export declare type ListboxLabelProps = typeof __propDef.props;
-export declare type ListboxLabelEvents = typeof __propDef.events;
-export declare type ListboxLabelSlots = typeof __propDef.slots;
-export default class ListboxLabel extends SvelteComponentTyped<ListboxLabelProps, ListboxLabelEvents, ListboxLabelSlots> {
 }
+export declare type ListboxLabelProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type ListboxLabelEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type ListboxLabelSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class ListboxLabel<TAsProp extends SupportedAs> extends SvelteComponentTyped<ListboxLabelProps<TAsProp>, ListboxLabelEvents<TAsProp>, ListboxLabelSlots<TAsProp>> {
+}
 export {};

components/listbox/ListboxOption.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        active: boolean;
+        selected: boolean;
+        disabled: boolean;
+    }, TAsProp, "li">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** The option value */
         value: unknown;
+        /** Whether the option should be disabled for keyboard navigation and ARIA purposes */
         disabled?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -22,8 +26,8 @@ active: boolean;
     };
-};
-export declare type ListboxOptionProps = typeof __propDef.props;
-export declare type ListboxOptionEvents = typeof __propDef.events;
-export declare type ListboxOptionSlots = typeof __propDef.slots;
-export default class ListboxOption extends SvelteComponentTyped<ListboxOptionProps, ListboxOptionEvents, ListboxOptionSlots> {
 }
+export declare type ListboxOptionProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type ListboxOptionEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type ListboxOptionSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class ListboxOption<TAsProp extends SupportedAs> extends SvelteComponentTyped<ListboxOptionProps<TAsProp>, ListboxOptionEvents<TAsProp>, ListboxOptionSlots<TAsProp>> {
+}
 export {};

components/listbox/ListboxOptions.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "ul">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the element should ignore the internally managed open/closed state */
+        static?: boolean | undefined;
+        /** Whether the element should be unmounted, instead of just hidden, based on the open/closed state	*/
+        unmount?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +22,8 @@ open: boolean;
     };
-};
-export declare type ListboxOptionsProps = typeof __propDef.props;
-export declare type ListboxOptionsEvents = typeof __propDef.events;
-export declare type ListboxOptionsSlots = typeof __propDef.slots;
-export default class ListboxOptions extends SvelteComponentTyped<ListboxOptionsProps, ListboxOptionsEvents, ListboxOptionsSlots> {
 }
+export declare type ListboxOptionsProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type ListboxOptionsEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type ListboxOptionsSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class ListboxOptions<TAsProp extends SupportedAs> extends SvelteComponentTyped<ListboxOptionsProps<TAsProp>, ListboxOptionsEvents<TAsProp>, ListboxOptionsSlots<TAsProp>> {
+}
 export {};

components/menu/Menu.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import { Focus } from "../../utils/calculate-active-index";
 import type { Readable, Writable } from "svelte/store";
-import type { HTMLActionArray } from "../../hooks/use-actions";
 import type { SupportedAs } from "../../internal/elements";
@@ -33,12 +32,12 @@ export declare enum MenuStates {
 export declare function useMenuContext(componentName: string): Readable<StateDefinition>;
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        use?: HTMLActionArray | undefined;
-        as?: SupportedAs | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -48,8 +47,8 @@ open: boolean;
     };
-};
-export declare type MenuProps = typeof __propDef.props;
-export declare type MenuEvents = typeof __propDef.events;
-export declare type MenuSlots = typeof __propDef.slots;
-export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
 }
+export declare type MenuProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type MenuEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type MenuSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class Menu<TAsProp extends SupportedAs> extends SvelteComponentTyped<MenuProps<TAsProp>, MenuEvents<TAsProp>, MenuSlots<TAsProp>> {
+}
 export {};

components/menu/MenuButton.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
-import type { HTMLActionArray } from "../../hooks/use-actions";
 import type { SupportedAs } from "../../internal/elements";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
         disabled?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -19,8 +19,8 @@ open: boolean;
     };
-};
-export declare type MenuButtonProps = typeof __propDef.props;
-export declare type MenuButtonEvents = typeof __propDef.events;
-export declare type MenuButtonSlots = typeof __propDef.slots;
-export default class MenuButton extends SvelteComponentTyped<MenuButtonProps, MenuButtonEvents, MenuButtonSlots> {
 }
+export declare type MenuButtonProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type MenuButtonEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type MenuButtonSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class MenuButton<TAsProp extends SupportedAs> extends SvelteComponentTyped<MenuButtonProps<TAsProp>, MenuButtonEvents<TAsProp>, MenuButtonSlots<TAsProp>> {
+}
 export {};

components/menu/MenuItem.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        active: boolean;
+        disabled: boolean;
+    }, TAsProp, "a">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the item should be disabled for keyboard navigation and ARIA purposes */
         disabled?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -20,8 +22,8 @@ active: boolean;
     };
-};
-export declare type MenuItemProps = typeof __propDef.props;
-export declare type MenuItemEvents = typeof __propDef.events;
-export declare type MenuItemSlots = typeof __propDef.slots;
-export default class MenuItem extends SvelteComponentTyped<MenuItemProps, MenuItemEvents, MenuItemSlots> {
 }
+export declare type MenuItemProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type MenuItemEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type MenuItemSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class MenuItem<TAsProp extends SupportedAs> extends SvelteComponentTyped<MenuItemProps<TAsProp>, MenuItemEvents<TAsProp>, MenuItemSlots<TAsProp>> {
+}
 export {};

components/menu/MenuItems.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
-import type { HTMLActionArray } from "../../hooks/use-actions";
 import type { SupportedAs } from "../../internal/elements";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the element should ignore the internally managed open/closed state */
+        static?: boolean | undefined;
+        /** Whether the element should be unmounted, instead of just hidden, based on the open/closed state	*/
+        unmount?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +22,8 @@ open: boolean;
     };
-};
-export declare type MenuItemsProps = typeof __propDef.props;
-export declare type MenuItemsEvents = typeof __propDef.events;
-export declare type MenuItemsSlots = typeof __propDef.slots;
-export default class MenuItems extends SvelteComponentTyped<MenuItemsProps, MenuItemsEvents, MenuItemsSlots> {
 }
+export declare type MenuItemsProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type MenuItemsEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type MenuItemsSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class MenuItems<TAsProp extends SupportedAs> extends SvelteComponentTyped<MenuItemsProps<TAsProp>, MenuItemsEvents<TAsProp>, MenuItemsSlots<TAsProp>> {
+}
 export {};

components/popover/Popover.svelte.d.ts

@@ -24,13 +24,13 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+        close: (focusableElement: HTMLElement | null) => void;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -41,8 +41,8 @@ open: boolean;
     };
-};
-export declare type PopoverProps = typeof __propDef.props;
-export declare type PopoverEvents = typeof __propDef.events;
-export declare type PopoverSlots = typeof __propDef.slots;
-export default class Popover extends SvelteComponentTyped<PopoverProps, PopoverEvents, PopoverSlots> {
 }
+export declare type PopoverProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type PopoverEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type PopoverSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class Popover<TAsProp extends SupportedAs> extends SvelteComponentTyped<PopoverProps<TAsProp>, PopoverEvents<TAsProp>, PopoverSlots<TAsProp>> {
+}
 export {};

components/popover/PopoverButton.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
-        disabled?: Boolean | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        disabled?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -19,8 +19,8 @@ open: boolean;
     };
-};
-export declare type PopoverButtonProps = typeof __propDef.props;
-export declare type PopoverButtonEvents = typeof __propDef.events;
-export declare type PopoverButtonSlots = typeof __propDef.slots;
-export default class PopoverButton extends SvelteComponentTyped<PopoverButtonProps, PopoverButtonEvents, PopoverButtonSlots> {
 }
+export declare type PopoverButtonProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type PopoverButtonEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type PopoverButtonSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class PopoverButton<TAsProp extends SupportedAs> extends SvelteComponentTyped<PopoverButtonProps<TAsProp>, PopoverButtonEvents<TAsProp>, PopoverButtonSlots<TAsProp>> {
+}
 export {};

components/popover/PopoverGroup.svelte.d.ts

@@ -11,21 +11,18 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {};
     };
-};
-export declare type PopoverGroupProps = typeof __propDef.props;
-export declare type PopoverGroupEvents = typeof __propDef.events;
-export declare type PopoverGroupSlots = typeof __propDef.slots;
-export default class PopoverGroup extends SvelteComponentTyped<PopoverGroupProps, PopoverGroupEvents, PopoverGroupSlots> {
 }
+export declare type PopoverGroupProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type PopoverGroupEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type PopoverGroupSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class PopoverGroup<TAsProp extends SupportedAs> extends SvelteComponentTyped<PopoverGroupProps<TAsProp>, PopoverGroupEvents<TAsProp>, PopoverGroupSlots<TAsProp>> {
+}
 export {};

components/popover/PopoverOverlay.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +17,8 @@ open: boolean;
     };
-};
-export declare type PopoverOverlayProps = typeof __propDef.props;
-export declare type PopoverOverlayEvents = typeof __propDef.events;
-export declare type PopoverOverlaySlots = typeof __propDef.slots;
-export default class PopoverOverlay extends SvelteComponentTyped<PopoverOverlayProps, PopoverOverlayEvents, PopoverOverlaySlots> {
 }
+export declare type PopoverOverlayProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type PopoverOverlayEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type PopoverOverlaySlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class PopoverOverlay<TAsProp extends SupportedAs> extends SvelteComponentTyped<PopoverOverlayProps<TAsProp>, PopoverOverlayEvents<TAsProp>, PopoverOverlaySlots<TAsProp>> {
+}
 export {};

components/popover/PopoverPanel.svelte.d.ts

@@ -6,14 +6,24 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        open: boolean;
+        close: (focusableElement: HTMLElement | null) => void;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /**
+         * Whether the `PopoverPanel` should trap focus.
+         * If true, focus will move inside the `PopoverPanel` when it is opened,
+         * and if focus leaves the `PopoverPanel` it will close.
+         */
         focus?: boolean | undefined;
+        /** Whether the element should ignore the internally managed open/closed state */
+        static?: boolean | undefined;
+        /** Whether the element should be unmounted, instead of just hidden, based on the open/closed state	*/
+        unmount?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -24,8 +34,8 @@ open: boolean;
     };
-};
-export declare type PopoverPanelProps = typeof __propDef.props;
-export declare type PopoverPanelEvents = typeof __propDef.events;
-export declare type PopoverPanelSlots = typeof __propDef.slots;
-export default class PopoverPanel extends SvelteComponentTyped<PopoverPanelProps, PopoverPanelEvents, PopoverPanelSlots> {
 }
+export declare type PopoverPanelProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type PopoverPanelEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type PopoverPanelSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class PopoverPanel<TAsProp extends SupportedAs> extends SvelteComponentTyped<PopoverPanelProps<TAsProp>, PopoverPanelEvents<TAsProp>, PopoverPanelSlots<TAsProp>> {
+}
 export {};

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

@@ -23,23 +23,23 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** The currently selected value in the `RadioGroup` */
+        value: unknown;
+        /** Whether the `RadioGroup` and all of its `RadioGroupOption`s are disabled */
         disabled?: boolean | undefined;
-        value: StateDefinition["value"];
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {};
     };
-};
-export declare type RadioGroupProps = typeof __propDef.props;
-export declare type RadioGroupEvents = typeof __propDef.events;
-export declare type RadioGroupSlots = typeof __propDef.slots;
-export default class RadioGroup extends SvelteComponentTyped<RadioGroupProps, RadioGroupEvents, RadioGroupSlots> {
 }
+export declare type RadioGroupProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type RadioGroupEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type RadioGroupSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class RadioGroup<TAsProp extends SupportedAs> extends SvelteComponentTyped<RadioGroupProps<TAsProp>, RadioGroupEvents<TAsProp>, RadioGroupSlots<TAsProp>> {
+}
 export {};

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

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        checked: boolean;
+        disabled: boolean;
+        active: boolean;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /**
+         * The value of the `RadioGroupOption`.
+         * The type should match the type of the value prop in the `RadioGroup`
+         */
         value: unknown;
+        /** Whether the `RadioGroupOption` is disabled */
         disabled?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -22,8 +29,8 @@ checked: boolean;
     };
-};
-export declare type RadioGroupOptionProps = typeof __propDef.props;
-export declare type RadioGroupOptionEvents = typeof __propDef.events;
-export declare type RadioGroupOptionSlots = typeof __propDef.slots;
-export default class RadioGroupOption extends SvelteComponentTyped<RadioGroupOptionProps, RadioGroupOptionEvents, RadioGroupOptionSlots> {
 }
+export declare type RadioGroupOptionProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type RadioGroupOptionEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type RadioGroupOptionSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class RadioGroupOption<TAsProp extends SupportedAs> extends SvelteComponentTyped<RadioGroupOptionProps<TAsProp>, RadioGroupOptionEvents<TAsProp>, RadioGroupOptionSlots<TAsProp>> {
+}
 export {};

components/switch/Switch.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
-        checked?: boolean | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        checked: boolean;
+    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the switch is checked */
+        checked: boolean;
     };
-    events: {
+    events(): {
         change: CustomEvent<boolean>;
@@ -16,3 +17,3 @@ } & {
     };
-    slots: {
+    slots(): {
         default: {
@@ -22,8 +23,8 @@ checked: boolean;
     };
-};
-export declare type SwitchProps = typeof __propDef.props;
-export declare type SwitchEvents = typeof __propDef.events;
-export declare type SwitchSlots = typeof __propDef.slots;
-export default class Switch extends SvelteComponentTyped<SwitchProps, SwitchEvents, SwitchSlots> {
 }
+export declare type SwitchProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type SwitchEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type SwitchSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class Switch<TAsProp extends SupportedAs> extends SvelteComponentTyped<SwitchProps<TAsProp>, SwitchEvents<TAsProp>, SwitchSlots<TAsProp>> {
+}
 export {};

components/switch/SwitchGroup.svelte.d.ts

@@ -8,21 +8,18 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {};
     };
-};
-export declare type SwitchGroupProps = typeof __propDef.props;
-export declare type SwitchGroupEvents = typeof __propDef.events;
-export declare type SwitchGroupSlots = typeof __propDef.slots;
-export default class SwitchGroup extends SvelteComponentTyped<SwitchGroupProps, SwitchGroupEvents, SwitchGroupSlots> {
 }
+export declare type SwitchGroupProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type SwitchGroupEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type SwitchGroupSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class SwitchGroup<TAsProp extends SupportedAs> extends SvelteComponentTyped<SwitchGroupProps<TAsProp>, SwitchGroupEvents<TAsProp>, SwitchGroupSlots<TAsProp>> {
+}
 export {};

components/tabs/Tab.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        selected: boolean;
+    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** Whether the `Tab` is currently disabled */
         disabled?: boolean | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -19,8 +20,8 @@ selected: boolean;
     };
-};
-export declare type TabProps = typeof __propDef.props;
-export declare type TabEvents = typeof __propDef.events;
-export declare type TabSlots = typeof __propDef.slots;
-export default class Tab extends SvelteComponentTyped<TabProps, TabEvents, TabSlots> {
 }
+export declare type TabProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type TabEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type TabSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class Tab<TAsProp extends SupportedAs> extends SvelteComponentTyped<TabProps<TAsProp>, TabEvents<TAsProp>, TabSlots<TAsProp>> {
+}
 export {};

components/tabs/TabGroup.svelte.d.ts

@@ -22,13 +22,20 @@ import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        selectedIndex: number | null;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
+    } & {
+        /** The index of the default selected tab */
         defaultIndex?: number | undefined;
+        /** Whether the orientation of the `TabList` is vertical instead of horizontal */
         vertical?: boolean | undefined;
+        /**
+         * Whether, in keyboard navigation, the Enter or Space key is necessary to change tabs.
+         * By default, the arrow keys will change tabs automatically without hitting Enter/Space.
+         * This has no impact on mouse behavior
+         */
         manual?: boolean | undefined;
     };
-    events: {
+    events(): {
         change: CustomEvent<any>;
@@ -38,3 +45,3 @@ } & {
     };
-    slots: {
+    slots(): {
         default: {
@@ -44,8 +51,8 @@ selectedIndex: number | null;
     };
-};
-export declare type TabGroupProps = typeof __propDef.props;
-export declare type TabGroupEvents = typeof __propDef.events;
-export declare type TabGroupSlots = typeof __propDef.slots;
-export default class TabGroup extends SvelteComponentTyped<TabGroupProps, TabGroupEvents, TabGroupSlots> {
 }
+export declare type TabGroupProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type TabGroupEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type TabGroupSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class TabGroup<TAsProp extends SupportedAs> extends SvelteComponentTyped<TabGroupProps<TAsProp>, TabGroupEvents<TAsProp>, TabGroupSlots<TAsProp>> {
+}
 export {};

components/tabs/TabList.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        selectedIndex: number | null;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +17,8 @@ selectedIndex: number | null;
     };
-};
-export declare type TabListProps = typeof __propDef.props;
-export declare type TabListEvents = typeof __propDef.events;
-export declare type TabListSlots = typeof __propDef.slots;
-export default class TabList extends SvelteComponentTyped<TabListProps, TabListEvents, TabListSlots> {
 }
+export declare type TabListProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type TabListEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type TabListSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class TabList<TAsProp extends SupportedAs> extends SvelteComponentTyped<TabListProps<TAsProp>, TabListEvents<TAsProp>, TabListSlots<TAsProp>> {
+}
 export {};

components/tabs/TabPanel.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        selected: boolean;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +17,8 @@ selected: boolean;
     };
-};
-export declare type TabPanelProps = typeof __propDef.props;
-export declare type TabPanelEvents = typeof __propDef.events;
-export declare type TabPanelSlots = typeof __propDef.slots;
-export default class TabPanel extends SvelteComponentTyped<TabPanelProps, TabPanelEvents, TabPanelSlots> {
 }
+export declare type TabPanelProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type TabPanelEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type TabPanelSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class TabPanel<TAsProp extends SupportedAs> extends SvelteComponentTyped<TabPanelProps<TAsProp>, TabPanelEvents<TAsProp>, TabPanelSlots<TAsProp>> {
+}
 export {};

components/tabs/TabPanels.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SupportedAs } from "../../internal/elements";
-import type { HTMLActionArray } from "../../hooks/use-actions";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+declare class __sveltets_Render<TAsProp extends SupportedAs> {
+    props(): Omit<import("../../types").TRenderProps<{
+        selectedIndex: number | null;
+    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+        as?: TAsProp | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {
@@ -18,8 +17,8 @@ selectedIndex: number | null;
     };
-};
-export declare type TabPanelsProps = typeof __propDef.props;
-export declare type TabPanelsEvents = typeof __propDef.events;
-export declare type TabPanelsSlots = typeof __propDef.slots;
-export default class TabPanels extends SvelteComponentTyped<TabPanelsProps, TabPanelsEvents, TabPanelsSlots> {
 }
+export declare type TabPanelsProps<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['props']>;
+export declare type TabPanelsEvents<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['events']>;
+export declare type TabPanelsSlots<TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TAsProp>['slots']>;
+export default class TabPanels<TAsProp extends SupportedAs> extends SvelteComponentTyped<TabPanelsProps<TAsProp>, TabPanelsEvents<TAsProp>, TabPanelsSlots<TAsProp>> {
+}
 export {};

components/transitions/TransitionChild.svelte.d.ts

@@ -0,2 +1,37 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import { SvelteComponentTyped } from "svelte";
+export declare type TTransitionProps = {
+    enter?: string;
+    /** Classes to add to the transitioning element before the enter phase starts */
+    enterFrom?: string;
+    /** Classes to add to the transitioning element immediately after the enter phase starts */
+    enterTo?: string;
+    /**
+     * Classes to add to the transitioning element once the transition is done.
+     * These classes will persist after that until the leave phase
+     */
+    entered?: string;
+    /** Classes to add to the transitioning element during the entire leave phase */
+    leave?: string;
+    /** Classes to add to the transitioning element before the leave phase starts */
+    leaveFrom?: string;
+    /** Classes to add to the transitioning element immediately after the leave phase starts */
+    leaveTo?: string;
+    /** Whether the element should be unmounted, instead of just hidden, based on the open/closed state */
+    unmount?: boolean;
+    /**
+     * A list of actions to apply to the component's HTML element.
+     *
+     * Each action must take the form `[action]` or `[action, options]`:
+     *
+     * use={[[action1], [action2, action2Options], [action3]]}
+     */
+    use?: HTMLActionArray;
+    /** The class attribute for this component. It will always be present. */
+    class?: string;
+    /** The style attribute for this component. It will always be present. */
+    style?: string;
+    /** The element this component should render as */
+    as?: SupportedAs;
+};
 import type { SupportedAs } from "../../internal/elements";
@@ -6,12 +41,342 @@ import type { HTMLActionArray } from "../../hooks/use-actions";
     props: {
-        [x: string]: any;
-        as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
         enter?: string | undefined;
+        /** Classes to add to the transitioning element before the enter phase starts */
         enterFrom?: string | undefined;
+        /** Classes to add to the transitioning element immediately after the enter phase starts */
         enterTo?: string | undefined;
+        /**
+         * Classes to add to the transitioning element once the transition is done.
+         * These classes will persist after that until the leave phase
+         */
         entered?: string | undefined;
+        /** Classes to add to the transitioning element during the entire leave phase */
         leave?: string | undefined;
+        /** Classes to add to the transitioning element before the leave phase starts */
         leaveFrom?: string | undefined;
+        /** Classes to add to the transitioning element immediately after the leave phase starts */
         leaveTo?: string | undefined;
+        /** Whether the element should be unmounted, instead of just hidden, based on the open/closed state */
+        unmount?: boolean | undefined;
+        /**
+         * A list of actions to apply to the component's HTML element.
+         *
+         * Each action must take the form `[action]` or `[action, options]`:
+         *
+         * use={[[action1], [action2, action2Options], [action3]]}
+         */
+        use?: HTMLActionArray | undefined;
+        /** The class attribute for this component. It will always be present. */
+        class?: string | undefined;
+        /** The style attribute for this component. It will always be present. */
+        style?: string | undefined;
+        /** The element this component should render as */
+        as?: SupportedAs | undefined;
+        'aria-hidden'?: boolean | "true" | "false" | null | undefined;
+        cite?: string | null | undefined;
+        data?: string | null | undefined;
+        dir?: string | null | undefined;
+        form?: string | null | undefined;
+        label?: string | null | undefined;
+        slot?: string | null | undefined;
+        span?: number | null | undefined;
+        summary?: string | null | undefined;
+        title?: string | null | undefined;
+        pattern?: string | null | undefined;
+        tabindex?: number | null | undefined;
+        name?: string | null | undefined;
+        id?: string | null | undefined;
+        capture?: boolean | "environment" | "user" | null | undefined;
+        dataset?: object | null | undefined;
+        accept?: string | null | undefined;
+        acceptcharset?: string | null | undefined;
+        accesskey?: string | null | undefined;
+        action?: string | null | undefined;
+        allow?: string | null | undefined;
+        allowfullscreen?: boolean | null | undefined;
+        allowtransparency?: boolean | null | undefined;
+        allowpaymentrequest?: boolean | null | undefined;
+        alt?: string | null | undefined;
+        async?: boolean | null | undefined;
+        autocomplete?: string | null | undefined;
+        autofocus?: boolean | null | undefined;
+        autoplay?: boolean | null | undefined;
+        cellpadding?: string | number | null | undefined;
+        cellspacing?: string | number | null | undefined;
+        charset?: string | null | undefined;
+        challenge?: string | null | undefined;
+        checked?: boolean | null | undefined;
+        classid?: string | null | undefined;
+        cols?: number | null | undefined;
+        colspan?: number | null | undefined;
+        content?: string | null | undefined;
+        contenteditable?: boolean | "true" | "false" | null | undefined;
+        innerHTML?: string | null | undefined;
+        textContent?: string | null | undefined;
+        contextmenu?: string | null | undefined;
+        controls?: boolean | null | undefined;
+        coords?: string | null | undefined;
+        crossorigin?: string | null | undefined;
+        currenttime?: number | null | undefined;
+        decoding?: "async" | "auto" | "sync" | null | undefined;
+        datetime?: string | null | undefined;
+        default?: boolean | null | undefined;
+        defaultmuted?: boolean | null | undefined;
+        defaultplaybackrate?: number | null | undefined;
+        defer?: boolean | null | undefined;
+        dirname?: string | null | undefined;
+        disabled?: boolean | null | undefined;
+        download?: any;
+        draggable?: boolean | "true" | "false" | null | undefined;
+        enctype?: string | null | undefined;
+        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
+        for?: string | null | undefined;
+        formaction?: string | null | undefined;
+        formenctype?: string | null | undefined;
+        formmethod?: string | null | undefined;
+        formnovalidate?: boolean | null | undefined;
+        formtarget?: string | null | undefined;
+        frameborder?: string | number | null | undefined;
+        headers?: string | null | undefined;
+        height?: string | number | null | undefined;
+        hidden?: boolean | null | undefined;
+        high?: number | null | undefined;
+        href?: string | null | undefined;
+        hreflang?: string | null | undefined;
+        htmlfor?: string | null | undefined;
+        httpequiv?: string | null | undefined;
+        inputmode?: string | null | undefined;
+        integrity?: string | null | undefined;
+        is?: string | null | undefined;
+        ismap?: boolean | null | undefined;
+        keyparams?: string | null | undefined;
+        keytype?: string | null | undefined;
+        kind?: string | null | undefined;
+        lang?: string | null | undefined;
+        list?: string | null | undefined;
+        loading?: string | null | undefined;
+        loop?: boolean | null | undefined;
+        low?: number | null | undefined;
+        manifest?: string | null | undefined;
+        marginheight?: number | null | undefined;
+        marginwidth?: number | null | undefined;
+        max?: string | number | null | undefined;
+        maxlength?: number | null | undefined;
+        media?: string | null | undefined;
+        mediagroup?: string | null | undefined;
+        method?: string | null | undefined;
+        min?: string | number | null | undefined;
+        minlength?: number | null | undefined;
+        multiple?: boolean | null | undefined;
+        muted?: boolean | null | undefined;
+        nonce?: string | null | undefined;
+        novalidate?: boolean | null | undefined;
+        open?: boolean | null | undefined;
+        optimum?: number | null | undefined;
+        part?: string | null | undefined;
+        placeholder?: string | null | undefined;
+        playsinline?: boolean | null | undefined;
+        poster?: string | null | undefined;
+        preload?: string | null | undefined;
+        radiogroup?: string | null | undefined;
+        readonly?: boolean | null | undefined;
+        referrerpolicy?: string | null | undefined;
+        rel?: string | null | undefined;
+        required?: boolean | null | undefined;
+        reversed?: boolean | null | undefined;
+        role?: string | null | undefined;
+        rows?: number | null | undefined;
+        rowspan?: number | null | undefined;
+        sandbox?: string | null | undefined;
+        scope?: string | null | undefined;
+        scoped?: boolean | null | undefined;
+        scrolling?: string | null | undefined;
+        seamless?: boolean | null | undefined;
+        selected?: boolean | null | undefined;
+        shape?: string | null | undefined;
+        size?: number | null | undefined;
+        sizes?: string | null | undefined;
+        spellcheck?: boolean | "true" | "false" | null | undefined;
+        src?: string | null | undefined;
+        srcdoc?: string | null | undefined;
+        srclang?: string | null | undefined;
+        srcset?: string | null | undefined;
+        start?: number | null | undefined;
+        step?: string | number | null | undefined;
+        target?: string | null | undefined;
+        type?: string | null | undefined;
+        usemap?: string | null | undefined;
+        value?: any;
+        volume?: number | null | undefined;
+        width?: string | number | null | undefined;
+        wmode?: string | null | undefined;
+        wrap?: string | 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;
+        controlslist?: "nodownload" | "nofullscreen" | "noplaybackrate" | "noremoteplayback" | 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?: boolean | null | undefined;
+        'aria-activedescendant'?: string | null | undefined;
+        'aria-atomic'?: boolean | "true" | "false" | null | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-busy'?: boolean | "true" | "false" | null | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "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'?: boolean | "true" | "time" | "step" | "false" | "page" | "location" | "date" | null | undefined;
+        'aria-describedby'?: string | null | undefined;
+        'aria-details'?: string | null | undefined;
+        'aria-disabled'?: boolean | "true" | "false" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
+        'aria-errormessage'?: string | null | undefined;
+        'aria-expanded'?: boolean | "true" | "false" | null | undefined;
+        'aria-flowto'?: string | null | undefined;
+        'aria-grabbed'?: boolean | "true" | "false" | null | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "listbox" | "false" | "tree" | "grid" | null | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "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'?: boolean | "true" | "false" | null | undefined;
+        'aria-multiline'?: boolean | "true" | "false" | null | undefined;
+        'aria-multiselectable'?: boolean | "true" | "false" | null | undefined;
+        'aria-orientation'?: "vertical" | "horizontal" | null | undefined;
+        'aria-owns'?: string | null | undefined;
+        'aria-placeholder'?: string | null | undefined;
+        'aria-posinset'?: number | null | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-readonly'?: boolean | "true" | "false" | null | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-required'?: boolean | "true" | "false" | null | undefined;
+        'aria-roledescription'?: string | null | undefined;
+        'aria-rowcount'?: number | null | undefined;
+        'aria-rowindex'?: number | null | undefined;
+        'aria-rowspan'?: number | null | undefined;
+        'aria-selected'?: boolean | "true" | "false" | 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;
+        oncopy?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        oncut?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        onpaste?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionend?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionstart?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionupdate?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        onfocus?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onfocusin?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onfocusout?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onblur?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onchange?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        oninput?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        onreset?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        onsubmit?: svelte.JSX.EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
+        oninvalid?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onbeforeinput?: svelte.JSX.EventHandler<InputEvent, HTMLDivElement> | null | undefined;
+        onload?: svelte.JSX.EventHandler<Event, HTMLElement> | null | undefined;
+        onerror?: svelte.JSX.EventHandler<Event, HTMLElement> | null | undefined;
+        ontoggle?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onkeydown?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onkeypress?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onkeyup?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onabort?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncanplay?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncanplaythrough?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncuechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ondurationchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onemptied?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onencrypted?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onended?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadeddata?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadedmetadata?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadstart?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onpause?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onplay?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onplaying?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onprogress?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onratechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onseeked?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onseeking?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onstalled?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onsuspend?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ontimeupdate?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onvolumechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onwaiting?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onauxclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        oncontextmenu?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        ondblclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        ondrag?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragend?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragenter?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragexit?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragleave?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragover?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragstart?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondrop?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        onmousedown?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseenter?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseleave?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmousemove?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseout?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseover?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseup?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onselect?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onselectionchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onselectstart?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ontouchcancel?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchend?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchmove?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchstart?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ongotpointercapture?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointercancel?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerdown?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerenter?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerleave?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointermove?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerout?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerover?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerup?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onlostpointercapture?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onscroll?: svelte.JSX.UIEventHandler<HTMLDivElement> | null | undefined;
+        onresize?: svelte.JSX.UIEventHandler<HTMLDivElement> | null | undefined;
+        onwheel?: svelte.JSX.WheelEventHandler<HTMLDivElement> | null | undefined;
+        onanimationstart?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        onanimationend?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        onanimationiteration?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionstart?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionrun?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionend?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitioncancel?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        onoutrostart?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onoutroend?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onintrostart?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onintroend?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onmessage?: svelte.JSX.MessageEventHandler<HTMLDivElement> | null | undefined;
+        onmessageerror?: svelte.JSX.MessageEventHandler<HTMLDivElement> | null | undefined;
+        oncancel?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onclose?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onfullscreenchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onfullscreenerror?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
     };
@@ -18,0 +383,0 @@ events: {

components/transitions/TransitionChildWrapper.svelte.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import { SvelteComponentTyped } from "svelte";
@@ -6,5 +7,324 @@ import type { SupportedAs } from "../../internal/elements";
     props: {
-        [x: string]: any;
+        enter?: string | undefined;
+        enterFrom?: string | undefined;
+        enterTo?: string | undefined;
+        entered?: string | undefined;
+        leave?: string | undefined;
+        leaveFrom?: string | undefined;
+        leaveTo?: string | undefined;
+        unmount?: boolean | undefined;
+        use?: HTMLActionArray | undefined;
+        class?: string | undefined;
+        style?: string | undefined;
         as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+        'aria-hidden'?: boolean | "true" | "false" | null | undefined;
+        cite?: string | null | undefined;
+        data?: string | null | undefined;
+        dir?: string | null | undefined;
+        form?: string | null | undefined;
+        label?: string | null | undefined;
+        slot?: string | null | undefined;
+        span?: number | null | undefined;
+        summary?: string | null | undefined;
+        title?: string | null | undefined;
+        pattern?: string | null | undefined;
+        tabindex?: number | null | undefined;
+        name?: string | null | undefined;
+        id?: string | null | undefined;
+        capture?: boolean | "environment" | "user" | null | undefined;
+        dataset?: object | null | undefined;
+        accept?: string | null | undefined;
+        acceptcharset?: string | null | undefined;
+        accesskey?: string | null | undefined;
+        action?: string | null | undefined;
+        allow?: string | null | undefined;
+        allowfullscreen?: boolean | null | undefined;
+        allowtransparency?: boolean | null | undefined;
+        allowpaymentrequest?: boolean | null | undefined;
+        alt?: string | null | undefined;
+        async?: boolean | null | undefined;
+        autocomplete?: string | null | undefined;
+        autofocus?: boolean | null | undefined;
+        autoplay?: boolean | null | undefined;
+        cellpadding?: string | number | null | undefined;
+        cellspacing?: string | number | null | undefined;
+        charset?: string | null | undefined;
+        challenge?: string | null | undefined;
+        checked?: boolean | null | undefined;
+        classid?: string | null | undefined;
+        cols?: number | null | undefined;
+        colspan?: number | null | undefined;
+        content?: string | null | undefined;
+        contenteditable?: boolean | "true" | "false" | null | undefined;
+        innerHTML?: string | null | undefined;
+        textContent?: string | null | undefined;
+        contextmenu?: string | null | undefined;
+        controls?: boolean | null | undefined;
+        coords?: string | null | undefined;
+        crossorigin?: string | null | undefined;
+        currenttime?: number | null | undefined;
+        decoding?: "async" | "auto" | "sync" | null | undefined;
+        datetime?: string | null | undefined;
+        default?: boolean | null | undefined;
+        defaultmuted?: boolean | null | undefined;
+        defaultplaybackrate?: number | null | undefined;
+        defer?: boolean | null | undefined;
+        dirname?: string | null | undefined;
+        disabled?: boolean | null | undefined;
+        download?: any;
+        draggable?: boolean | "true" | "false" | null | undefined;
+        enctype?: string | null | undefined;
+        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
+        for?: string | null | undefined;
+        formaction?: string | null | undefined;
+        formenctype?: string | null | undefined;
+        formmethod?: string | null | undefined;
+        formnovalidate?: boolean | null | undefined;
+        formtarget?: string | null | undefined;
+        frameborder?: string | number | null | undefined;
+        headers?: string | null | undefined;
+        height?: string | number | null | undefined;
+        hidden?: boolean | null | undefined;
+        high?: number | null | undefined;
+        href?: string | null | undefined;
+        hreflang?: string | null | undefined;
+        htmlfor?: string | null | undefined;
+        httpequiv?: string | null | undefined;
+        inputmode?: string | null | undefined;
+        integrity?: string | null | undefined;
+        is?: string | null | undefined;
+        ismap?: boolean | null | undefined;
+        keyparams?: string | null | undefined;
+        keytype?: string | null | undefined;
+        kind?: string | null | undefined;
+        lang?: string | null | undefined;
+        list?: string | null | undefined;
+        loading?: string | null | undefined;
+        loop?: boolean | null | undefined;
+        low?: number | null | undefined;
+        manifest?: string | null | undefined;
+        marginheight?: number | null | undefined;
+        marginwidth?: number | null | undefined;
+        max?: string | number | null | undefined;
+        maxlength?: number | null | undefined;
+        media?: string | null | undefined;
+        mediagroup?: string | null | undefined;
+        method?: string | null | undefined;
+        min?: string | number | null | undefined;
+        minlength?: number | null | undefined;
+        multiple?: boolean | null | undefined;
+        muted?: boolean | null | undefined;
+        nonce?: string | null | undefined;
+        novalidate?: boolean | null | undefined;
+        open?: boolean | null | undefined;
+        optimum?: number | null | undefined;
+        part?: string | null | undefined;
+        placeholder?: string | null | undefined;
+        playsinline?: boolean | null | undefined;
+        poster?: string | null | undefined;
+        preload?: string | null | undefined;
+        radiogroup?: string | null | undefined;
+        readonly?: boolean | null | undefined;
+        referrerpolicy?: string | null | undefined;
+        rel?: string | null | undefined;
+        required?: boolean | null | undefined;
+        reversed?: boolean | null | undefined;
+        role?: string | null | undefined;
+        rows?: number | null | undefined;
+        rowspan?: number | null | undefined;
+        sandbox?: string | null | undefined;
+        scope?: string | null | undefined;
+        scoped?: boolean | null | undefined;
+        scrolling?: string | null | undefined;
+        seamless?: boolean | null | undefined;
+        selected?: boolean | null | undefined;
+        shape?: string | null | undefined;
+        size?: number | null | undefined;
+        sizes?: string | null | undefined;
+        spellcheck?: boolean | "true" | "false" | null | undefined;
+        src?: string | null | undefined;
+        srcdoc?: string | null | undefined;
+        srclang?: string | null | undefined;
+        srcset?: string | null | undefined;
+        start?: number | null | undefined;
+        step?: string | number | null | undefined;
+        target?: string | null | undefined;
+        type?: string | null | undefined;
+        usemap?: string | null | undefined;
+        value?: any;
+        volume?: number | null | undefined;
+        width?: string | number | null | undefined;
+        wmode?: string | null | undefined;
+        wrap?: string | 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;
+        controlslist?: "nodownload" | "nofullscreen" | "noplaybackrate" | "noremoteplayback" | 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?: boolean | null | undefined;
+        'aria-activedescendant'?: string | null | undefined;
+        'aria-atomic'?: boolean | "true" | "false" | null | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-busy'?: boolean | "true" | "false" | null | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "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'?: boolean | "true" | "time" | "step" | "false" | "page" | "location" | "date" | null | undefined;
+        'aria-describedby'?: string | null | undefined;
+        'aria-details'?: string | null | undefined;
+        'aria-disabled'?: boolean | "true" | "false" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
+        'aria-errormessage'?: string | null | undefined;
+        'aria-expanded'?: boolean | "true" | "false" | null | undefined;
+        'aria-flowto'?: string | null | undefined;
+        'aria-grabbed'?: boolean | "true" | "false" | null | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "listbox" | "false" | "tree" | "grid" | null | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "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'?: boolean | "true" | "false" | null | undefined;
+        'aria-multiline'?: boolean | "true" | "false" | null | undefined;
+        'aria-multiselectable'?: boolean | "true" | "false" | null | undefined;
+        'aria-orientation'?: "vertical" | "horizontal" | null | undefined;
+        'aria-owns'?: string | null | undefined;
+        'aria-placeholder'?: string | null | undefined;
+        'aria-posinset'?: number | null | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-readonly'?: boolean | "true" | "false" | null | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-required'?: boolean | "true" | "false" | null | undefined;
+        'aria-roledescription'?: string | null | undefined;
+        'aria-rowcount'?: number | null | undefined;
+        'aria-rowindex'?: number | null | undefined;
+        'aria-rowspan'?: number | null | undefined;
+        'aria-selected'?: boolean | "true" | "false" | 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;
+        oncopy?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        oncut?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        onpaste?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionend?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionstart?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionupdate?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        onfocus?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onfocusin?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onfocusout?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onblur?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onchange?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        oninput?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        onreset?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        onsubmit?: svelte.JSX.EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
+        oninvalid?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onbeforeinput?: svelte.JSX.EventHandler<InputEvent, HTMLDivElement> | null | undefined;
+        onload?: svelte.JSX.EventHandler<Event, HTMLElement> | null | undefined;
+        onerror?: svelte.JSX.EventHandler<Event, HTMLElement> | null | undefined;
+        ontoggle?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onkeydown?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onkeypress?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onkeyup?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onabort?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncanplay?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncanplaythrough?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncuechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ondurationchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onemptied?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onencrypted?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onended?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadeddata?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadedmetadata?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadstart?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onpause?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onplay?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onplaying?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onprogress?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onratechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onseeked?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onseeking?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onstalled?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onsuspend?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ontimeupdate?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onvolumechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onwaiting?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onauxclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        oncontextmenu?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        ondblclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        ondrag?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragend?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragenter?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragexit?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragleave?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragover?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragstart?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondrop?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        onmousedown?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseenter?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseleave?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmousemove?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseout?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseover?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseup?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onselect?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onselectionchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onselectstart?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ontouchcancel?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchend?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchmove?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchstart?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ongotpointercapture?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointercancel?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerdown?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerenter?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerleave?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointermove?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerout?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerover?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerup?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onlostpointercapture?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onscroll?: svelte.JSX.UIEventHandler<HTMLDivElement> | null | undefined;
+        onresize?: svelte.JSX.UIEventHandler<HTMLDivElement> | null | undefined;
+        onwheel?: svelte.JSX.WheelEventHandler<HTMLDivElement> | null | undefined;
+        onanimationstart?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        onanimationend?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        onanimationiteration?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionstart?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionrun?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionend?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitioncancel?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        onoutrostart?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onoutroend?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onintrostart?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onintroend?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onmessage?: svelte.JSX.MessageEventHandler<HTMLDivElement> | null | undefined;
+        onmessageerror?: svelte.JSX.MessageEventHandler<HTMLDivElement> | null | undefined;
+        oncancel?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onclose?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onfullscreenchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onfullscreenerror?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        show?: boolean | undefined;
+        appear?: boolean | undefined;
     };
@@ -11,0 +331,0 @@ events: {

components/transitions/TransitionRoot.svelte.d.ts

@@ -0,10 +1,338 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import { SvelteComponentTyped } from "svelte";
+export declare type TTransitionRootProps = TTransitionProps & Omit<TRestProps<"div">, "as"> & {
+    /** Whether the children should be shown */
+    show?: boolean;
+    /** Whether the transition should run on initial mount */
+    appear?: boolean;
+};
+import { type TTransitionProps } from "./TransitionChild.svelte";
 import type { SupportedAs } from "../../internal/elements";
 import type { HTMLActionArray } from "../../hooks/use-actions";
+import type { TRestProps } from "../../types";
 declare const __propDef: {
     props: {
-        [x: string]: any;
+        enter?: string | undefined;
+        enterFrom?: string | undefined;
+        enterTo?: string | undefined;
+        entered?: string | undefined;
+        leave?: string | undefined;
+        leaveFrom?: string | undefined;
+        leaveTo?: string | undefined;
+        unmount?: boolean | undefined;
+        use?: HTMLActionArray | undefined;
+        class?: string | undefined;
+        style?: string | undefined;
         as?: SupportedAs | undefined;
-        use?: HTMLActionArray | undefined;
+        'aria-hidden'?: boolean | "true" | "false" | null | undefined;
+        cite?: string | null | undefined;
+        data?: string | null | undefined;
+        dir?: string | null | undefined;
+        form?: string | null | undefined;
+        label?: string | null | undefined;
+        slot?: string | null | undefined;
+        span?: number | null | undefined;
+        summary?: string | null | undefined;
+        title?: string | null | undefined;
+        pattern?: string | null | undefined;
+        tabindex?: number | null | undefined;
+        name?: string | null | undefined;
+        id?: string | null | undefined;
+        capture?: boolean | "environment" | "user" | null | undefined;
+        dataset?: object | null | undefined;
+        accept?: string | null | undefined;
+        acceptcharset?: string | null | undefined;
+        accesskey?: string | null | undefined;
+        action?: string | null | undefined;
+        allow?: string | null | undefined;
+        allowfullscreen?: boolean | null | undefined;
+        allowtransparency?: boolean | null | undefined;
+        allowpaymentrequest?: boolean | null | undefined;
+        alt?: string | null | undefined;
+        async?: boolean | null | undefined;
+        autocomplete?: string | null | undefined;
+        autofocus?: boolean | null | undefined;
+        autoplay?: boolean | null | undefined;
+        cellpadding?: string | number | null | undefined;
+        cellspacing?: string | number | null | undefined;
+        charset?: string | null | undefined;
+        challenge?: string | null | undefined;
+        checked?: boolean | null | undefined;
+        classid?: string | null | undefined;
+        cols?: number | null | undefined;
+        colspan?: number | null | undefined;
+        content?: string | null | undefined;
+        contenteditable?: boolean | "true" | "false" | null | undefined;
+        innerHTML?: string | null | undefined;
+        textContent?: string | null | undefined;
+        contextmenu?: string | null | undefined;
+        controls?: boolean | null | undefined;
+        coords?: string | null | undefined;
+        crossorigin?: string | null | undefined;
+        currenttime?: number | null | undefined;
+        decoding?: "async" | "auto" | "sync" | null | undefined;
+        datetime?: string | null | undefined;
+        default?: boolean | null | undefined;
+        defaultmuted?: boolean | null | undefined;
+        defaultplaybackrate?: number | null | undefined;
+        defer?: boolean | null | undefined;
+        dirname?: string | null | undefined;
+        disabled?: boolean | null | undefined;
+        download?: any;
+        draggable?: boolean | "true" | "false" | null | undefined;
+        enctype?: string | null | undefined;
+        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
+        for?: string | null | undefined;
+        formaction?: string | null | undefined;
+        formenctype?: string | null | undefined;
+        formmethod?: string | null | undefined;
+        formnovalidate?: boolean | null | undefined;
+        formtarget?: string | null | undefined;
+        frameborder?: string | number | null | undefined;
+        headers?: string | null | undefined;
+        height?: string | number | null | undefined;
+        hidden?: boolean | null | undefined;
+        high?: number | null | undefined;
+        href?: string | null | undefined;
+        hreflang?: string | null | undefined;
+        htmlfor?: string | null | undefined;
+        httpequiv?: string | null | undefined;
+        inputmode?: string | null | undefined;
+        integrity?: string | null | undefined;
+        is?: string | null | undefined;
+        ismap?: boolean | null | undefined;
+        keyparams?: string | null | undefined;
+        keytype?: string | null | undefined;
+        kind?: string | null | undefined;
+        lang?: string | null | undefined;
+        list?: string | null | undefined;
+        loading?: string | null | undefined;
+        loop?: boolean | null | undefined;
+        low?: number | null | undefined;
+        manifest?: string | null | undefined;
+        marginheight?: number | null | undefined;
+        marginwidth?: number | null | undefined;
+        max?: string | number | null | undefined;
+        maxlength?: number | null | undefined;
+        media?: string | null | undefined;
+        mediagroup?: string | null | undefined;
+        method?: string | null | undefined;
+        min?: string | number | null | undefined;
+        minlength?: number | null | undefined;
+        multiple?: boolean | null | undefined;
+        muted?: boolean | null | undefined;
+        nonce?: string | null | undefined;
+        novalidate?: boolean | null | undefined;
+        open?: boolean | null | undefined;
+        optimum?: number | null | undefined;
+        part?: string | null | undefined;
+        placeholder?: string | null | undefined;
+        playsinline?: boolean | null | undefined;
+        poster?: string | null | undefined;
+        preload?: string | null | undefined;
+        radiogroup?: string | null | undefined;
+        readonly?: boolean | null | undefined;
+        referrerpolicy?: string | null | undefined;
+        rel?: string | null | undefined;
+        required?: boolean | null | undefined;
+        reversed?: boolean | null | undefined;
+        role?: string | null | undefined;
+        rows?: number | null | undefined;
+        rowspan?: number | null | undefined;
+        sandbox?: string | null | undefined;
+        scope?: string | null | undefined;
+        scoped?: boolean | null | undefined;
+        scrolling?: string | null | undefined;
+        seamless?: boolean | null | undefined;
+        selected?: boolean | null | undefined;
+        shape?: string | null | undefined;
+        size?: number | null | undefined;
+        sizes?: string | null | undefined;
+        spellcheck?: boolean | "true" | "false" | null | undefined;
+        src?: string | null | undefined;
+        srcdoc?: string | null | undefined;
+        srclang?: string | null | undefined;
+        srcset?: string | null | undefined;
+        start?: number | null | undefined;
+        step?: string | number | null | undefined;
+        target?: string | null | undefined;
+        type?: string | null | undefined;
+        usemap?: string | null | undefined;
+        value?: any;
+        volume?: number | null | undefined;
+        width?: string | number | null | undefined;
+        wmode?: string | null | undefined;
+        wrap?: string | 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;
+        controlslist?: "nodownload" | "nofullscreen" | "noplaybackrate" | "noremoteplayback" | 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?: boolean | null | undefined;
+        'aria-activedescendant'?: string | null | undefined;
+        'aria-atomic'?: boolean | "true" | "false" | null | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-busy'?: boolean | "true" | "false" | null | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "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'?: boolean | "true" | "time" | "step" | "false" | "page" | "location" | "date" | null | undefined;
+        'aria-describedby'?: string | null | undefined;
+        'aria-details'?: string | null | undefined;
+        'aria-disabled'?: boolean | "true" | "false" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
+        'aria-errormessage'?: string | null | undefined;
+        'aria-expanded'?: boolean | "true" | "false" | null | undefined;
+        'aria-flowto'?: string | null | undefined;
+        'aria-grabbed'?: boolean | "true" | "false" | null | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "listbox" | "false" | "tree" | "grid" | null | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "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'?: boolean | "true" | "false" | null | undefined;
+        'aria-multiline'?: boolean | "true" | "false" | null | undefined;
+        'aria-multiselectable'?: boolean | "true" | "false" | null | undefined;
+        'aria-orientation'?: "vertical" | "horizontal" | null | undefined;
+        'aria-owns'?: string | null | undefined;
+        'aria-placeholder'?: string | null | undefined;
+        'aria-posinset'?: number | null | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-readonly'?: boolean | "true" | "false" | null | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-required'?: boolean | "true" | "false" | null | undefined;
+        'aria-roledescription'?: string | null | undefined;
+        'aria-rowcount'?: number | null | undefined;
+        'aria-rowindex'?: number | null | undefined;
+        'aria-rowspan'?: number | null | undefined;
+        'aria-selected'?: boolean | "true" | "false" | 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;
+        oncopy?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        oncut?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        onpaste?: svelte.JSX.ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionend?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionstart?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        oncompositionupdate?: svelte.JSX.CompositionEventHandler<HTMLDivElement> | null | undefined;
+        onfocus?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onfocusin?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onfocusout?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onblur?: svelte.JSX.FocusEventHandler<HTMLDivElement> | null | undefined;
+        onchange?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        oninput?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        onreset?: svelte.JSX.FormEventHandler<HTMLDivElement> | null | undefined;
+        onsubmit?: svelte.JSX.EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
+        oninvalid?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onbeforeinput?: svelte.JSX.EventHandler<InputEvent, HTMLDivElement> | null | undefined;
+        onload?: svelte.JSX.EventHandler<Event, HTMLElement> | null | undefined;
+        onerror?: svelte.JSX.EventHandler<Event, HTMLElement> | null | undefined;
+        ontoggle?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onkeydown?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onkeypress?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onkeyup?: svelte.JSX.KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        onabort?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncanplay?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncanplaythrough?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        oncuechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ondurationchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onemptied?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onencrypted?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onended?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadeddata?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadedmetadata?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onloadstart?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onpause?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onplay?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onplaying?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onprogress?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onratechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onseeked?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onseeking?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onstalled?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onsuspend?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ontimeupdate?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onvolumechange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onwaiting?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onauxclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        oncontextmenu?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        ondblclick?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        ondrag?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragend?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragenter?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragexit?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragleave?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragover?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondragstart?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        ondrop?: svelte.JSX.DragEventHandler<HTMLDivElement> | null | undefined;
+        onmousedown?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseenter?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseleave?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmousemove?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseout?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseover?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onmouseup?: svelte.JSX.MouseEventHandler<HTMLDivElement> | null | undefined;
+        onselect?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onselectionchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onselectstart?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        ontouchcancel?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchend?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchmove?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ontouchstart?: svelte.JSX.TouchEventHandler<HTMLDivElement> | null | undefined;
+        ongotpointercapture?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointercancel?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerdown?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerenter?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerleave?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointermove?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerout?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerover?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onpointerup?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onlostpointercapture?: svelte.JSX.PointerEventHandler<HTMLDivElement> | null | undefined;
+        onscroll?: svelte.JSX.UIEventHandler<HTMLDivElement> | null | undefined;
+        onresize?: svelte.JSX.UIEventHandler<HTMLDivElement> | null | undefined;
+        onwheel?: svelte.JSX.WheelEventHandler<HTMLDivElement> | null | undefined;
+        onanimationstart?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        onanimationend?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        onanimationiteration?: svelte.JSX.AnimationEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionstart?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionrun?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitionend?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        ontransitioncancel?: svelte.JSX.TransitionEventHandler<HTMLDivElement> | null | undefined;
+        onoutrostart?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onoutroend?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onintrostart?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onintroend?: svelte.JSX.EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        onmessage?: svelte.JSX.MessageEventHandler<HTMLDivElement> | null | undefined;
+        onmessageerror?: svelte.JSX.MessageEventHandler<HTMLDivElement> | null | undefined;
+        oncancel?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onclose?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onfullscreenchange?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        onfullscreenerror?: svelte.JSX.EventHandler<Event, HTMLDivElement> | null | undefined;
+        /** Whether the children should be shown */
         show?: boolean | undefined;
+        /** Whether the transition should run on initial mount */
         appear?: boolean | undefined;
@@ -11,0 +339,0 @@ };

internal/elements/index.d.ts

 import type { SvelteComponent } from "svelte";
-import A from "./A.svelte";
-import Address from "./Address.svelte";
-import Article from "./Article.svelte";
-import Aside from "./Aside.svelte";
-import B from "./B.svelte";
-import Bdi from "./Bdi.svelte";
-import Bdo from "./Bdo.svelte";
-import Blockquote from "./Blockquote.svelte";
-import Button from "./Button.svelte";
-import Cite from "./Cite.svelte";
-import Code from "./Code.svelte";
-import Data from "./Data.svelte";
-import Datalist from "./Datalist.svelte";
-import Dd from "./Dd.svelte";
-import Dl from "./Dl.svelte";
-import Dt from "./Dt.svelte";
-import Div from "./Div.svelte";
-import Em from "./Em.svelte";
-import Footer from "./Footer.svelte";
-import Form from "./Form.svelte";
-import H1 from "./H1.svelte";
-import H2 from "./H2.svelte";
-import H3 from "./H3.svelte";
-import H4 from "./H4.svelte";
-import H5 from "./H5.svelte";
-import H6 from "./H6.svelte";
-import Header from "./Header.svelte";
-import I from "./I.svelte";
-import Input from "./Input.svelte";
-import Label from "./Label.svelte";
-import Li from "./Li.svelte";
-import Main from "./Main.svelte";
-import Nav from "./Nav.svelte";
-import Ol from "./Ol.svelte";
-import P from "./P.svelte";
-import Section from "./Section.svelte";
-import Span from "./Span.svelte";
-import Strong from "./Strong.svelte";
-import Ul from "./Ul.svelte";
-declare const components: {
-    a: typeof A;
-    address: typeof Address;
-    article: typeof Article;
-    aside: typeof Aside;
-    b: typeof B;
-    bdi: typeof Bdi;
-    bdo: typeof Bdo;
-    blockquote: typeof Blockquote;
-    button: typeof Button;
-    cite: typeof Cite;
-    code: typeof Code;
-    data: typeof Data;
-    datalist: typeof Datalist;
-    dd: typeof Dd;
-    dl: typeof Dl;
-    dt: typeof Dt;
-    div: typeof Div;
-    em: typeof Em;
-    footer: typeof Footer;
-    form: typeof Form;
-    h1: typeof H1;
-    h2: typeof H2;
-    h3: typeof H3;
-    h4: typeof H4;
-    h5: typeof H5;
-    h6: typeof H6;
-    header: typeof Header;
-    i: typeof I;
-    input: typeof Input;
-    label: typeof Label;
-    li: typeof Li;
-    main: typeof Main;
-    nav: typeof Nav;
-    ol: typeof Ol;
-    p: typeof P;
-    section: typeof Section;
-    span: typeof Span;
-    strong: typeof Strong;
-    ul: typeof Ul;
-};
-export declare type SupportedElement = keyof typeof components;
-export declare type SupportedAs = SupportedElement | SvelteComponent;
-export declare function getElementComponent(name: SupportedElement): typeof A | typeof Address | typeof Article | typeof Aside | typeof B | typeof Bdi | typeof Bdo | typeof Blockquote | typeof Button | typeof Cite | typeof Code | typeof Data | typeof Datalist | typeof Dd | typeof Dl | typeof Dt | typeof Div | typeof Em | typeof Footer | typeof Form | typeof H1 | typeof H2 | typeof H3 | typeof H4 | typeof H5 | typeof H6 | typeof Header | typeof I | typeof Input | typeof Label | typeof Li | typeof Main | typeof Nav | typeof Ol | typeof P | typeof Section | typeof Span | typeof Strong | typeof Ul;
+declare const components: readonly ["a", "address", "article", "aside", "b", "bdi", "bdo", "blockquote", "button", "cite", "code", "data", "datalist", "dd", "dl", "dt", "div", "em", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "i", "input", "label", "li", "main", "nav", "ol", "p", "section", "span", "strong", "ul"];
+export declare type SupportedElement = typeof components[number];
+export declare type SupportedAs = SupportedElement | typeof SvelteComponent;
+export declare function isValidElement(element: SupportedAs): boolean;
 export {};

internal/elements/index.js

@@ -1,83 +0,44 @@
-import A from "./A.svelte";
-import Address from "./Address.svelte";
-import Article from "./Article.svelte";
-import Aside from "./Aside.svelte";
-import B from "./B.svelte";
-import Bdi from "./Bdi.svelte";
-import Bdo from "./Bdo.svelte";
-import Blockquote from "./Blockquote.svelte";
-import Button from "./Button.svelte";
-import Cite from "./Cite.svelte";
-import Code from "./Code.svelte";
-import Data from "./Data.svelte";
-import Datalist from "./Datalist.svelte";
-import Dd from "./Dd.svelte";
-import Dl from "./Dl.svelte";
-import Dt from "./Dt.svelte";
-import Div from "./Div.svelte";
-import Em from "./Em.svelte";
-import Footer from "./Footer.svelte";
-import Form from "./Form.svelte";
-import H1 from "./H1.svelte";
-import H2 from "./H2.svelte";
-import H3 from "./H3.svelte";
-import H4 from "./H4.svelte";
-import H5 from "./H5.svelte";
-import H6 from "./H6.svelte";
-import Header from "./Header.svelte";
-import I from "./I.svelte";
-import Input from "./Input.svelte";
-import Label from "./Label.svelte";
-import Li from "./Li.svelte";
-import Main from "./Main.svelte";
-import Nav from "./Nav.svelte";
-import Ol from "./Ol.svelte";
-import P from "./P.svelte";
-import Section from "./Section.svelte";
-import Span from "./Span.svelte";
-import Strong from "./Strong.svelte";
-import Ul from "./Ul.svelte";
-const components = {
-    a: A,
-    address: Address,
-    article: Article,
-    aside: Aside,
-    b: B,
-    bdi: Bdi,
-    bdo: Bdo,
-    blockquote: Blockquote,
-    button: Button,
-    cite: Cite,
-    code: Code,
-    data: Data,
-    datalist: Datalist,
-    dd: Dd,
-    dl: Dl,
-    dt: Dt,
-    div: Div,
-    em: Em,
-    footer: Footer,
-    form: Form,
-    h1: H1,
-    h2: H2,
-    h3: H3,
-    h4: H4,
-    h5: H5,
-    h6: H6,
-    header: Header,
-    i: I,
-    input: Input,
-    label: Label,
-    li: Li,
-    main: Main,
-    nav: Nav,
-    ol: Ol,
-    p: P,
-    section: Section,
-    span: Span,
-    strong: Strong,
-    ul: Ul,
-};
-export function getElementComponent(name) {
-    return components[name];
+const components = [
+    "a",
+    "address",
+    "article",
+    "aside",
+    "b",
+    "bdi",
+    "bdo",
+    "blockquote",
+    "button",
+    "cite",
+    "code",
+    "data",
+    "datalist",
+    "dd",
+    "dl",
+    "dt",
+    "div",
+    "em",
+    "footer",
+    "form",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "header",
+    "i",
+    "input",
+    "label",
+    "li",
+    "main",
+    "nav",
+    "ol",
+    "p",
+    "section",
+    "span",
+    "strong",
+    "ul",
+];
+export function isValidElement(element) {
+    return !(typeof element === "string" && !components.includes(element));
 }

package.json

@@ -18,3 +18,3 @@ {
   "repository": "github:rgossiaux/svelte-headlessui",
-  "version": "1.0.0-beta.12",
+  "version": "1.0.0",
   "peerDependencies": {
@@ -21,0 +21,0 @@ "svelte": "^3.44.0"

test-utils/TestRenderer.svelte.d.ts

@@ -11,3 +11,3 @@ import { SvelteComponentTyped } from "svelte";
 }
-declare type SingleComponent = string | [SvelteComponent, ComponentProps, TestRendererProps];
+declare type SingleComponent = string | [typeof SvelteComponent, ComponentProps, TestRendererProps];
 export declare type TestRendererProps = undefined | SingleComponent | SingleComponent[];
@@ -14,0 +14,0 @@ import type { SvelteComponent } from "svelte";

types.js

@@ -0,1 +1,3 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
+// Can't figure out how to import from Render.svelte, so this must be moved here instead.
 export var Features;
@@ -2,0 +4,0 @@ (function (Features) {

utils/Render.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
-import { SvelteComponent } from "svelte/internal";
-export declare enum Features {
-    /** No features at all */
-    None = 0,
-    /**
-     * When used, this will allow us to use one of the render strategies.
-     *
-     * **The render strategies are:**
-     *    - **Unmount**   _(Will unmount the component.)_
-     *    - **Hidden**    _(Will hide the component using the [hidden] attribute.)_
-     */
-    RenderStrategy = 1,
-    /**
-     * When used, this will allow the user of our component to be in control. This can be used when
-     * you want to transition based on some state.
-     */
-    Static = 2
-}
+import { type SupportedAs } from "../internal/elements";
 export declare enum RenderStrategy {
@@ -24,15 +7,15 @@ Unmount = 0,
 }
-import type { ActionArray } from "../hooks/use-actions";
-declare class __sveltets_Render<TSlotProps extends {}> {
-    props(): {
-        [x: string]: any;
+import { type HTMLActionArray } from "../hooks/use-actions";
+import { Features } from "../types";
+declare class __sveltets_Render<TSlotProps extends {}, TAsProp extends SupportedAs> {
+    props(): import("../types").TRestProps<import("../types").TResolveAs<TAsProp, TAsProp>> & {
         name: string;
-        as: "a" | "address" | "article" | "aside" | "b" | "bdi" | "bdo" | "blockquote" | "button" | "cite" | "code" | "data" | "datalist" | "dd" | "div" | "dl" | "dt" | "em" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "i" | "input" | "label" | "li" | "main" | "nav" | "ol" | "p" | "section" | "span" | "strong" | "ul" | SvelteComponent;
         slotProps: TSlotProps;
         el?: HTMLElement | null | undefined;
-        use?: ActionArray | undefined;
         visible?: boolean | undefined;
         features?: Features | undefined;
+        as: TAsProp;
+        static?: boolean | undefined;
         unmount?: boolean | undefined;
-        static?: boolean | undefined;
+        use?: HTMLActionArray | undefined;
         class?: string | ((props: TSlotProps) => string) | undefined;
@@ -48,7 +31,7 @@ style?: string | ((props: TSlotProps) => string) | undefined;
 }
-export declare type RenderProps<TSlotProps extends {}> = ReturnType<__sveltets_Render<TSlotProps>['props']>;
-export declare type RenderEvents<TSlotProps extends {}> = ReturnType<__sveltets_Render<TSlotProps>['events']>;
-export declare type RenderSlots<TSlotProps extends {}> = ReturnType<__sveltets_Render<TSlotProps>['slots']>;
-export default class Render<TSlotProps extends {}> extends SvelteComponentTyped<RenderProps<TSlotProps>, RenderEvents<TSlotProps>, RenderSlots<TSlotProps>> {
+export declare type RenderProps<TSlotProps extends {}, TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TSlotProps, TAsProp>['props']>;
+export declare type RenderEvents<TSlotProps extends {}, TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TSlotProps, TAsProp>['events']>;
+export declare type RenderSlots<TSlotProps extends {}, TAsProp extends SupportedAs> = ReturnType<__sveltets_Render<TSlotProps, TAsProp>['slots']>;
+export default class Render<TSlotProps extends {}, TAsProp extends SupportedAs> extends SvelteComponentTyped<RenderProps<TSlotProps, TAsProp>, RenderEvents<TSlotProps, TAsProp>, RenderSlots<TSlotProps, TAsProp>> {
 }
 export {};

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

373130

increased by14.27%

Lines of code

5302

increased by4.08%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Number of package files

179

decreased by-28.97%

No dependency changes