ui-ingredients 0.0.50 → 0.0.52

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@
 
   export interface PresenceProps
     extends Assign<
-      HtmlIngredientProps<'div', never, Action>,
+      HtmlIngredientProps<'div', HTMLDivElement, never, Action>,
       CreatePresenceProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreatePresenceProps } from './create-presence.svelte.js';
-export interface PresenceProps extends Assign<HtmlIngredientProps<'div', never, Action>, CreatePresenceProps> {
+export interface PresenceProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, never, Action>, CreatePresenceProps> {
 }
 import type { Action } from 'svelte/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> {

package/dist/progress/circle-range.svelte

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

package/dist/progress/circle-range.svelte.d.ts

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

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

package/dist/progress/circle-track.svelte.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@
 
   export interface ProgressProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateProgressReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateProgressReturn>,
       CreateProgressProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateProgressProps, CreateProgressReturn } from './create-progress.svelte.js';
-export interface ProgressProps extends Assign<HtmlIngredientProps<'div', CreateProgressReturn>, CreateProgressProps> {
+export interface ProgressProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateProgressReturn>, CreateProgressProps> {
 }
 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/progress/track.svelte

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ViewProps } from '@zag-js/progress';
-export interface ProgressViewProps extends Assign<HtmlIngredientProps<'div'>, ViewProps> {
+export interface ProgressViewProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, ViewProps> {
 }
 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/qr-code/frame.svelte

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

package/dist/qr-code/frame.svelte.d.ts

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

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

package/dist/qr-code/overlay.svelte.d.ts

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

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

package/dist/qr-code/pattern.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface QrCodePatternProps extends HtmlIngredientProps<'path'> {
+export interface QrCodePatternProps extends HtmlIngredientProps<'path', SVGPathElement> {
 }
 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/qr-code/root.svelte

@@ -7,7 +7,7 @@
 
   export interface QrCodeProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateQrCodeReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateQrCodeReturn>,
       CreateQrCodeProps
     > {}
 </script>

package/dist/qr-code/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateQrCodeProps, CreateQrCodeReturn } from './create-qr-code.svelte.js';
-export interface QrCodeProps extends Assign<HtmlIngredientProps<'div', CreateQrCodeReturn>, CreateQrCodeProps> {
+export interface QrCodeProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateQrCodeReturn>, CreateQrCodeProps> {
 }
 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/radio-group/indicator.svelte

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

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

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

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

package/dist/radio-group/item-control.svelte.d.ts

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

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

package/dist/radio-group/item-hidden-input.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface RadioGroupItemHiddenInputProps extends HtmlIngredientProps<'input'> {
+export interface RadioGroupItemHiddenInputProps 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/radio-group/item-text.svelte

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

package/dist/radio-group/item-text.svelte.d.ts

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

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

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/radio-group';
-export interface RadioGroupItemProps extends Assign<HtmlIngredientProps<'label', ItemState>, ItemProps> {
+export interface RadioGroupItemProps extends Assign<HtmlIngredientProps<'label', HTMLLabelElement, 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/radio-group/label.svelte

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

package/dist/radio-group/label.svelte.d.ts

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

@@ -7,7 +7,7 @@
 
   export interface RadioGroupProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateRadioGroupReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateRadioGroupReturn>,
       CreateRadioGroupProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateRadioGroupProps, CreateRadioGroupReturn } from './create-radio-group.svelte.js';
-export interface RadioGroupProps extends Assign<HtmlIngredientProps<'div', CreateRadioGroupReturn>, CreateRadioGroupProps> {
+export interface RadioGroupProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateRadioGroupReturn>, CreateRadioGroupProps> {
 }
 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/rating-group/control.svelte

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

package/dist/rating-group/control.svelte.d.ts

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

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

package/dist/rating-group/hidden-input.svelte.d.ts

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

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

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

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

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

package/dist/rating-group/label.svelte.d.ts

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

@@ -7,7 +7,7 @@
 
   export interface RatingGroupProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateRatingGroupReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateRatingGroupReturn>,
       CreateRatingGroupProps
     > {}
 </script>