bits-ui 1.0.0-next.11 → 1.0.0-next.13

package/dist/internal/merge-props.js

@@ -1,98 +0,0 @@
-/**
- * Modified from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/utils/src/mergeProps.ts (see NOTICE.txt for source)
- */
-import { clsx } from "clsx";
-import { composeHandlers } from "./compose-handlers.js";
-import { executeCallbacks } from "./execute-callbacks.js";
-import { styleToString } from "./style.js";
-import { cssToStyleObj } from "./css-to-style-obj.js";
-function isEventHandler(key) {
-    // we check if the 3rd character is uppercase to avoid merging our own
-    // custom callbacks like `onValueChange` and strictly merge native event handlers
-    return key.length > 2 && key.startsWith("on") && key[2] === key[2]?.toLowerCase();
-}
-/**
- * Given a list of prop objects, merges them into a single object.
- * - Automatically composes event handlers (e.g. `onclick`, `oninput`, etc.)
- * - Chains regular functions with the same name so they are called in order
- * - Merges class strings with `clsx`
- * - Merges style objects and converts them to strings
- * - Handles a bug with Svelte where setting the `hidden` attribute to `false` doesn't remove it
- * - Overrides other values with the last one
- */
-export function mergeProps(...args) {
-    const result = { ...args[0] };
-    for (let i = 1; i < args.length; i++) {
-        const props = args[i];
-        for (const key in props) {
-            const a = result[key];
-            const b = props[key];
-            const aIsFunction = typeof a === "function";
-            const bIsFunction = typeof b === "function";
-            // compose event handlers
-            if (aIsFunction && typeof bIsFunction && isEventHandler(key)) {
-                // handle merging of event handlers
-                const aHandler = a;
-                const bHandler = b;
-                result[key] = composeHandlers(aHandler, bHandler);
-            }
-            else if (aIsFunction && bIsFunction) {
-                // chain non-event handler functions
-                result[key] = executeCallbacks(a, b);
-            }
-            else if (key === "class" && typeof a === "string" && typeof b === "string") {
-                // handle merging class strings
-                result[key] = clsx(a, b);
-            }
-            else if (key === "style") {
-                const aIsObject = typeof a === "object";
-                const bIsObject = typeof b === "object";
-                const aIsString = typeof a === "string";
-                const bIsString = typeof b === "string";
-                if (aIsObject && bIsObject) {
-                    // both are style objects, merge them
-                    result[key] = { ...a, ...b };
-                }
-                else if (aIsObject && bIsString) {
-                    // a is style object, b is string, convert b to style object and merge
-                    const parsedStyle = cssToStyleObj(b);
-                    result[key] = { ...a, ...parsedStyle };
-                }
-                else if (aIsString && bIsObject) {
-                    // a is string, b is style object, convert a to style object and merge
-                    const parsedStyle = cssToStyleObj(a);
-                    result[key] = { ...parsedStyle, ...b };
-                }
-                else if (aIsString && bIsString) {
-                    // both are strings, convert both to objects and merge
-                    const parsedStyleA = cssToStyleObj(a);
-                    const parsedStyleB = cssToStyleObj(b);
-                    result[key] = { ...parsedStyleA, ...parsedStyleB };
-                }
-                else if (aIsObject) {
-                    result[key] = a;
-                }
-                else if (bIsObject) {
-                    result[key] = b;
-                }
-            }
-            else {
-                // override other values
-                result[key] = b !== undefined ? b : a;
-            }
-        }
-    }
-    // convert style object to string
-    if (typeof result.style === "object") {
-        result.style = styleToString(result.style).replaceAll("\n", " ");
-    }
-    // handle weird svelte bug where `hidden` is not removed when set to `false`
-    if ("hidden" in result && result.hidden !== true) {
-        result.hidden = undefined;
-    }
-    // handle weird svelte bug where `disabled` is not removed when set to `false`
-    if ("disabled" in result && result.disabled !== true) {
-        result.disabled = undefined;
-    }
-    return result;
-}

package/dist/internal/on-destroy-effect.svelte.d.ts

@@ -1 +0,0 @@
-export declare function onDestroyEffect(fn: () => void): void;

package/dist/internal/on-destroy-effect.svelte.js

@@ -1,7 +0,0 @@
-export function onDestroyEffect(fn) {
-    $effect(() => {
-        return () => {
-            fn();
-        };
-    });
-}

package/dist/internal/strings.d.ts

@@ -1,3 +0,0 @@
-export declare function pascalCase(str?: string): string;
-export declare function camelCase(str?: string): string;
-export declare function kebabCase(str?: string): string;

package/dist/internal/strings.js

@@ -1,70 +0,0 @@
-const NUMBER_CHAR_RE = /\d/;
-const STR_SPLITTERS = ["-", "_", "/", "."];
-function isUppercase(char = "") {
-    if (NUMBER_CHAR_RE.test(char))
-        return undefined;
-    return char !== char.toLowerCase();
-}
-function splitByCase(str) {
-    const parts = [];
-    let buff = "";
-    let previousUpper;
-    let previousSplitter;
-    for (const char of str) {
-        // Splitter
-        const isSplitter = STR_SPLITTERS.includes(char);
-        if (isSplitter === true) {
-            parts.push(buff);
-            buff = "";
-            previousUpper = undefined;
-            continue;
-        }
-        const isUpper = isUppercase(char);
-        if (previousSplitter === false) {
-            // Case rising edge
-            if (previousUpper === false && isUpper === true) {
-                parts.push(buff);
-                buff = char;
-                previousUpper = isUpper;
-                continue;
-            }
-            // Case falling edge
-            if (previousUpper === true && isUpper === false && buff.length > 1) {
-                const lastChar = buff.at(-1);
-                parts.push(buff.slice(0, Math.max(0, buff.length - 1)));
-                buff = lastChar + char;
-                previousUpper = isUpper;
-                continue;
-            }
-        }
-        // Normal char
-        buff += char;
-        previousUpper = isUpper;
-        previousSplitter = isSplitter;
-    }
-    parts.push(buff);
-    return parts;
-}
-export function pascalCase(str) {
-    if (!str)
-        return "";
-    return splitByCase(str)
-        .map((p) => upperFirst(p))
-        .join("");
-}
-export function camelCase(str) {
-    return lowerFirst(pascalCase(str || ""));
-}
-export function kebabCase(str) {
-    return str
-        ? splitByCase(str)
-            .map((p) => p.toLowerCase())
-            .join("-")
-        : "";
-}
-function upperFirst(str) {
-    return str ? str[0].toUpperCase() + str.slice(1) : "";
-}
-function lowerFirst(str) {
-    return str ? str[0].toLowerCase() + str.slice(1) : "";
-}

package/dist/internal/style-to-css.d.ts

@@ -1 +0,0 @@
-export declare function styleToCSS(styleObj: object): string;

package/dist/internal/style-to-css.js

@@ -1,23 +0,0 @@
-function createParser(matcher, replacer) {
-    const regex = RegExp(matcher, "g");
-    return (str) => {
-        // throw an error if not a string
-        if (typeof str !== "string") {
-            throw new TypeError(`expected an argument of type string, but got ${typeof str}`);
-        }
-        // if no match between string and matcher
-        if (!str.match(regex))
-            return str;
-        // executes the replacer function for each match
-        return str.replace(regex, replacer);
-    };
-}
-const camelToKebab = createParser(/[A-Z]/, (match) => `-${match.toLowerCase()}`);
-export function styleToCSS(styleObj) {
-    if (!styleObj || typeof styleObj !== "object" || Array.isArray(styleObj)) {
-        throw new TypeError(`expected an argument of type object, but got ${typeof styleObj}`);
-    }
-    return Object.keys(styleObj)
-        .map((property) => `${camelToKebab(property)}: ${styleObj[property]};`)
-        .join("\n");
-}

package/dist/internal/style.d.ts

@@ -1,4 +0,0 @@
-import type { StyleProperties } from "../shared/index.js";
-export declare function styleToString(style?: StyleProperties): string;
-export declare const srOnlyStyles: StyleProperties;
-export declare const srOnlyStyleString: string;

package/dist/internal/style.js

@@ -1,17 +0,0 @@
-import { styleToCSS } from "./style-to-css.js";
-export function styleToString(style = {}) {
-    return styleToCSS(style).replace("\n", " ");
-}
-export const srOnlyStyles = {
-    position: "absolute",
-    width: "1px",
-    height: "1px",
-    padding: "0",
-    margin: "-1px",
-    overflow: "hidden",
-    clip: "rect(0, 0, 0, 0)",
-    whiteSpace: "nowrap",
-    borderWidth: "0",
-    transform: "translateX(-100%)",
-};
-export const srOnlyStyleString = styleToString(srOnlyStyles);

package/dist/internal/use-ref-by-id.svelte.d.ts

@@ -1,28 +0,0 @@
-import type { Getter, WritableBox } from "svelte-toolbelt";
-import type { Box } from "./box.svelte.js";
-type UseRefByIdProps = {
-    /**
-     * The ID of the node to find.
-     */
-    id: Box<string>;
-    /**
-     * The ref to set the node to.
-     */
-    ref: WritableBox<HTMLElement | null>;
-    /**
-     * A reactive condition that will cause the node to be set.
-     */
-    condition?: Getter<boolean>;
-    /**
-     * A callback fired when the ref changes.
-     */
-    onRefChange?: (node: HTMLElement | null) => void;
-};
-/**
- * Finds the node with that ID and sets it to the boxed node.
- * Reactive using `$effect` to ensure when the ID or condition changes,
- * an update is triggered and new node is found.
- *
- */
-export declare function useRefById({ id, ref, condition, onRefChange, }: UseRefByIdProps): void;
-export {};

package/dist/internal/use-ref-by-id.svelte.js

@@ -1,27 +0,0 @@
-import { untrack } from "svelte";
-import { noop } from "./callbacks.js";
-/**
- * Finds the node with that ID and sets it to the boxed node.
- * Reactive using `$effect` to ensure when the ID or condition changes,
- * an update is triggered and new node is found.
- *
- */
-export function useRefById({ id, ref, condition = () => true, onRefChange = noop, }) {
-    $effect(() => {
-        // re-run when the ID changes.
-        id.current;
-        condition();
-        // re-run when the condition changes.
-        untrack(() => {
-            const node = document.getElementById(id.current);
-            ref.current = node;
-            onRefChange(ref.current);
-        });
-    });
-    $effect(() => {
-        return () => {
-            ref.current = null;
-            onRefChange(null);
-        };
-    });
-}