@pzerelles/headlessui-svelte 2.1.1-next.1 → 2.1.2-next.3

package/dist/description/Description.svelte.d.ts

@@ -1,32 +1,15 @@
-import type { SvelteHTMLElements } from "svelte/elements";
-import { type Snippet } from "svelte";
-export type DescriptionProps<TTag extends keyof SvelteHTMLElements = typeof DEFAULT_DESCRIPTION_TAG> = SvelteHTMLElements[TTag] & {
-    as?: TTag;
-    children?: Snippet<[
-        {
-            disabled: boolean;
-        }
-    ]>;
-};
-declare const DEFAULT_DESCRIPTION_TAG: "p";
-interface SharedData {
-    slot?: {};
-    name?: string;
-    props?: Record<string, any>;
-}
-export type DescriptionContext = {
-    value: string | undefined;
-    register(value: string): () => void;
-} & SharedData;
-export declare function useDescriptionContext(): DescriptionContext;
-export declare function useDescribedBy(): {
-    readonly value: string | undefined;
-};
-export declare const useDescriptions: (options?: SharedData & {
-    inherit?: boolean;
-}) => DescriptionContext;
-declare class __sveltets_Render<TTag extends keyof SvelteHTMLElements> {
-    props(): DescriptionProps<TTag>;
+import type { ElementType, Props, PropsOf } from "../utils/types.js";
+declare let DEFAULT_DESCRIPTION_TAG: "p";
+export type DescriptionProps<TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG> = Props<TTag>;
+declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG> {
+    props(): {
+        as?: TTag | undefined;
+    } & (Exclude<keyof PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
+        children?: import("../utils/types.js").Children<{}> | undefined;
+        ref?: HTMLElement;
+    } & (true extends (PropsOf<TTag> extends infer T_1 ? T_1 extends PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
+        class?: PropsOf<TTag>["class"] | ((bag: {}) => string) | undefined;
+    } : {});
     events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
@@ -35,14 +18,14 @@ declare class __sveltets_Render<TTag extends keyof SvelteHTMLElements> {
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <TTag extends keyof SvelteHTMLElements>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
+    new <TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
     } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends keyof SvelteHTMLElements>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {
+    <TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {
         $$events?: ReturnType<__sveltets_Render<TTag>['events']>;
     }): ReturnType<__sveltets_Render<TTag>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const Description: $$IsomorphicComponent;
-type Description<TTag extends keyof SvelteHTMLElements> = InstanceType<typeof Description<TTag>>;
+type Description<TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG> = InstanceType<typeof Description<TTag>>;
 export default Description;

package/dist/description/context.svelte.d.ts

@@ -0,0 +1,17 @@
+interface SharedData {
+    slot?: {};
+    name?: string;
+    props?: Record<string, any>;
+}
+export type DescriptionContext = {
+    value: string | undefined;
+    register(value: string): () => void;
+} & SharedData;
+export declare function useDescriptionContext(): DescriptionContext;
+export declare function useDescribedBy(): {
+    readonly value: string | undefined;
+};
+export declare const useDescriptions: (options?: SharedData & {
+    inherit?: boolean;
+}) => DescriptionContext;
+export {};

package/dist/description/context.svelte.js

@@ -0,0 +1,51 @@
+import { getContext, setContext } from "svelte";
+export function useDescriptionContext() {
+    let context = getContext("DescriptionContext");
+    if (context === null) {
+        let err = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
+        if (Error.captureStackTrace)
+            Error.captureStackTrace(err, useDescriptionContext);
+        throw err;
+    }
+    return context;
+}
+export function useDescribedBy() {
+    const context = getContext("DescriptionContext");
+    return {
+        get value() {
+            return context?.value;
+        },
+    };
+}
+export const useDescriptions = (options = {}) => {
+    const { slot, name, props, inherit } = $derived(options);
+    let descriptionIds = $state([]);
+    const value = $derived(descriptionIds.length > 0 ? descriptionIds.join(" ") : undefined);
+    const context = {
+        get slot() {
+            return slot;
+        },
+        get name() {
+            return name;
+        },
+        get props() {
+            return props;
+        },
+        get value() {
+            return value;
+        },
+        register(value) {
+            descriptionIds.push(value);
+            return () => {
+                const clone = descriptionIds.slice();
+                const idx = clone.indexOf(value);
+                if (idx !== -1)
+                    clone.splice(idx, 1);
+                descriptionIds = clone;
+                return descriptionIds;
+            };
+        },
+    };
+    setContext("DescriptionContext", context);
+    return context;
+};

package/dist/dialog/Dialog.svelte

@@ -0,0 +1,51 @@
+<script lang="ts" module>import { MainTreeProvider } from "../hooks/use-root-containers.svelte.js";
+import { useOpenClosed } from "../internal/open-closed.js";
+import { RenderFeatures } from "../utils/render.js";
+import { getContext } from "svelte";
+import InternalDialog from "./InternalDialog.svelte";
+import Transition from "../transition/Transition.svelte";
+export const DEFAULT_DIALOG_TAG = "div";
+export const DialogRenderFeatures = RenderFeatures.RenderStrategy | RenderFeatures.Static;
+</script>
+
+<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_DIALOG_TAG">let { ref = $bindable(), transition = false, open, ...rest } = $props();
+const usesOpenClosedState = useOpenClosed();
+const hasOpen = $derived(open !== void 0 || usesOpenClosedState);
+const hasOnClose = $derived(rest.hasOwnProperty("onclose"));
+$effect(() => {
+  if (!hasOpen && !hasOnClose) {
+    throw new Error(`You have to provide an \`open\` and an \`onclose\` prop to the \`Dialog\` component.`);
+  }
+  if (!hasOpen) {
+    throw new Error(`You provided an \`onclose\` prop to the \`Dialog\`, but forgot an \`open\` prop.`);
+  }
+  if (!hasOnClose) {
+    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but forgot an \`onclose\` prop.`);
+  }
+  if (!usesOpenClosedState && typeof open !== "boolean") {
+    throw new Error(
+      `You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${open}`
+    );
+  }
+  if (typeof rest.onclose !== "function") {
+    throw new Error(
+      `You provided an \`onclose\` prop to the \`Dialog\`, but the value is not a function. Received: ${rest.onclose}`
+    );
+  }
+});
+const DialogComponent = InternalDialog;
+</script>
+
+{#if (open !== undefined || transition) && !rest.static}
+  <MainTreeProvider>
+    <Transition show={open} {transition} unmount={rest.unmount} {ref}>
+      {#snippet children(slot, props)}
+        <DialogComponent bind:ref {...props} {...rest} />
+      {/snippet}
+    </Transition>
+  </MainTreeProvider>
+{:else}
+  <MainTreeProvider>
+    <DialogComponent bind:ref {open} {...rest} />
+  </MainTreeProvider>
+{/if}

package/dist/dialog/Dialog.svelte.d.ts

@@ -0,0 +1,60 @@
+import { type PropsForFeatures } from "../utils/render.js";
+import type { ElementType, Props } from "../utils/types.js";
+import { type Snippet } from "svelte";
+export declare const DEFAULT_DIALOG_TAG: "div";
+export type DialogRenderPropArg = {
+    open: boolean;
+};
+type DialogPropsWeControl = "aria-describedby" | "aria-labelledby" | "aria-modal";
+export declare const DialogRenderFeatures: number;
+export type DialogProps<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG> = Props<TTag, DialogRenderPropArg, DialogPropsWeControl, PropsForFeatures<typeof DialogRenderFeatures> & {
+    id?: string;
+    open?: boolean;
+    onclose(value: boolean): void;
+    initialFocus?: HTMLElement;
+    role?: "dialog" | "alertdialog";
+    autofocus?: boolean;
+    transition?: boolean;
+    __demoMode?: boolean;
+}>;
+export type DialogChildren = Snippet<[DialogRenderPropArg]>;
+declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG> {
+    props(): {
+        as?: TTag | undefined;
+    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "autofocus" | "unmount" | "static" | "id" | "role" | "onclose" | "initialFocus" | DialogPropsWeControl | "open" | "transition" | "__demoMode"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
+        children?: import("../utils/types.js").Children<DialogRenderPropArg> | undefined;
+        ref?: HTMLElement;
+    } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
+        class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: DialogRenderPropArg) => string) | undefined;
+    } : {}) & {
+        static?: boolean | undefined;
+        unmount?: boolean | undefined;
+    } & {
+        id?: string;
+        open?: boolean;
+        onclose(value: boolean): void;
+        initialFocus?: HTMLElement;
+        role?: "dialog" | "alertdialog";
+        autofocus?: boolean;
+        transition?: boolean;
+        __demoMode?: boolean;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): "ref";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
+    } & ReturnType<__sveltets_Render<TTag>['exports']>;
+    <TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<TTag>['events']>;
+    }): ReturnType<__sveltets_Render<TTag>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Dialog: $$IsomorphicComponent;
+type Dialog<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG> = InstanceType<typeof Dialog<TTag>>;
+export default Dialog;

package/dist/dialog/DialogBackdrop.svelte

@@ -0,0 +1,39 @@
+<script lang="ts" module>let DEFAULT_BACKDROP_TAG = "div";
+</script>
+
+<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG">import { DialogStates, useDialogContext } from "./context.svelte.js";
+import ElementOrComponent from "../utils/ElementOrComponent.svelte";
+import { mergeProps } from "../utils/render.js";
+import TransitionChild from "../transition/TransitionChild.svelte";
+let { ref = $bindable(), transition = false, ...theirProps } = $props();
+const _state = useDialogContext("Dialog.Panel");
+const { dialogState, unmount } = $derived(_state);
+const slot = $derived({ open: dialogState === DialogStates.Open });
+const ourProps = mergeProps({
+  "aria-hidden": true
+});
+</script>
+
+{#if transition}
+  <TransitionChild {unmount} {ref}>
+    {#snippet children(slot, props)}
+      <ElementOrComponent
+        ourProps={{ ...ourProps, ...props }}
+        {theirProps}
+        slots={slot}
+        defaultTag={DEFAULT_BACKDROP_TAG}
+        name="DialogBackdrop"
+        bind:ref
+      />
+    {/snippet}
+  </TransitionChild>
+{:else}
+  <ElementOrComponent
+    {ourProps}
+    {theirProps}
+    slots={slot}
+    defaultTag={DEFAULT_BACKDROP_TAG}
+    name="DialogBackdrop"
+    bind:ref
+  />
+{/if}

package/dist/dialog/DialogBackdrop.svelte.d.ts

@@ -0,0 +1,38 @@
+import type { ElementType, Props } from "../utils/types.js";
+declare let DEFAULT_BACKDROP_TAG: "div";
+type BackdropRenderPropArg = {
+    open: boolean;
+};
+export type DialogBackdropProps<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG> = Props<TTag, BackdropRenderPropArg, never, {
+    transition?: boolean;
+}>;
+declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG> {
+    props(): {
+        as?: TTag | undefined;
+    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "transition"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
+        children?: import("../utils/types.js").Children<BackdropRenderPropArg> | undefined;
+        ref?: HTMLElement;
+    } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
+        class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: BackdropRenderPropArg) => string) | undefined;
+    } : {}) & {
+        transition?: boolean;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): "ref";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
+    } & ReturnType<__sveltets_Render<TTag>['exports']>;
+    <TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<TTag>['events']>;
+    }): ReturnType<__sveltets_Render<TTag>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const DialogBackdrop: $$IsomorphicComponent;
+type DialogBackdrop<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG> = InstanceType<typeof DialogBackdrop<TTag>>;
+export default DialogBackdrop;

package/dist/dialog/DialogPanel.svelte

@@ -0,0 +1,46 @@
+<script lang="ts" module>let DEFAULT_PANEL_TAG = "div";
+</script>
+
+<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_PANEL_TAG">import { useId } from "../hooks/use-id.js";
+import { DialogStates, useDialogContext } from "./context.svelte.js";
+import ElementOrComponent from "../utils/ElementOrComponent.svelte";
+import { mergeProps } from "../utils/render.js";
+import TransitionChild from "../transition/TransitionChild.svelte";
+import { onMount } from "svelte";
+let internalId = useId();
+let {
+  ref = $bindable(),
+  id = `headlessui-dialog-panel-${internalId}`,
+  transition = false,
+  ...theirProps
+} = $props();
+const _state = useDialogContext("Dialog.Panel");
+const { dialogState, unmount } = $derived(_state);
+const slot = $derived({ open: dialogState === DialogStates.Open });
+const handleClick = (event) => {
+  event.stopPropagation();
+};
+const ourProps = $derived(
+  mergeProps({
+    id,
+    onclick: handleClick
+  })
+);
+</script>
+
+{#if transition}
+  <TransitionChild {unmount} {ref}>
+    {#snippet children(slot, props)}
+      <ElementOrComponent
+        ourProps={{ ...ourProps, ...props }}
+        {theirProps}
+        slots={slot}
+        defaultTag={DEFAULT_PANEL_TAG}
+        name="DialogPanel"
+        bind:ref
+      />
+    {/snippet}
+  </TransitionChild>
+{:else}
+  <ElementOrComponent {ourProps} {theirProps} slots={slot} defaultTag={DEFAULT_PANEL_TAG} name="DialogPanel" bind:ref />
+{/if}

package/dist/dialog/DialogPanel.svelte.d.ts

@@ -0,0 +1,40 @@
+import type { ElementType, Props } from "../utils/types.js";
+declare let DEFAULT_PANEL_TAG: "div";
+type PanelRenderPropArg = {
+    open: boolean;
+};
+export type DialogPanelProps<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = Props<TTag, PanelRenderPropArg, never, {
+    id?: string;
+    transition?: boolean;
+}>;
+declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> {
+    props(): {
+        as?: TTag | undefined;
+    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "id" | "transition"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
+        children?: import("../utils/types.js").Children<PanelRenderPropArg> | undefined;
+        ref?: HTMLElement;
+    } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
+        class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: PanelRenderPropArg) => string) | undefined;
+    } : {}) & {
+        id?: string;
+        transition?: boolean;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): "ref";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
+    } & ReturnType<__sveltets_Render<TTag>['exports']>;
+    <TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<TTag>['events']>;
+    }): ReturnType<__sveltets_Render<TTag>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const DialogPanel: $$IsomorphicComponent;
+type DialogPanel<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = InstanceType<typeof DialogPanel<TTag>>;
+export default DialogPanel;

package/dist/dialog/DialogTitle.svelte

@@ -0,0 +1,29 @@
+<script lang="ts" module>let DEFAULT_TITLE_TAG = "h2";
+</script>
+
+<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_TITLE_TAG">import { useId } from "../hooks/use-id.js";
+import { DialogStates, useDialogContext } from "./context.svelte.js";
+import { onMount } from "svelte";
+import ElementOrComponent from "../utils/ElementOrComponent.svelte";
+import { mergeProps } from "../utils/render.js";
+const internalId = useId();
+let {
+  ref = $bindable(),
+  id = `headlessui-dialog-title-${internalId}`,
+  ...theirProps
+} = $props();
+const _state = useDialogContext("Dialog.Panel");
+const { dialogState, setTitleId } = $derived(_state);
+onMount(() => {
+  setTitleId(id);
+  return () => setTitleId(null);
+});
+const slot = $derived({ open: dialogState === DialogStates.Open });
+const ourProps = $derived(
+  mergeProps({
+    id
+  })
+);
+</script>
+
+<ElementOrComponent {ourProps} {theirProps} slots={slot} defaultTag={DEFAULT_TITLE_TAG} name="DialogTitle" bind:ref />

package/dist/dialog/DialogTitle.svelte.d.ts

@@ -0,0 +1,34 @@
+import type { ElementType, Props, PropsOf } from "../utils/types.js";
+declare let DEFAULT_TITLE_TAG: "h2";
+type TitleRenderPropArg = {
+    open: boolean;
+};
+export type DialogTitleProps<TTag extends ElementType = typeof DEFAULT_TITLE_TAG> = Props<TTag, TitleRenderPropArg>;
+declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TITLE_TAG> {
+    props(): {
+        as?: TTag | undefined;
+    } & (Exclude<keyof PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
+        children?: import("../utils/types.js").Children<TitleRenderPropArg> | undefined;
+        ref?: HTMLElement;
+    } & (true extends (PropsOf<TTag> extends infer T_1 ? T_1 extends PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
+        class?: PropsOf<TTag>["class"] | ((bag: TitleRenderPropArg) => string) | undefined;
+    } : {});
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): "ref";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
+    } & ReturnType<__sveltets_Render<TTag>['exports']>;
+    <TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<TTag>['events']>;
+    }): ReturnType<__sveltets_Render<TTag>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const DialogTitle: $$IsomorphicComponent;
+type DialogTitle<TTag extends ElementType = typeof DEFAULT_TITLE_TAG> = InstanceType<typeof DialogTitle<TTag>>;
+export default DialogTitle;