bits-ui 2.1.0 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",
@@ -46,7 +46,7 @@
     "css.escape": "^1.5.1",
     "esm-env": "^1.1.2",
     "runed": "^0.28.0",
-    "svelte-toolbelt": "^0.8.2",
+    "svelte-toolbelt": "^0.9.1",
     "tabbable": "^6.2.0"
   },
   "peerDependencies": {

package/dist/internal/dom-context.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Box } from "svelte-toolbelt";
-export declare class DOMContext {
-    readonly element: Box<HTMLElement | null>;
-    readonly root: Document | ShadowRoot | null;
-    constructor(element: Box<HTMLElement | null>);
-    querySelector: (selector: string) => Element | null;
-    querySelectorAll: (selector: string) => NodeListOf<Element>;
-    getElementById: (id: string) => HTMLElement | null;
-}

package/dist/internal/dom-context.svelte.js

@@ -1,26 +0,0 @@
-export class DOMContext {
-    element;
-    root = $derived.by(() => {
-        if (!this.element.current)
-            return null;
-        return this.element.current.getRootNode();
-    });
-    constructor(element) {
-        this.element = element;
-    }
-    querySelector = (selector) => {
-        if (!this.root)
-            return null;
-        return this.root.querySelector(selector);
-    };
-    querySelectorAll = (selector) => {
-        if (!this.root)
-            return [];
-        return this.root.querySelectorAll(selector);
-    };
-    getElementById = (id) => {
-        if (!this.root)
-            return null;
-        return this.root.getElementById(id);
-    };
-}

package/dist/internal/use-size.svelte.d.ts

@@ -1,7 +0,0 @@
-import { type WritableBox } from "svelte-toolbelt";
-export declare function useSize(node: WritableBox<HTMLElement | null>): {
-    readonly value: {
-        width: number;
-        height: number;
-    } | undefined;
-};

package/dist/internal/use-size.svelte.js

@@ -1,54 +0,0 @@
-/// <reference types="resize-observer-browser" />
-import { untrack } from "svelte";
-import { afterTick } from "svelte-toolbelt";
-export function useSize(node) {
-    let size = $state(undefined);
-    $effect(() => {
-        const currNode = node.current;
-        if (!currNode) {
-            size = undefined;
-            return;
-        }
-        afterTick(() => {
-            if (!currNode)
-                return;
-            size = {
-                width: currNode.offsetWidth,
-                height: currNode.offsetHeight,
-            };
-        });
-        const resizeObserver = new ResizeObserver((entries) => {
-            if (!Array.isArray(entries) || !entries.length)
-                return;
-            const entry = entries[0];
-            if (!entry)
-                return;
-            let width;
-            let height;
-            if ("borderBoxSize" in entry) {
-                const borderSizeEntry = entry.borderBoxSize;
-                const borderSize = Array.isArray(borderSizeEntry)
-                    ? borderSizeEntry[0]
-                    : borderSizeEntry;
-                width = borderSize.inlineSize;
-                height = borderSize.blockSize;
-            }
-            else {
-                width = currNode.offsetWidth;
-                height = currNode.offsetHeight;
-            }
-            untrack(() => (size = { width, height }));
-        });
-        resizeObserver.observe(currNode, { box: "border-box" });
-        return () => {
-            if (!currNode)
-                return;
-            resizeObserver.unobserve(currNode);
-        };
-    });
-    return {
-        get value() {
-            return size;
-        },
-    };
-}