bits-ui 0.9.1 → 0.9.3

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

@@ -1,4 +1,5 @@
-<script>import { setCtx } from "../ctx.js";
+<script>import { derived } from "svelte/store";
+import { setCtx } from "../ctx.js";
 export let positioning = void 0;
 export let arrowSize = void 0;
 export let closeOnEscape = void 0;
@@ -35,6 +36,10 @@ const {
     return next;
   }
 });
+const idValues = derived([ids.content, ids.trigger], ([$contentId, $triggerId]) => ({
+  content: $contentId,
+  trigger: $triggerId
+}));
 $:
   open !== void 0 && localOpen.set(open);
 $:
@@ -59,4 +64,4 @@ $:
   updateOption("disableHoverableContent", disableHoverableContent);
 </script>
 
-<slot {ids} />
+<slot ids={$idValues} />

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

@@ -7,6 +7,10 @@ declare const __propDef: {
         openDelay?: number | undefined;
         closeDelay?: number | undefined;
         forceVisible?: boolean | undefined;
+        ids?: {
+            content: string;
+            trigger: string;
+        } | undefined;
         group?: string | boolean | undefined;
         portal?: string | HTMLElement | null | undefined;
         closeOnPointerDown?: boolean | undefined;
@@ -20,8 +24,8 @@ declare const __propDef: {
     slots: {
         default: {
             ids: {
-                readonly content: string;
-                readonly trigger: string;
+                content: string;
+                trigger: string;
             };
         };
     };

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

@@ -9,11 +9,17 @@ export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
 export let sideOffset = 4;
+export let id = void 0;
 const {
   elements: { content },
-  states: { open }
+  states: { open },
+  ids
 } = getCtx(sideOffset);
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.content.set(id);
+  }
 $:
   builder = $content;
 const attrs = getAttrs("content");

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

@@ -2,10 +2,16 @@
 import { createDispatcher } from "../../../internal/index.js";
 import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $trigger;
 const attrs = getAttrs("trigger");

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

@@ -4,15 +4,15 @@ export declare const getAttrs: (part: "arrow" | "content" | "trigger") => Record
 export declare function setCtx(props: CreateTooltipProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        readonly content: string;
-        readonly trigger: string;
+        content: import("svelte/store").Writable<string>;
+        trigger: import("svelte/store").Writable<string>;
     };
     elements: {
-        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">, () => {
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "blur" | "focus" | "pointerdown" | "pointerenter" | "pointerleave">, ([$contentId, $triggerId]: [string, string]) => {
             'aria-describedby': string;
             id: 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]) => {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerdown" | "pointerenter">, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null, string]) => {
             role: string;
             hidden: boolean | undefined;
             tabindex: number;

package/dist/internal/attrs.d.ts

@@ -1,6 +1,6 @@
 import type { Bit } from "@/content/api-reference/index.js";
 export declare function createBitAttrs<T extends readonly string[]>(bit: Bit, parts: T): (part: T[number]) => Record<string, string>;
-export declare function disabledAttrs(disabled: boolean): {
+export declare function disabledAttrs(disabled: boolean | undefined | null): {
     "aria-disabled": boolean;
     "data-disabled": string;
 } | {

package/dist/internal/index.d.ts

@@ -6,6 +6,5 @@ export * from "./kbd.js";
 export * from "./object.js";
 export * from "./sleep.js";
 export * from "./style.js";
-export * from "./transition.js";
 export * from "./types.js";
 export * from "./updater.js";

package/dist/internal/index.js

@@ -6,6 +6,5 @@ export * from "./kbd.js";
 export * from "./object.js";
 export * from "./sleep.js";
 export * from "./style.js";
-export * from "./transition.js";
 export * from "./types.js";
 export * from "./updater.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.9.1",
+	"version": "0.9.3",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"scripts": {
@@ -37,32 +37,32 @@
 		"@huntabyte/mdsvex": "0.16.5",
 		"@melt-ui/pp": "^0.1.2",
 		"@playwright/test": "^1.28.1",
-		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-auto": "^2.1.1",
 		"@sveltejs/adapter-vercel": "^3.0.3",
-		"@sveltejs/kit": "^1.26.0",
+		"@sveltejs/kit": "^1.27.3",
 		"@sveltejs/package": "^2.2.2",
 		"@svitejs/changesets-changelog-github-compact": "^1.1.0",
 		"@tailwindcss/typography": "^0.5.10",
 		"@testing-library/dom": "^9.3.1",
 		"@testing-library/jest-dom": "^5.17.0",
-		"@testing-library/svelte": "^4.0.3",
+		"@testing-library/svelte": "^4.0.5",
 		"@testing-library/user-event": "^14.4.3",
-		"@types/jest-axe": "^3.5.5",
+		"@types/jest-axe": "^3.5.8",
 		"@types/testing-library__jest-dom": "^5.14.9",
-		"@typescript-eslint/eslint-plugin": "^6.8.0",
-		"@typescript-eslint/parser": "^6.8.0",
+		"@typescript-eslint/eslint-plugin": "^6.10.0",
+		"@typescript-eslint/parser": "^6.10.0",
 		"autoprefixer": "^10.4.16",
 		"clsx": "^2.0.0",
 		"concurrently": "^8.2.2",
 		"contentlayer": "^0.3.4",
-		"eslint": "^8.52.0",
+		"eslint": "^8.53.0",
 		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-svelte": "^2.34.0",
+		"eslint-plugin-svelte": "^2.35.0",
 		"esm-env": "^1.0.0",
 		"hast-util-to-html": "^9.0.0",
 		"jest-axe": "^8.0.0",
 		"jsdom": "^22.1.0",
-		"lucide-svelte": "^0.268.0",
+		"lucide-svelte": "^0.292.0",
 		"phosphor-svelte": "^1.3.0",
 		"postcss": "^8.4.31",
 		"postcss-load-config": "^4.0.1",
@@ -80,7 +80,7 @@
 		"svelte-wrap-balancer": "^0.0.4",
 		"tailwind-merge": "^1.14.0",
 		"tailwind-variants": "^0.1.14",
-		"tailwindcss": "^3.3.3",
+		"tailwindcss": "^3.3.5",
 		"tslib": "^2.6.2",
 		"typescript": "^5.2.2",
 		"unist-builder": "^4.0.0",
@@ -92,8 +92,8 @@
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
-		"@melt-ui/svelte": "0.57.2",
-		"nanoid": "^5.0.2"
+		"@melt-ui/svelte": "0.61.1",
+		"nanoid": "^5.0.3"
 	},
 	"peerDependencies": {
 		"svelte": "^4.0.0"

package/dist/internal/transition.d.ts

@@ -1,11 +0,0 @@
-import type { Transition, TransitionParams, TransitionTimesStore } from "./index.js";
-type TransitionsObj<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = {
-    transition?: T;
-    transitionConfig?: TransitionParams<T>;
-    inTransition?: In;
-    inTransitionConfig?: TransitionParams<In>;
-    outTransition?: Out;
-    outTransitionConfig?: TransitionParams<Out>;
-};
-export declare function setTransitionTimes(transitionTimes: TransitionTimesStore, transitionsObj: TransitionsObj): void;
-export {};

package/dist/internal/transition.js

@@ -1,55 +0,0 @@
-import { isBrowser } from "./index.js";
-export function setTransitionTimes(transitionTimes, transitionsObj) {
-    if (!isBrowser)
-        return;
-    const { transition, transitionConfig, inTransition, inTransitionConfig, outTransition, outTransitionConfig } = transitionsObj;
-    if (transition) {
-        if (transitionConfig) {
-            const { delay, duration } = transition(document.body, transitionConfig);
-            const time = calcTime(delay, duration);
-            transitionTimes.set({
-                in: time,
-                out: time
-            });
-            return;
-        }
-        const { delay, duration } = transition(document.body);
-        const time = calcTime(delay, duration);
-        transitionTimes.set({
-            in: time,
-            out: time
-        });
-        return;
-    }
-    let inTime = 0;
-    let outTime = 0;
-    if (inTransition) {
-        if (inTransitionConfig) {
-            const { delay, duration } = inTransition(document.body, inTransitionConfig);
-            inTime = calcTime(delay, duration);
-        }
-        else {
-            const { delay, duration } = inTransition(document.body);
-            inTime = calcTime(delay, duration);
-        }
-    }
-    if (outTransition) {
-        if (outTransitionConfig) {
-            const { delay, duration } = outTransition(document.body, outTransitionConfig);
-            outTime = calcTime(delay, duration);
-        }
-        else {
-            const { delay, duration } = outTransition(document.body);
-            outTime = calcTime(delay, duration);
-        }
-    }
-    transitionTimes.set({
-        in: inTime,
-        out: outTime
-    });
-}
-function calcTime(delay, duration) {
-    const numDelay = delay ?? 0;
-    const numDuration = duration ?? 0;
-    return numDelay + numDuration;
-}