ui-ingredients 0.0.50 → 0.0.52

package/dist/signature-pad/segment-path.svelte

@@ -3,7 +3,10 @@
   import type {SegmentPathProps} from '@zag-js/signature-pad';
 
   export interface SignaturePadSegmentPathProps
-    extends Assign<HtmlIngredientProps<'path'>, SegmentPathProps> {}
+    extends Assign<
+      HtmlIngredientProps<'path', SVGPathElement>,
+      SegmentPathProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/signature-pad/segment-path.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { SegmentPathProps } from '@zag-js/signature-pad';
-export interface SignaturePadSegmentPathProps extends Assign<HtmlIngredientProps<'path'>, SegmentPathProps> {
+export interface SignaturePadSegmentPathProps extends Assign<HtmlIngredientProps<'path', SVGPathElement>, SegmentPathProps> {
 }
 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/signature-pad/segment.svelte

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

package/dist/signature-pad/segment.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface SignaturePadSegmentProps extends HtmlIngredientProps<'svg'> {
+export interface SignaturePadSegmentProps extends HtmlIngredientProps<'svg', SVGSVGElement> {
 }
 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/slider/control.svelte

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface SliderLabelProps extends HtmlIngredientProps<'label'> {
+export interface SliderLabelProps 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/slider/marker-group.svelte

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

package/dist/slider/marker-group.svelte.d.ts

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

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

package/dist/slider/marker.svelte.d.ts

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

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

package/dist/slider/range.svelte.d.ts

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

@@ -7,7 +7,7 @@
 
   export interface SliderProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateSliderReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateSliderReturn>,
       CreateSliderProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateSliderProps, CreateSliderReturn } from './create-slider.svelte.js';
-export interface SliderProps extends Assign<HtmlIngredientProps<'div', CreateSliderReturn>, CreateSliderProps> {
+export interface SliderProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateSliderReturn>, CreateSliderProps> {
 }
 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/slider/thumb.svelte

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

package/dist/slider/thumb.svelte.d.ts

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

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

package/dist/slider/track.svelte.d.ts

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

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

package/dist/slider/value-text.svelte.d.ts

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

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

package/dist/splitter/panel.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { PanelProps } from '@zag-js/splitter';
-export interface SplitterPanelProps extends Assign<HtmlIngredientProps<'div'>, PanelProps> {
+export interface SplitterPanelProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, PanelProps> {
 }
 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/splitter/resize-trigger.svelte

@@ -13,7 +13,7 @@
 
   export interface SplitterResizeTriggerProps
     extends Assign<
-      HtmlIngredientProps<'div', ResizeTriggerState>,
+      HtmlIngredientProps<'div', HTMLDivElement, ResizeTriggerState>,
       ResizeTriggerProps
     > {}
 </script>

package/dist/splitter/resize-trigger.svelte.d.ts

@@ -8,7 +8,7 @@ interface ResizeTriggerState {
     disabled: boolean;
     panelIds: string[];
 }
-export interface SplitterResizeTriggerProps extends Assign<HtmlIngredientProps<'div', ResizeTriggerState>, ResizeTriggerProps> {
+export interface SplitterResizeTriggerProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ResizeTriggerState>, ResizeTriggerProps> {
 }
 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/splitter/root.svelte

@@ -7,7 +7,7 @@
 
   export interface SplitterProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateSplitterReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateSplitterReturn>,
       CreateSplitterProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateSplitterProps, CreateSplitterReturn } from './create-splitter.svelte.js';
-export interface SplitterProps extends Assign<HtmlIngredientProps<'div', CreateSplitterReturn>, CreateSplitterProps> {
+export interface SplitterProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateSplitterReturn>, CreateSplitterProps> {
 }
 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/steps/completed-content.svelte

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

package/dist/steps/completed-content.svelte.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/dist/steps/list.svelte.d.ts

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

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

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

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

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

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

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

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

package/dist/steps/progress.svelte.d.ts

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

@@ -7,7 +7,7 @@
 
   export interface StepsProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateStepsReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateStepsReturn>,
       CreateStepsProps
     > {}
 </script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@
 
   export interface SwitchProps
     extends Assign<
-      HtmlIngredientProps<'label', CreateSwitchReturn>,
+      HtmlIngredientProps<'label', HTMLLabelElement, CreateSwitchReturn>,
       CreateSwitchProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateSwitchProps, CreateSwitchReturn } from './create-switch.svelte.js';
-export interface SwitchProps extends Assign<HtmlIngredientProps<'label', CreateSwitchReturn>, CreateSwitchProps> {
+export interface SwitchProps extends Assign<HtmlIngredientProps<'label', HTMLLabelElement, CreateSwitchReturn>, CreateSwitchProps> {
 }
 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/switch/thumb.svelte

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