ui-ingredients 0.0.49 → 0.0.51

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

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

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

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

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

@@ -7,7 +7,7 @@
 
   export interface TabsProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateTabsReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateTabsReturn>,
       CreateTabsProps
     > {}
 </script>

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateTabsProps, CreateTabsReturn } from './create-tabs.svelte.js';
-export interface TabsProps extends Assign<HtmlIngredientProps<'div', CreateTabsReturn>, CreateTabsProps> {
+export interface TabsProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateTabsReturn>, CreateTabsProps> {
 }
 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/tabs/trigger.svelte

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

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { TriggerProps } from '@zag-js/tabs';
-export interface TabsTriggerProps extends Assign<HtmlIngredientProps<'button'>, TriggerProps> {
+export interface TabsTriggerProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement>, TriggerProps> {
 }
 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/tags-input/clear-trigger.svelte

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

package/dist/tags-input/clear-trigger.svelte.d.ts

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

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

package/dist/tags-input/control.svelte.d.ts

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

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

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

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

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

package/dist/tags-input/input.svelte.d.ts

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

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

package/dist/tags-input/item-delete-trigger.svelte.d.ts

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

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

package/dist/tags-input/item-input.svelte.d.ts

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

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

package/dist/tags-input/item-preview.svelte.d.ts

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

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

package/dist/tags-input/item-text.svelte.d.ts

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

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

package/dist/tags-input/item.svelte.d.ts

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

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

package/dist/tags-input/label.svelte.d.ts

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

@@ -7,7 +7,7 @@
 
   export interface TagsInputProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateTagsInputReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateTagsInputReturn>,
       CreateTagsInputProps
     > {}
 </script>

package/dist/tags-input/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateTagsInputProps, CreateTagsInputReturn } from './create-tags-input.svelte.js';
-export interface TagsInputProps extends Assign<HtmlIngredientProps<'div', CreateTagsInputReturn>, CreateTagsInputProps> {
+export interface TagsInputProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateTagsInputReturn>, CreateTagsInputProps> {
 }
 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/time-picker/clear-trigger.svelte

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

package/dist/time-picker/clear-trigger.svelte.d.ts

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

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

package/dist/time-picker/column.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ColumnProps } from '@zag-js/time-picker';
-export interface TimePickerColumnProps extends Assign<HtmlIngredientProps<'div'>, ColumnProps> {
+export interface TimePickerColumnProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, ColumnProps> {
 }
 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/time-picker/content.svelte

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

package/dist/time-picker/content.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TimePickerContentProps extends HtmlIngredientProps<'div', never, Action> {
+export interface TimePickerContentProps extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {
 }
 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/time-picker/control.svelte

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

package/dist/time-picker/control.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TimePickerControlProps extends HtmlIngredientProps<'div'> {
+export interface TimePickerControlProps 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/time-picker/hour-cell.svelte

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

package/dist/time-picker/hour-cell.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CellProps } from '@zag-js/time-picker';
-export interface TimePickerHourCellProps extends Assign<HtmlIngredientProps<'div'>, CellProps> {
+export interface TimePickerHourCellProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, CellProps> {
 }
 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/time-picker/input.svelte

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

package/dist/time-picker/input.svelte.d.ts

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

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

package/dist/time-picker/label.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TimePickerLabelProps extends HtmlIngredientProps<'label'> {
+export interface TimePickerLabelProps 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/time-picker/minute-cell.svelte

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

package/dist/time-picker/minute-cell.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CellProps } from '@zag-js/time-picker';
-export interface TimePickerMinuteCellProps extends Assign<HtmlIngredientProps<'div'>, CellProps> {
+export interface TimePickerMinuteCellProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, CellProps> {
 }
 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/time-picker/period-cell.svelte

@@ -3,7 +3,10 @@
   import type {PeriodCellProps} from '@zag-js/time-picker';
 
   export interface TimePickerPeriodCellProps
-    extends Assign<HtmlIngredientProps<'div'>, PeriodCellProps> {}
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement>,
+      PeriodCellProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/time-picker/period-cell.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { PeriodCellProps } from '@zag-js/time-picker';
-export interface TimePickerPeriodCellProps extends Assign<HtmlIngredientProps<'div'>, PeriodCellProps> {
+export interface TimePickerPeriodCellProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, PeriodCellProps> {
 }
 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/time-picker/positioner.svelte

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

package/dist/time-picker/positioner.svelte.d.ts

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

@@ -8,7 +8,7 @@
 
   export interface TimePickerProps
     extends Assign<
-        HtmlIngredientProps<'div', CreateTimePickerReturn>,
+        HtmlIngredientProps<'div', HTMLDivElement, CreateTimePickerReturn>,
         CreateTimePickerProps
       >,
       PresenceStrategyProps {}

package/dist/time-picker/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 { CreateTimePickerProps, CreateTimePickerReturn } from './create-time-picker.svelte.js';
-export interface TimePickerProps extends Assign<HtmlIngredientProps<'div', CreateTimePickerReturn>, CreateTimePickerProps>, PresenceStrategyProps {
+export interface TimePickerProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateTimePickerReturn>, CreateTimePickerProps>, 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/time-picker/second-cell.svelte

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

package/dist/time-picker/second-cell.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CellProps } from '@zag-js/time-picker';
-export interface TimePickerSecondCellProps extends Assign<HtmlIngredientProps<'div'>, CellProps> {
+export interface TimePickerSecondCellProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, CellProps> {
 }
 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/time-picker/spacer.svelte

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

package/dist/time-picker/spacer.svelte.d.ts

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

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

package/dist/time-picker/trigger.svelte.d.ts

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

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

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ActionTriggerProps } from '@zag-js/timer';
-export interface TimerActionTriggerProps extends Assign<HtmlIngredientProps<'button'>, ActionTriggerProps> {
+export interface TimerActionTriggerProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement>, ActionTriggerProps> {
 }
 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/area.svelte

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

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

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