ui-ingredients 0.0.50 → 0.0.51

package/dist/accordion/item-content.svelte

@@ -3,7 +3,7 @@
   import type {Action} from 'svelte/action';
 
   export interface AccordionItemContentProps
-    extends HtmlIngredientProps<'div', never, Action> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
 </script>
 
 <script lang="ts">

package/dist/accordion/item-content.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { HtmlIngredientProps } from '../types.js';
 import type { Action } from 'svelte/action';
-export interface AccordionItemContentProps extends HtmlIngredientProps<'div', never, Action> {
+export interface AccordionItemContentProps extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/accordion/item-indicator.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface AccordionIndicatorProps
-    extends HtmlIngredientProps<'span'> {}
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

package/dist/accordion/item-indicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface AccordionIndicatorProps extends HtmlIngredientProps<'span'> {
+export interface AccordionIndicatorProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/accordion/item-trigger.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface AccordionItemTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
 </script>
 
 <script lang="ts">

package/dist/accordion/item-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface AccordionItemTriggerProps extends HtmlIngredientProps<'button'> {
+export interface AccordionItemTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/accordion/item.svelte

@@ -3,7 +3,10 @@
   import type {ItemProps, ItemState} from '@zag-js/accordion';
 
   export interface AccordionItemProps
-    extends Assign<HtmlIngredientProps<'div', ItemState>, ItemProps> {}
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
+      ItemProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/accordion/item.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/accordion';
-export interface AccordionItemProps extends Assign<HtmlIngredientProps<'div', ItemState>, ItemProps> {
+export interface AccordionItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ItemState>, ItemProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/accordion/root.svelte

@@ -8,7 +8,7 @@
 
   export interface AccordionProps
     extends Assign<
-        HtmlIngredientProps<'div', CreateAccordionReturn>,
+        HtmlIngredientProps<'div', HTMLDivElement, CreateAccordionReturn>,
         CreateAccordionProps
       >,
       PresenceStrategyProps {}

package/dist/accordion/root.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateAccordionProps, CreateAccordionReturn } from './create-accordion.svelte.js';
-export interface AccordionProps extends Assign<HtmlIngredientProps<'div', CreateAccordionReturn>, CreateAccordionProps>, PresenceStrategyProps {
+export interface AccordionProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateAccordionReturn>, CreateAccordionProps>, PresenceStrategyProps {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/avatar/fallback.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface AvatarFallbackProps extends HtmlIngredientProps<'span'> {}
+  export interface AvatarFallbackProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

package/dist/avatar/fallback.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface AvatarFallbackProps extends HtmlIngredientProps<'span'> {
+export interface AvatarFallbackProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/avatar/image.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface AvatarImageProps extends HtmlIngredientProps<'img'> {}
+  export interface AvatarImageProps
+    extends HtmlIngredientProps<'img', HTMLImageElement> {}
 </script>
 
 <script lang="ts">

package/dist/avatar/image.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface AvatarImageProps extends HtmlIngredientProps<'img'> {
+export interface AvatarImageProps extends HtmlIngredientProps<'img', HTMLImageElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/avatar/root.svelte

@@ -7,7 +7,7 @@
 
   export interface AvatarProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateAvatarReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateAvatarReturn>,
       CreateAvatarProps
     > {}
 </script>

package/dist/avatar/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import { type CreateAvatarProps, type CreateAvatarReturn } from './create-avatar.svelte.js';
-export interface AvatarProps extends Assign<HtmlIngredientProps<'div', CreateAvatarReturn>, CreateAvatarProps> {
+export interface AvatarProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateAvatarReturn>, CreateAvatarProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/indicator-group.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface CarouselIndicatorGroupProps
-    extends HtmlIngredientProps<'div'> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/carousel/indicator-group.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CarouselIndicatorGroupProps extends HtmlIngredientProps<'div'> {
+export interface CarouselIndicatorGroupProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/indicator.svelte

@@ -3,7 +3,10 @@
   import type {IndicatorProps} from '@zag-js/carousel';
 
   export interface CarouselIndicatorProps
-    extends Assign<HtmlIngredientProps<'button'>, IndicatorProps> {}
+    extends Assign<
+      HtmlIngredientProps<'button', HTMLButtonElement>,
+      IndicatorProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/carousel/indicator.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { IndicatorProps } from '@zag-js/carousel';
-export interface CarouselIndicatorProps extends Assign<HtmlIngredientProps<'button'>, IndicatorProps> {
+export interface CarouselIndicatorProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement>, IndicatorProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/item-group.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface CarouselItemGroupProps extends HtmlIngredientProps<'div'> {}
+  export interface CarouselItemGroupProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/carousel/item-group.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CarouselItemGroupProps extends HtmlIngredientProps<'div'> {
+export interface CarouselItemGroupProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/item.svelte

@@ -3,7 +3,10 @@
   import type {ItemProps, ItemState} from '@zag-js/carousel';
 
   export interface CarouselItemProps
-    extends Assign<HtmlIngredientProps<'div', ItemState>, ItemProps> {}
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
+      ItemProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/carousel/item.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/carousel';
-export interface CarouselItemProps extends Assign<HtmlIngredientProps<'div', ItemState>, ItemProps> {
+export interface CarouselItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ItemState>, ItemProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/next-trigger.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface CarouselNextTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
 </script>
 
 <script lang="ts">

package/dist/carousel/next-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CarouselNextTriggerProps extends HtmlIngredientProps<'button'> {
+export interface CarouselNextTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/prev-trigger.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface CarouselPrevTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
 </script>
 
 <script lang="ts">

package/dist/carousel/prev-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CarouselPrevTriggerProps extends HtmlIngredientProps<'button'> {
+export interface CarouselPrevTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/root.svelte

@@ -7,7 +7,7 @@
 
   export interface CarouselProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateCarouselReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateCarouselReturn>,
       CreateCarouselProps
     > {}
 </script>

package/dist/carousel/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateCarouselProps, CreateCarouselReturn } from './create-carousel.svelte.js';
-export interface CarouselProps extends Assign<HtmlIngredientProps<'div', CreateCarouselReturn>, CreateCarouselProps> {
+export interface CarouselProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateCarouselReturn>, CreateCarouselProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/carousel/viewport.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface CarouselViewportProps extends HtmlIngredientProps<'div'> {}
+  export interface CarouselViewportProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/carousel/viewport.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CarouselViewportProps extends HtmlIngredientProps<'div'> {
+export interface CarouselViewportProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/checkbox/control.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface CheckboxControlProps extends HtmlIngredientProps<'div'> {}
+  export interface CheckboxControlProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/checkbox/control.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CheckboxControlProps extends HtmlIngredientProps<'div'> {
+export interface CheckboxControlProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/checkbox/hidden-input.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface CheckboxHiddenInputProps
-    extends HtmlIngredientProps<'input'> {}
+    extends HtmlIngredientProps<'input', HTMLInputElement> {}
 </script>
 
 <script lang="ts">

package/dist/checkbox/hidden-input.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CheckboxHiddenInputProps extends HtmlIngredientProps<'input'> {
+export interface CheckboxHiddenInputProps extends HtmlIngredientProps<'input', HTMLInputElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/checkbox/indicator.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface CheckboxIndicatorProps extends HtmlIngredientProps<'div'> {}
+  export interface CheckboxIndicatorProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/checkbox/indicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CheckboxIndicatorProps extends HtmlIngredientProps<'div'> {
+export interface CheckboxIndicatorProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/checkbox/label.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface CheckboxLabelProps extends HtmlIngredientProps<'span'> {}
+  export interface CheckboxLabelProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CheckboxLabelProps extends HtmlIngredientProps<'span'> {
+export interface CheckboxLabelProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/checkbox/root.svelte

@@ -7,7 +7,7 @@
 
   export interface CheckboxProps
     extends Assign<
-      HtmlIngredientProps<'label', CreateCheckboxReturn>,
+      HtmlIngredientProps<'label', HTMLLabelElement, CreateCheckboxReturn>,
       CreateCheckboxProps
     > {}
 </script>

package/dist/checkbox/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateCheckboxProps, CreateCheckboxReturn } from './create-checkbox.svelte.js';
-export interface CheckboxProps extends Assign<HtmlIngredientProps<'label', CreateCheckboxReturn>, CreateCheckboxProps> {
+export interface CheckboxProps extends Assign<HtmlIngredientProps<'label', HTMLLabelElement, CreateCheckboxReturn>, CreateCheckboxProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/clipboard/control.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface ClipboardControlProps extends HtmlIngredientProps<'div'> {}
+  export interface ClipboardControlProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/clipboard/control.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ClipboardControlProps extends HtmlIngredientProps<'div'> {
+export interface ClipboardControlProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/clipboard/indicator.svelte

@@ -3,7 +3,10 @@
   import type {IndicatorProps} from '@zag-js/clipboard';
 
   export interface ClipboardIndicatorProps
-    extends Assign<HtmlIngredientProps<'span'>, Partial<IndicatorProps>> {}
+    extends Assign<
+      HtmlIngredientProps<'span', HTMLSpanElement>,
+      Partial<IndicatorProps>
+    > {}
 </script>
 
 <script lang="ts">

package/dist/clipboard/indicator.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { IndicatorProps } from '@zag-js/clipboard';
-export interface ClipboardIndicatorProps extends Assign<HtmlIngredientProps<'span'>, Partial<IndicatorProps>> {
+export interface ClipboardIndicatorProps extends Assign<HtmlIngredientProps<'span', HTMLSpanElement>, Partial<IndicatorProps>> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/clipboard/input.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface ClipboardInputProps extends HtmlIngredientProps<'input'> {}
+  export interface ClipboardInputProps
+    extends HtmlIngredientProps<'input', HTMLInputElement> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ClipboardInputProps extends HtmlIngredientProps<'input'> {
+export interface ClipboardInputProps extends HtmlIngredientProps<'input', HTMLInputElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/clipboard/label.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface ClipboardLabelProps extends HtmlIngredientProps<'label'> {}
+  export interface ClipboardLabelProps
+    extends HtmlIngredientProps<'label', HTMLLabelElement> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ClipboardLabelProps extends HtmlIngredientProps<'label'> {
+export interface ClipboardLabelProps extends HtmlIngredientProps<'label', HTMLLabelElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/clipboard/root.svelte

@@ -7,7 +7,7 @@
 
   export interface ClipboardProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateClipboardReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateClipboardReturn>,
       CreateClipboardProps
     > {}
 </script>

package/dist/clipboard/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateClipboardProps, CreateClipboardReturn } from './create-clipboard.svelte.js';
-export interface ClipboardProps extends Assign<HtmlIngredientProps<'div', CreateClipboardReturn>, CreateClipboardProps> {
+export interface ClipboardProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateClipboardReturn>, CreateClipboardProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/clipboard/trigger.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ClipboardTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
 </script>
 
 <script lang="ts">

package/dist/clipboard/trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ClipboardTriggerProps extends HtmlIngredientProps<'button'> {
+export interface ClipboardTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/collapsible/content.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface CollapsibleContentProps extends HtmlIngredientProps<'div'> {}
+  export interface CollapsibleContentProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/collapsible/content.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CollapsibleContentProps extends HtmlIngredientProps<'div'> {
+export interface CollapsibleContentProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/collapsible/root.svelte

@@ -7,7 +7,7 @@
 
   export interface CollapsibleProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateCollapsibleReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateCollapsibleReturn>,
       CreateCollapsibleProps
     > {}
 </script>

package/dist/collapsible/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateCollapsibleProps, CreateCollapsibleReturn } from './create-collapsible.svelte.js';
-export interface CollapsibleProps extends Assign<HtmlIngredientProps<'div', CreateCollapsibleReturn>, CreateCollapsibleProps> {
+export interface CollapsibleProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateCollapsibleReturn>, CreateCollapsibleProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/collapsible/trigger.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface CollapsibleTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
 </script>
 
 <script lang="ts">

package/dist/collapsible/trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CollapsibleTriggerProps extends HtmlIngredientProps<'button'> {
+export interface CollapsibleTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {