ui-ingredients 0.0.62 → 0.0.63

package/dist/clipboard/clipboard-control.svelte

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

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

package/dist/clipboard/clipboard-indicator.svelte

@@ -14,7 +14,7 @@
   import {getClipboardContext} from './clipboard-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     copied = false,
     asChild,
     children,
@@ -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/clipboard/clipboard-indicator.svelte.d.ts

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

package/dist/clipboard/clipboard-input.svelte

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

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

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

package/dist/clipboard/clipboard-label.svelte

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

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

package/dist/clipboard/clipboard-root.svelte

@@ -19,7 +19,12 @@
   import {setClipboardContext} from './clipboard-context.svelte.js';
   import {createClipboard} from './create-clipboard.svelte.js';
 
-  let {this: e, asChild, children, ...props}: ClipboardProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: ClipboardProps = $props();
 
   let [createClipboardProps, localProps] = $derived(
     createSplitProps<CreateClipboardProps>([
@@ -41,7 +46,7 @@
 {#if asChild}
   {@render asChild(mergedProps, clipboard)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(clipboard)}
   </div>
 {/if}

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

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

package/dist/clipboard/clipboard-trigger.svelte

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

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

package/dist/collapsible/collapsible-content.svelte

@@ -10,7 +10,7 @@
   import {getCollapsibleContext} from './collapsible-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/collapsible/collapsible-content.svelte.d.ts

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

package/dist/collapsible/collapsible-root.svelte

@@ -19,7 +19,12 @@
   import {setCollapsibleContext} from './collapsible-context.svelte.js';
   import {createCollapsible} from './create-collapsible.svelte.js';
 
-  let {this: e, asChild, children, ...props}: CollapsibleProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: CollapsibleProps = $props();
 
   let [createCollapsibleProps, localProps] = $derived(
     createSplitProps<CreateCollapsibleProps>([
@@ -45,7 +50,7 @@
 {#if asChild}
   {@render asChild(mergedProps, collapsible)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(collapsible)}
   </div>
 {/if}

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

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

package/dist/collapsible/collapsible-trigger.svelte

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

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

package/dist/color-picker/color-picker-area-background.svelte

@@ -13,7 +13,7 @@
   } from './color-picker-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/color-picker/color-picker-area-background.svelte.d.ts

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

package/dist/color-picker/color-picker-area-thumb.svelte

@@ -13,7 +13,7 @@
   } from './color-picker-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/color-picker/color-picker-area-thumb.svelte.d.ts

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

package/dist/color-picker/color-picker-area.svelte

@@ -14,7 +14,7 @@
   } from './color-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     xChannel,
     yChannel,
     asChild,
@@ -38,7 +38,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/color-picker/color-picker-area.svelte.d.ts

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

package/dist/color-picker/color-picker-channel-input.svelte

@@ -14,7 +14,7 @@
   import {getColorPickerContext} from './color-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     channel,
     orientation,
     asChild,
@@ -37,5 +37,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

package/dist/color-picker/color-picker-channel-input.svelte.d.ts

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

package/dist/color-picker/color-picker-channel-slider-label.svelte

@@ -14,7 +14,7 @@
   } from './color-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     channel,
     orientation,
     asChild,
@@ -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/color-picker/color-picker-channel-slider-label.svelte.d.ts

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

package/dist/color-picker/color-picker-channel-slider-thumb.svelte

@@ -14,7 +14,7 @@
   } from './color-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -39,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/color-picker/color-picker-channel-slider-thumb.svelte.d.ts

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

package/dist/color-picker/color-picker-channel-slider-track.svelte

@@ -14,7 +14,7 @@
   } from './color-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -39,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/color-picker/color-picker-channel-slider-track.svelte.d.ts

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

package/dist/color-picker/color-picker-channel-slider-value-text.svelte

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

package/dist/color-picker/color-picker-channel-slider-value-text.svelte.d.ts

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

package/dist/color-picker/color-picker-channel-slider.svelte

@@ -15,7 +15,7 @@
   } from './color-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     channel,
     orientation,
     asChild,
@@ -45,7 +45,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/color-picker/color-picker-channel-slider.svelte.d.ts

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

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

@@ -12,7 +12,7 @@
   import {getColorPickerContext} from './color-picker-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/color-picker/color-picker-content.svelte.d.ts

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

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

@@ -10,7 +10,7 @@
   import {getColorPickerContext} from './color-picker-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/color-picker/color-picker-control.svelte.d.ts

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

package/dist/color-picker/color-picker-eye-dropper-trigger.svelte

@@ -10,7 +10,7 @@
   import {getColorPickerContext} from './color-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} {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/color-picker/color-picker-eye-dropper-trigger.svelte.d.ts

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

package/dist/color-picker/color-picker-format-select.svelte

@@ -10,7 +10,7 @@
   import {getColorPickerContext} from './color-picker-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <select bind:this={e} {...mergedProps}>
+  <select bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children()}
     {:else}

package/dist/color-picker/color-picker-format-select.svelte.d.ts

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