ui-ingredients 0.0.61 → 0.0.63

package/dist/tour/tour-next-trigger.svelte.d.ts

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

package/dist/tour/tour-overlay.svelte

@@ -12,7 +12,12 @@
   import {reflect} from '@zag-js/svelte';
   import {getTourContext} from './tour-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TourOverlayProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TourOverlayProps = $props();
 
   let tour = getTourContext();
   let presenceStrategyProps = getPresenceStrategyPropsContext();
@@ -32,7 +37,7 @@
   {#if asChild}
     {@render asChild(mergedProps)}
   {:else}
-    <div bind:this={e} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.ref {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/tour/tour-overlay.svelte.d.ts

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

package/dist/tour/tour-positioner.svelte

@@ -10,7 +10,12 @@
   import {getPresenceContext} from '../presence/presence-context.svelte.js';
   import {getTourContext} from './tour-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TourPositionerProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TourPositionerProps = $props();
 
   let tour = getTourContext();
   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/tour/tour-positioner.svelte.d.ts

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

package/dist/tour/tour-prev-trigger.svelte

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

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

package/dist/tour/tour-progress-text.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getTourContext} from './tour-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TourProgressTextProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TourProgressTextProps = $props();
 
   let tour = getTourContext();
 
@@ -19,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/tour/tour-progress-text.svelte.d.ts

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

package/dist/tour/tour-skip-trigger.svelte

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

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

package/dist/tour/tour-spotlight.svelte

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

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

package/dist/tour/tour-title.svelte

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

package/dist/tour/tour-title.svelte.d.ts

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

package/dist/tree-view/create-tree-view.svelte.d.ts

@@ -4,4 +4,4 @@ export interface CreateTreeViewProps extends Omit<treeView.Context, 'id' | 'dir'
 }
 export interface CreateTreeViewReturn extends treeView.Api {
 }
-export declare function createTreeView(props: CreateTreeViewProps): any;
+export declare function createTreeView(props: CreateTreeViewProps): CreateTreeViewReturn;

package/dist/tree-view/tree-view-branch-content.svelte

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

package/dist/tree-view/tree-view-branch-content.svelte.d.ts

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

package/dist/tree-view/tree-view-branch-control.svelte

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

package/dist/tree-view/tree-view-branch-control.svelte.d.ts

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

package/dist/tree-view/tree-view-branch-indicator.svelte

@@ -13,7 +13,7 @@
   } from './tree-view-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/tree-view/tree-view-branch-indicator.svelte.d.ts

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

package/dist/tree-view/tree-view-branch-text.svelte

@@ -13,7 +13,7 @@
   } from './tree-view-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/tree-view/tree-view-branch-text.svelte.d.ts

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

package/dist/tree-view/tree-view-branch-trigger.svelte

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

package/dist/tree-view/tree-view-branch-trigger.svelte.d.ts

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

package/dist/tree-view/tree-view-branch.svelte

@@ -17,7 +17,12 @@
     setTreeViewBranchPropsContext,
   } from './tree-view-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TreeViewBranchProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewBranchProps = $props();
 
   let treeView = getTreeViewContext();
 
@@ -37,7 +42,7 @@
 {#if asChild}
   {@render asChild(mergedProps, branchState)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(branchState)}
   </div>
 {/if}

package/dist/tree-view/tree-view-branch.svelte.d.ts

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

package/dist/tree-view/tree-view-item-indicator.svelte

@@ -13,7 +13,7 @@
   } from './tree-view-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/tree-view/tree-view-item-indicator.svelte.d.ts

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

package/dist/tree-view/tree-view-item-text.svelte

@@ -12,7 +12,12 @@
     getTreeViewItemPropsContext,
   } from './tree-view-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TreeViewItemTextProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewItemTextProps = $props();
 
   let treeView = getTreeViewContext();
 
@@ -26,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/tree-view/tree-view-item-text.svelte.d.ts

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

package/dist/tree-view/tree-view-item.svelte

@@ -17,7 +17,12 @@
     setTreeViewItemPropsContext,
   } from './tree-view-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TreeViewItemProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewItemProps = $props();
 
   let treeView = getTreeViewContext();
 
@@ -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/tree-view/tree-view-item.svelte.d.ts

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

package/dist/tree-view/tree-view-label.svelte

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

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

package/dist/tree-view/tree-view-root.svelte

@@ -19,7 +19,12 @@
   import {createTreeView} from './create-tree-view.svelte.js';
   import {setTreeViewContext} from './tree-view-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TreeViewProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewProps = $props();
 
   let [createTreeViewProps, localProps] = $derived(
     createSplitProps<CreateTreeViewProps>([
@@ -47,7 +52,7 @@
 {#if asChild}
   {@render asChild(mergedProps, treeView)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(treeView)}
   </div>
 {/if}

package/dist/tree-view/tree-view-root.svelte.d.ts

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

package/dist/tree-view/tree-view-tree.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getTreeViewContext} from './tree-view-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: TreeViewTreeProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewTreeProps = $props();
 
   let treeView = getTreeViewContext();
 
@@ -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/tree-view/tree-view-tree.svelte.d.ts

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

package/dist/types.d.ts

@@ -14,8 +14,8 @@ type Children<TContext extends GenericObject = never> = [TContext] extends [
     never
 ] ? Snippet : Snippet<[context: TContext]>;
 type PropsWithoutChildren<T> = Omit<T, 'children'>;
-export type HtmlIngredientProps<TElement extends SvelteHTMLElement, TThis extends HTMLElement | SVGSVGElement | SVGPathElement | SVGCircleElement = HTMLElement, TContext extends GenericObject = never, TAction extends Action = never> = PropsWithoutChildren<HtmlProps<TElement>> & {
-    this?: TThis | null;
+export type HtmlIngredientProps<TElement extends SvelteHTMLElement, TRef extends HTMLElement | SVGSVGElement | SVGPathElement | SVGCircleElement = HTMLElement, TContext extends GenericObject = never, TAction extends Action = never> = PropsWithoutChildren<HtmlProps<TElement>> & {
+    ref?: TRef | null;
     asChild?: AsChild<TAction, TContext>;
     children?: Children<TContext>;
 };