@pzerelles/headlessui-svelte 2.1.2-next.33 → 2.1.2-next.34

package/dist/button/Button.svelte

@@ -3,7 +3,7 @@
 
   const DEFAULT_BUTTON_TAG = "button" as const
 
-  type ButtonRenderPropArg = {
+  export type ButtonRenderPropArg = {
     disabled: boolean
     hover: boolean
     focus: boolean

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

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_BUTTON_TAG: "button";
-type ButtonRenderPropArg = {
+export type ButtonRenderPropArg = {
     disabled: boolean;
     hover: boolean;
     focus: boolean;

package/dist/button/index.d.ts

@@ -1 +1 @@
-export { default as Button, type ButtonProps } from "./Button.svelte";
+export { default as Button, type ButtonProps, type ButtonRenderPropArg as ButtonSlot } from "./Button.svelte";

package/dist/checkbox/Checkbox.svelte

@@ -3,7 +3,7 @@
 
   const DEFAULT_CHECKBOX_TAG = "span" as const
 
-  type CheckboxRenderPropArg = {
+  export type CheckboxRenderPropArg = {
     checked: boolean
     changing: boolean
     focus: boolean

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

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_CHECKBOX_TAG: "span";
-type CheckboxRenderPropArg = {
+export type CheckboxRenderPropArg = {
     checked: boolean;
     changing: boolean;
     focus: boolean;

package/dist/checkbox/index.d.ts

@@ -1 +1 @@
-export { default as Checkbox, type CheckboxProps } from "./Checkbox.svelte";
+export { default as Checkbox, type CheckboxProps, type CheckboxRenderPropArg as CheckboxSlot } from "./Checkbox.svelte";

package/dist/close-button/index.d.ts

@@ -1 +1,2 @@
 export { default as CloseButton, type CloseButtonProps } from "./CloseButton.svelte";
+export { type ButtonSlot as CloseButtonSlot } from "../button/index.js";

package/dist/close-button/index.js

@@ -1 +1,2 @@
 export { default as CloseButton } from "./CloseButton.svelte";
+export {} from "../button/index.js";

package/dist/data-interactive/DataInteractive.svelte

@@ -8,7 +8,7 @@
 
   const DEFAULT_DATA_INTERACTIVE_TAG = "svelte:fragment" as const
 
-  type DataInteractiveRenderPropArg = {
+  export type DataInteractiveRenderPropArg = {
     hover: boolean
     focus: boolean
     active: boolean

package/dist/data-interactive/DataInteractive.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { PropsAsChild } from "../utils/types.js";
-type DataInteractiveRenderPropArg = {
+export type DataInteractiveRenderPropArg = {
     hover: boolean;
     focus: boolean;
     active: boolean;

package/dist/data-interactive/index.d.ts

@@ -1 +1 @@
-export { default as DataInteractive, type DataInteractiveProps } from "./DataInteractive.svelte";
+export { default as DataInteractive, type DataInteractiveProps, type DataInteractiveRenderPropArg as DataInteractiveSlot, } from "./DataInteractive.svelte";

package/dist/data-interactive/index.js

@@ -1 +1 @@
-export { default as DataInteractive } from "./DataInteractive.svelte";
+export { default as DataInteractive, } from "./DataInteractive.svelte";

package/dist/dialog/DialogBackdrop.svelte

@@ -1,9 +1,8 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   let DEFAULT_BACKDROP_TAG = "div" as const
-  type BackdropRenderPropArg = {
+  export type BackdropRenderPropArg = {
     open: boolean
   }
 

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

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare let DEFAULT_BACKDROP_TAG: "div";
-type BackdropRenderPropArg = {
+export type BackdropRenderPropArg = {
     open: boolean;
 };
 export type DialogBackdropProps = Props<typeof DEFAULT_BACKDROP_TAG, BackdropRenderPropArg, {

package/dist/dialog/DialogPanel.svelte

@@ -1,9 +1,8 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   let DEFAULT_PANEL_TAG = "div" as const
-  type PanelRenderPropArg = {
+  export type PanelRenderPropArg = {
     open: boolean
   }
 

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

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare let DEFAULT_PANEL_TAG: "div";
-type PanelRenderPropArg = {
+export type PanelRenderPropArg = {
     open: boolean;
 };
 export type DialogPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, {

package/dist/dialog/DialogTitle.svelte

@@ -1,9 +1,8 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   let DEFAULT_TITLE_TAG = "h2" as const
-  type TitleRenderPropArg = {
+  export type TitleRenderPropArg = {
     open: boolean
   }
 

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

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare let DEFAULT_TITLE_TAG: "h2";
-type TitleRenderPropArg = {
+export type TitleRenderPropArg = {
     open: boolean;
 };
 export type DialogTitleProps = Props<typeof DEFAULT_TITLE_TAG, TitleRenderPropArg, {

package/dist/dialog/context.svelte.js

@@ -7,7 +7,7 @@ export var DialogStates;
 export function useDialogContext(component) {
     const context = getContext("DialogContext");
     if (!context) {
-        let err = new Error(`<${component} /> is missing a parent <Dialog /> component.`);
+        const err = new Error(`<${component} /> is missing a parent <Dialog /> component.`);
         if (Error.captureStackTrace)
             Error.captureStackTrace(err, useDialogContext);
         throw err;

package/dist/dialog/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Dialog, type DialogProps } from "./Dialog.svelte";
-export { default as DialogBackdrop, type DialogBackdropProps } from "./DialogBackdrop.svelte";
-export { default as DialogPanel, type DialogPanelProps } from "./DialogPanel.svelte";
-export { default as DialogTitle, type DialogTitleProps } from "./DialogTitle.svelte";
+export { default as Dialog, type DialogProps, type DialogRenderPropArg as DialogSlot } from "./Dialog.svelte";
+export { default as DialogBackdrop, type DialogBackdropProps, type BackdropRenderPropArg as DialogBackdropSlot, } from "./DialogBackdrop.svelte";
+export { default as DialogPanel, type DialogPanelProps, type PanelRenderPropArg as DialogPanelSlot, } from "./DialogPanel.svelte";
+export { default as DialogTitle, type DialogTitleProps, type TitleRenderPropArg as DialogTitleSlot, } from "./DialogTitle.svelte";

package/dist/dialog/index.js

@@ -1,4 +1,4 @@
 export { default as Dialog } from "./Dialog.svelte";
-export { default as DialogBackdrop } from "./DialogBackdrop.svelte";
-export { default as DialogPanel } from "./DialogPanel.svelte";
-export { default as DialogTitle } from "./DialogTitle.svelte";
+export { default as DialogBackdrop, } from "./DialogBackdrop.svelte";
+export { default as DialogPanel, } from "./DialogPanel.svelte";
+export { default as DialogTitle, } from "./DialogTitle.svelte";

package/dist/field/Field.svelte

@@ -3,11 +3,9 @@
 
   let DEFAULT_FIELD_TAG = "div" as const
 
-  type FieldRenderPropArg = {}
-
   export type FieldProps = Props<
     typeof DEFAULT_FIELD_TAG,
-    FieldRenderPropArg,
+    {},
     {
       element?: HTMLElement
       disabled?: boolean

package/dist/field/Field.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare let DEFAULT_FIELD_TAG: "div";
-type FieldRenderPropArg = {};
-export type FieldProps = Props<typeof DEFAULT_FIELD_TAG, FieldRenderPropArg, {
+export type FieldProps = Props<typeof DEFAULT_FIELD_TAG, {}, {
     element?: HTMLElement;
     disabled?: boolean;
 }>;

package/dist/fieldset/Fieldset.svelte

@@ -3,12 +3,11 @@
 
   const DEFAULT_FIELDSET_TAG = "fieldset" as const
 
-  type FieldsetRenderPropArg = {}
   type FieldsetPropsWeControl = "aria-labelledby" | "aria-disabled" | "role"
 
   export type FieldsetProps = Props<
     typeof DEFAULT_FIELDSET_TAG,
-    FieldsetRenderPropArg,
+    {},
     {
       element?: HTMLElement
       disabled?: boolean

package/dist/fieldset/Fieldset.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_FIELDSET_TAG: "fieldset";
-type FieldsetRenderPropArg = {};
-export type FieldsetProps = Props<typeof DEFAULT_FIELDSET_TAG, FieldsetRenderPropArg, {
+export type FieldsetProps = Props<typeof DEFAULT_FIELDSET_TAG, {}, {
     element?: HTMLElement;
     disabled?: boolean;
 }>;

package/dist/focus-trap/FocusTrap.svelte

@@ -39,12 +39,11 @@
 
   export * from "./FocusTrapFeatures.js"
 
-  type FocusTrapRenderPropArg = {}
   type FocusTrapPropsWeControl = never
 
   export type FocusTrapProps = Props<
     typeof DEFAULT_FOCUS_TRAP_TAG,
-    FocusTrapRenderPropArg,
+    {},
     {
       element?: HTMLElement
       initialFocus?: HTMLElement

package/dist/focus-trap/FocusTrap.svelte.d.ts

@@ -3,8 +3,7 @@ import { FocusTrapFeatures } from "./FocusTrapFeatures.js";
 type Containers = (() => Iterable<HTMLElement>) | Iterable<HTMLElement>;
 declare const DEFAULT_FOCUS_TRAP_TAG: "div";
 export * from "./FocusTrapFeatures.js";
-type FocusTrapRenderPropArg = {};
-export type FocusTrapProps = Props<typeof DEFAULT_FOCUS_TRAP_TAG, FocusTrapRenderPropArg, {
+export type FocusTrapProps = Props<typeof DEFAULT_FOCUS_TRAP_TAG, {}, {
     element?: HTMLElement;
     initialFocus?: HTMLElement;
     initialFocusFallback?: HTMLElement;

package/dist/input/Input.svelte

@@ -4,7 +4,7 @@
 
   const DEFAULT_INPUT_TAG = "input" as const
 
-  type InputRenderPropArg = {
+  export type InputRenderPropArg = {
     disabled: boolean
     hover: boolean
     focus: boolean

package/dist/input/Input.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_INPUT_TAG: "input";
-type InputRenderPropArg = {
+export type InputRenderPropArg = {
     disabled: boolean;
     hover: boolean;
     focus: boolean;

package/dist/input/index.d.ts

@@ -1 +1 @@
-export { default as Input, type InputProps } from "./Input.svelte";
+export { default as Input, type InputProps, type InputRenderPropArg as InputSlot } from "./Input.svelte";

package/dist/internal/Hidden.svelte

@@ -8,7 +8,7 @@
 
   const DEFAULT_VISUALLY_HIDDEN_TAG = "span" as const
 
-  type HiddenRenderPropArg = {}
+  export type HiddenRenderPropArg = {}
   type HiddenPropsWeControl = never
   export type HiddenProps = Props<
     typeof DEFAULT_VISUALLY_HIDDEN_TAG,

package/dist/internal/Hidden.svelte.d.ts

@@ -2,7 +2,7 @@ import type { Props } from "../utils/types.js";
 import { HiddenFeatures } from "./HiddenFeatures.js";
 export * from "./HiddenFeatures.js";
 declare const DEFAULT_VISUALLY_HIDDEN_TAG: "span";
-type HiddenRenderPropArg = {};
+export type HiddenRenderPropArg = {};
 export type HiddenProps = Props<typeof DEFAULT_VISUALLY_HIDDEN_TAG, HiddenRenderPropArg, {
     element?: HTMLElement;
     features?: HiddenFeatures;

package/dist/listbox/Listbox.svelte

@@ -9,8 +9,7 @@
   import { setContext } from "svelte"
   import { ActivationTrigger, ListboxStates, ValueMode } from "./context.svelte.js"
 
-  let DEFAULT_LISTBOX_TAG = "svelte:fragment"
-  type ListboxRenderPropArg<T> = {
+  export type ListboxRenderPropArg<T> = {
     open: boolean
     disabled: boolean
     invalid: boolean

package/dist/listbox/Listbox.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type ByComparator } from "../hooks/use-by-comparator.js";
 import type { PropsAsChild } from "../utils/types.js";
-type ListboxRenderPropArg<T> = {
+export type ListboxRenderPropArg<T> = {
     open: boolean;
     disabled: boolean;
     invalid: boolean;

package/dist/listbox/ListboxButton.svelte

@@ -10,7 +10,6 @@
   import { useResolveButtonType } from "../hooks/use-resolve-button-type.svelte.js"
   import { useFloatingReference, useFloatingReferenceProps } from "../internal/floating.svelte.js"
   import { stateFromSlot } from "../utils/state.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
   import { useLabelledBy } from "../label/context.svelte.js"
   import { useDescribedBy } from "../description/context.svelte.js"
   import { useHover } from "../hooks/use-hover.svelte.js"
@@ -18,7 +17,7 @@
   import ElementOrComponent from "../utils/ElementOrComponent.svelte"
 
   const DEFAULT_BUTTON_TAG = "button" as const
-  type ButtonRenderPropArg = {
+  export type ButtonRenderPropArg = {
     disabled: boolean
     invalid: boolean
     hover: boolean

package/dist/listbox/ListboxButton.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_BUTTON_TAG: "button";
-type ButtonRenderPropArg = {
+export type ButtonRenderPropArg = {
     disabled: boolean;
     invalid: boolean;
     hover: boolean;

package/dist/listbox/ListboxOption.svelte

@@ -2,7 +2,7 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_OPTION_TAG = "div" as const
-  type OptionRenderPropArg = {
+  export type OptionRenderPropArg = {
     /** @deprecated use `focus` instead */
     active: boolean
     focus: boolean

package/dist/listbox/ListboxOption.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_OPTION_TAG: "div";
-type OptionRenderPropArg = {
+export type OptionRenderPropArg = {
     /** @deprecated use `focus` instead */
     active: boolean;
     focus: boolean;

package/dist/listbox/ListboxOptions.svelte

@@ -7,11 +7,10 @@
     useResolvedAnchor,
     type AnchorPropsWithSelection,
   } from "../internal/floating.svelte.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   const DEFAULT_OPTIONS_TAG = "div" as const
 
-  type OptionsRenderPropArg = {
+  export type OptionsRenderPropArg = {
     open: boolean
   }
   type OptionsPropsWeControl =

package/dist/listbox/ListboxOptions.svelte.d.ts

@@ -2,7 +2,7 @@ import type { Props } from "../utils/types.js";
 import { type PropsForFeatures } from "../utils/render.js";
 import { type AnchorPropsWithSelection } from "../internal/floating.svelte.js";
 declare const DEFAULT_OPTIONS_TAG: "div";
-type OptionsRenderPropArg = {
+export type OptionsRenderPropArg = {
     open: boolean;
 };
 declare let OptionsRenderFeatures: number;

package/dist/listbox/ListboxSelectedOption.svelte

@@ -3,7 +3,7 @@
   import type { Snippet } from "svelte"
 
   const DEFAULT_SELECTED_OPTION_TAG = "span"
-  type SelectedOptionRenderPropArg = {
+  export type SelectedOptionRenderPropArg = {
     option: Snippet
   }
   type SelectedOptionPropsWeControl = never

package/dist/listbox/ListboxSelectedOption.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Props } from "../utils/types.js";
 import type { Snippet } from "svelte";
 declare const DEFAULT_SELECTED_OPTION_TAG = "span";
-type SelectedOptionRenderPropArg = {
+export type SelectedOptionRenderPropArg = {
     option: Snippet;
 };
 export type ListboxSelectedOptionProps = Props<typeof DEFAULT_SELECTED_OPTION_TAG, SelectedOptionRenderPropArg, {

package/dist/listbox/index.d.ts

@@ -1,5 +1,5 @@
-export { default as Listbox, type ListboxProps } from "./Listbox.svelte";
-export { default as ListboxButton, type ListboxButtonProps } from "./ListboxButton.svelte";
-export { default as ListboxOption, type ListboxOptionProps } from "./ListboxOption.svelte";
-export { default as ListboxOptions, type ListboxOptionsProps } from "./ListboxOptions.svelte";
-export { default as ListboxSelectedOption, type ListboxSelectedOptionProps } from "./ListboxSelectedOption.svelte";
+export { default as Listbox, type ListboxProps, type ListboxRenderPropArg as ListboxSlot } from "./Listbox.svelte";
+export { default as ListboxButton, type ListboxButtonProps, type ButtonRenderPropArg as ListboxButtonSlot, } from "./ListboxButton.svelte";
+export { default as ListboxOption, type ListboxOptionProps, type OptionRenderPropArg as ListboxOptionSlot, } from "./ListboxOption.svelte";
+export { default as ListboxOptions, type ListboxOptionsProps, type OptionsRenderPropArg as ListboxOptionsSlot, } from "./ListboxOptions.svelte";
+export { default as ListboxSelectedOption, type ListboxSelectedOptionProps, type SelectedOptionRenderPropArg as ListboxSelectedOptionSlot, } from "./ListboxSelectedOption.svelte";

package/dist/listbox/index.js

@@ -1,5 +1,5 @@
 export { default as Listbox } from "./Listbox.svelte";
-export { default as ListboxButton } from "./ListboxButton.svelte";
-export { default as ListboxOption } from "./ListboxOption.svelte";
-export { default as ListboxOptions } from "./ListboxOptions.svelte";
-export { default as ListboxSelectedOption } from "./ListboxSelectedOption.svelte";
+export { default as ListboxButton, } from "./ListboxButton.svelte";
+export { default as ListboxOption, } from "./ListboxOption.svelte";
+export { default as ListboxOptions, } from "./ListboxOptions.svelte";
+export { default as ListboxSelectedOption, } from "./ListboxSelectedOption.svelte";

package/dist/menu/Menu.svelte

@@ -2,7 +2,7 @@
   import type { PropsAsChild } from "../utils/types.js"
 
   let DEFAULT_MENU_TAG = "svelte:fragment"
-  type MenuRenderPropArg = {
+  export type MenuRenderPropArg = {
     open: boolean
     close: () => void
   }

package/dist/menu/Menu.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { PropsAsChild } from "../utils/types.js";
-type MenuRenderPropArg = {
+export type MenuRenderPropArg = {
     open: boolean;
     close: () => void;
 };

package/dist/menu/MenuButton.svelte

@@ -3,7 +3,7 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_BUTTON_TAG = "button" as const
-  type ButtonRenderPropArg = {
+  export type ButtonRenderPropArg = {
     open: boolean
     active: boolean
     hover: boolean

package/dist/menu/MenuButton.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_BUTTON_TAG: "button";
-type ButtonRenderPropArg = {
+export type ButtonRenderPropArg = {
     open: boolean;
     active: boolean;
     hover: boolean;

package/dist/menu/MenuHeading.svelte

@@ -4,12 +4,12 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_HEADING_TAG = "header" as const
-  type HeadingRenderPropArg = {}
+
   type HeadingPropsWeControl = "role"
 
   export type MenuHeadingProps = Props<
     typeof DEFAULT_HEADING_TAG,
-    HeadingRenderPropArg,
+    {},
     {
       element?: HTMLElement
       id?: string

package/dist/menu/MenuHeading.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_HEADING_TAG: "header";
-type HeadingRenderPropArg = {};
-export type MenuHeadingProps = Props<typeof DEFAULT_HEADING_TAG, HeadingRenderPropArg, {
+export type MenuHeadingProps = Props<typeof DEFAULT_HEADING_TAG, {}, {
     element?: HTMLElement;
     id?: string;
 }>;

package/dist/menu/MenuItem.svelte

@@ -3,7 +3,7 @@
   import { onMount } from "svelte"
 
   const DEFAULT_ITEM_TAG = "button" as const
-  type ItemRenderPropArg = {
+  export type ItemRenderPropArg = {
     /** @deprecated use `focus` instead */
     active: boolean
     focus: boolean

package/dist/menu/MenuItem.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_ITEM_TAG: "button";
-type ItemRenderPropArg = {
+export type ItemRenderPropArg = {
     /** @deprecated use `focus` instead */
     active: boolean;
     focus: boolean;

package/dist/menu/MenuItems.svelte

@@ -9,7 +9,7 @@
   } from "../internal/floating.svelte.js"
 
   const DEFAULT_ITEMS_TAG = "div" as const
-  type ItemsRenderPropArg = {
+  export type ItemsRenderPropArg = {
     open: boolean
   }
   type ItemsPropsWeControl = "aria-activedescendant" | "aria-labelledby" | "role" | "tabIndex"

package/dist/menu/MenuItems.svelte.d.ts

@@ -2,7 +2,7 @@ import type { Props } from "../utils/types.js";
 import { type PropsForFeatures } from "../utils/render.js";
 import { type AnchorProps } from "../internal/floating.svelte.js";
 declare const DEFAULT_ITEMS_TAG: "div";
-type ItemsRenderPropArg = {
+export type ItemsRenderPropArg = {
     open: boolean;
 };
 declare let ItemsRenderFeatures: number;

package/dist/menu/MenuSection.svelte

@@ -2,12 +2,12 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_SECTION_TAG = "div" as const
-  type SectionRenderPropArg = {}
+
   type SectionPropsWeControl = "role" | "aria-labelledby"
 
   export type MenuSectionProps = Props<
     typeof DEFAULT_SECTION_TAG,
-    SectionRenderPropArg,
+    {},
     {
       element?: HTMLElement
     }

package/dist/menu/MenuSection.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_SECTION_TAG: "div";
-type SectionRenderPropArg = {};
-export type MenuSectionProps = Props<typeof DEFAULT_SECTION_TAG, SectionRenderPropArg, {
+export type MenuSectionProps = Props<typeof DEFAULT_SECTION_TAG, {}, {
     element?: HTMLElement;
 }>;
 declare const MenuSection: import("svelte").Component<MenuSectionProps, {}, "element">;

package/dist/menu/MenuSeparator.svelte

@@ -2,12 +2,12 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_SEPARATOR_TAG = "div" as const
-  type SeparatorRenderPropArg = {}
+
   type SeparatorPropsWeControl = "role"
 
   export type MenuSeparatorProps = Props<
     typeof DEFAULT_SEPARATOR_TAG,
-    SeparatorRenderPropArg,
+    {},
     {
       element?: HTMLElement
     }

package/dist/menu/MenuSeparator.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_SEPARATOR_TAG: "div";
-type SeparatorRenderPropArg = {};
-export type MenuSeparatorProps = Props<typeof DEFAULT_SEPARATOR_TAG, SeparatorRenderPropArg, {
+export type MenuSeparatorProps = Props<typeof DEFAULT_SEPARATOR_TAG, {}, {
     element?: HTMLElement;
 }>;
 declare const MenuSeparator: import("svelte").Component<MenuSeparatorProps, {}, "element">;

package/dist/menu/index.d.ts

@@ -1,7 +1,7 @@
-export { default as Menu, type MenuProps } from "./Menu.svelte";
-export { default as MenuButton, type MenuButtonProps } from "./MenuButton.svelte";
+export { default as Menu, type MenuProps, type MenuRenderPropArg as MenuSlot } from "./Menu.svelte";
+export { default as MenuButton, type MenuButtonProps, type ButtonRenderPropArg as MenuButtonSlot, } from "./MenuButton.svelte";
 export { default as MenuHeading, type MenuHeadingProps } from "./MenuHeading.svelte";
-export { default as MenuItem, type MenuItemProps } from "./MenuItem.svelte";
-export { default as MenuItems, type MenuItemsProps } from "./MenuItems.svelte";
+export { default as MenuItem, type MenuItemProps, type ItemRenderPropArg as MenuItemSlot } from "./MenuItem.svelte";
+export { default as MenuItems, type MenuItemsProps, type ItemsRenderPropArg as MenuItemsSlot } from "./MenuItems.svelte";
 export { default as MenuSection, type MenuSectionProps } from "./MenuSection.svelte";
 export { default as MenuSeparator, type MenuSeparatorProps } from "./MenuSeparator.svelte";

package/dist/menu/index.js

@@ -1,5 +1,5 @@
 export { default as Menu } from "./Menu.svelte";
-export { default as MenuButton } from "./MenuButton.svelte";
+export { default as MenuButton, } from "./MenuButton.svelte";
 export { default as MenuHeading } from "./MenuHeading.svelte";
 export { default as MenuItem } from "./MenuItem.svelte";
 export { default as MenuItems } from "./MenuItems.svelte";

package/dist/popover/Popover.svelte

@@ -2,7 +2,7 @@
   import type { Props } from "../utils/types.js"
 
   export const DEFAULT_POPOVER_TAG = "div" as const
-  type PopoverRenderPropArg = {
+  export type PopoverRenderPropArg = {
     open: boolean
     close(focusableElement?: HTMLElement | MouseEvent<HTMLElement>): void
   }

package/dist/popover/Popover.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 export declare const DEFAULT_POPOVER_TAG: "div";
-type PopoverRenderPropArg = {
+export type PopoverRenderPropArg = {
     open: boolean;
     close(focusableElement?: HTMLElement | MouseEvent<HTMLElement>): void;
 };

package/dist/popover/PopoverBackdrop.svelte

@@ -3,7 +3,7 @@
   import { RenderFeatures, type PropsForFeatures } from "../utils/render.js"
 
   let DEFAULT_BACKDROP_TAG = "div" as const
-  type BackdropRenderPropArg = {
+  export type BackdropRenderPropArg = {
     open: boolean
   }
   type BackdropPropsWeControl = "aria-hidden"

package/dist/popover/PopoverBackdrop.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Props } from "../utils/types.js";
 import { type PropsForFeatures } from "../utils/render.js";
 declare let DEFAULT_BACKDROP_TAG: "div";
-type BackdropRenderPropArg = {
+export type BackdropRenderPropArg = {
     open: boolean;
 };
 declare const BackdropRenderFeatures: number;

package/dist/popover/PopoverGroup.svelte

@@ -3,11 +3,10 @@
   import { setContext } from "svelte"
 
   const DEFAULT_GROUP_TAG = "div" as const
-  type GroupRenderPropArg = {}
 
   export type PopoverGroupProps = Props<
     typeof DEFAULT_GROUP_TAG,
-    GroupRenderPropArg,
+    {},
     {
       element?: HTMLElement
     }
@@ -62,10 +61,8 @@
     isFocusWithinPopoverGroup,
     closeOthers,
   })
-
-  const slot = {} satisfies GroupRenderPropArg
 </script>
 
 <MainTreeProvider>
-  <ElementOrComponent {theirProps} slots={slot} defaultTag={DEFAULT_GROUP_TAG} name="PopoverGroup" bind:element />
+  <ElementOrComponent {theirProps} defaultTag={DEFAULT_GROUP_TAG} name="PopoverGroup" bind:element />
 </MainTreeProvider>

package/dist/popover/PopoverGroup.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_GROUP_TAG: "div";
-type GroupRenderPropArg = {};
-export type PopoverGroupProps = Props<typeof DEFAULT_GROUP_TAG, GroupRenderPropArg, {
+export type PopoverGroupProps = Props<typeof DEFAULT_GROUP_TAG, {}, {
     element?: HTMLElement;
 }>;
 declare const PopoverGroup: import("svelte").Component<PopoverGroupProps, {}, "element">;

package/dist/popover/PopoverPanel.svelte

@@ -3,7 +3,7 @@
   import { RenderFeatures } from "../utils/render.js"
 
   const DEFAULT_PANEL_TAG = "div" as const
-  type PanelRenderPropArg = {
+  export type PanelRenderPropArg = {
     open: boolean
     close: (focusableElement?: HTMLElement) => void
   }

package/dist/popover/PopoverPanel.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_PANEL_TAG: "div";
-type PanelRenderPropArg = {
+export type PanelRenderPropArg = {
     open: boolean;
     close: (focusableElement?: HTMLElement) => void;
 };

package/dist/popover/index.d.ts

@@ -1,5 +1,5 @@
-export { default as Popover, type PopoverProps } from "./Popover.svelte";
-export { default as PopoverBackdrop, type PopoverBackdropProps } from "./PopoverBackdrop.svelte";
-export { default as PopoverButton, type PopoverButtonProps, type PopoverButtonSlot, type PopoverButtonPropsWeControl, } from "./PopoverButton.svelte";
+export { default as Popover, type PopoverProps, type PopoverRenderPropArg as PopoverSlot } from "./Popover.svelte";
+export { default as PopoverBackdrop, type PopoverBackdropProps, type BackdropRenderPropArg as PopoverBackdropSlot, } from "./PopoverBackdrop.svelte";
+export { default as PopoverButton, type PopoverButtonProps, type PopoverButtonSlot } from "./PopoverButton.svelte";
 export { default as PopoverGroup, type PopoverGroupProps } from "./PopoverGroup.svelte";
-export { default as PopoverPanel, type PopoverPanelProps } from "./PopoverPanel.svelte";
+export { default as PopoverPanel, type PopoverPanelProps, type PanelRenderPropArg as PopoverPanelSlot, } from "./PopoverPanel.svelte";

package/dist/popover/index.js

@@ -1,5 +1,5 @@
 export { default as Popover } from "./Popover.svelte";
-export { default as PopoverBackdrop } from "./PopoverBackdrop.svelte";
-export { default as PopoverButton, } from "./PopoverButton.svelte";
+export { default as PopoverBackdrop, } from "./PopoverBackdrop.svelte";
+export { default as PopoverButton } from "./PopoverButton.svelte";
 export { default as PopoverGroup } from "./PopoverGroup.svelte";
-export { default as PopoverPanel } from "./PopoverPanel.svelte";
+export { default as PopoverPanel, } from "./PopoverPanel.svelte";

package/dist/portal/InternalPortal.svelte

@@ -5,7 +5,6 @@
   import { env } from "../utils/env.js"
   import type { Props } from "../utils/types.js"
   import type { PortalGroupContext } from "./PortalGroup.svelte"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   function usePortalTarget(options: { element: HTMLElement | null }): { readonly target: HTMLElement | null } {
     const { element } = $derived(options)
@@ -94,7 +93,7 @@
   // ---
 
   export const DEFAULT_PORTAL_TAG = "div"
-  type PortalRenderPropArg = {}
+  export type PortalRenderPropArg = {}
   type PortalPropsWeControl = never
 
   export type PortalProps = Props<

package/dist/portal/InternalPortal.svelte.d.ts

@@ -6,7 +6,7 @@ type PortalParentContext = {
 };
 export declare function useNestedPortals(): PortalParentContext;
 export declare const DEFAULT_PORTAL_TAG = "div";
-type PortalRenderPropArg = {};
+export type PortalRenderPropArg = {};
 export type PortalProps = Props<typeof DEFAULT_PORTAL_TAG, PortalRenderPropArg, {
     element?: HTMLElement;
     enabled?: boolean;

package/dist/portal/PortalGroup.svelte

@@ -2,7 +2,7 @@
   import type { PropsAsChild } from "../utils/types.js"
 
   const DEFAULT_GROUP_TAG = "svelte:fragment"
-  type GroupRenderPropArg = {}
+  export type GroupRenderPropArg = {}
 
   export type PortalGroupContext = {
     readonly target: HTMLElement | null

package/dist/portal/PortalGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { PropsAsChild } from "../utils/types.js";
-type GroupRenderPropArg = {};
+export type GroupRenderPropArg = {};
 export type PortalGroupContext = {
     readonly target: HTMLElement | null;
 };

package/dist/select/Select.svelte

@@ -3,7 +3,7 @@
 
   let DEFAULT_SELECT_TAG = "select" as const
 
-  type SelectRenderPropArg = {
+  export type SelectRenderPropArg = {
     disabled: boolean
     hover: boolean
     focus: boolean

package/dist/select/Select.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare let DEFAULT_SELECT_TAG: "select";
-type SelectRenderPropArg = {
+export type SelectRenderPropArg = {
     disabled: boolean;
     hover: boolean;
     focus: boolean;

package/dist/select/index.d.ts

@@ -1 +1 @@
-export { default as Select, type SelectProps } from "./Select.svelte";
+export { default as Select, type SelectProps, type SelectRenderPropArg as SelectSlot } from "./Select.svelte";

package/dist/switch/Switch.svelte

@@ -2,7 +2,7 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_SWITCH_TAG = "button" as const
-  type SwitchRenderPropArg = {
+  export type SwitchRenderPropArg = {
     checked: boolean
     hover: boolean
     focus: boolean

package/dist/switch/Switch.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_SWITCH_TAG: "button";
-type SwitchRenderPropArg = {
+export type SwitchRenderPropArg = {
     checked: boolean;
     hover: boolean;
     focus: boolean;

package/dist/switch/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Switch, type SwitchProps } from "./Switch.svelte";
+export { default as Switch, type SwitchProps, type SwitchRenderPropArg as SwitchSlot } from "./Switch.svelte";
 export { default as SwitchGroup, type SwitchGroupProps } from "./SwitchGroup.svelte";

package/dist/tabs/Tab.svelte

@@ -2,7 +2,7 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_TAB_TAG = "button" as const
-  type TabRenderPropArg = {
+  export type TabRenderPropArg = {
     hover: boolean
     focus: boolean
     active: boolean

package/dist/tabs/Tab.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_TAB_TAG: "button";
-type TabRenderPropArg = {
+export type TabRenderPropArg = {
     hover: boolean;
     focus: boolean;
     active: boolean;

package/dist/tabs/TabGroup.svelte

@@ -4,7 +4,7 @@
   import FocusSentinel from "../internal/FocusSentinel.svelte"
 
   const DEFAULT_TABS_TAG = "div" as const
-  type TabsRenderPropArg = {
+  export type TabsRenderPropArg = {
     selectedIndex: number
   }
   type TabsPropsWeControl = never

package/dist/tabs/TabGroup.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_TABS_TAG: "div";
-type TabsRenderPropArg = {
+export type TabsRenderPropArg = {
     selectedIndex: number;
 };
 export type TabGroupProps = Props<typeof DEFAULT_TABS_TAG, TabsRenderPropArg, {

package/dist/tabs/TabList.svelte

@@ -2,7 +2,7 @@
   import type { Props } from "../utils/types.js"
 
   const DEFAULT_LIST_TAG = "div" as const
-  type ListRenderPropArg = {
+  export type ListRenderPropArg = {
     selectedIndex: number
   }
   type ListPropsWeControl = "aria-orientation" | "role"

package/dist/tabs/TabList.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_LIST_TAG: "div";
-type ListRenderPropArg = {
+export type ListRenderPropArg = {
     selectedIndex: number;
 };
 export type TabListProps = Props<typeof DEFAULT_LIST_TAG, ListRenderPropArg, {

package/dist/tabs/TabPanel.svelte

@@ -3,7 +3,7 @@
   import type { SvelteHTMLElements } from "svelte/elements"
 
   const DEFAULT_PANEL_TAG = "div" as const
-  type PanelRenderPropArg = {
+  export type PanelRenderPropArg = {
     selected: boolean
     focus: boolean
   }

package/dist/tabs/TabPanel.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_PANEL_TAG: "div";
-type PanelRenderPropArg = {
+export type PanelRenderPropArg = {
     selected: boolean;
     focus: boolean;
 };

package/dist/tabs/TabPanels.svelte

@@ -4,7 +4,7 @@
   import { useTabs } from "./context.svelte.js"
 
   let DEFAULT_PANELS_TAG = "div" as const
-  type PanelsRenderPropArg = {
+  export type PanelsRenderPropArg = {
     selectedIndex: number
   }
 

package/dist/tabs/TabPanels.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare let DEFAULT_PANELS_TAG: "div";
-type PanelsRenderPropArg = {
+export type PanelsRenderPropArg = {
     selectedIndex: number;
 };
 export type TabPanelsProps = Props<typeof DEFAULT_PANELS_TAG, PanelsRenderPropArg, {

package/dist/tabs/index.d.ts

@@ -1,5 +1,5 @@
-export { default as Tab, type TabProps } from "./Tab.svelte";
-export { default as TabGroup, type TabGroupProps } from "./TabGroup.svelte";
-export { default as TabList, type TabListProps } from "./TabList.svelte";
-export { default as TabPanel, type TabPanelProps } from "./TabPanel.svelte";
-export { default as TabPanels, type TabPanelsProps } from "./TabPanels.svelte";
+export { default as Tab, type TabProps, type TabRenderPropArg as TabSlot } from "./Tab.svelte";
+export { default as TabGroup, type TabGroupProps, type TabsRenderPropArg as TabGroupSlot } from "./TabGroup.svelte";
+export { default as TabList, type TabListProps, type ListRenderPropArg as TabListSlot } from "./TabList.svelte";
+export { default as TabPanel, type TabPanelProps, type PanelRenderPropArg as TabPanelSlot } from "./TabPanel.svelte";
+export { default as TabPanels, type TabPanelsProps, type PanelsRenderPropArg as TabPanelsSlot, } from "./TabPanels.svelte";

package/dist/tabs/index.js

@@ -2,4 +2,4 @@ export { default as Tab } from "./Tab.svelte";
 export { default as TabGroup } from "./TabGroup.svelte";
 export { default as TabList } from "./TabList.svelte";
 export { default as TabPanel } from "./TabPanel.svelte";
-export { default as TabPanels } from "./TabPanels.svelte";
+export { default as TabPanels, } from "./TabPanels.svelte";

package/dist/textarea/Textarea.svelte

@@ -4,7 +4,7 @@
 
   const DEFAULT_TEXTAREA_TAG = "textarea" as const
 
-  type TextareaRenderPropArg = {
+  export type TextareaRenderPropArg = {
     disabled: boolean
     hover: boolean
     focus: boolean

package/dist/textarea/Textarea.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_TEXTAREA_TAG: "textarea";
-type TextareaRenderPropArg = {
+export type TextareaRenderPropArg = {
     disabled: boolean;
     hover: boolean;
     focus: boolean;

package/dist/textarea/index.d.ts

@@ -1 +1 @@
-export { default as Textarea, type TextareaProps } from "./Textarea.svelte";
+export { default as Textarea, type TextareaProps, type TextareaRenderPropArg as TextareaSlot } from "./Textarea.svelte";

package/dist/transition/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Transition, type TransitionRootProps } from "./Transition.svelte";
-export { default as TransitionChild, type TransitionChildProps } from "./TransitionChild.svelte";
+export { default as Transition, type TransitionRootProps as TransitionProps } from "./Transition.svelte";
+export { default as TransitionChild, type TransitionChildProps, type TransitionChildRenderPropArg as TransitionChildSlot, type TransitionChildRenderPropArg as TransitionSlot, } from "./TransitionChild.svelte";

package/dist/transition/index.js

@@ -1,2 +1,2 @@
 export { default as Transition } from "./Transition.svelte";
-export { default as TransitionChild } from "./TransitionChild.svelte";
+export { default as TransitionChild, } from "./TransitionChild.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.33",
+  "version": "2.1.2-next.34",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",