ui-ingredients 0.0.62 → 0.0.63

package/dist/file-upload/file-upload-item.svelte.d.ts

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

package/dist/file-upload/file-upload-label.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getFileUploadContext} from './file-upload-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FileUploadLabelProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FileUploadLabelProps = $props();
 
   let fileUpload = getFileUploadContext();
 
@@ -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/file-upload/file-upload-label.svelte.d.ts

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

package/dist/file-upload/file-upload-root.svelte

@@ -19,7 +19,12 @@
   import {createFileUpload} from './create-file-upload.svelte.js';
   import {setFileUploadContext} from './file-upload-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FileUploadProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FileUploadProps = $props();
 
   let [createFileUploadProps, localProps] = $derived(
     createSplitProps<CreateFileUploadProps>([
@@ -55,7 +60,7 @@
 {#if asChild}
   {@render asChild(mergedProps, fileUpload)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(fileUpload)}
   </div>
 {/if}

package/dist/file-upload/file-upload-root.svelte.d.ts

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

package/dist/file-upload/file-upload-trigger.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getFileUploadContext} from './file-upload-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FileUploadTriggerProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FileUploadTriggerProps = $props();
 
   let fileUpload = getFileUploadContext();
 
@@ -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/file-upload/file-upload-trigger.svelte.d.ts

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

package/dist/floating-panel/floating-panel-body.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FloatingPanelBodyProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FloatingPanelBodyProps = $props();
 
   let floatingPanel = getFloatingPanelContext();
 
@@ -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/floating-panel/floating-panel-body.svelte.d.ts

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

package/dist/floating-panel/floating-panel-close-trigger.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-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/floating-panel/floating-panel-close-trigger.svelte.d.ts

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

package/dist/floating-panel/floating-panel-content.svelte

@@ -12,7 +12,7 @@
   import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -34,7 +34,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/floating-panel/floating-panel-content.svelte.d.ts

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

package/dist/floating-panel/floating-panel-drag-trigger.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-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/floating-panel/floating-panel-drag-trigger.svelte.d.ts

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

package/dist/floating-panel/floating-panel-header.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -24,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/floating-panel/floating-panel-header.svelte.d.ts

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

package/dist/floating-panel/floating-panel-maximize-trigger.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-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/floating-panel/floating-panel-maximize-trigger.svelte.d.ts

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

package/dist/floating-panel/floating-panel-minimize-trigger.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-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/floating-panel/floating-panel-minimize-trigger.svelte.d.ts

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

package/dist/floating-panel/floating-panel-positioner.svelte

@@ -11,7 +11,7 @@
   import {getFloatingPanelContext} from './floating-panel-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/floating-panel/floating-panel-positioner.svelte.d.ts

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

package/dist/floating-panel/floating-panel-resize-trigger.svelte

@@ -15,7 +15,7 @@
   import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -38,7 +38,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/floating-panel/floating-panel-resize-trigger.svelte.d.ts

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

package/dist/floating-panel/floating-panel-restore-trigger.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-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/floating-panel/floating-panel-restore-trigger.svelte.d.ts

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

package/dist/floating-panel/floating-panel-title.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-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}>
     {@render children?.()}
   </span>
 {/if}

package/dist/floating-panel/floating-panel-title.svelte.d.ts

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

package/dist/floating-panel/floating-panel-trigger.svelte

@@ -10,7 +10,7 @@
   import {getFloatingPanelContext} from './floating-panel-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/floating-panel/floating-panel-trigger.svelte.d.ts

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

package/dist/highlight/highlight.svelte

@@ -13,7 +13,7 @@
   import {highlightWord} from '@zag-js/highlight-word';
   import {createSplitProps} from '@zag-js/utils';
 
-  let {this: e, asChild, ...props}: HighlightProps = $props();
+  let {ref = $bindable(null), asChild, ...props}: HighlightProps = $props();
 
   let [highlightWordProps, localProps] = $derived(
     createSplitProps<HighlightWordProps>([
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(localProps)}
 {:else}
-  <div bind:this={e} {...localProps}>
+  <div bind:this={ref} {...localProps}>
     {#each chunks as chunk}
       {#if chunk.match}
         <mark>{chunk.text}</mark>

package/dist/highlight/highlight.svelte.d.ts

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

package/dist/hover-card/hover-card-arrow-tip.svelte

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

package/dist/hover-card/hover-card-arrow-tip.svelte.d.ts

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

package/dist/hover-card/hover-card-arrow.svelte

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

package/dist/hover-card/hover-card-arrow.svelte.d.ts

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

package/dist/hover-card/hover-card-content.svelte

@@ -11,7 +11,12 @@
   import {getPresenceContext} from '../presence/presence-context.svelte.js';
   import {getHoverCardContext} from './hover-card-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: HoverCardContentProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: HoverCardContentProps = $props();
 
   let hoverCard = getHoverCardContext();
   let presence = getPresenceContext();
@@ -25,7 +30,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/hover-card/hover-card-content.svelte.d.ts

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

package/dist/hover-card/hover-card-positioner.svelte

@@ -11,7 +11,7 @@
   import {getHoverCardContext} from './hover-card-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/hover-card/hover-card-positioner.svelte.d.ts

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

package/dist/hover-card/hover-card-trigger.svelte

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

package/dist/hover-card/hover-card-trigger.svelte.d.ts

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