ui-ingredients 0.0.62 → 0.0.64

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerDayTableCellTriggerProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerDayTableCellTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerDayTableCellTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerDayTableCellTrigger = InstanceType<typeof DatePickerDayTableCellTrigger>;
 export default DatePickerDayTableCellTrigger;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {DayTableCellProps, DayTableCellState} from '@zag-js/date-picker';
 
@@ -18,7 +18,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -46,7 +46,7 @@
 {#if asChild}
   {@render asChild(mergedProps, tableCellState)}
 {:else}
-  <td bind:this={e} {...mergedProps}>
+  <td bind:this={ref} {...mergedProps}>
     {@render children?.(tableCellState)}
   </td>
 {/if}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerDayTableCell: $$__sveltets_2_IsomorphicComponent<DatePickerDayTableCellProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerDayTableCell = InstanceType<typeof DatePickerDayTableCell>;
 export default DatePickerDayTableCell;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {InputProps} from '@zag-js/date-picker';
 
@@ -13,7 +13,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getDatePickerContext} from './date-picker-context.svelte.js';
 
-  let {this: e, index, asChild, ...props}: DatePickerInputProps = $props();
+  let {
+    ref = $bindable(null),
+    index,
+    asChild,
+    ...props
+  }: DatePickerInputProps = $props();
 
   let datePicker = getDatePickerContext();
 
@@ -25,5 +30,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerInput: $$__sveltets_2_IsomorphicComponent<DatePickerInputProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerInput = InstanceType<typeof DatePickerInput>;
 export default DatePickerInput;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {LabelProps} from '@zag-js/date-picker';
 
@@ -14,7 +14,7 @@
   import {getDatePickerContext} from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     index,
     asChild,
     children,
@@ -31,7 +31,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <label bind:this={e} {...mergedProps}>
+  <label bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </label>
 {/if}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerLabel: $$__sveltets_2_IsomorphicComponent<DatePickerLabelProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerLabel = InstanceType<typeof DatePickerLabel>;
 export default DatePickerLabel;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerMonthSelectProps
@@ -12,7 +12,7 @@
   import {getDatePickerContext} from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     format = 'short',
     asChild,
     children,
@@ -29,7 +29,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <select bind:this={e} {...mergedProps}>
+  <select bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children()}
     {:else}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerMonthSelect: $$__sveltets_2_IsomorphicComponent<DatePickerMonthSelectProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerMonthSelect = InstanceType<typeof DatePickerMonthSelect>;
 export default DatePickerMonthSelect;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerMonthTableCellTriggerProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerMonthTableCellTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerMonthTableCellTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerMonthTableCellTrigger = InstanceType<typeof DatePickerMonthTableCellTrigger>;
 export default DatePickerMonthTableCellTrigger;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {TableCellProps, TableCellState} from '@zag-js/date-picker';
 
@@ -18,7 +18,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -44,7 +44,7 @@
 {#if asChild}
   {@render asChild(mergedProps, tableCellState)}
 {:else}
-  <td bind:this={e} {...mergedProps}>
+  <td bind:this={ref} {...mergedProps}>
     {@render children?.(tableCellState)}
   </td>
 {/if}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerMonthTableCell: $$__sveltets_2_IsomorphicComponent<DatePickerMonthTableCellProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerMonthTableCell = InstanceType<typeof DatePickerMonthTableCell>;
 export default DatePickerMonthTableCell;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerNextTriggerProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerNextTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerNextTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerNextTrigger = InstanceType<typeof DatePickerNextTrigger>;
 export default DatePickerNextTrigger;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerPositionerProps
@@ -11,7 +11,7 @@
   import {getDatePickerContext} from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -33,7 +33,7 @@
   {#if asChild}
     {@render asChild(mergedProps)}
   {:else}
-    <div bind:this={e} {...mergedProps}>
+    <div bind:this={ref} {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerPositioner: $$__sveltets_2_IsomorphicComponent<DatePickerPositionerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerPositioner = InstanceType<typeof DatePickerPositioner>;
 export default DatePickerPositioner;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {PresetTriggerProps} from '@zag-js/date-picker';
 
@@ -14,7 +14,7 @@
   import {getDatePickerContext} from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     value,
     asChild,
     children,
@@ -31,7 +31,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerPresetTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerPresetTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerPresetTrigger = InstanceType<typeof DatePickerPresetTrigger>;
 export default DatePickerPresetTrigger;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerPrevTriggerProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerPrevTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerPrevTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerPrevTrigger = InstanceType<typeof DatePickerPrevTrigger>;
 export default DatePickerPrevTrigger;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerRangeTextProps
@@ -10,7 +10,7 @@
   import {getDatePickerContext} from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <span bind:this={e} {...mergedProps}>
+  <span bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children()}
     {:else}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerRangeText: $$__sveltets_2_IsomorphicComponent<DatePickerRangeTextProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerRangeText = InstanceType<typeof DatePickerRangeText>;
 export default DatePickerRangeText;

package/dist/date-picker/date-picker-root.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
@@ -23,7 +23,12 @@
   import {createDatePicker} from './create-date-picker.svelte.js';
   import {setDatePickerContext} from './date-picker-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: DatePickerProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: DatePickerProps = $props();
 
   let [presenceStrategyProps, rest] = $derived(
     createSplitProps<PresenceStrategyProps>([])(props),
@@ -79,7 +84,7 @@
 {#if asChild}
   {@render asChild(mergedProps, datePicker)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(datePicker)}
   </div>
 {/if}

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

@@ -18,6 +18,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerRoot: $$__sveltets_2_IsomorphicComponent<DatePickerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerRoot = InstanceType<typeof DatePickerRoot>;
 export default DatePickerRoot;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerTableBodyProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <tbody bind:this={e} {...mergedProps}>
+  <tbody bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </tbody>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerTableBody: $$__sveltets_2_IsomorphicComponent<DatePickerTableBodyProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerTableBody = InstanceType<typeof DatePickerTableBody>;
 export default DatePickerTableBody;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerTableHeadProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <thead bind:this={e} {...mergedProps}>
+  <thead bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </thead>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerTableHead: $$__sveltets_2_IsomorphicComponent<DatePickerTableHeadProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerTableHead = InstanceType<typeof DatePickerTableHead>;
 export default DatePickerTableHead;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerTableHeaderProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <th bind:this={e} {...mergedProps}>
+  <th bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </th>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerTableHeader: $$__sveltets_2_IsomorphicComponent<DatePickerTableHeaderProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerTableHeader = InstanceType<typeof DatePickerTableHeader>;
 export default DatePickerTableHeader;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerTableRowProps
@@ -13,7 +13,7 @@
   } from './date-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <tr bind:this={e} {...mergedProps}>
+  <tr bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </tr>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerTableRow: $$__sveltets_2_IsomorphicComponent<DatePickerTableRowProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerTableRow = InstanceType<typeof DatePickerTableRow>;
 export default DatePickerTableRow;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {TableProps} from '@zag-js/date-picker';
 
@@ -20,7 +20,7 @@
   let {
     id,
     columns,
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -40,7 +40,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <table bind:this={e} {...mergedProps}>
+  <table bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </table>
 {/if}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerTable: $$__sveltets_2_IsomorphicComponent<DatePickerTableProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerTable = InstanceType<typeof DatePickerTable>;
 export default DatePickerTable;

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DatePickerTriggerProps
@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getDatePickerContext} from './date-picker-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: DatePickerTriggerProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: DatePickerTriggerProps = $props();
 
   let datePicker = getDatePickerContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const DatePickerTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type DatePickerTrigger = InstanceType<typeof DatePickerTrigger>;
 export default DatePickerTrigger;