ui-ingredients 0.0.49 → 0.0.51

package/dist/timer/control.svelte

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

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TimerControlProps extends HtmlIngredientProps<'div'> {
+export interface TimerControlProps 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/timer/item-label.svelte

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

package/dist/timer/item-label.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TimerItemLabelProps extends HtmlIngredientProps<'span'> {
+export interface TimerItemLabelProps 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/timer/item-value.svelte

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

package/dist/timer/item-value.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TimerItemValueProps extends HtmlIngredientProps<'div'> {
+export interface TimerItemValueProps 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/timer/item.svelte

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

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps } from '@zag-js/timer';
-export interface TimerItemProps extends Assign<HtmlIngredientProps<'div'>, ItemProps> {
+export interface TimerItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, 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/timer/root.svelte

@@ -7,7 +7,7 @@
 
   export interface TimerProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateTimerReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateTimerReturn>,
       CreateTimerProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateTimerProps, CreateTimerReturn } from './create-timer.svelte.js';
-export interface TimerProps extends Assign<HtmlIngredientProps<'div', CreateTimerReturn>, CreateTimerProps> {
+export interface TimerProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateTimerReturn>, CreateTimerProps> {
 }
 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/timer/separator.svelte

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

package/dist/timer/separator.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TimerSeparatorProps extends HtmlIngredientProps<'span'> {
+export interface TimerSeparatorProps 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/toast/action-trigger.svelte

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

package/dist/toast/action-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ToastActionTriggerProps extends HtmlIngredientProps<'button'> {
+export interface ToastActionTriggerProps 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/toast/close-trigger.svelte

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

package/dist/toast/close-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ToastCloseTriggerProps extends HtmlIngredientProps<'button'> {
+export interface ToastCloseTriggerProps 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/toast/description.svelte

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

package/dist/toast/description.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ToastDescriptionProps extends HtmlIngredientProps<'p'> {
+export interface ToastDescriptionProps extends HtmlIngredientProps<'p', HTMLParagraphElement> {
 }
 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/toast/ghost-after.svelte

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

package/dist/toast/ghost-after.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ToastGhostAfterProps extends HtmlIngredientProps<'span'> {
+export interface ToastGhostAfterProps 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/toast/ghost-before.svelte

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

package/dist/toast/ghost-before.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ToastGhostBeforeProps extends HtmlIngredientProps<'span'> {
+export interface ToastGhostBeforeProps 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/toast/root.svelte

@@ -3,7 +3,7 @@
   import type {CreateToastReturn} from './create-toast.svelte.js';
 
   export interface ToastProps
-    extends HtmlIngredientProps<'div', CreateToastReturn> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement, CreateToastReturn> {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,6 @@
 import type { HtmlIngredientProps } from '../types.js';
 import type { CreateToastReturn } from './create-toast.svelte.js';
-export interface ToastProps extends HtmlIngredientProps<'div', CreateToastReturn> {
+export interface ToastProps extends HtmlIngredientProps<'div', HTMLDivElement, CreateToastReturn> {
 }
 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/toast/title.svelte

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

package/dist/toast/title.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface ToastTitleProps extends HtmlIngredientProps<'h2'> {
+export interface ToastTitleProps extends HtmlIngredientProps<'h2', HTMLHeadingElement> {
 }
 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/toast/toaster.svelte

@@ -4,7 +4,7 @@
   import type {CreateToasterReturn} from './create-toaster.svelte.js';
 
   export interface ToasterProps
-    extends HtmlIngredientProps<'div', CreateToastReturn> {
+    extends HtmlIngredientProps<'div', HTMLDivElement, CreateToastReturn> {
     toaster: CreateToasterReturn;
   }
 </script>

package/dist/toast/toaster.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { HtmlIngredientProps } from '../types.js';
 import type { CreateToastReturn } from './create-toast.svelte.js';
 import type { CreateToasterReturn } from './create-toaster.svelte.js';
-export interface ToasterProps extends HtmlIngredientProps<'div', CreateToastReturn> {
+export interface ToasterProps extends HtmlIngredientProps<'div', HTMLDivElement, CreateToastReturn> {
     toaster: CreateToasterReturn;
 }
 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> {

package/dist/toggle-group/item.svelte

@@ -3,7 +3,10 @@
   import type {ItemProps, ItemState} from '@zag-js/toggle-group';
 
   export interface ToggleGroupItemProps
-    extends Assign<HtmlIngredientProps<'button', ItemState>, ItemProps> {}
+    extends Assign<
+      HtmlIngredientProps<'button', HTMLButtonElement, ItemState>,
+      ItemProps
+    > {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/toggle-group';
-export interface ToggleGroupItemProps extends Assign<HtmlIngredientProps<'button', ItemState>, ItemProps> {
+export interface ToggleGroupItemProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement, 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/toggle-group/root.svelte

@@ -7,7 +7,7 @@
 
   export interface ToggleGroupProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateToggleGroupReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateToggleGroupReturn>,
       CreateToggleGroupProps
     > {}
 </script>

package/dist/toggle-group/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateToggleGroupProps, CreateToggleGroupReturn } from './create-toggle-group.svelte.js';
-export interface ToggleGroupProps extends Assign<HtmlIngredientProps<'div', CreateToggleGroupReturn>, CreateToggleGroupProps> {
+export interface ToggleGroupProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateToggleGroupReturn>, CreateToggleGroupProps> {
 }
 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/tooltip/arrow-tip.svelte

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

package/dist/tooltip/arrow-tip.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TooltipArrowTipProps extends HtmlIngredientProps<'span'> {
+export interface TooltipArrowTipProps 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/tooltip/arrow.svelte

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

package/dist/tooltip/arrow.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TooltipArrowProps extends HtmlIngredientProps<'span'> {
+export interface TooltipArrowProps 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/tooltip/content.svelte

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

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

@@ -1,6 +1,6 @@
 import type { HtmlIngredientProps } from '../types.js';
 import type { Action } from 'svelte/action';
-export interface TooltipContentProps extends HtmlIngredientProps<'div', never, Action> {
+export interface TooltipContentProps 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/tooltip/positioner.svelte

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

package/dist/tooltip/positioner.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TooltipPositionerProps extends HtmlIngredientProps<'div'> {
+export interface TooltipPositionerProps 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/tooltip/trigger.svelte

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

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TooltipTriggerProps extends HtmlIngredientProps<'button'> {
+export interface TooltipTriggerProps 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/tour/arrow-tip.svelte

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

package/dist/tour/arrow-tip.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourArrowTipProps extends HtmlIngredientProps<'span'> {
+export interface TourArrowTipProps 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/tour/arrow.svelte

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

package/dist/tour/arrow.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourArrowProps extends HtmlIngredientProps<'span'> {
+export interface TourArrowProps 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/tour/close-trigger.svelte

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

package/dist/tour/close-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourCloseTriggerProps extends HtmlIngredientProps<'button'> {
+export interface TourCloseTriggerProps 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/tour/content.svelte

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

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourContentProps extends HtmlIngredientProps<'div'> {
+export interface TourContentProps 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/tour/description.svelte

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

package/dist/tour/description.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourDescriptionProps extends HtmlIngredientProps<'p'> {
+export interface TourDescriptionProps extends HtmlIngredientProps<'p', HTMLParagraphElement> {
 }
 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/tour/next-trigger.svelte

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

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourNextTriggerProps extends HtmlIngredientProps<'button'> {
+export interface TourNextTriggerProps 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/tour/overlay.svelte

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

package/dist/tour/overlay.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourOverlayProps extends HtmlIngredientProps<'div'> {
+export interface TourOverlayProps 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/tour/positioner.svelte

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

package/dist/tour/positioner.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourPositionerProps extends HtmlIngredientProps<'div'> {
+export interface TourPositionerProps 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/tour/prev-trigger.svelte

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

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourPrevTriggerProps extends HtmlIngredientProps<'button'> {
+export interface TourPrevTriggerProps 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/tour/progress-text.svelte

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