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

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;
@@ -9,7 +9,7 @@ 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 } 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

@@ -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
@@ -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

@@ -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;
@@ -8,11 +8,12 @@ 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

@@ -4,23 +4,21 @@
   import FocusSentinel from "../internal/FocusSentinel.svelte"
 
   const DEFAULT_TABS_TAG = "div" as const
-  type TabsRenderPropArg = {
+  export type TabsRenderPropArg = {
     selectedIndex: number
   }
   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

@@ -1,15 +1,16 @@
 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, {
+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

@@ -2,18 +2,16 @@
   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"
 
-  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

@@ -1,10 +1,11 @@
 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, {
+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,20 +1,21 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   const DEFAULT_PANEL_TAG = "div" as const
-  type PanelRenderPropArg = {
+  export type PanelRenderPropArg = {
     selected: boolean
     focus: boolean
   }
   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

@@ -1,15 +1,16 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_PANEL_TAG: "div";
-type PanelRenderPropArg = {
+export type PanelRenderPropArg = {
     selected: boolean;
     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

@@ -4,11 +4,13 @@
   import { useTabs } from "./context.svelte.js"
 
   let DEFAULT_PANELS_TAG = "div" as const
-  type PanelsRenderPropArg = {
+  export type PanelsRenderPropArg = {
     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

@@ -1,10 +1,11 @@
 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, {
+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 } 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, 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 TabPanels } from "./TabPanels.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,10 +1,9 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   const DEFAULT_TEXTAREA_TAG = "textarea" as const
 
-  type TextareaRenderPropArg = {
+  export type TextareaRenderPropArg = {
     disabled: boolean
     hover: boolean
     focus: boolean
@@ -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

@@ -1,20 +1,21 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_TEXTAREA_TAG: "textarea";
-type TextareaRenderPropArg = {
+export type TextareaRenderPropArg = {
     disabled: boolean;
     hover: boolean;
     focus: boolean;
     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 } 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 } from "./Transition.svelte";
-export { default as TransitionChild, type TransitionChildProps } 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 TransitionChild } from "./TransitionChild.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.33",
+  "version": "2.1.2-next.35",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",