@zag-js/svelte/dist/merge-props.js

The svelte wrapper for zag

import { mergeProps as zagMergeProps } from "@zag-js/core";
import { toStyleString } from "./normalize-props";
const CSS_REGEX = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
const serialize = (style) => {
    const res = {};
    let match;
    while ((match = CSS_REGEX.exec(style))) {
        res[match[1]] = match[2];
    }
    return res;
};
export function mergeProps(...args) {
    // Collect all class values (as-is, without conversion)
    // Svelte 5.15+ supports ClassValue types (string | array | object) and handles
    // the conversion internally using clsx. We collect them into an array and let
    // Svelte's native class handling resolve them at render time.
    // @see https://github.com/sveltejs/svelte/pull/14714
    const classNames = [];
    for (const props of args) {
        if (!props)
            continue;
        if ("class" in props && props.class != null) {
            classNames.push(props.class);
        }
    }
    const merged = zagMergeProps(...args);
    // Override class with our collected values
    // If only one value, return as-is; if multiple, return as array
    if (classNames.length > 0) {
        merged.class = classNames.length === 1 ? classNames[0] : classNames;
    }
    if ("style" in merged) {
        if (typeof merged.style === "string") {
            merged.style = serialize(merged.style);
        }
        merged.style = toStyleString(merged.style);
    }
    return merged;
}