ui-ingredients 0.0.62 → 0.0.63

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

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

package/dist/tabs/tabs-list.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getTabsContext} from './tabs-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TabsListProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TabsListProps = $props();
 
   let tabs = getTabsContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

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

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

package/dist/tabs/tabs-root.svelte

@@ -19,7 +19,12 @@
   import {createTabs} from './create-tabs.svelte.js';
   import {setTabsContext} from './tabs-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TabsProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TabsProps = $props();
 
   let [createTabsProps, localProps] = $derived(
     createSplitProps<CreateTabsProps>([
@@ -46,7 +51,7 @@
 {#if asChild}
   {@render asChild(mergedProps, tabs)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(tabs)}
   </div>
 {/if}

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

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

package/dist/tabs/tabs-trigger.svelte

@@ -14,7 +14,12 @@
   import {createSplitProps} from '@zag-js/utils';
   import {getTabsContext} from './tabs-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TabsTriggerProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TabsTriggerProps = $props();
 
   let tabs = getTabsContext();
 
@@ -30,7 +35,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/tabs/tabs-trigger.svelte.d.ts

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

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

@@ -10,7 +10,7 @@
   import {getTagsInputContext} from './tags-input-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -26,7 +26,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/tags-input/tags-input-clear-trigger.svelte.d.ts

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

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

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getTagsInputContext} from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TagsInputControlProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TagsInputControlProps = $props();
 
   let tagsInput = getTagsInputContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

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

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

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

@@ -9,7 +9,11 @@
   import {mergeProps} from '../merge-props.js';
   import {getTagsInputContext} from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, ...props}: TagsInputHiddenInputProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    ...props
+  }: TagsInputHiddenInputProps = $props();
 
   let tagsInput = getTagsInputContext();
 
@@ -21,5 +25,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

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

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

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

@@ -9,7 +9,11 @@
   import {mergeProps} from '../merge-props.js';
   import {getTagsInputContext} from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, ...props}: TagsInputInputProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    ...props
+  }: TagsInputInputProps = $props();
 
   let tagsInput = getTagsInputContext();
 
@@ -19,5 +23,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

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

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

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

@@ -13,7 +13,7 @@
   } from './tags-input-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/tags-input/tags-input-item-delete-trigger.svelte.d.ts

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

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

@@ -12,7 +12,11 @@
     getTagsInputItemPropsContext,
   } from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, ...props}: TagsInputItemInputProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    ...props
+  }: TagsInputItemInputProps = $props();
 
   let tagsInput = getTagsInputContext();
   let itemProps = getTagsInputItemPropsContext();
@@ -25,5 +29,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

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

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

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

@@ -13,7 +13,7 @@
   } from './tags-input-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

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

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

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

@@ -12,7 +12,12 @@
     getTagsInputItemPropsContext,
   } from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TagsInputItemTextProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TagsInputItemTextProps = $props();
 
   let tagsInput = getTagsInputContext();
   let itemProps = getTagsInputItemPropsContext();
@@ -25,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <span bind:this={e} {...mergedProps}>
+  <span bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </span>
 {/if}

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

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

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

@@ -17,7 +17,12 @@
     setTagsInputItemPropsContext,
   } from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TagsInputItemProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TagsInputItemProps = $props();
 
   let tagsInput = getTagsInputContext();
 
@@ -37,7 +42,7 @@
 {#if asChild}
   {@render asChild(mergedProps, itemState)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(itemState)}
   </div>
 {/if}

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

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

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

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getTagsInputContext} from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TagsInputLabelProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TagsInputLabelProps = $props();
 
   let tagsInput = getTagsInputContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <label bind:this={e} {...mergedProps}>
+  <label bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </label>
 {/if}

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

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

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

@@ -19,7 +19,12 @@
   import {createTagsInput} from './create-tags-input.svelte.js';
   import {setTagsInputContext} from './tags-input-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TagsInputProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TagsInputProps = $props();
 
   let [createTagsInputProps, localProps] = $derived(
     createSplitProps<CreateTagsInputProps>([
@@ -63,7 +68,7 @@
 {#if asChild}
   {@render asChild(mergedProps, tagsInput)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(tagsInput)}
   </div>
 {/if}

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

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

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

@@ -10,7 +10,7 @@
   import {getTimePickerContext} from './time-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -26,7 +26,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/time-picker/time-picker-clear-trigger.svelte.d.ts

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

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

@@ -11,7 +11,7 @@
   import {getTimePickerContext} from './time-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     unit,
     asChild,
     children,
@@ -28,7 +28,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

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

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

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

@@ -11,7 +11,12 @@
   import type {Action} from 'svelte/action';
   import {getTimePickerContext} from './time-picker-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TimePickerContentProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TimePickerContentProps = $props();
 
   let timePicker = getTimePickerContext();
   let presence = getPresenceContext();
@@ -28,7 +33,7 @@
 {#if asChild}
   {@render asChild(presence.ref, mergedProps)}
 {:else}
-  <div bind:this={e} use:presence.ref {...mergedProps}>
+  <div bind:this={ref} use:presence.ref {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

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

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

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

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getTimePickerContext} from './time-picker-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TimePickerControlProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TimePickerControlProps = $props();
 
   let timePicker = getTimePickerContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

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

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

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

@@ -11,7 +11,7 @@
   import {getTimePickerContext} from './time-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     value,
     asChild,
     children,
@@ -28,7 +28,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

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

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

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

@@ -9,7 +9,11 @@
   import {mergeProps} from '../merge-props.js';
   import {getTimePickerContext} from './time-picker-context.svelte.js';
 
-  let {this: e, asChild, ...props}: TimePickerInputProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    ...props
+  }: TimePickerInputProps = $props();
 
   let timePicker = getTimePickerContext();
 
@@ -19,5 +23,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

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

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

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

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getTimePickerContext} from './time-picker-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TimePickerLabelProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TimePickerLabelProps = $props();
 
   let timePicker = getTimePickerContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <label bind:this={e} {...mergedProps}>
+  <label bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </label>
 {/if}

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

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