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

package/dist/portal/InternalPortal.svelte

@@ -3,7 +3,7 @@
   import { getOwnerDocument } from "../utils/owner.js"
   import { getContext, onMount, setContext } from "svelte"
   import { env } from "../utils/env.js"
-  import type { ElementType, Props } from "../utils/types.js"
+  import type { Props } from "../utils/types.js"
   import type { PortalGroupContext } from "./PortalGroup.svelte"
 
   function usePortalTarget(options: { element: HTMLElement | null }): { readonly target: HTMLElement | null } {
@@ -93,27 +93,27 @@
   // ---
 
   export const DEFAULT_PORTAL_TAG = "div"
-  type PortalRenderPropArg = {}
+  export type PortalRenderPropArg = {}
   type PortalPropsWeControl = never
 
-  export type PortalProps<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG> = Props<
-    TTag,
+  export type PortalProps = Props<
+    typeof DEFAULT_PORTAL_TAG,
     PortalRenderPropArg,
-    PortalPropsWeControl,
     {
+      element?: HTMLElement
       enabled?: boolean
     }
   >
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_PORTAL_TAG">
+<script lang="ts">
   import ElementOrComponent from "../utils/ElementOrComponent.svelte"
 
-  let { ref = $bindable(), ...theirProps }: { as?: TTag } & PortalProps<TTag> = $props()
+  let { element = $bindable(), ...theirProps }: PortalProps = $props()
 
   const portalTarget = usePortalTarget({
     get element() {
-      return ref ?? null
+      return element ?? null
     },
   })
   const { target } = $derived(portalTarget)
@@ -121,24 +121,24 @@
   //const ready = useServerHandoffComplete()
 
   $effect(() => {
-    if (!target || !ref) return
+    if (!target || !element) return
 
     // Element already exists in target, always calling target.appendChild(element) will cause a
     // brief unmount/remount.
-    if (ref.parentNode !== target) {
-      ref.setAttribute("data-headlessui-portal", "")
-      target.appendChild(ref)
+    if (element.parentNode !== target) {
+      element.setAttribute("data-headlessui-portal", "")
+      target.appendChild(element)
     }
   })
 
   onMount(() => {
-    if (parent) parent.register(ref!)
+    if (parent) parent.register(element!)
 
     return () => {
-      if (!target || !ref) return
+      if (!target || !element) return
 
-      if (ref instanceof Node && target.contains(ref)) {
-        target.removeChild(ref)
+      if (element instanceof Node && target.contains(element)) {
+        target.removeChild(element)
       }
 
       if (target.childNodes.length <= 0) {
@@ -149,5 +149,5 @@
 </script>
 
 {#if target}
-  <ElementOrComponent {theirProps} defaultTag={DEFAULT_PORTAL_TAG} name="InternalPortal" bind:ref />
+  <ElementOrComponent {theirProps} defaultTag={DEFAULT_PORTAL_TAG} name="InternalPortal" bind:element />
 {/if}

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

@@ -1,4 +1,4 @@
-import type { ElementType, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 type PortalParentContext = {
     register: (portal: HTMLElement) => () => void;
     unregister: (portal: HTMLElement) => void;
@@ -6,35 +6,10 @@ type PortalParentContext = {
 };
 export declare function useNestedPortals(): PortalParentContext;
 export declare const DEFAULT_PORTAL_TAG = "div";
-type PortalRenderPropArg = {};
-type PortalPropsWeControl = never;
-export type PortalProps<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG> = Props<TTag, PortalRenderPropArg, PortalPropsWeControl, {
+export type PortalRenderPropArg = {};
+export type PortalProps = Props<typeof DEFAULT_PORTAL_TAG, PortalRenderPropArg, {
+    element?: HTMLElement;
     enabled?: boolean;
 }>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("slot" | "as" | "children" | "class" | "ref") | "enabled"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("svelte").Snippet<[{
-            props?: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: PortalRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    } & {
-        enabled?: boolean;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const InternalPortal: $$IsomorphicComponent;
-type InternalPortal<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG> = InstanceType<typeof InternalPortal<TTag>>;
+declare const InternalPortal: import("svelte").Component<PortalProps, {}, "element">;
 export default InternalPortal;

package/dist/portal/Portal.svelte

@@ -1,10 +1,11 @@
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_PORTAL_TAG">
-  import type { ElementType } from "../utils/types.js"
-  import InternalPortal, { DEFAULT_PORTAL_TAG, type PortalProps } from "./InternalPortal.svelte"
+<script lang="ts">
+  import InternalPortal, { type PortalProps } from "./InternalPortal.svelte"
 
-  let { ref = $bindable(), enabled = true, ...theirProps }: PortalProps<TTag> = $props()
+  let { element = $bindable(), enabled = true, ...theirProps }: PortalProps = $props()
 </script>
 
 {#if enabled}
-  <InternalPortal {...theirProps} bind:ref />
-{:else if theirProps.children}{@render theirProps.children()}{/if}
+  <InternalPortal {...theirProps} bind:element />
+{:else}
+  {@render theirProps.children?.({})}
+{/if}

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

@@ -1,19 +1,3 @@
-import type { ElementType } from "../utils/types.js";
-import { DEFAULT_PORTAL_TAG, type PortalProps } from "./InternalPortal.svelte";
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG> {
-    props(): PortalProps<TTag>;
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const Portal: $$IsomorphicComponent;
-type Portal<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG> = InstanceType<typeof Portal<TTag>>;
+import { type PortalProps } from "./InternalPortal.svelte";
+declare const Portal: import("svelte").Component<PortalProps, {}, "element">;
 export default Portal;

package/dist/portal/PortalGroup.svelte

@@ -1,29 +1,21 @@
 <script lang="ts" module>
-  import type { ElementType, Props } from "../utils/types.js"
+  import type { PropsAsChild } from "../utils/types.js"
 
   const DEFAULT_GROUP_TAG = "svelte:fragment"
-  type GroupRenderPropArg = {}
-  type GroupPropsWeControl = never
+  export type GroupRenderPropArg = {}
 
   export type PortalGroupContext = {
     readonly target: HTMLElement | null
   }
 
-  export type PortalGroupProps<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = Props<
-    TTag,
-    GroupRenderPropArg,
-    GroupPropsWeControl,
-    {
-      target: HTMLElement | null
-    }
-  >
+  export type PortalGroupProps = PropsAsChild<GroupRenderPropArg, { target: HTMLElement | null }>
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_GROUP_TAG">
+<script lang="ts">
   import ElementOrComponent from "../utils/ElementOrComponent.svelte"
   import { setContext } from "svelte"
 
-  let { ref = $bindable(), target, ...theirProps }: { as?: TTag } & PortalGroupProps<TTag> = $props()
+  let { target, ...theirProps }: PortalGroupProps = $props()
 
   setContext("PortalGroupContext", {
     get target() {
@@ -32,4 +24,4 @@
   })
 </script>
 
-<ElementOrComponent {theirProps} defaultTag={DEFAULT_GROUP_TAG} name="PortalGroup" bind:ref />
+<ElementOrComponent {theirProps} name="PortalGroup" />

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

@@ -1,37 +1,10 @@
-import type { ElementType, Props } from "../utils/types.js";
-declare const DEFAULT_GROUP_TAG = "svelte:fragment";
-type GroupRenderPropArg = {};
-type GroupPropsWeControl = never;
+import type { PropsAsChild } from "../utils/types.js";
+export type GroupRenderPropArg = {};
 export type PortalGroupContext = {
     readonly target: HTMLElement | null;
 };
-export type PortalGroupProps<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = Props<TTag, GroupRenderPropArg, GroupPropsWeControl, {
+export type PortalGroupProps = PropsAsChild<GroupRenderPropArg, {
     target: HTMLElement | null;
 }>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("slot" | "as" | "children" | "class" | "ref") | "target"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("svelte").Snippet<[{
-            props?: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: GroupRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    } & {
-        target: HTMLElement | null;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const PortalGroup: $$IsomorphicComponent;
-type PortalGroup<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = InstanceType<typeof PortalGroup<TTag>>;
+declare const PortalGroup: import("svelte").Component<PortalGroupProps, {}, "">;
 export default PortalGroup;

package/dist/select/Select.svelte

@@ -1,9 +1,9 @@
 <script lang="ts" module>
-  import type { ElementType, Props, PropsOf } from "../utils/types.js"
+  import type { Props } from "../utils/types.js"
 
   let DEFAULT_SELECT_TAG = "select" as const
 
-  type SelectRenderPropArg = {
+  export type SelectRenderPropArg = {
     disabled: boolean
     hover: boolean
     focus: boolean
@@ -13,11 +13,12 @@
   }
   type SelectPropsWeControl = "aria-labelledby" | "aria-describedby"
 
-  export type SelectProps<TTag extends ElementType = typeof DEFAULT_SELECT_TAG> = Props<
-    TTag,
+  export type SelectProps = Props<
+    typeof DEFAULT_SELECT_TAG,
     SelectRenderPropArg,
-    SelectPropsWeControl,
     {
+      element?: HTMLElement
+      id?: string
       disabled?: boolean
       invalid?: boolean
       autofocus?: boolean
@@ -25,7 +26,7 @@
   >
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_SELECT_TAG">
+<script lang="ts">
   import { useId } from "../hooks/use-id.js"
   import { useProvidedId } from "../utils/id.js"
   import { useDisabled } from "../hooks/use-disabled.js"
@@ -41,13 +42,13 @@
   const providedId = useProvidedId()
   const providedDisabled = useDisabled()
   let {
-    ref = $bindable(),
-    id = (providedId || `headlessui-select-${internalId}`) as PropsOf<TTag>["id"],
+    element = $bindable(),
+    id = providedId || `headlessui-select-${internalId}`,
     disabled: theirDisabled = false,
     invalid = false,
     autofocus = false,
     ...theirProps
-  }: { as?: TTag } & SelectProps<TTag> = $props()
+  }: SelectProps = $props()
 
   const disabled = $derived(providedDisabled.current ?? theirDisabled)
   const labelledBy = useLabelledBy()
@@ -101,4 +102,4 @@
   } satisfies SelectRenderPropArg)
 </script>
 
-<ElementOrComponent {ourProps} {theirProps} {slot} defaultTag={DEFAULT_SELECT_TAG} name="Select" bind:ref />
+<ElementOrComponent {ourProps} {theirProps} {slot} defaultTag={DEFAULT_SELECT_TAG} name="Select" bind:element />

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

@@ -1,6 +1,6 @@
-import type { ElementType, Props, PropsOf } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 declare let DEFAULT_SELECT_TAG: "select";
-type SelectRenderPropArg = {
+export type SelectRenderPropArg = {
     disabled: boolean;
     hover: boolean;
     focus: boolean;
@@ -8,38 +8,12 @@ type SelectRenderPropArg = {
     autofocus: boolean;
     invalid: boolean;
 };
-type SelectPropsWeControl = "aria-labelledby" | "aria-describedby";
-export type SelectProps<TTag extends ElementType = typeof DEFAULT_SELECT_TAG> = Props<TTag, SelectRenderPropArg, SelectPropsWeControl, {
+export type SelectProps = Props<typeof DEFAULT_SELECT_TAG, SelectRenderPropArg, {
+    element?: HTMLElement;
+    id?: string;
     disabled?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
 }>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SELECT_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof PropsOf<TTag>, ("slot" | "as" | "children" | "class" | "ref") | "invalid" | "disabled" | "autofocus" | SelectPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("svelte").Snippet<[SelectRenderPropArg & {
-            props?: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: SelectRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    } & {
-        disabled?: boolean;
-        invalid?: boolean;
-        autofocus?: boolean;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const Select: $$IsomorphicComponent;
-type Select<TTag extends ElementType = typeof DEFAULT_SELECT_TAG> = InstanceType<typeof Select<TTag>>;
+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 } from "./Select.svelte";
+export { default as Select, type SelectProps, type SelectRenderPropArg as SelectSlot } from "./Select.svelte";

package/dist/switch/Switch.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" module>
-  import type { ElementType, Props, PropsOf } from "../utils/types.js"
+  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
@@ -13,11 +13,12 @@
   }
   type SwitchPropsWeControl = "aria-checked" | "aria-describedby" | "aria-labelledby" | "role"
 
-  export type SwitchProps<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> = Props<
-    TTag,
+  export type SwitchProps = Props<
+    typeof DEFAULT_SWITCH_TAG,
     SwitchRenderPropArg,
-    SwitchPropsWeControl,
     {
+      element?: HTMLElement
+      id?: string
       checked?: boolean
       defaultChecked?: boolean
       onchange?(checked: boolean): void
@@ -31,7 +32,7 @@
   >
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_SWITCH_TAG">
+<script lang="ts">
   import { useId } from "../hooks/use-id.js"
   import { useDisabled } from "../hooks/use-disabled.js"
   import { useProvidedId } from "../utils/id.js"
@@ -53,8 +54,8 @@
   const providedId = useProvidedId()
   const providedDisabled = useDisabled()
   let {
-    ref = $bindable(),
-    id = (providedId || `headlessui-switch-${internalId}`) as PropsOf<TTag>["id"],
+    element = $bindable(),
+    id = providedId || `headlessui-switch-${internalId}`,
     disabled: theirDisabled = false,
     checked: controlledChecked = $bindable(),
     defaultChecked: _defaultChecked,
@@ -65,11 +66,11 @@
     autofocus = false,
     tabIndex,
     ...theirProps
-  }: { as?: TTag } & SwitchProps<TTag> = $props()
+  }: SwitchProps = $props()
   const disabled = $derived(providedDisabled.current ?? theirDisabled)
   const groupContext = getContext<GroupContext>("GroupContext")
   $effect(() => {
-    if (groupContext) groupContext.switchElement = ref ?? null
+    if (groupContext) groupContext.switchElement = element ?? null
   })
 
   const defaultChecked = _defaultChecked
@@ -152,10 +153,10 @@
 
   const buttonType = useResolveButtonType({
     get props() {
-      return { type: theirProps.type, as: theirProps.as }
+      return { type: theirProps.type ?? undefined, as: element ? element.tagName.toLowerCase() : DEFAULT_SWITCH_TAG }
     },
     get ref() {
-      return { current: ref }
+      return { current: element }
     },
   })
 
@@ -197,4 +198,4 @@
   />
 {/if}
 
-<ElementOrComponent {ourProps} {theirProps} {slot} defaultTag={DEFAULT_SWITCH_TAG} name="Switch" bind:ref />
+<ElementOrComponent {ourProps} {theirProps} {slot} defaultTag={DEFAULT_SWITCH_TAG} name="Switch" bind:element />

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

@@ -1,6 +1,6 @@
-import type { ElementType, Props, PropsOf } from "../utils/types.js";
+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,8 +9,9 @@ type SwitchRenderPropArg = {
     changing: boolean;
     disabled: boolean;
 };
-type SwitchPropsWeControl = "aria-checked" | "aria-describedby" | "aria-labelledby" | "role";
-export type SwitchProps<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> = Props<TTag, SwitchRenderPropArg, SwitchPropsWeControl, {
+export type SwitchProps = Props<typeof DEFAULT_SWITCH_TAG, SwitchRenderPropArg, {
+    element?: HTMLElement;
+    id?: string;
     checked?: boolean;
     defaultChecked?: boolean;
     onchange?(checked: boolean): void;
@@ -21,38 +22,5 @@ export type SwitchProps<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> =
     disabled?: boolean;
     tabIndex?: number;
 }>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof PropsOf<TTag>, "form" | ("slot" | "as" | "children" | "class" | "ref") | "disabled" | "autofocus" | "value" | "checked" | "name" | "onchange" | "tabIndex" | "defaultChecked" | SwitchPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("svelte").Snippet<[SwitchRenderPropArg & {
-            props?: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: SwitchRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    } & {
-        checked?: boolean;
-        defaultChecked?: boolean;
-        onchange?(checked: boolean): void;
-        name?: string;
-        value?: string;
-        form?: string;
-        autofocus?: boolean;
-        disabled?: boolean;
-        tabIndex?: number;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref" | "checked";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_SWITCH_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_SWITCH_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const Switch: $$IsomorphicComponent;
-type Switch<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> = InstanceType<typeof Switch<TTag>>;
+declare const Switch: import("svelte").Component<SwitchProps, {}, "element" | "checked">;
 export default Switch;

package/dist/switch/SwitchGroup.svelte

@@ -1,16 +1,16 @@
 <script lang="ts" module>
-  import type { ElementType, Props } from "../utils/types.js"
+  import type { PropsAsChild } from "../utils/types.js"
 
   const DEFAULT_GROUP_TAG = "svelte:fragment"
 
-  export type SwitchGroupProps<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = Props<TTag>
+  export type SwitchGroupProps = PropsAsChild
 
   export type GroupContext = {
     switchElement: HTMLElement | null
   }
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_GROUP_TAG">
+<script lang="ts">
   import { setContext } from "svelte"
   import { useLabels } from "../label/context.svelte.js"
   import { useDescriptions } from "../description/context.svelte.js"
@@ -44,7 +44,7 @@
     },
   })
 
-  let { ref = $bindable(), ...theirProps }: { as?: TTag } & SwitchGroupProps<TTag> = $props()
+  let { ...theirProps }: SwitchGroupProps = $props()
 </script>
 
-<ElementOrComponent {theirProps} defaultTag={DEFAULT_GROUP_TAG} name="SwitchGroup" bind:ref />
+<ElementOrComponent {theirProps} name="SwitchGroup" />

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

@@ -1,31 +1,11 @@
-import type { ElementType, Props } from "../utils/types.js";
-declare const DEFAULT_GROUP_TAG = "svelte:fragment";
-export type SwitchGroupProps<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = Props<TTag>;
+import type { PropsAsChild } from "../utils/types.js";
+export type SwitchGroupProps = PropsAsChild;
 export type GroupContext = {
     switchElement: HTMLElement | null;
 };
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, "slot" | "as" | "children" | "class" | "ref"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("svelte").Snippet<[{
-            props?: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: {}) => string) | null | undefined;
-        ref?: HTMLElement;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const SwitchGroup: $$IsomorphicComponent;
-type SwitchGroup<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = InstanceType<typeof SwitchGroup<TTag>>;
+declare const SwitchGroup: import("svelte").Component<{
+    children?: import("svelte").Snippet<[{
+        props?: Record<string, any>;
+    }]> | undefined;
+}, {}, "">;
 export default SwitchGroup;

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";