ui-ingredients 0.0.62 → 0.0.64

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface HoverCardArrowTipProps
@@ -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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface HoverCardArrowProps
@@ -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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
   import type {Action} from 'svelte/action';
 
@@ -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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface HoverCardPositionerProps
@@ -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-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 {Snippet} from 'svelte';
   import type {

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface HoverCardTriggerProps
@@ -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;

package/dist/locale-provider/local-provider.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Snippet} from 'svelte';
 
   export interface LocaleProviderProps {

package/dist/menu/menu-arrow-tip.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface MenuArrowTipProps
@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getMenuContext} from './menu-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: MenuArrowTipProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: MenuArrowTipProps = $props();
 
   let menu = getMenuContext();
 
@@ -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/menu/menu-arrow-tip.svelte.d.ts

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

package/dist/menu/menu-arrow.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface MenuArrowProps
@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getMenuContext} from './menu-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: MenuArrowProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: MenuArrowProps = $props();
 
   let menu = getMenuContext();
 
@@ -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/menu/menu-arrow.svelte.d.ts

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

package/dist/menu/menu-content.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
   import type {Action} from 'svelte/action';
 
@@ -11,7 +11,12 @@
   import {getPresenceContext} from '../presence/presence-context.svelte.js';
   import {getMenuContext} from './menu-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: MenuContentProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: MenuContentProps = $props();
 
   let menu = getMenuContext();
   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/menu/menu-content.svelte.d.ts

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

package/dist/menu/menu-context-trigger.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface MenuContextTriggerProps
@@ -10,7 +10,7 @@
   import {getMenuContext} from './menu-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -24,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/menu/menu-context-trigger.svelte.d.ts

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

package/dist/menu/menu-indicator.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface MenuIndicatorProps
@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getMenuContext} from './menu-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: MenuIndicatorProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: MenuIndicatorProps = $props();
 
   let menu = getMenuContext();
 
@@ -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/menu/menu-indicator.svelte.d.ts

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

package/dist/menu/menu-item-group-label.svelte

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

package/dist/menu/menu-item-group-label.svelte.d.ts

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

package/dist/menu/menu-item-group.svelte

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

package/dist/menu/menu-item-group.svelte.d.ts

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

package/dist/menu/menu-item.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/menu';
 
@@ -14,7 +14,12 @@
   import {createSplitProps} from '@zag-js/utils';
   import {getMenuContext} from './menu-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: MenuItemProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: MenuItemProps = $props();
 
   let menu = getMenuContext();
 
@@ -36,7 +41,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/menu/menu-item.svelte.d.ts

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

package/dist/menu/menu-option-item-indicator.svelte

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

package/dist/menu/menu-option-item-indicator.svelte.d.ts

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

package/dist/menu/menu-option-item-text.svelte

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

package/dist/menu/menu-option-item-text.svelte.d.ts

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

package/dist/menu/menu-option-item.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {OptionItemProps, OptionItemState} from '@zag-js/menu';
 
@@ -17,7 +17,12 @@
     setMenuOptionItemPropsContext,
   } from './menu-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: MenuOptionItemProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: MenuOptionItemProps = $props();
 
   let menu = getMenuContext();
 
@@ -45,7 +50,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/menu/menu-option-item.svelte.d.ts

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

package/dist/menu/menu-positioner.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface MenuPositionerProps
@@ -10,7 +10,12 @@
   import {getPresenceContext} from '../presence/presence-context.svelte.js';
   import {getMenuContext} from './menu-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: MenuPositionerProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: MenuPositionerProps = $props();
 
   let menu = getMenuContext();
   let presence = getPresenceContext();
@@ -24,7 +29,7 @@
   {#if asChild}
     {@render asChild(mergedProps)}
   {:else}
-    <div bind:this={e} {...mergedProps}>
+    <div bind:this={ref} {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/menu/menu-positioner.svelte.d.ts

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

package/dist/menu/menu-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 {Snippet} from 'svelte';
   import {