bits-ui 0.21.13 → 0.21.15

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

@@ -1,25 +1,24 @@
-/// <reference types="svelte" />
 import { type CreateToolbarGroupProps as ToolbarGroupProps, type CreateToolbarProps as ToolbarProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 type GetGroupReturn = Omit<ReturnType<typeof setGroupCtx>, "updateOption">;
 export declare function setCtx(props: ToolbarProps): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<import("svelte/store").Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "button" | "link" | "root" | "group" | "group-item") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             role: string;
-            'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
-        button: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, () => {
+        button: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/toolbar/events").ToolbarEvents["button"]>, () => {
             readonly role: "button";
             readonly type: "button";
         }, string>;
         separator: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "separator";
-            readonly 'data-orientation': "horizontal" | "vertical";
-            readonly 'aria-orientation': "horizontal" | "vertical";
+            readonly "data-orientation": "horizontal" | "vertical";
+            readonly "aria-orientation": "horizontal" | "vertical";
         }, string>;
-        link: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, () => {
+        link: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/toolbar/events").ToolbarEvents["link"]>, () => {
             readonly role: "link";
         }, string>;
     };
@@ -28,7 +27,7 @@ export declare function setCtx(props: ToolbarProps): {
             elements: {
                 group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
                     readonly role: "group";
-                    readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+                    readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
                 }, string>;
                 item: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"single" | T>>, {
                     update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -36,18 +35,18 @@ export declare function setCtx(props: ToolbarProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
                     get: () => string | string[] | undefined;
                     destroy?: (() => void) | undefined;
-                }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$disabled, $type, $value, $orientation]: [boolean, "single" | T, string | string[] | undefined, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").ToolbarGroupItemProps) => {
+                }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/toolbar/events").ToolbarEvents["item"]>, ([$disabled, $type, $value, $orientation]: [boolean, "single" | T, string | string[] | undefined, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").ToolbarGroupItemProps) => {
                     readonly disabled: true | undefined;
                     readonly pressed: boolean;
-                    readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-                    readonly 'data-disabled': true | undefined;
-                    readonly 'data-value': string;
-                    readonly 'data-state': "on" | "off";
-                    readonly 'aria-checked': boolean | undefined;
-                    readonly 'aria-pressed': boolean | undefined;
+                    readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
+                    readonly "data-disabled": true | undefined;
+                    readonly "data-value": string;
+                    readonly "data-state": "on" | "off";
+                    readonly "aria-checked": boolean | undefined;
+                    readonly "aria-pressed": boolean | undefined;
                     readonly type: "button";
                     readonly role: "radio" | undefined;
-                    readonly 'data-melt-toolbar-item': "";
+                    readonly "data-melt-toolbar-item": "";
                 }, string>;
             };
             states: {
@@ -77,12 +76,12 @@ export declare function setCtx(props: ToolbarProps): {
     }>;
 };
 export declare function setGroupCtx<T extends "single" | "multiple">(props: ToolbarGroupProps<T>): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<import("svelte/store").Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "button" | "link" | "root" | "group" | "group-item") => Record<string, string> | undefined;
     elements: {
         group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "group";
-            readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"single" | T>>, {
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -90,18 +89,18 @@ export declare function setGroupCtx<T extends "single" | "multiple">(props: Tool
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$disabled, $type, $value, $orientation]: [boolean, "single" | T, string | string[] | undefined, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").ToolbarGroupItemProps) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/toolbar/events").ToolbarEvents["item"]>, ([$disabled, $type, $value, $orientation]: [boolean, "single" | T, string | string[] | undefined, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").ToolbarGroupItemProps) => {
             readonly disabled: true | undefined;
             readonly pressed: boolean;
-            readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-            readonly 'data-disabled': true | undefined;
-            readonly 'data-value': string;
-            readonly 'data-state': "on" | "off";
-            readonly 'aria-checked': boolean | undefined;
-            readonly 'aria-pressed': boolean | undefined;
+            readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
+            readonly "data-disabled": true | undefined;
+            readonly "data-value": string;
+            readonly "data-state": "on" | "off";
+            readonly "aria-checked": boolean | undefined;
+            readonly "aria-pressed": boolean | undefined;
             readonly type: "button";
             readonly role: "radio" | undefined;
-            readonly 'data-melt-toolbar-item': "";
+            readonly "data-melt-toolbar-item": "";
         }, string>;
     };
     states: {

package/dist/bits/tooltip/components/tooltip-arrow.svelte

@@ -8,10 +8,8 @@ const {
   getAttrs
 } = setArrow(size);
 const attrs = getAttrs("arrow");
-$:
-  builder = $arrow;
-$:
-  Object.assign(builder, attrs);
+$: builder = $arrow;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

package/dist/bits/tooltip/components/tooltip-arrow.svelte.d.ts

@@ -17,6 +17,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TooltipArrowProps = typeof __propDef.props;
 export type TooltipArrowEvents = typeof __propDef.events;

package/dist/bits/tooltip/components/tooltip-content.svelte

@@ -29,30 +29,26 @@ const {
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("content");
-$:
-  if (id) {
-    ids.content.set(id);
-  }
-$:
-  builder = $content;
-$:
-  Object.assign(builder, attrs);
-$:
-  if ($open) {
-    updatePositioning({
-      side,
-      align,
-      sideOffset,
-      alignOffset,
-      collisionPadding,
-      avoidCollisions,
-      collisionBoundary,
-      sameWidth,
-      fitViewport,
-      strategy,
-      overlap
-    });
-  }
+$: if (id) {
+  ids.content.set(id);
+}
+$: builder = $content;
+$: Object.assign(builder, attrs);
+$: if ($open) {
+  updatePositioning({
+    side,
+    align,
+    sideOffset,
+    alignOffset,
+    collisionPadding,
+    avoidCollisions,
+    collisionBoundary,
+    sameWidth,
+    fitViewport,
+    strategy,
+    overlap
+  });
+}
 </script>
 
 {#if asChild && $open}

package/dist/bits/tooltip/components/tooltip-content.svelte.d.ts

@@ -17,7 +17,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/tooltip/events.js").TooltipEvents["content"]>;
             };
         };
     };

package/dist/bits/tooltip/components/tooltip-trigger.svelte

@@ -11,14 +11,11 @@ const {
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");
-$:
-  if (id) {
-    ids.trigger.set(id);
-  }
-$:
-  builder = $trigger;
-$:
-  Object.assign(builder, attrs);
+$: if (id) {
+  ids.trigger.set(id);
+}
+$: builder = $trigger;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

package/dist/bits/tooltip/components/tooltip-trigger.svelte.d.ts

@@ -11,7 +11,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "blur" | "focus" | "pointerdown" | "pointerenter" | "pointerleave">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/tooltip/events.js").TooltipEvents["trigger"]>;
             };
         };
     };

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

@@ -41,22 +41,14 @@ const idValues = derived([ids.content, ids.trigger], ([$contentId, $triggerId])
   content: $contentId,
   trigger: $triggerId
 }));
-$:
-  open !== void 0 && localOpen.set(open);
-$:
-  updateOption("closeOnEscape", closeOnEscape);
-$:
-  updateOption("portal", portal);
-$:
-  updateOption("closeOnPointerDown", closeOnPointerDown);
-$:
-  updateOption("openDelay", openDelay);
-$:
-  updateOption("closeDelay", closeDelay);
-$:
-  updateOption("group", group);
-$:
-  updateOption("disableHoverableContent", disableHoverableContent);
+$: open !== void 0 && localOpen.set(open);
+$: updateOption("closeOnEscape", closeOnEscape);
+$: updateOption("portal", portal);
+$: updateOption("closeOnPointerDown", closeOnPointerDown);
+$: updateOption("openDelay", openDelay);
+$: updateOption("closeDelay", closeDelay);
+$: updateOption("group", group);
+$: updateOption("disableHoverableContent", disableHoverableContent);
 </script>
 
 <slot ids={$idValues} />

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

@@ -12,6 +12,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TooltipProps = typeof __propDef.props;
 export type TooltipEvents = typeof __propDef.events;

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

@@ -1,10 +1,9 @@
-/// <reference types="svelte" />
 import { type CreateTooltipProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateTooltipProps): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "content" | "trigger" | "arrow") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         content: string;
@@ -17,10 +16,10 @@ export declare function setCtx(props: CreateTooltipProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
             get: () => boolean;
             destroy?: (() => void) | undefined;
-        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "blur" | "focus" | "pointerdown" | "pointerenter" | "pointerleave">, ([$contentId, $triggerId, $open]: [string, string, boolean]) => {
-            'aria-describedby': string;
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/tooltip/events.js").TooltipEvents["trigger"]>, ([$contentId, $triggerId, $open]: [string, string, boolean]) => {
+            "aria-describedby": string;
             id: string;
-            'data-state': string;
+            "data-state": string;
         }, string>;
         content: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -28,17 +27,17 @@ export declare function setCtx(props: CreateTooltipProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
             get: () => boolean;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">, ([$isVisible, $open, $portal, $contentId]: [boolean, boolean, string | HTMLElement | null | undefined, string]) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/tooltip/events.js").TooltipEvents["content"]>, ([$isVisible, $open, $portal, $contentId]: [boolean, boolean, string | HTMLElement | null | undefined, string]) => {
             role: string;
             hidden: boolean;
             tabindex: number;
             style: string;
             id: string;
-            'data-portal': string;
-            'data-state': string;
+            "data-portal": string;
+            "data-state": string;
         }, string>;
         arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
-            'data-arrow': boolean;
+            "data-arrow": boolean;
             style: string;
         }, string>;
     };

package/dist/helpers/builders.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { Action } from "svelte/action";
 export type Builder<Element = any, Param = any, Attributes extends Record<string, any> = Record<string, any>> = Record<string, any> & {
     action: Action<Element, Param, Attributes>;

package/dist/internal/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { Action } from "svelte/action";
 import type { HTMLAttributes } from "svelte/elements";
 import type { TransitionConfig } from "svelte/transition";

package/dist/internal/updater.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="svelte" />
-import type { Writable } from "svelte/store";
+import type { StoresValues, Writable } from "svelte/store";
 type Options = Record<string, Writable<unknown>>;
-export declare function getOptionUpdater(options: Options): <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+export declare function getOptionUpdater(options: Options): <K extends keyof typeof options, V extends StoresValues<(typeof options)[keyof typeof options]>>(key: K, value: V | undefined) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.21.13",
+  "version": "0.21.15",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",