ui-ingredients 0.0.62 → 0.0.63

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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-separator.svelte

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

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

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

@@ -10,7 +10,7 @@
   import {getMenuTriggerItemContext} 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-trigger-item.svelte.d.ts

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

package/dist/menu/menu-trigger.svelte

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

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

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

@@ -10,7 +10,7 @@
   import {getNumberInputContext} from './number-input-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/number-input/number-input-control.svelte.d.ts

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

package/dist/number-input/number-input-decrement-trigger.svelte

@@ -10,7 +10,7 @@
   import {getNumberInputContext} from './number-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/number-input/number-input-decrement-trigger.svelte.d.ts

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

package/dist/number-input/number-input-increment-trigger.svelte

@@ -10,7 +10,7 @@
   import {getNumberInputContext} from './number-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/number-input/number-input-increment-trigger.svelte.d.ts

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

package/dist/number-input/number-input-input.svelte

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

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

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

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

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

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

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

@@ -19,7 +19,12 @@
   import {createNumberInput} from './create-number-input.svelte.js';
   import {setNumberInputContext} from './number-input-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: NumberInputProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: NumberInputProps = $props();
 
   let [createNumberInputProps, localProps] = $derived(
     createSplitProps<CreateNumberInputProps>([
@@ -63,7 +68,7 @@
 {#if asChild}
   {@render asChild(mergedProps, numberInput)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(numberInput)}
   </div>
 {/if}

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

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