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

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

@@ -1,20 +1,21 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_INPUT_TAG: "input";
-type InputRenderPropArg = {
+export type InputRenderPropArg = {
     disabled: boolean;
     hover: boolean;
     focus: boolean;
     autofocus: boolean;
     invalid: boolean;
 };
-export type InputProps<TValue = string> = Props<typeof DEFAULT_INPUT_TAG, InputRenderPropArg, {
+export type InputOwnProps<TValue = string> = {
     element?: HTMLElement;
     id?: string;
     value?: TValue;
     disabled?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
-}>;
+};
+export type InputProps<TValue = string> = Props<typeof DEFAULT_INPUT_TAG, InputRenderPropArg, InputOwnProps<TValue>>;
 declare class __sveltets_Render<TValue = string> {
     props(): InputProps<TValue>;
     events(): {};

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, type InputOwnProps, } from "./Input.svelte";

package/dist/input/index.js

@@ -1 +1 @@
-export { default as Input } from "./Input.svelte";
+export { default as Input, } 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/label/Label.svelte

@@ -3,16 +3,14 @@
 
   const DEFAULT_LABEL_TAG = "label" as const
 
-  export type LabelProps = Props<
-    typeof DEFAULT_LABEL_TAG,
-    {},
-    {
-      element?: HTMLElement
-      id?: string
-      passive?: boolean
-      htmlFor?: string
-    }
-  >
+  export type LabelOwnProps = {
+    element?: HTMLElement
+    id?: string
+    passive?: boolean
+    htmlFor?: string
+  }
+
+  export type LabelProps = Props<typeof DEFAULT_LABEL_TAG, {}, LabelOwnProps>
 </script>
 
 <script lang="ts">

package/dist/label/Label.svelte.d.ts

@@ -1,10 +1,11 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_LABEL_TAG: "label";
-export type LabelProps = Props<typeof DEFAULT_LABEL_TAG, {}, {
+export type LabelOwnProps = {
     element?: HTMLElement;
     id?: string;
     passive?: boolean;
     htmlFor?: string;
-}>;
+};
+export type LabelProps = Props<typeof DEFAULT_LABEL_TAG, {}, LabelOwnProps>;
 declare const Label: import("svelte").Component<LabelProps, {}, "element">;
 export default Label;

package/dist/label/index.d.ts

@@ -1 +1 @@
-export { default as Label, type LabelProps } from "./Label.svelte";
+export { default as Label, type LabelProps, type LabelOwnProps } from "./Label.svelte";

package/dist/legend/Legend.svelte

@@ -4,14 +4,12 @@
 
   const DEFAULT_LEGEND_TAG = "div" as const
 
-  export type LegendProps = Props<
-    typeof DEFAULT_LEGEND_TAG,
-    {},
-    {
-      element?: HTMLElement
-      class?: string
-    }
-  >
+  export type LegendOwnProps = {
+    element?: HTMLElement
+    class?: string
+  }
+
+  export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, {}, LegendOwnProps>
 </script>
 
 <script lang="ts">

package/dist/legend/Legend.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_LEGEND_TAG: "div";
-export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, {}, {
+export type LegendOwnProps = {
     element?: HTMLElement;
     class?: string;
-}>;
+};
+export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, {}, LegendOwnProps>;
 declare const Legend: import("svelte").Component<LegendProps, {}, "">;
 export default Legend;

package/dist/listbox/Listbox.svelte

@@ -9,30 +9,31 @@
   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
     value: T
   }
 
+  export type ListboxOwnProps<TType = string, TActualType = TType extends (infer U)[] ? U : TType> = {
+    value?: TType
+    defaultValue?: TType
+    onchange?: (value: TType) => void
+    by?: ByComparator<TActualType>
+    disabled?: boolean
+    invalid?: boolean
+    horizontal?: boolean
+    form?: string
+    name?: string
+    multiple?: boolean
+    closeOnSelect?: boolean
+    __demoMode?: boolean
+  }
+
   export type ListboxProps<TType = string, TActualType = TType extends (infer U)[] ? U : TType> = PropsAsChild<
     ListboxRenderPropArg<TType>,
-    {
-      value?: TType
-      defaultValue?: TType
-      onchange?: (value: TType) => void
-      by?: ByComparator<TActualType>
-      disabled?: boolean
-      invalid?: boolean
-      horizontal?: boolean
-      form?: string
-      name?: string
-      multiple?: boolean
-      closeOnSelect?: boolean
-      __demoMode?: boolean
-    }
+    ListboxOwnProps<TType, TActualType>
   >
 
   export * from "./context.svelte.js"

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

@@ -1,12 +1,12 @@
 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;
     value: T;
 };
-export type ListboxProps<TType = string, TActualType = TType extends (infer U)[] ? U : TType> = PropsAsChild<ListboxRenderPropArg<TType>, {
+export type ListboxOwnProps<TType = string, TActualType = TType extends (infer U)[] ? U : TType> = {
     value?: TType;
     defaultValue?: TType;
     onchange?: (value: TType) => void;
@@ -19,7 +19,8 @@ export type ListboxProps<TType = string, TActualType = TType extends (infer U)[]
     multiple?: boolean;
     closeOnSelect?: boolean;
     __demoMode?: boolean;
-}>;
+};
+export type ListboxProps<TType = string, TActualType = TType extends (infer U)[] ? U : TType> = PropsAsChild<ListboxRenderPropArg<TType>, ListboxOwnProps<TType, TActualType>>;
 export * from "./context.svelte.js";
 declare class __sveltets_Render<TType = string, TActualType = TType extends (infer U)[] ? U : TType> {
     props(): ListboxProps<TType, TActualType>;

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
@@ -30,16 +29,14 @@
   }
   type ButtonPropsWeControl = "aria-controls" | "aria-expanded" | "aria-haspopup" | "aria-labelledby" | "disabled"
 
-  export type ListboxButtonProps = Props<
-    typeof DEFAULT_BUTTON_TAG,
-    ButtonRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      autofocus?: boolean
-      disabled?: boolean
-    }
-  >
+  export type ListboxButtonOwnProps = {
+    element?: HTMLElement
+    id?: string
+    autofocus?: boolean
+    disabled?: boolean
+  }
+
+  export type ListboxButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, ListboxButtonOwnProps>
 </script>
 
 <script lang="ts">

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;
@@ -10,11 +10,12 @@ type ButtonRenderPropArg = {
     active: boolean;
     value: any;
 };
-export type ListboxButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, {
+export type ListboxButtonOwnProps = {
     element?: HTMLElement;
     id?: string;
     autofocus?: boolean;
     disabled?: boolean;
-}>;
+};
+export type ListboxButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, ListboxButtonOwnProps>;
 declare const ListboxButton: import("svelte").Component<ListboxButtonProps, {}, "element">;
 export default ListboxButton;

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
@@ -13,15 +13,17 @@
   }
   type OptionPropsWeControl = "aria-disabled" | "aria-selected" | "role" | "tabIndex"
 
+  export type ListboxOptionOwnProps<TType = string> = {
+    element?: HTMLElement
+    id?: string
+    disabled?: boolean
+    value: TType
+  }
+
   export type ListboxOptionProps<TType = string> = Props<
     typeof DEFAULT_OPTION_TAG,
     OptionRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      disabled?: boolean
-      value: TType
-    }
+    ListboxOptionOwnProps<TType>
   >
 </script>
 

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;
@@ -8,12 +8,13 @@ type OptionRenderPropArg = {
     disabled: boolean;
     selectedOption: boolean;
 };
-export type ListboxOptionProps<TType = string> = Props<typeof DEFAULT_OPTION_TAG, OptionRenderPropArg, {
+export type ListboxOptionOwnProps<TType = string> = {
     element?: HTMLElement;
     id?: string;
     disabled?: boolean;
     value: TType;
-}>;
+};
+export type ListboxOptionProps<TType = string> = Props<typeof DEFAULT_OPTION_TAG, OptionRenderPropArg, ListboxOptionOwnProps<TType>>;
 declare class __sveltets_Render<TType> {
     props(): ListboxOptionProps<TType>;
     events(): {};

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 =
@@ -24,18 +23,16 @@
 
   let OptionsRenderFeatures = RenderFeatures.RenderStrategy | RenderFeatures.Static
 
-  export type ListboxOptionsProps = Props<
-    typeof DEFAULT_OPTIONS_TAG,
-    OptionsRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      anchor?: AnchorPropsWithSelection
-      portal?: boolean
-      modal?: boolean
-      transition?: boolean
-    } & PropsForFeatures<typeof OptionsRenderFeatures>
-  >
+  export type ListboxOptionsOwnProps = {
+    element?: HTMLElement
+    id?: string
+    anchor?: AnchorPropsWithSelection
+    portal?: boolean
+    modal?: boolean
+    transition?: boolean
+  } & PropsForFeatures<typeof OptionsRenderFeatures>
+
+  export type ListboxOptionsProps = Props<typeof DEFAULT_OPTIONS_TAG, OptionsRenderPropArg, ListboxOptionsOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -2,17 +2,18 @@ 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;
-export type ListboxOptionsProps = Props<typeof DEFAULT_OPTIONS_TAG, OptionsRenderPropArg, {
+export type ListboxOptionsOwnProps = {
     element?: HTMLElement;
     id?: string;
     anchor?: AnchorPropsWithSelection;
     portal?: boolean;
     modal?: boolean;
     transition?: boolean;
-} & PropsForFeatures<typeof OptionsRenderFeatures>>;
+} & PropsForFeatures<typeof OptionsRenderFeatures>;
+export type ListboxOptionsProps = Props<typeof DEFAULT_OPTIONS_TAG, OptionsRenderPropArg, ListboxOptionsOwnProps>;
 declare const ListboxOptions: import("svelte").Component<ListboxOptionsProps, {}, "element">;
 export default ListboxOptions;

package/dist/listbox/ListboxSelectedOption.svelte

@@ -3,19 +3,21 @@
   import type { Snippet } from "svelte"
 
   const DEFAULT_SELECTED_OPTION_TAG = "span"
-  type SelectedOptionRenderPropArg = {
+  export type SelectedOptionRenderPropArg = {
     option: Snippet
   }
   type SelectedOptionPropsWeControl = never
 
+  export type ListboxSelectedOptionOwnProps = {
+    element?: HTMLElement
+    options: Snippet
+    placeholder?: Snippet
+  }
+
   export type ListboxSelectedOptionProps = Props<
     typeof DEFAULT_SELECTED_OPTION_TAG,
     SelectedOptionRenderPropArg,
-    {
-      element?: HTMLElement
-      options: Snippet
-      placeholder?: Snippet
-    }
+    ListboxSelectedOptionOwnProps
   >
 </script>
 

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

@@ -1,13 +1,14 @@
 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, {
+export type ListboxSelectedOptionOwnProps = {
     element?: HTMLElement;
     options: Snippet;
     placeholder?: Snippet;
-}>;
+};
+export type ListboxSelectedOptionProps = Props<typeof DEFAULT_SELECTED_OPTION_TAG, SelectedOptionRenderPropArg, ListboxSelectedOptionOwnProps>;
 declare const ListboxSelectedOption: import("svelte").Component<ListboxSelectedOptionProps, {}, "element">;
 export default ListboxSelectedOption;

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, type ListboxOwnProps, } from "./Listbox.svelte";
+export { default as ListboxButton, type ListboxButtonProps, type ButtonRenderPropArg as ListboxButtonSlot, type ListboxButtonOwnProps, } from "./ListboxButton.svelte";
+export { default as ListboxOption, type ListboxOptionProps, type OptionRenderPropArg as ListboxOptionSlot, type ListboxOptionOwnProps, } from "./ListboxOption.svelte";
+export { default as ListboxOptions, type ListboxOptionsProps, type OptionsRenderPropArg as ListboxOptionsSlot, type ListboxOptionsOwnProps, } from "./ListboxOptions.svelte";
+export { default as ListboxSelectedOption, type ListboxSelectedOptionProps, type SelectedOptionRenderPropArg as ListboxSelectedOptionSlot, type ListboxSelectedOptionOwnProps, } 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 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";

package/dist/menu/Menu.svelte

@@ -2,18 +2,17 @@
   import type { PropsAsChild } from "../utils/types.js"
 
   let DEFAULT_MENU_TAG = "svelte:fragment"
-  type MenuRenderPropArg = {
+  export type MenuRenderPropArg = {
     open: boolean
     close: () => void
   }
   type MenuPropsWeControl = never
 
-  export type MenuProps = PropsAsChild<
-    MenuRenderPropArg,
-    {
-      __demoMode?: boolean
-    }
-  >
+  export type MenuOwnProps = {
+    __demoMode?: boolean
+  }
+
+  export type MenuProps = PropsAsChild<MenuRenderPropArg, MenuOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -1,10 +1,11 @@
 import type { PropsAsChild } from "../utils/types.js";
-type MenuRenderPropArg = {
+export type MenuRenderPropArg = {
     open: boolean;
     close: () => void;
 };
-export type MenuProps = PropsAsChild<MenuRenderPropArg, {
+export type MenuOwnProps = {
     __demoMode?: boolean;
-}>;
+};
+export type MenuProps = PropsAsChild<MenuRenderPropArg, MenuOwnProps>;
 declare const Menu: import("svelte").Component<MenuProps, {}, "">;
 export default Menu;

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
@@ -13,17 +13,15 @@
   }
   type ButtonPropsWeControl = "aria-controls" | "aria-expanded" | "aria-haspopup"
 
-  export type MenuButtonProps = Props<
-    typeof DEFAULT_BUTTON_TAG,
-    ButtonRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      disabled?: boolean
-      autofocus?: boolean
-      type?: string
-    }
-  >
+  export type MenuButtonOwnProps = {
+    element?: HTMLElement
+    id?: string
+    disabled?: boolean
+    autofocus?: boolean
+    type?: string
+  }
+
+  export type MenuButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, MenuButtonOwnProps>
 </script>
 
 <script lang="ts">

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;
@@ -8,12 +8,13 @@ type ButtonRenderPropArg = {
     disabled: boolean;
     autofocus: boolean;
 };
-export type MenuButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, {
+export type MenuButtonOwnProps = {
     element?: HTMLElement;
     id?: string;
     disabled?: boolean;
     autofocus?: boolean;
     type?: string;
-}>;
+};
+export type MenuButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, MenuButtonOwnProps>;
 declare const MenuButton: import("svelte").Component<MenuButtonProps, {}, "element">;
 export default MenuButton;

package/dist/menu/MenuHeading.svelte

@@ -1,20 +1,17 @@
 <script lang="ts" module>
   import { onMount } from "svelte"
-  import type { SvelteHTMLElements } from "svelte/elements"
   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
-    }
-  >
+  export type MenuHeadingOwnProps = {
+    element?: HTMLElement
+    id?: string
+  }
+
+  export type MenuHeadingProps = Props<typeof DEFAULT_HEADING_TAG, {}, MenuHeadingOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -1,9 +1,9 @@
 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 MenuHeadingOwnProps = {
     element?: HTMLElement;
     id?: string;
-}>;
+};
+export type MenuHeadingProps = Props<typeof DEFAULT_HEADING_TAG, {}, MenuHeadingOwnProps>;
 declare const MenuHeading: import("svelte").Component<MenuHeadingProps, {}, "element">;
 export default MenuHeading;

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
@@ -13,15 +13,13 @@
   }
   type ItemPropsWeControl = "aria-describedby" | "aria-disabled" | "aria-labelledby" | "role" | "tabIndex"
 
-  export type MenuItemProps = Props<
-    typeof DEFAULT_ITEM_TAG,
-    ItemRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      disabled?: boolean
-    }
-  >
+  export type MenuItemOwnProps = {
+    element?: HTMLElement
+    id?: string
+    disabled?: boolean
+  }
+
+  export type MenuItemProps = Props<typeof DEFAULT_ITEM_TAG, ItemRenderPropArg, MenuItemOwnProps>
 </script>
 
 <script lang="ts">