ui-ingredients 0.0.49 → 0.0.51

package/dist/combobox/item-text.svelte.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -8,7 +8,7 @@
 
   export interface ComboboxProps<T>
     extends Assign<
-        HtmlIngredientProps<'div', CreateComboboxReturn>,
+        HtmlIngredientProps<'div', HTMLDivElement, CreateComboboxReturn>,
         CreateComboboxProps<T>
       >,
       PresenceStrategyProps {}

package/dist/combobox/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 { CreateComboboxProps, CreateComboboxReturn } from './create-combobox.svelte.js';
-export interface ComboboxProps<T> extends Assign<HtmlIngredientProps<'div', CreateComboboxReturn>, CreateComboboxProps<T>>, PresenceStrategyProps {
+export interface ComboboxProps<T> extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateComboboxReturn>, CreateComboboxProps<T>>, PresenceStrategyProps {
 }
 declare class __sveltets_Render<T> {
     props(): ComboboxProps<T>;

package/dist/combobox/trigger.svelte

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

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

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

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

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

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

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

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

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

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

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

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

@@ -8,7 +8,7 @@ export function createDatePicker(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const id = uid();
-    const context = $derived({
+    const context = reflect(() => ({
         ...props,
         id: props.id ?? id,
         dir: locale?.dir,
@@ -22,7 +22,7 @@ export function createDatePicker(props) {
         'open.controlled': props.open != null,
         locale: props.locale ?? locale?.locale,
         getRootNode: environment?.getRootNode,
-    });
+    }));
     const [state, send] = useMachine(datePicker.machine(context), { context });
     return reflect(() => {
         const o = datePicker.connect(state, send, normalizeProps);

package/dist/date-picker/day-table-cell-trigger.svelte

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

package/dist/date-picker/day-table-cell-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface DatePickerDayTableCellTriggerProps extends HtmlIngredientProps<'button'> {
+export interface DatePickerDayTableCellTriggerProps 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/date-picker/day-table-cell.svelte

@@ -4,7 +4,7 @@
 
   export interface DatePickerDayTableCellProps
     extends Assign<
-      HtmlIngredientProps<'td', DayTableCellState>,
+      HtmlIngredientProps<'td', HTMLTableCellElement, DayTableCellState>,
       DayTableCellProps
     > {}
 </script>

package/dist/date-picker/day-table-cell.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { DayTableCellProps, DayTableCellState } from '@zag-js/date-picker';
-export interface DatePickerDayTableCellProps extends Assign<HtmlIngredientProps<'td', DayTableCellState>, DayTableCellProps> {
+export interface DatePickerDayTableCellProps extends Assign<HtmlIngredientProps<'td', HTMLTableCellElement, DayTableCellState>, DayTableCellProps> {
 }
 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/date-picker/input.svelte

@@ -3,7 +3,10 @@
   import type {InputProps} from '@zag-js/date-picker';
 
   export interface DatePickerInputProps
-    extends Assign<HtmlIngredientProps<'input'>, InputProps> {}
+    extends Assign<
+      HtmlIngredientProps<'input', HTMLInputElement>,
+      InputProps
+    > {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { InputProps } from '@zag-js/date-picker';
-export interface DatePickerInputProps extends Assign<HtmlIngredientProps<'input'>, InputProps> {
+export interface DatePickerInputProps extends Assign<HtmlIngredientProps<'input', HTMLInputElement>, InputProps> {
 }
 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/date-picker/label.svelte

@@ -3,7 +3,10 @@
   import type {LabelProps} from '@zag-js/date-picker';
 
   export interface DatePickerLabelProps
-    extends Assign<HtmlIngredientProps<'label'>, LabelProps> {}
+    extends Assign<
+      HtmlIngredientProps<'label', HTMLLabelElement>,
+      LabelProps
+    > {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { LabelProps } from '@zag-js/date-picker';
-export interface DatePickerLabelProps extends Assign<HtmlIngredientProps<'label'>, LabelProps> {
+export interface DatePickerLabelProps extends Assign<HtmlIngredientProps<'label', HTMLLabelElement>, LabelProps> {
 }
 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/date-picker/month-select.svelte

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

package/dist/date-picker/month-select.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface DatePickerMonthSelectProps extends HtmlIngredientProps<'select'> {
+export interface DatePickerMonthSelectProps extends HtmlIngredientProps<'select', HTMLSelectElement> {
 }
 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/date-picker/month-table-cell-trigger.svelte

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

package/dist/date-picker/month-table-cell-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface DatePickerMonthTableCellTriggerProps extends HtmlIngredientProps<'button'> {
+export interface DatePickerMonthTableCellTriggerProps 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/date-picker/month-table-cell.svelte

@@ -3,7 +3,10 @@
   import type {TableCellProps, TableCellState} from '@zag-js/date-picker';
 
   export interface DatePickerMonthTableCellProps
-    extends Assign<HtmlIngredientProps<'td', TableCellState>, TableCellProps> {}
+    extends Assign<
+      HtmlIngredientProps<'td', HTMLTableCellElement, TableCellState>,
+      TableCellProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/date-picker/month-table-cell.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { TableCellProps, TableCellState } from '@zag-js/date-picker';
-export interface DatePickerMonthTableCellProps extends Assign<HtmlIngredientProps<'td', TableCellState>, TableCellProps> {
+export interface DatePickerMonthTableCellProps extends Assign<HtmlIngredientProps<'td', HTMLTableCellElement, TableCellState>, TableCellProps> {
 }
 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/date-picker/next-trigger.svelte

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

package/dist/date-picker/next-trigger.svelte.d.ts

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

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

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

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

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

package/dist/date-picker/preset-trigger.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { PresetTriggerProps } from '@zag-js/date-picker';
-export interface DatePickerPresetTriggerProps extends Assign<HtmlIngredientProps<'button'>, PresetTriggerProps> {
+export interface DatePickerPresetTriggerProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement>, PresetTriggerProps> {
 }
 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/date-picker/prev-trigger.svelte

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

package/dist/date-picker/prev-trigger.svelte.d.ts

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

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

package/dist/date-picker/range-text.svelte.d.ts

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

@@ -8,7 +8,7 @@
 
   export interface DatePickerProps
     extends Assign<
-        HtmlIngredientProps<'div', CreateDatePickerReturn>,
+        HtmlIngredientProps<'div', HTMLDivElement, CreateDatePickerReturn>,
         CreateDatePickerProps
       >,
       PresenceStrategyProps {}

package/dist/date-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 { CreateDatePickerProps, CreateDatePickerReturn } from './create-date-picker.svelte.js';
-export interface DatePickerProps extends Assign<HtmlIngredientProps<'div', CreateDatePickerReturn>, CreateDatePickerProps>, PresenceStrategyProps {
+export interface DatePickerProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateDatePickerReturn>, CreateDatePickerProps>, 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/date-picker/table-body.svelte

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

package/dist/date-picker/table-body.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface DatePickerTableBodyProps extends HtmlIngredientProps<'tbody'> {
+export interface DatePickerTableBodyProps extends HtmlIngredientProps<'tbody', HTMLTableSectionElement> {
 }
 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/date-picker/table-head.svelte

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

package/dist/date-picker/table-head.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface DatePickerTableHeadProps extends HtmlIngredientProps<'thead'> {
+export interface DatePickerTableHeadProps extends HtmlIngredientProps<'thead', HTMLTableSectionElement> {
 }
 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/date-picker/table-header.svelte

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

package/dist/date-picker/table-header.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface DatePickerTableHeaderProps extends HtmlIngredientProps<'th'> {
+export interface DatePickerTableHeaderProps extends HtmlIngredientProps<'th', HTMLTableCellElement> {
 }
 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/date-picker/table-row.svelte

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

package/dist/date-picker/table-row.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface DatePickerTableRowProps extends HtmlIngredientProps<'tr'> {
+export interface DatePickerTableRowProps extends HtmlIngredientProps<'tr', HTMLTableRowElement> {
 }
 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/date-picker/table.svelte

@@ -3,7 +3,10 @@
   import type {TableProps} from '@zag-js/date-picker';
 
   export interface DatePickerTableProps
-    extends Assign<HtmlIngredientProps<'table'>, Omit<TableProps, 'view'>> {}
+    extends Assign<
+      HtmlIngredientProps<'table', HTMLTableElement>,
+      Omit<TableProps, 'view'>
+    > {}
 </script>
 
 <script lang="ts">

package/dist/date-picker/table.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { TableProps } from '@zag-js/date-picker';
-export interface DatePickerTableProps extends Assign<HtmlIngredientProps<'table'>, Omit<TableProps, 'view'>> {
+export interface DatePickerTableProps extends Assign<HtmlIngredientProps<'table', HTMLTableElement>, Omit<TableProps, 'view'>> {
 }
 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/date-picker/trigger.svelte

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

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

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

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

package/dist/date-picker/view-control.svelte.d.ts

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