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

package/dist/popover/PopoverButton.svelte

@@ -12,16 +12,14 @@
   }
   export type PopoverButtonPropsWeControl = "aria-controls" | "aria-expanded"
 
-  export type PopoverButtonProps = Props<
-    typeof DEFAULT_BUTTON_TAG,
-    PopoverButtonSlot,
-    {
-      element?: HTMLElement
-      id?: string
-      disabled?: boolean
-      autofocus?: boolean
-    }
-  >
+  export type PopoverButtonOwnProps = {
+    element?: HTMLElement
+    id?: string
+    disabled?: boolean
+    autofocus?: boolean
+  }
+
+  export type PopoverButtonProps = Props<typeof DEFAULT_BUTTON_TAG, PopoverButtonSlot, PopoverButtonOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -9,11 +9,12 @@ export type PopoverButtonSlot = {
     autofocus: boolean;
 };
 export type PopoverButtonPropsWeControl = "aria-controls" | "aria-expanded";
-export type PopoverButtonProps = Props<typeof DEFAULT_BUTTON_TAG, PopoverButtonSlot, {
+export type PopoverButtonOwnProps = {
     element?: HTMLElement;
     id?: string;
     disabled?: boolean;
     autofocus?: boolean;
-}>;
+};
+export type PopoverButtonProps = Props<typeof DEFAULT_BUTTON_TAG, PopoverButtonSlot, PopoverButtonOwnProps>;
 declare const PopoverButton: import("svelte").Component<PopoverButtonProps, {}, "element">;
 export default PopoverButton;

package/dist/popover/PopoverGroup.svelte

@@ -4,13 +4,11 @@
 
   const DEFAULT_GROUP_TAG = "div" as const
 
-  export type PopoverGroupProps = Props<
-    typeof DEFAULT_GROUP_TAG,
-    {},
-    {
-      element?: HTMLElement
-    }
-  >
+  export type PopoverGroupOwnProps = {
+    element?: HTMLElement
+  }
+
+  export type PopoverGroupProps = Props<typeof DEFAULT_GROUP_TAG, {}, PopoverGroupOwnProps>
 </script>
 
 <script lang="ts">

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

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

package/dist/popover/PopoverPanel.svelte

@@ -12,23 +12,21 @@
 
   type PanelPropsWeControl = "tabIndex"
 
-  export type PopoverPanelProps = Props<
-    typeof DEFAULT_PANEL_TAG,
-    PanelRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      focus?: boolean
-      anchor?: AnchorProps
-      portal?: boolean
-      modal?: boolean
-      transition?: boolean
-
-      // ItemsRenderFeatures
-      static?: boolean
-      unmount?: boolean
-    }
-  >
+  export type PopoverPanelOwnProps = {
+    element?: HTMLElement
+    id?: string
+    focus?: boolean
+    anchor?: AnchorProps
+    portal?: boolean
+    modal?: boolean
+    transition?: boolean
+
+    // ItemsRenderFeatures
+    static?: boolean
+    unmount?: boolean
+  }
+
+  export type PopoverPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, PopoverPanelOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -4,7 +4,7 @@ export type PanelRenderPropArg = {
     open: boolean;
     close: (focusableElement?: HTMLElement) => void;
 };
-export type PopoverPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, {
+export type PopoverPanelOwnProps = {
     element?: HTMLElement;
     id?: string;
     focus?: boolean;
@@ -14,7 +14,8 @@ export type PopoverPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropA
     transition?: boolean;
     static?: boolean;
     unmount?: boolean;
-}>;
+};
+export type PopoverPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, PopoverPanelOwnProps>;
 import { type AnchorProps } from "../internal/floating.svelte.js";
 declare const PopoverPanel: import("svelte").Component<PopoverPanelProps, {}, "element">;
 export default PopoverPanel;

package/dist/popover/index.d.ts

@@ -1,5 +1,5 @@
-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, type PanelRenderPropArg as PopoverPanelSlot, } from "./PopoverPanel.svelte";
+export { default as Popover, type PopoverProps, type PopoverRenderPropArg as PopoverSlot, type PopoverOwnProps, } from "./Popover.svelte";
+export { default as PopoverBackdrop, type PopoverBackdropProps, type BackdropRenderPropArg as PopoverBackdropSlot, type PopoverBackdropOwnProps, } from "./PopoverBackdrop.svelte";
+export { default as PopoverButton, type PopoverButtonProps, type PopoverButtonSlot, type PopoverButtonOwnProps, } from "./PopoverButton.svelte";
+export { default as PopoverGroup, type PopoverGroupProps, type PopoverGroupOwnProps } from "./PopoverGroup.svelte";
+export { default as PopoverPanel, type PopoverPanelProps, type PanelRenderPropArg as PopoverPanelSlot, type PopoverPanelOwnProps, } from "./PopoverPanel.svelte";

package/dist/popover/index.js

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

package/dist/select/Select.svelte

@@ -13,17 +13,15 @@
   }
   type SelectPropsWeControl = "aria-labelledby" | "aria-describedby"
 
-  export type SelectProps = Props<
-    typeof DEFAULT_SELECT_TAG,
-    SelectRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      disabled?: boolean
-      invalid?: boolean
-      autofocus?: boolean
-    }
-  >
+  export type SelectOwnProps = {
+    element?: HTMLElement
+    id?: string
+    disabled?: boolean
+    invalid?: boolean
+    autofocus?: boolean
+  }
+
+  export type SelectProps = Props<typeof DEFAULT_SELECT_TAG, SelectRenderPropArg, SelectOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -8,12 +8,13 @@ export type SelectRenderPropArg = {
     autofocus: boolean;
     invalid: boolean;
 };
-export type SelectProps = Props<typeof DEFAULT_SELECT_TAG, SelectRenderPropArg, {
+export type SelectOwnProps = {
     element?: HTMLElement;
     id?: string;
     disabled?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
-}>;
+};
+export type SelectProps = Props<typeof DEFAULT_SELECT_TAG, SelectRenderPropArg, SelectOwnProps>;
 declare const Select: import("svelte").Component<SelectProps, {}, "element">;
 export default Select;

package/dist/select/index.d.ts

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

package/dist/select/index.js

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

package/dist/switch/Switch.svelte

@@ -13,23 +13,21 @@
   }
   type SwitchPropsWeControl = "aria-checked" | "aria-describedby" | "aria-labelledby" | "role"
 
-  export type SwitchProps = Props<
-    typeof DEFAULT_SWITCH_TAG,
-    SwitchRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      checked?: boolean
-      defaultChecked?: boolean
-      onchange?(checked: boolean): void
-      name?: string
-      value?: string
-      form?: string
-      autofocus?: boolean
-      disabled?: boolean
-      tabIndex?: number
-    }
-  >
+  export type SwitchOwnProps = {
+    element?: HTMLElement
+    id?: string
+    checked?: boolean
+    defaultChecked?: boolean
+    onchange?(checked: boolean): void
+    name?: string
+    value?: string
+    form?: string
+    autofocus?: boolean
+    disabled?: boolean
+    tabIndex?: number
+  }
+
+  export type SwitchProps = Props<typeof DEFAULT_SWITCH_TAG, SwitchRenderPropArg, SwitchOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -9,7 +9,7 @@ export type SwitchRenderPropArg = {
     changing: boolean;
     disabled: boolean;
 };
-export type SwitchProps = Props<typeof DEFAULT_SWITCH_TAG, SwitchRenderPropArg, {
+export type SwitchOwnProps = {
     element?: HTMLElement;
     id?: string;
     checked?: boolean;
@@ -21,6 +21,7 @@ export type SwitchProps = Props<typeof DEFAULT_SWITCH_TAG, SwitchRenderPropArg,
     autofocus?: boolean;
     disabled?: boolean;
     tabIndex?: number;
-}>;
+};
+export type SwitchProps = Props<typeof DEFAULT_SWITCH_TAG, SwitchRenderPropArg, SwitchOwnProps>;
 declare const Switch: import("svelte").Component<SwitchProps, {}, "element" | "checked">;
 export default Switch;

package/dist/switch/index.d.ts

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

package/dist/switch/index.js

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

package/dist/tabs/Tab.svelte

@@ -12,16 +12,14 @@
   }
   type TabPropsWeControl = "aria-controls" | "aria-selected" | "role" | "tabIndex"
 
-  export type TabProps = Props<
-    typeof DEFAULT_TAB_TAG,
-    TabRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      autofocus?: boolean
-      disabled?: boolean
-    }
-  >
+  export type TabOwnProps = {
+    element?: HTMLElement
+    id?: string
+    autofocus?: boolean
+    disabled?: boolean
+  }
+
+  export type TabProps = Props<typeof DEFAULT_TAB_TAG, TabRenderPropArg, TabOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -8,11 +8,12 @@ export type TabRenderPropArg = {
     selected: boolean;
     disabled: boolean;
 };
-export type TabProps = Props<typeof DEFAULT_TAB_TAG, TabRenderPropArg, {
+export type TabOwnProps = {
     element?: HTMLElement;
     id?: string;
     autofocus?: boolean;
     disabled?: boolean;
-}>;
+};
+export type TabProps = Props<typeof DEFAULT_TAB_TAG, TabRenderPropArg, TabOwnProps>;
 declare const Tab: import("svelte").Component<TabProps, {}, "element">;
 export default Tab;

package/dist/tabs/TabGroup.svelte

@@ -9,18 +9,16 @@
   }
   type TabsPropsWeControl = never
 
-  export type TabGroupProps = Props<
-    typeof DEFAULT_TABS_TAG,
-    TabsRenderPropArg,
-    {
-      element?: HTMLElement
-      defaultIndex?: number
-      onchange?: (index: number) => void
-      selectedIndex?: number
-      vertical?: boolean
-      manual?: boolean
-    }
-  >
+  export type TabGroupOwnProps = {
+    element?: HTMLElement
+    defaultIndex?: number
+    onchange?: (index: number) => void
+    selectedIndex?: number
+    vertical?: boolean
+    manual?: boolean
+  }
+
+  export type TabGroupProps = Props<typeof DEFAULT_TABS_TAG, TabsRenderPropArg, TabGroupOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -3,13 +3,14 @@ declare const DEFAULT_TABS_TAG: "div";
 export type TabsRenderPropArg = {
     selectedIndex: number;
 };
-export type TabGroupProps = Props<typeof DEFAULT_TABS_TAG, TabsRenderPropArg, {
+export type TabGroupOwnProps = {
     element?: HTMLElement;
     defaultIndex?: number;
     onchange?: (index: number) => void;
     selectedIndex?: number;
     vertical?: boolean;
     manual?: boolean;
-}>;
+};
+export type TabGroupProps = Props<typeof DEFAULT_TABS_TAG, TabsRenderPropArg, TabGroupOwnProps>;
 declare const TabGroup: import("svelte").Component<TabGroupProps, {}, "element">;
 export default TabGroup;

package/dist/tabs/TabList.svelte

@@ -7,13 +7,11 @@
   }
   type ListPropsWeControl = "aria-orientation" | "role"
 
-  export type TabListProps = Props<
-    typeof DEFAULT_LIST_TAG,
-    ListRenderPropArg,
-    {
-      element?: HTMLElement
-    }
-  >
+  export type TabListOwnProps = {
+    element?: HTMLElement
+  }
+
+  export type TabListProps = Props<typeof DEFAULT_LIST_TAG, ListRenderPropArg, TabListOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -3,8 +3,9 @@ declare const DEFAULT_LIST_TAG: "div";
 export type ListRenderPropArg = {
     selectedIndex: number;
 };
-export type TabListProps = Props<typeof DEFAULT_LIST_TAG, ListRenderPropArg, {
+export type TabListOwnProps = {
     element?: HTMLElement;
-}>;
+};
+export type TabListProps = Props<typeof DEFAULT_LIST_TAG, ListRenderPropArg, TabListOwnProps>;
 declare const TabList: import("svelte").Component<TabListProps, {}, "element">;
 export default TabList;

package/dist/tabs/TabPanel.svelte

@@ -1,6 +1,5 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   const DEFAULT_PANEL_TAG = "div" as const
   export type PanelRenderPropArg = {
@@ -10,11 +9,13 @@
   type PanelPropsWeControl = "role" | "aria-labelledby"
   const PanelRenderFeatures = RenderFeatures.RenderStrategy | RenderFeatures.Static
 
-  export type TabPanelProps = Props<
-    typeof DEFAULT_PANEL_TAG,
-    PanelRenderPropArg,
-    PropsForFeatures<typeof PanelRenderFeatures> & { element?: HTMLElement; id?: string; tabIndex?: number }
-  >
+  export type TabPanelOwnProps = PropsForFeatures<typeof PanelRenderFeatures> & {
+    element?: HTMLElement
+    id?: string
+    tabIndex?: number
+  }
+
+  export type TabPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, TabPanelOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -5,11 +5,12 @@ export type PanelRenderPropArg = {
     focus: boolean;
 };
 declare const PanelRenderFeatures: number;
-export type TabPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, PropsForFeatures<typeof PanelRenderFeatures> & {
+export type TabPanelOwnProps = PropsForFeatures<typeof PanelRenderFeatures> & {
     element?: HTMLElement;
     id?: string;
     tabIndex?: number;
-}>;
+};
+export type TabPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, TabPanelOwnProps>;
 import { type PropsForFeatures } from "../utils/render.js";
 declare const TabPanel: import("svelte").Component<TabPanelProps, {}, "element">;
 export default TabPanel;

package/dist/tabs/TabPanels.svelte

@@ -8,7 +8,9 @@
     selectedIndex: number
   }
 
-  export type TabPanelsProps = Props<typeof DEFAULT_PANELS_TAG, PanelsRenderPropArg, { element?: HTMLElement }>
+  export type TabPanelsOwnProps = { element?: HTMLElement }
+
+  export type TabPanelsProps = Props<typeof DEFAULT_PANELS_TAG, PanelsRenderPropArg, TabPanelsOwnProps>
 </script>
 
 <script lang="ts">

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

@@ -3,8 +3,9 @@ declare let DEFAULT_PANELS_TAG: "div";
 export type PanelsRenderPropArg = {
     selectedIndex: number;
 };
-export type TabPanelsProps = Props<typeof DEFAULT_PANELS_TAG, PanelsRenderPropArg, {
+export type TabPanelsOwnProps = {
     element?: HTMLElement;
-}>;
+};
+export type TabPanelsProps = Props<typeof DEFAULT_PANELS_TAG, PanelsRenderPropArg, TabPanelsOwnProps>;
 declare const TabPanels: import("svelte").Component<TabPanelsProps, {}, "element">;
 export default TabPanels;

package/dist/tabs/index.d.ts

@@ -1,5 +1,5 @@
-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 Tab, type TabProps, type TabRenderPropArg as TabSlot, type TabOwnProps } from "./Tab.svelte";
+export { default as TabGroup, type TabGroupProps, type TabsRenderPropArg as TabGroupSlot, type TabGroupOwnProps, } from "./TabGroup.svelte";
+export { default as TabList, type TabListProps, type ListRenderPropArg as TabListSlot, type TabListOwnProps, } from "./TabList.svelte";
+export { default as TabPanel, type TabPanelProps, type PanelRenderPropArg as TabPanelSlot, type TabPanelOwnProps, } from "./TabPanel.svelte";
 export { default as TabPanels, type TabPanelsProps, type PanelsRenderPropArg as TabPanelsSlot, } from "./TabPanels.svelte";

package/dist/tabs/index.js

@@ -1,5 +1,5 @@
 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 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";

package/dist/textarea/Textarea.svelte

@@ -1,6 +1,5 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   const DEFAULT_TEXTAREA_TAG = "textarea" as const
 
@@ -13,17 +12,19 @@
   }
   type TextareaPropsWeControl = "aria-labelledby" | "aria-describedby"
 
+  export type TextareaOwnProps<TValue = string> = {
+    element?: HTMLElement
+    id?: string
+    value?: TValue
+    disabled?: boolean
+    invalid?: boolean
+    autofocus?: boolean
+  }
+
   export type TextareaProps<TValue = string> = Props<
     typeof DEFAULT_TEXTAREA_TAG,
     TextareaRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      value?: TValue
-      disabled?: boolean
-      invalid?: boolean
-      autofocus?: boolean
-    }
+    TextareaOwnProps<TValue>
   >
 </script>
 

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

@@ -7,14 +7,15 @@ export type TextareaRenderPropArg = {
     autofocus: boolean;
     invalid: boolean;
 };
-export type TextareaProps<TValue = string> = Props<typeof DEFAULT_TEXTAREA_TAG, TextareaRenderPropArg, {
+export type TextareaOwnProps<TValue = string> = {
     element?: HTMLElement;
     id?: string;
     value?: TValue;
     disabled?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
-}>;
+};
+export type TextareaProps<TValue = string> = Props<typeof DEFAULT_TEXTAREA_TAG, TextareaRenderPropArg, TextareaOwnProps<TValue>>;
 declare class __sveltets_Render<TValue = string> {
     props(): TextareaProps<TValue>;
     events(): {};

package/dist/textarea/index.d.ts

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

package/dist/textarea/index.js

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

package/dist/transition/Transition.svelte

@@ -1,7 +1,16 @@
 <script lang="ts" module>
   import { State, useOpenClosed } from "../internal/open-closed.js"
   import { setContext, untrack } from "svelte"
-  import { type TransitionChildProps, TransitionChildRenderFeatures } from "./TransitionChild.svelte"
+  import {
+    type TransitionChildOwnProps,
+    type TransitionChildProps,
+    TransitionChildRenderFeatures,
+  } from "./TransitionChild.svelte"
+
+  export type TransitionRootOwnProps = TransitionChildOwnProps & {
+    show?: boolean
+    appear?: boolean
+  }
 
   export type TransitionRootProps = TransitionChildProps & {
     show?: boolean

package/dist/transition/Transition.svelte.d.ts

@@ -1,4 +1,8 @@
-import { type TransitionChildProps } from "./TransitionChild.svelte";
+import { type TransitionChildOwnProps, type TransitionChildProps } from "./TransitionChild.svelte";
+export type TransitionRootOwnProps = TransitionChildOwnProps & {
+    show?: boolean;
+    appear?: boolean;
+};
 export type TransitionRootProps = TransitionChildProps & {
     show?: boolean;
     appear?: boolean;

package/dist/transition/TransitionChild.svelte

@@ -5,12 +5,14 @@
 
   type TransitionChildPropsWeControl = never
 
+  export type TransitionChildOwnProps = PropsForFeatures<typeof TransitionChildRenderFeatures> &
+    TransitionClasses &
+    TransitionEvents & { transition?: boolean; appear?: boolean; element?: HTMLElement }
+
   export type TransitionChildProps = Props<
     typeof DEFAULT_TRANSITION_CHILD_TAG,
     TransitionChildRenderPropArg,
-    PropsForFeatures<typeof TransitionChildRenderFeatures> &
-      TransitionClasses &
-      TransitionEvents & { transition?: boolean; appear?: boolean; element?: HTMLElement }
+    TransitionChildOwnProps
   >
 
   export const DEFAULT_TRANSITION_CHILD_TAG = "div"

package/dist/transition/TransitionChild.svelte.d.ts

@@ -1,11 +1,12 @@
 import type { Props } from "../utils/types.js";
 import { RenderFeatures, type PropsForFeatures } from "../utils/render.js";
 import type { TransitionEvents, TransitionClasses } from "./context.svelte.js";
-export type TransitionChildProps = Props<typeof DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderPropArg, PropsForFeatures<typeof TransitionChildRenderFeatures> & TransitionClasses & TransitionEvents & {
+export type TransitionChildOwnProps = PropsForFeatures<typeof TransitionChildRenderFeatures> & TransitionClasses & TransitionEvents & {
     transition?: boolean;
     appear?: boolean;
     element?: HTMLElement;
-}>;
+};
+export type TransitionChildProps = Props<typeof DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderPropArg, TransitionChildOwnProps>;
 export declare const DEFAULT_TRANSITION_CHILD_TAG = "div";
 export type TransitionChildRenderPropArg = {
     element?: HTMLElement;

package/dist/transition/index.d.ts

@@ -1,2 +1,2 @@
-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";
+export { default as Transition, type TransitionRootProps as TransitionProps, type TransitionRootOwnProps as TransitionOwnProps, } from "./Transition.svelte";
+export { default as TransitionChild, type TransitionChildProps, type TransitionChildRenderPropArg as TransitionChildSlot, type TransitionChildRenderPropArg as TransitionSlot, type TransitionChildOwnProps, } from "./TransitionChild.svelte";

package/dist/transition/index.js

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

package/package.json

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