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

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

@@ -1,33 +1,10 @@
-import type { ElementType, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 declare const DEFAULT_LIST_TAG: "div";
 type ListRenderPropArg = {
     selectedIndex: number;
 };
-type ListPropsWeControl = "aria-orientation" | "role";
-export type TabListProps<TTag extends ElementType = typeof DEFAULT_LIST_TAG> = Props<TTag, ListRenderPropArg, ListPropsWeControl, {}>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_LIST_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("slot" | "as" | "children" | "class" | "ref") | ListPropsWeControl> 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<[{
-            slot: ListRenderPropArg;
-            props: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: ListRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_LIST_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_LIST_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const TabList: $$IsomorphicComponent;
-type TabList<TTag extends ElementType = typeof DEFAULT_LIST_TAG> = InstanceType<typeof TabList<TTag>>;
+export type TabListProps = Props<typeof DEFAULT_LIST_TAG, ListRenderPropArg, {
+    element?: HTMLElement;
+}>;
+declare const TabList: import("svelte").Component<TabListProps, {}, "element">;
 export default TabList;

package/dist/tabs/TabPanel.svelte

@@ -1,52 +1,77 @@
-<script lang="ts" module>const DEFAULT_PANEL_TAG = "div";
-const PanelRenderFeatures = RenderFeatures.RenderStrategy | RenderFeatures.Static;
+<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 = {
+    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 }
+  >
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_PANEL_TAG">import { useId } from "../hooks/use-id.js";
-import { mergeProps, RenderFeatures } from "../utils/render.js";
-import { useStableCollectionIndex } from "../utils/StableCollection.svelte";
-import { useFocusRing } from "../hooks/use-focus-ring.svelte.js";
-import Hidden from "../internal/Hidden.svelte";
-import { onMount } from "svelte";
-import ElementOrComponent from "../utils/ElementOrComponent.svelte";
-import { useTabs } from "./context.svelte.js";
-const internalId = useId();
-let {
-  ref = $bindable(),
-  id = `headlessui-tabs-panel-${internalId}`,
-  tabIndex = 0,
-  ...theirProps
-} = $props();
-const context = useTabs("TabPanel");
-const { selectedIndex, tabs, panels, registerPanel } = $derived(context);
-const panelRef = $derived({ current: ref });
-onMount(() => registerPanel(panelRef));
-const mySSRIndex = useStableCollectionIndex("panels");
-const myIndex = $derived.by(() => {
-  const index = tabs.findIndex((panel) => panel === panelRef);
-  return index === -1 ? mySSRIndex : index;
-});
-const selected = $derived(myIndex === selectedIndex);
-const { isFocusVisible: focus, focusProps } = $derived(useFocusRing());
-const slot = $derived({
-  selected,
-  focus
-});
-const ourProps = $derived(
-  mergeProps(
-    {
-      id,
-      role: "tabpanel",
-      "aria-labelledby": tabs[myIndex]?.current?.id,
-      tabIndex: selected ? 0 : -1
-    },
-    focusProps
+<script lang="ts">
+  import { useId } from "../hooks/use-id.js"
+  import { mergeProps, RenderFeatures, type PropsForFeatures } from "../utils/render.js"
+  import { useStableCollectionIndex } from "../utils/StableCollection.svelte"
+  import { useFocusRing } from "../hooks/use-focus-ring.svelte.js"
+  import Hidden from "../internal/Hidden.svelte"
+  import type { MutableRefObject } from "../utils/ref.svelte.js"
+  import { onMount } from "svelte"
+  import ElementOrComponent from "../utils/ElementOrComponent.svelte"
+  import { useTabs } from "./context.svelte.js"
+
+  const internalId = useId()
+  let {
+    element = $bindable(),
+    id = `headlessui-tabs-panel-${internalId}`,
+    tabIndex = 0,
+    ...theirProps
+  }: TabPanelProps = $props()
+  const context = useTabs("TabPanel")
+  const { selectedIndex, tabs, panels, registerPanel } = $derived(context)
+
+  const panelRef = $derived<MutableRefObject<HTMLElement | undefined>>({ current: element })
+
+  onMount(() => registerPanel(panelRef))
+
+  const mySSRIndex = useStableCollectionIndex("panels")
+
+  const myIndex = $derived.by(() => {
+    const index = tabs.findIndex((panel) => panel === panelRef)
+    return index === -1 ? mySSRIndex : index
+  })
+
+  const selected = $derived(myIndex === selectedIndex)
+
+  const { isFocusVisible: focus, focusProps } = $derived(useFocusRing())
+  const slot = $derived({
+    selected,
+    focus,
+  } satisfies PanelRenderPropArg)
+
+  const ourProps = $derived(
+    mergeProps(
+      {
+        id,
+        role: "tabpanel",
+        "aria-labelledby": tabs[myIndex]?.current?.id,
+        tabIndex: selected ? 0 : -1,
+      },
+      focusProps
+    )
   )
-);
 </script>
 
 {#if !selected && (theirProps.unmount ?? true) && !(theirProps.static ?? false)}
-  <Hidden aria-hidden="true" {...ourProps} bind:ref />
+  <Hidden aria-hidden="true" {...ourProps} bind:element />
 {:else}
   <ElementOrComponent
     {ourProps}
@@ -55,6 +80,6 @@ const ourProps = $derived(
     defaultTag={DEFAULT_PANEL_TAG}
     features={PanelRenderFeatures}
     name="TabPanel"
-    bind:ref
+    bind:element
   />
 {/if}

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

@@ -1,45 +1,15 @@
-import type { ElementType, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 declare const DEFAULT_PANEL_TAG: "div";
 type PanelRenderPropArg = {
     selected: boolean;
     focus: boolean;
 };
-type PanelPropsWeControl = "role" | "aria-labelledby";
 declare const PanelRenderFeatures: number;
-export type TabPanelProps<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = Props<TTag, PanelRenderPropArg, PanelPropsWeControl, PropsForFeatures<typeof PanelRenderFeatures> & {
+export type TabPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, PropsForFeatures<typeof PanelRenderFeatures> & {
+    element?: HTMLElement;
     id?: string;
     tabIndex?: number;
 }>;
 import { type PropsForFeatures } from "../utils/render.js";
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("slot" | "as" | "children" | "class" | "ref") | "unmount" | "static" | "id" | "tabIndex" | PanelPropsWeControl> 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<[{
-            slot: PanelRenderPropArg;
-            props: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: PanelRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    } & {
-        static?: boolean | undefined;
-        unmount?: boolean | undefined;
-    } & {
-        id?: string;
-        tabIndex?: number;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_PANEL_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_PANEL_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const TabPanel: $$IsomorphicComponent;
-type TabPanel<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = InstanceType<typeof TabPanel<TTag>>;
+declare const TabPanel: import("svelte").Component<TabPanelProps, {}, "element">;
 export default TabPanel;

package/dist/tabs/TabPanels.svelte

@@ -1,12 +1,23 @@
-<script lang="ts" module>import ElementOrComponent from "../utils/ElementOrComponent.svelte";
-import { useTabs } from "./context.svelte.js";
-let DEFAULT_PANELS_TAG = "div";
+<script lang="ts" module>
+  import ElementOrComponent from "../utils/ElementOrComponent.svelte"
+  import type { Props } from "../utils/types.js"
+  import { useTabs } from "./context.svelte.js"
+
+  let DEFAULT_PANELS_TAG = "div" as const
+  type PanelsRenderPropArg = {
+    selectedIndex: number
+  }
+
+  export type TabPanelsProps = Props<typeof DEFAULT_PANELS_TAG, PanelsRenderPropArg, { element?: HTMLElement }>
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_PANELS_TAG">const context = useTabs("TabPanels");
-const { selectedIndex } = $derived(context);
-const slot = $derived({ selectedIndex });
-let { ref = $bindable(), ...theirProps } = $props();
+<script lang="ts">
+  const context = useTabs("TabPanels")
+  const { selectedIndex } = $derived(context)
+
+  const slot = $derived({ selectedIndex } satisfies PanelsRenderPropArg)
+
+  let { element = $bindable(), ...theirProps }: TabPanelsProps = $props()
 </script>
 
-<ElementOrComponent {theirProps} {slot} defaultTag={DEFAULT_PANELS_TAG} name="TabPanel" bind:ref />
+<ElementOrComponent {theirProps} {slot} defaultTag={DEFAULT_PANELS_TAG} name="TabPanel" bind:element />

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

@@ -1,32 +1,10 @@
-import type { ElementType, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 declare let DEFAULT_PANELS_TAG: "div";
 type PanelsRenderPropArg = {
     selectedIndex: number;
 };
-export type TabPanelsProps<TTag extends ElementType = typeof DEFAULT_PANELS_TAG> = Props<TTag, PanelsRenderPropArg>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PANELS_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<[{
-            slot: PanelsRenderPropArg;
-            props: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: PanelsRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_PANELS_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_PANELS_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {}): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const TabPanels: $$IsomorphicComponent;
-type TabPanels<TTag extends ElementType = typeof DEFAULT_PANELS_TAG> = InstanceType<typeof TabPanels<TTag>>;
+export type TabPanelsProps = Props<typeof DEFAULT_PANELS_TAG, PanelsRenderPropArg, {
+    element?: HTMLElement;
+}>;
+declare const TabPanels: import("svelte").Component<TabPanelsProps, {}, "element">;
 export default TabPanels;

package/dist/textarea/Textarea.svelte

@@ -1,59 +1,92 @@
-<script lang="ts" module>const DEFAULT_TEXTAREA_TAG = "textarea";
-</script>
+<script lang="ts" module>
+  import type { Props } from "../utils/types.js"
+  import type { SvelteHTMLElements } from "svelte/elements"
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string">import { htmlid } from "../utils/id.js";
-import { useDisabled } from "../hooks/use-disabled.js";
-import { useProvidedId } from "../utils/id.js";
-import { useLabelledBy } from "../label/context.svelte.js";
-import { useDescribedBy } from "../description/context.svelte.js";
-import { useHover } from "../hooks/use-hover.svelte.js";
-import { useFocusRing } from "../hooks/use-focus-ring.svelte.js";
-import { mergeProps } from "../utils/render.js";
-import ElementOrComponent from "../utils/ElementOrComponent.svelte";
-const internalId = htmlid();
-const providedId = useProvidedId();
-const providedDisabled = useDisabled();
-let {
-  ref = $bindable(),
-  value = $bindable(),
-  id = providedId || `headlessui-input-${internalId}`,
-  disabled: theirDisabled = false,
-  autofocus = false,
-  invalid = false,
-  ...theirProps
-} = $props();
-const disabled = $derived(providedDisabled.current || theirDisabled);
-const labelledBy = useLabelledBy();
-const describedBy = useDescribedBy();
-const { isFocusVisible: focus, focusProps } = $derived(
-  useFocusRing({
-    get autofocus() {
-      return autofocus;
-    }
-  })
-);
-const { isHovered: hover, hoverProps } = $derived(
-  useHover({
-    get disabled() {
-      return disabled;
-    }
-  })
-);
-const ourProps = $derived(
-  mergeProps(
+  const DEFAULT_TEXTAREA_TAG = "textarea" as const
+
+  type TextareaRenderPropArg = {
+    disabled: boolean
+    hover: boolean
+    focus: boolean
+    autofocus: boolean
+    invalid: boolean
+  }
+  type TextareaPropsWeControl = "aria-labelledby" | "aria-describedby"
+
+  export type TextareaProps<TValue = string> = Props<
+    typeof DEFAULT_TEXTAREA_TAG,
+    TextareaRenderPropArg,
     {
-      id,
-      "aria-labelledby": labelledBy?.value,
-      "aria-describedby": describedBy?.value,
-      "aria-invalid": invalid ? "" : void 0,
-      disabled: disabled || void 0,
-      autofocus
-    },
-    focusProps,
-    hoverProps
+      element?: HTMLElement
+      id?: string
+      value?: TValue
+      disabled?: boolean
+      invalid?: boolean
+      autofocus?: boolean
+    }
+  >
+</script>
+
+<script lang="ts" generics="TValue = string">
+  import { htmlid } from "../utils/id.js"
+  import { useDisabled } from "../hooks/use-disabled.js"
+  import { useProvidedId } from "../utils/id.js"
+  import { useLabelledBy } from "../label/context.svelte.js"
+  import { useDescribedBy } from "../description/context.svelte.js"
+  import { useHover } from "../hooks/use-hover.svelte.js"
+  import { useFocusRing } from "../hooks/use-focus-ring.svelte.js"
+  import { mergeProps } from "../utils/render.js"
+  import ElementOrComponent from "../utils/ElementOrComponent.svelte"
+
+  const internalId = htmlid()
+  const providedId = useProvidedId()
+  const providedDisabled = useDisabled()
+
+  let {
+    element = $bindable(),
+    value = $bindable(),
+    id = providedId || `headlessui-input-${internalId}`,
+    disabled: theirDisabled = false,
+    autofocus = false,
+    invalid = false,
+    ...theirProps
+  }: TextareaProps<TValue> = $props()
+  const disabled = $derived(providedDisabled.current || theirDisabled)
+
+  const labelledBy = useLabelledBy()
+  const describedBy = useDescribedBy()
+
+  const { isFocusVisible: focus, focusProps } = $derived(
+    useFocusRing({
+      get autofocus() {
+        return autofocus
+      },
+    })
   )
-);
-const slot = $derived({ disabled, invalid, hover, focus, autofocus });
+  const { isHovered: hover, hoverProps } = $derived(
+    useHover({
+      get disabled() {
+        return disabled
+      },
+    })
+  )
+
+  const ourProps = $derived(
+    mergeProps(
+      {
+        id,
+        "aria-labelledby": labelledBy?.value,
+        "aria-describedby": describedBy?.value,
+        "aria-invalid": invalid ? "" : undefined,
+        disabled: disabled || undefined,
+        autofocus,
+      },
+      focusProps,
+      hoverProps
+    )
+  )
+
+  const slot = $derived({ disabled, invalid, hover, focus, autofocus } satisfies TextareaRenderPropArg)
 </script>
 
 <ElementOrComponent
@@ -62,6 +95,6 @@ const slot = $derived({ disabled, invalid, hover, focus, autofocus });
   {slot}
   defaultTag={DEFAULT_TEXTAREA_TAG}
   name="Textarea"
-  bind:ref
+  bind:element
   bind:value
 />

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

@@ -1,4 +1,4 @@
-import type { ElementType, Props, PropsOf } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 declare const DEFAULT_TEXTAREA_TAG: "textarea";
 type TextareaRenderPropArg = {
     disabled: boolean;
@@ -7,42 +7,28 @@ type TextareaRenderPropArg = {
     autofocus: boolean;
     invalid: boolean;
 };
-type TextareaPropsWeControl = "aria-labelledby" | "aria-describedby";
-export type TextareaProps<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string> = Props<TTag, TextareaRenderPropArg, TextareaPropsWeControl, {
+export type TextareaProps<TValue = string> = Props<typeof DEFAULT_TEXTAREA_TAG, TextareaRenderPropArg, {
+    element?: HTMLElement;
+    id?: string;
     value?: TValue;
     disabled?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
 }>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string> {
-    props(): {
-        as?: TTag | undefined;
-        value?: TValue | undefined;
-    } & (Exclude<keyof PropsOf<TTag>, ("slot" | "as" | "children" | "class" | "ref") | "invalid" | "disabled" | "autofocus" | "value" | TextareaPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("svelte").Snippet<[{
-            slot: TextareaRenderPropArg;
-            props: Record<string, any>;
-        }]> | undefined;
-        class?: string | ((bag: TextareaRenderPropArg) => string) | null | undefined;
-        ref?: HTMLElement;
-    } & {
-        value?: TValue | undefined;
-        disabled?: boolean;
-        invalid?: boolean;
-        autofocus?: boolean;
-    };
+declare class __sveltets_Render<TValue = string> {
+    props(): TextareaProps<TValue>;
     events(): {};
     slots(): {};
-    bindings(): "ref" | "value";
+    bindings(): "element" | "value";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag, TValue>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag, TValue>['props']>, ReturnType<__sveltets_Render<TTag, TValue>['events']>, ReturnType<__sveltets_Render<TTag, TValue>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag, TValue>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag, TValue>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string>(internal: unknown, props: ReturnType<__sveltets_Render<TTag, TValue>['props']> & {}): ReturnType<__sveltets_Render<TTag, TValue>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+    new <TValue = string>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TValue>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TValue>['props']>, ReturnType<__sveltets_Render<TValue>['events']>, ReturnType<__sveltets_Render<TValue>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TValue>['bindings']>;
+    } & ReturnType<__sveltets_Render<TValue>['exports']>;
+    <TValue = string>(internal: unknown, props: ReturnType<__sveltets_Render<TValue>['props']> & {}): ReturnType<__sveltets_Render<TValue>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const Textarea: $$IsomorphicComponent;
-type Textarea<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string> = InstanceType<typeof Textarea<TTag, TValue>>;
+type Textarea<TValue = string> = InstanceType<typeof Textarea<TValue>>;
 export default Textarea;