bits-ui 0.0.24 → 0.0.26

package/dist/bits/tabs/ctx.d.ts

@@ -19,7 +19,7 @@ declare function set(props: CreateTabsProps): {
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
             set: (this: void, value: string) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focus" | "keydown">, ([$value, $orientation]: [string, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").TabsTriggerProps) => {
+        }, import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">, ([$value, $orientation]: [string, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").TabsTriggerProps) => {
             type: string;
             role: string;
             'data-state': string;

package/dist/bits/tabs/types.d.ts

@@ -1,14 +1,18 @@
-import type { CreateTabsProps, TabsComponentEvents, TabsTriggerProps } from "@melt-ui/svelte";
+import type { CreateTabsProps, TabsTriggerProps } from "@melt-ui/svelte";
 import type { AsChild, Expand, HTMLDivAttributes, ObjectVariation, OmitValue, OnChangeFn } from "../../internal/index.js";
+import type { ButtonEventHandler } from "../../index.js";
 type Props = Expand<OmitValue<CreateTabsProps> & {
     orientation?: CreateTabsProps["orientation"] & {};
     value?: CreateTabsProps["defaultValue"] & {};
     onValueChange?: OnChangeFn<CreateTabsProps["defaultValue"]>;
-}> & AsChild & HTMLDivAttributes;
-type ContentProps = {
+} & AsChild> & HTMLDivAttributes;
+type ContentProps = Expand<{
     value: string;
-} & AsChild & HTMLDivAttributes;
-type TriggerProps = Expand<ObjectVariation<TabsTriggerProps>> & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
+type TriggerProps = Expand<ObjectVariation<TabsTriggerProps> & AsChild> & HTMLDivAttributes;
 type ListProps = AsChild & HTMLDivAttributes;
-type TriggerEvents = TabsComponentEvents["trigger"];
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 export type { Props, ContentProps, TriggerProps, ListProps, Props as TabsProps, ContentProps as TabsContentProps, TriggerProps as TabsTriggerProps, ListProps as TabsListProps, TriggerEvents, TriggerEvents as TabsTriggerEvents };

package/dist/bits/toggle/components/Toggle.svelte

@@ -26,7 +26,8 @@ $:
 {#if asChild}
 	<slot builder={$root} />
 {:else}
-	<button {...$root} use:$root.action {...$$restProps} on:m-click on:m-keydown>
-		<slot builder={$root} />
+	{@const builder = $root}
+	<button {...builder} use:builder.action {...$$restProps} on:m-click on:m-keydown>
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/toggle/components/Toggle.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { Events } from "../types.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
@@ -12,7 +13,7 @@ declare const __propDef: {
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
         name?: string | null | undefined;
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         value?: string | number | string[] | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -84,7 +85,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -225,23 +226,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly 'data-disabled': true | undefined;
-                readonly disabled: boolean;
-                readonly 'data-state': "on" | "off";
-                readonly 'aria-pressed': boolean;
-                readonly type: "button";
-            } & {
-                "data-melt-toggle": "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
-            };
+            builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-    };
+    events: Events;
 };
 export type ToggleProps = typeof __propDef.props;
 export type ToggleEvents = typeof __propDef.events;

package/dist/bits/toggle/components/ToggleInput.svelte.d.ts

@@ -5,11 +5,11 @@ declare const __propDef: {
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
         multiple?: boolean | null | undefined;
         disabled?: boolean | null | undefined;
-        contextmenu?: string | null | undefined;
         form?: string | null | undefined;
         list?: string | null | undefined;
         radiogroup?: string | null | undefined;
         step?: string | number | null | undefined;
+        contextmenu?: string | null | undefined;
         role?: import("svelte/elements.js").AriaRole | null | undefined;
         src?: string | null | undefined;
         alt?: string | null | undefined;
@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-current'?: import("svelte/elements.js").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;

package/dist/bits/toggle/ctx.d.ts

@@ -11,7 +11,7 @@ declare function set(props: CreateToggleProps): {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$pressed, $disabled]: [boolean, boolean]) => {
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$pressed, $disabled]: [boolean, boolean]) => {
             readonly 'data-disabled': true | undefined;
             readonly disabled: boolean;
             readonly 'data-state': "on" | "off";

package/dist/bits/toggle/types.d.ts

@@ -1,10 +1,14 @@
-import type { CreateToggleProps, ToggleComponentEvents } from "@melt-ui/svelte";
+import type { CreateToggleProps } from "@melt-ui/svelte";
 import type { AsChild, Expand, OmitPressed, OnChangeFn } from "../../internal/index.js";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
+import type { ButtonEventHandler } from "../../index.js";
 type Props = Expand<OmitPressed<CreateToggleProps> & {
     pressed?: CreateToggleProps["defaultPressed"];
     onPressedChange?: OnChangeFn<CreateToggleProps["defaultPressed"]>;
-}> & AsChild & HTMLButtonAttributes;
-type Events = ToggleComponentEvents["root"];
+} & AsChild> & HTMLButtonAttributes;
+type Events = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 type InputProps = Omit<HTMLInputAttributes, "value">;
 export type { Props, InputProps, Props as ToggleProps, InputProps as ToggleInputProps, Events, Events as ToggleEvents };

package/dist/bits/tooltip/components/TooltipArrow.svelte

@@ -1,8 +1,14 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
+export let size = 8;
+export let asChild = false;
 const {
   elements: { arrow }
-} = ctx.get();
+} = ctx.setArrow(size);
 </script>
 
-<div {...$arrow} use:$arrow.action />
+{#if asChild}
+	<slot builder={$arrow} />
+{:else}
+	<div {...$arrow} use:$arrow.action />
+{/if}

package/dist/bits/tooltip/components/TooltipArrow.svelte.d.ts

@@ -1,10 +1,232 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: {
+        size?: number | undefined;
+        asChild?: boolean | undefined;
+        accesskey?: string | null | undefined;
+        autofocus?: boolean | null | undefined;
+        class?: string | null | undefined;
+        contenteditable?: import("svelte/elements.js").Booleanish | "inherit" | null | undefined;
+        contextmenu?: string | null | undefined;
+        dir?: string | null | undefined;
+        draggable?: import("svelte/elements.js").Booleanish | null | undefined;
+        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
+        hidden?: boolean | null | undefined;
+        id?: string | null | undefined;
+        lang?: string | null | undefined;
+        part?: string | null | undefined;
+        placeholder?: string | null | undefined;
+        slot?: string | null | undefined;
+        spellcheck?: import("svelte/elements.js").Booleanish | null | undefined;
+        style?: string | null | undefined;
+        tabindex?: number | null | undefined;
+        title?: string | null | undefined;
+        translate?: "" | "yes" | "no" | null | undefined;
+        inert?: boolean | null | undefined;
+        radiogroup?: string | null | undefined;
+        role?: import("svelte/elements.js").AriaRole | null | undefined;
+        about?: string | null | undefined;
+        datatype?: string | null | undefined;
+        inlist?: any;
+        prefix?: string | null | undefined;
+        property?: string | null | undefined;
+        resource?: string | null | undefined;
+        typeof?: string | null | undefined;
+        vocab?: string | null | undefined;
+        autocapitalize?: string | null | undefined;
+        autocorrect?: string | null | undefined;
+        autosave?: string | null | undefined;
+        color?: string | null | undefined;
+        itemprop?: string | null | undefined;
+        itemscope?: boolean | null | undefined;
+        itemtype?: string | null | undefined;
+        itemid?: string | null | undefined;
+        itemref?: string | null | undefined;
+        results?: number | null | undefined;
+        security?: string | null | undefined;
+        unselectable?: "on" | "off" | null | undefined;
+        inputmode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
+        is?: string | null | undefined;
+        'bind:innerHTML'?: string | null | undefined;
+        'bind:textContent'?: string | null | undefined;
+        'bind:innerText'?: string | null | undefined;
+        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
+        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
+        'aria-activedescendant'?: string | null | undefined;
+        'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-colcount'?: number | null | undefined;
+        'aria-colindex'?: number | null | undefined;
+        'aria-colspan'?: number | null | undefined;
+        'aria-controls'?: string | null | undefined;
+        'aria-current'?: import("svelte/elements.js").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
+        'aria-describedby'?: string | null | undefined;
+        'aria-details'?: string | null | undefined;
+        'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
+        'aria-errormessage'?: string | null | undefined;
+        'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-flowto'?: string | null | undefined;
+        'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
+        'aria-keyshortcuts'?: string | null | undefined;
+        'aria-label'?: string | null | undefined;
+        'aria-labelledby'?: string | null | undefined;
+        'aria-level'?: number | null | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
+        'aria-modal'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-multiline'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-multiselectable'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
+        'aria-owns'?: string | null | undefined;
+        'aria-placeholder'?: string | null | undefined;
+        'aria-posinset'?: number | null | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-roledescription'?: string | null | undefined;
+        'aria-rowcount'?: number | null | undefined;
+        'aria-rowindex'?: number | null | undefined;
+        'aria-rowspan'?: number | null | undefined;
+        'aria-selected'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-setsize'?: number | null | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
+        'aria-valuemax'?: number | null | undefined;
+        'aria-valuemin'?: number | null | undefined;
+        'aria-valuenow'?: number | null | undefined;
+        'aria-valuetext'?: string | null | undefined;
+        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:change'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLDivElement> | null | undefined;
+        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLDivElement> | null | undefined;
+        'on:load'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
+        'on:error'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
+        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
+        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
+        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
+        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {
+            builder: {
+                'data-arrow': boolean;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+        };
+    };
 };
 export type TooltipArrowProps = typeof __propDef.props;
 export type TooltipArrowEvents = typeof __propDef.events;

package/dist/bits/tooltip/components/TooltipContent.svelte

@@ -11,21 +11,22 @@ const {
 </script>
 
 {#if $open}
+	{@const builder = $content}
 	{#if asChild}
-		<slot builder={$content} />
+		<slot {builder} />
 	{:else if transition}
 		<div
-			{...$content} use:$content.action
+			{...builder} use:builder.action
 			transition:transition={transitionConfig}
 			{...$$restProps}
 			on:m-pointerdown
 			on:m-pointerenter
 		>
-			<slot builder={$content} />
+			<slot {builder} />
 		</div>
 	{:else}
-		<div {...$content} use:$content.action {...$$restProps} on:m-pointerdown on:m-pointerenter>
-			<slot builder={$content} />
+		<div {...builder} use:builder.action {...$$restProps} on:m-pointerdown on:m-pointerenter>
+			<slot {builder} />
 		</div>
 	{/if}
 {/if}

package/dist/bits/tooltip/components/TooltipContent.svelte.d.ts

@@ -76,7 +76,7 @@ declare class __sveltets_Render<T extends Transition> {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -221,18 +221,7 @@ declare class __sveltets_Render<T extends Transition> {
     };
     slots(): {
         default: {
-            builder: {
-                role: string;
-                hidden: boolean | undefined;
-                tabindex: number;
-                style: string;
-                id: string;
-                'data-portal': string | undefined;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">;
-            };
+            builder: any;
         };
     };
 }

package/dist/bits/tooltip/components/TooltipTrigger.svelte

@@ -7,8 +7,9 @@ const trigger = ctx.get().elements.trigger;
 {#if asChild}
 	<slot builder={$trigger} />
 {:else}
+	{@const builder = $trigger}
 	<button
-		{...$trigger} use:$trigger.action
+		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-blur
 		on:m-focus
@@ -17,6 +18,6 @@ const trigger = ctx.get().elements.trigger;
 		on:m-pointerenter
 		on:m-pointerleave
 	>
-		<slot builder={$trigger} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/tooltip/components/TooltipTrigger.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
         name?: string | null | undefined;
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         value?: string | number | string[] | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -82,7 +82,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
@@ -223,19 +223,13 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                'aria-describedby': string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "keydown" | "pointerdown" | "pointerenter" | "pointerleave">;
-            };
+            builder: any;
         };
     };
     events: {
+        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
         "m-blur"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
         "m-focus"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
         "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
         "m-pointerenter"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
         "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;

package/dist/bits/tooltip/ctx.d.ts

@@ -3,11 +3,12 @@ import { type Tooltip as TooltipReturn, type CreateTooltipProps } from "@melt-ui
 export declare const ctx: {
     set: typeof set;
     get: typeof get;
+    setArrow: typeof setArrow;
 };
 declare function set(props: CreateTooltipProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "keydown" | "pointerdown" | "pointerenter" | "pointerleave">, () => {
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "blur" | "focus" | "pointerdown" | "pointerenter" | "pointerleave">, () => {
             'aria-describedby': string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">, ([$isVisible, $portal]: [boolean, string | HTMLElement | null]) => {
@@ -46,4 +47,5 @@ declare function set(props: CreateTooltipProps): {
     };
 };
 declare function get(sideOffset?: number): TooltipReturn;
+declare function setArrow(size?: number): TooltipReturn;
 export {};

package/dist/bits/tooltip/ctx.js

@@ -4,7 +4,8 @@ import { getContext, setContext } from "svelte";
 const NAME = "Tooltip";
 export const ctx = {
     set,
-    get
+    get,
+    setArrow
 };
 function set(props) {
     const tooltip = createTooltip({
@@ -27,3 +28,8 @@ function get(sideOffset = 0) {
     positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
     return tooltip;
 }
+function setArrow(size = 8) {
+    const tooltip = get();
+    tooltip.options.arrowSize.set(size);
+    return tooltip;
+}

package/dist/bits/tooltip/types.d.ts

@@ -5,12 +5,15 @@ type Props = Expand<OmitOpen<OmitForceVisible<CreateTooltipProps>> & {
     open?: CreateTooltipProps["defaultOpen"] & {};
     onOpenChange?: OnChangeFn<CreateTooltipProps["defaultOpen"]>;
 }>;
-type ContentProps<T extends Transition = Transition> = {
+type ContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
     sideOffset?: number;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
+type ArrowProps = Expand<{
+    size?: number;
+} & AsChild> & HTMLDivAttributes;
 type TriggerEvents = TooltipComponentEvents["trigger"];
 type ContentEvents = TooltipComponentEvents["content"];
-export type { Props, TriggerProps, ContentProps, Props as TooltipProps, ContentProps as TooltipContentProps, TriggerProps as TooltipTriggerProps, TriggerEvents, ContentEvents, TriggerEvents as TooltipTriggerEvents, ContentEvents as TooltipContentEvents };
+export type { Props, ArrowProps, TriggerProps, ContentProps, Props as TooltipProps, ArrowProps as TooltipArrowProps, ContentProps as TooltipContentProps, TriggerProps as TooltipTriggerProps, TriggerEvents, ContentEvents, TriggerEvents as TooltipTriggerEvents, ContentEvents as TooltipContentEvents };

package/dist/helpers/event-handlers.d.ts

@@ -0,0 +1,9 @@
+export type ButtonEventHandler<T extends Event = Event> = T & {
+    currentTarget: EventTarget & HTMLButtonElement;
+};
+export type DivEventHandler<T extends Event = Event> = T & {
+    currentTarget: EventTarget & HTMLDivElement;
+};
+export type SpanEventHandler<T extends Event = Event> = T & {
+    currentTarget: EventTarget & HTMLSpanElement;
+};

package/dist/helpers/event-handlers.js

@@ -0,0 +1 @@
+export {};

package/dist/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./builders";
+export * from "./event-handlers";

package/dist/helpers/index.js

@@ -0,0 +1,2 @@
+export * from "./builders";
+export * from "./event-handlers";

package/dist/index.d.ts

@@ -1 +1,2 @@
 export * from "./bits/index.js";
+export * from "./helpers/index.js";

package/dist/index.js

@@ -1,2 +1,3 @@
 // Reexport your entry components here
 export * from "./bits/index.js";
+export * from "./helpers/index.js";