@v-c/image 0.0.1

package/dist/portal/dist/useDom.cjs

@@ -0,0 +1,47 @@
+const require_Context = require("./Context.cjs");
+const require_canUseDom = require("../../util/dist/Dom/canUseDom.cjs");
+let vue = require("vue");
+var EMPTY_LIST = [];
+function useDom(render, debug) {
+	const eleFun = () => {
+		if (!require_canUseDom.canUseDom()) return null;
+		const defaultEle = document.createElement("div");
+		if (process.env.NODE_ENV !== "production" && debug) defaultEle.setAttribute("data-debug", debug);
+		return defaultEle;
+	};
+	const ele = eleFun();
+	const appendedRef = (0, vue.shallowRef)(false);
+	const queueCreate = require_Context.useContextState();
+	const queue = (0, vue.shallowRef)([]);
+	const mergedQueueCreate = (0, vue.computed)(() => queueCreate?.value || (appendedRef.value ? void 0 : (appendFn) => {
+		queue.value = [appendFn, ...queue.value];
+	}));
+	function append() {
+		if (!ele?.parentElement) document.body.appendChild(ele);
+		appendedRef.value = true;
+	}
+	function cleanup() {
+		if (ele?.parentElement) ele?.parentElement?.removeChild(ele);
+		else if (ele && appendedRef.value) document.body?.removeChild?.(ele);
+		appendedRef.value = false;
+	}
+	(0, vue.watch)(render, () => {
+		if (render.value) if (queueCreate?.value) queueCreate.value(append);
+		else append();
+		else (0, vue.nextTick)(() => {
+			cleanup();
+		});
+	}, { immediate: true });
+	(0, vue.onUnmounted)(cleanup);
+	(0, vue.watch)(queue, () => {
+		if (queue.value.length) {
+			queue.value.forEach((fn) => fn());
+			queue.value = [...EMPTY_LIST];
+		}
+	}, {
+		flush: "post",
+		immediate: true
+	});
+	return [ele, mergedQueueCreate];
+}
+exports.useDom = useDom;

package/dist/portal/dist/useDom.js

@@ -0,0 +1,47 @@
+import { useContextState } from "./Context.js";
+import { canUseDom } from "../../util/dist/Dom/canUseDom.js";
+import { computed, nextTick, onUnmounted, shallowRef, watch } from "vue";
+var EMPTY_LIST = [];
+function useDom(render, debug) {
+	const eleFun = () => {
+		if (!canUseDom()) return null;
+		const defaultEle = document.createElement("div");
+		if (process.env.NODE_ENV !== "production" && debug) defaultEle.setAttribute("data-debug", debug);
+		return defaultEle;
+	};
+	const ele = eleFun();
+	const appendedRef = shallowRef(false);
+	const queueCreate = useContextState();
+	const queue = shallowRef([]);
+	const mergedQueueCreate = computed(() => queueCreate?.value || (appendedRef.value ? void 0 : (appendFn) => {
+		queue.value = [appendFn, ...queue.value];
+	}));
+	function append() {
+		if (!ele?.parentElement) document.body.appendChild(ele);
+		appendedRef.value = true;
+	}
+	function cleanup() {
+		if (ele?.parentElement) ele?.parentElement?.removeChild(ele);
+		else if (ele && appendedRef.value) document.body?.removeChild?.(ele);
+		appendedRef.value = false;
+	}
+	watch(render, () => {
+		if (render.value) if (queueCreate?.value) queueCreate.value(append);
+		else append();
+		else nextTick(() => {
+			cleanup();
+		});
+	}, { immediate: true });
+	onUnmounted(cleanup);
+	watch(queue, () => {
+		if (queue.value.length) {
+			queue.value.forEach((fn) => fn());
+			queue.value = [...EMPTY_LIST];
+		}
+	}, {
+		flush: "post",
+		immediate: true
+	});
+	return [ele, mergedQueueCreate];
+}
+export { useDom };

package/dist/portal/dist/useScrollLocker.cjs

@@ -0,0 +1,26 @@
+const require_util = require("./util.cjs");
+const require_dynamicCSS = require("../../util/dist/Dom/dynamicCSS.cjs");
+const require_getScrollBarSize = require("../../util/dist/getScrollBarSize.cjs");
+let vue = require("vue");
+var UNIQUE_ID = `vc-util-locker-${Date.now()}`;
+var uuid = 0;
+function useScrollLocker(lock) {
+	const mergedLock = (0, vue.computed)(() => (0, vue.unref)(lock));
+	uuid += 1;
+	const id = (0, vue.shallowRef)(`${UNIQUE_ID}_${uuid}`);
+	(0, vue.watch)([id, mergedLock], async () => {
+		await (0, vue.nextTick)();
+		if (mergedLock.value) {
+			const scrollbarSize = require_getScrollBarSize.getTargetScrollBarSize(document.body).width;
+			require_dynamicCSS.updateCSS(`
+html body {
+  overflow-y: hidden;
+  ${require_util.isBodyOverflowing() ? `width: calc(100% - ${scrollbarSize}px);` : ""}
+}`, id.value);
+		} else require_dynamicCSS.removeCSS(id.value);
+	}, {
+		flush: "post",
+		immediate: true
+	});
+}
+exports.useScrollLocker = useScrollLocker;

package/dist/portal/dist/useScrollLocker.js

@@ -0,0 +1,26 @@
+import { isBodyOverflowing } from "./util.js";
+import { removeCSS, updateCSS } from "../../util/dist/Dom/dynamicCSS.js";
+import { getTargetScrollBarSize } from "../../util/dist/getScrollBarSize.js";
+import { computed, nextTick, shallowRef, unref, watch } from "vue";
+var UNIQUE_ID = `vc-util-locker-${Date.now()}`;
+var uuid = 0;
+function useScrollLocker(lock) {
+	const mergedLock = computed(() => unref(lock));
+	uuid += 1;
+	const id = shallowRef(`${UNIQUE_ID}_${uuid}`);
+	watch([id, mergedLock], async () => {
+		await nextTick();
+		if (mergedLock.value) {
+			const scrollbarSize = getTargetScrollBarSize(document.body).width;
+			updateCSS(`
+html body {
+  overflow-y: hidden;
+  ${isBodyOverflowing() ? `width: calc(100% - ${scrollbarSize}px);` : ""}
+}`, id.value);
+		} else removeCSS(id.value);
+	}, {
+		flush: "post",
+		immediate: true
+	});
+}
+export { useScrollLocker };

package/dist/portal/dist/util.cjs

@@ -0,0 +1,4 @@
+function isBodyOverflowing() {
+	return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
+}
+exports.isBodyOverflowing = isBodyOverflowing;

package/dist/portal/dist/util.js

@@ -0,0 +1,4 @@
+function isBodyOverflowing() {
+	return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
+}
+export { isBodyOverflowing };

package/dist/previewConfig.cjs

@@ -0,0 +1,4 @@
+const BASE_SCALE_RATIO = 1;
+const WHEEL_MAX_SCALE_RATIO = 1;
+exports.BASE_SCALE_RATIO = BASE_SCALE_RATIO;
+exports.WHEEL_MAX_SCALE_RATIO = WHEEL_MAX_SCALE_RATIO;

package/dist/previewConfig.d.ts

@@ -0,0 +1,4 @@
+/** Scale the ratio base */
+export declare const BASE_SCALE_RATIO = 1;
+/** The maximum zoom ratio when the mouse zooms in, adjustable */
+export declare const WHEEL_MAX_SCALE_RATIO = 1;

package/dist/previewConfig.js

@@ -0,0 +1,3 @@
+const BASE_SCALE_RATIO = 1;
+const WHEEL_MAX_SCALE_RATIO = 1;
+export { BASE_SCALE_RATIO, WHEEL_MAX_SCALE_RATIO };

package/dist/util/dist/Dom/canUseDom.cjs

@@ -0,0 +1,4 @@
+function canUseDom() {
+	return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+exports.canUseDom = canUseDom;

package/dist/util/dist/Dom/canUseDom.js

@@ -0,0 +1,4 @@
+function canUseDom() {
+	return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+export { canUseDom };

package/dist/util/dist/Dom/contains.cjs

@@ -0,0 +1,11 @@
+function contains(root, n) {
+	if (!root) return false;
+	if (root.contains) return root.contains(n);
+	let node = n;
+	while (node) {
+		if (node === root) return true;
+		node = node.parentNode;
+	}
+	return false;
+}
+exports.contains = contains;

package/dist/util/dist/Dom/contains.js

@@ -0,0 +1,11 @@
+function contains(root, n) {
+	if (!root) return false;
+	if (root.contains) return root.contains(n);
+	let node = n;
+	while (node) {
+		if (node === root) return true;
+		node = node.parentNode;
+	}
+	return false;
+}
+export { contains };

package/dist/util/dist/Dom/dynamicCSS.cjs

@@ -0,0 +1,78 @@
+const require_canUseDom = require("./canUseDom.cjs");
+const require_contains = require("./contains.cjs");
+var APPEND_ORDER = "data-vc-order";
+var APPEND_PRIORITY = "data-vc-priority";
+var MARK_KEY = `vc-util-key`;
+var containerCache = /* @__PURE__ */ new Map();
+function getMark({ mark } = {}) {
+	if (mark) return mark.startsWith("data-") ? mark : `data-${mark}`;
+	return MARK_KEY;
+}
+function getContainer(option) {
+	if (option.attachTo) return option.attachTo;
+	return document.querySelector("head") || document.body;
+}
+function getOrder(prepend) {
+	if (prepend === "queue") return "prependQueue";
+	return prepend ? "prepend" : "append";
+}
+function findStyles(container) {
+	return Array.from((containerCache.get(container) || container).children).filter((node) => node.tagName === "STYLE");
+}
+function injectCSS(css, option = {}) {
+	if (!require_canUseDom.canUseDom()) return null;
+	const { csp, prepend, priority = 0 } = option;
+	const mergedOrder = getOrder(prepend);
+	const isPrependQueue = mergedOrder === "prependQueue";
+	const styleNode = document.createElement("style");
+	styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+	if (isPrependQueue && priority) styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
+	if (csp?.nonce) styleNode.nonce = csp?.nonce;
+	styleNode.innerHTML = css;
+	const container = getContainer(option);
+	const { firstChild } = container;
+	if (prepend) {
+		if (isPrependQueue) {
+			const existStyle = findStyles(container).filter((node) => {
+				if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER))) return false;
+				return priority >= Number(node.getAttribute(APPEND_PRIORITY) || 0);
+			});
+			if (existStyle.length) {
+				container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
+				return styleNode;
+			}
+		}
+		container.insertBefore(styleNode, firstChild);
+	} else container.appendChild(styleNode);
+	return styleNode;
+}
+function findExistNode(key, option = {}) {
+	return findStyles(getContainer(option)).find((node) => node.getAttribute(getMark(option)) === key);
+}
+function removeCSS(key, option = {}) {
+	const existNode = findExistNode(key, option);
+	if (existNode) getContainer(option).removeChild(existNode);
+}
+function syncRealContainer(container, option) {
+	const cachedRealContainer = containerCache.get(container);
+	if (!cachedRealContainer || !require_contains.contains(document, cachedRealContainer)) {
+		const placeholderStyle = injectCSS("", option);
+		const { parentNode } = placeholderStyle;
+		containerCache.set(container, parentNode);
+		container.removeChild(placeholderStyle);
+	}
+}
+function updateCSS(css, key, option = {}) {
+	syncRealContainer(getContainer(option), option);
+	const existNode = findExistNode(key, option);
+	if (existNode) {
+		if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce) existNode.nonce = option.csp?.nonce;
+		if (existNode.innerHTML !== css) existNode.innerHTML = css;
+		return existNode;
+	}
+	const newNode = injectCSS(css, option);
+	newNode.setAttribute(getMark(option), key);
+	return newNode;
+}
+exports.removeCSS = removeCSS;
+exports.updateCSS = updateCSS;

package/dist/util/dist/Dom/dynamicCSS.js

@@ -0,0 +1,77 @@
+import { canUseDom } from "./canUseDom.js";
+import { contains } from "./contains.js";
+var APPEND_ORDER = "data-vc-order";
+var APPEND_PRIORITY = "data-vc-priority";
+var MARK_KEY = `vc-util-key`;
+var containerCache = /* @__PURE__ */ new Map();
+function getMark({ mark } = {}) {
+	if (mark) return mark.startsWith("data-") ? mark : `data-${mark}`;
+	return MARK_KEY;
+}
+function getContainer(option) {
+	if (option.attachTo) return option.attachTo;
+	return document.querySelector("head") || document.body;
+}
+function getOrder(prepend) {
+	if (prepend === "queue") return "prependQueue";
+	return prepend ? "prepend" : "append";
+}
+function findStyles(container) {
+	return Array.from((containerCache.get(container) || container).children).filter((node) => node.tagName === "STYLE");
+}
+function injectCSS(css, option = {}) {
+	if (!canUseDom()) return null;
+	const { csp, prepend, priority = 0 } = option;
+	const mergedOrder = getOrder(prepend);
+	const isPrependQueue = mergedOrder === "prependQueue";
+	const styleNode = document.createElement("style");
+	styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+	if (isPrependQueue && priority) styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
+	if (csp?.nonce) styleNode.nonce = csp?.nonce;
+	styleNode.innerHTML = css;
+	const container = getContainer(option);
+	const { firstChild } = container;
+	if (prepend) {
+		if (isPrependQueue) {
+			const existStyle = findStyles(container).filter((node) => {
+				if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER))) return false;
+				return priority >= Number(node.getAttribute(APPEND_PRIORITY) || 0);
+			});
+			if (existStyle.length) {
+				container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
+				return styleNode;
+			}
+		}
+		container.insertBefore(styleNode, firstChild);
+	} else container.appendChild(styleNode);
+	return styleNode;
+}
+function findExistNode(key, option = {}) {
+	return findStyles(getContainer(option)).find((node) => node.getAttribute(getMark(option)) === key);
+}
+function removeCSS(key, option = {}) {
+	const existNode = findExistNode(key, option);
+	if (existNode) getContainer(option).removeChild(existNode);
+}
+function syncRealContainer(container, option) {
+	const cachedRealContainer = containerCache.get(container);
+	if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
+		const placeholderStyle = injectCSS("", option);
+		const { parentNode } = placeholderStyle;
+		containerCache.set(container, parentNode);
+		container.removeChild(placeholderStyle);
+	}
+}
+function updateCSS(css, key, option = {}) {
+	syncRealContainer(getContainer(option), option);
+	const existNode = findExistNode(key, option);
+	if (existNode) {
+		if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce) existNode.nonce = option.csp?.nonce;
+		if (existNode.innerHTML !== css) existNode.innerHTML = css;
+		return existNode;
+	}
+	const newNode = injectCSS(css, option);
+	newNode.setAttribute(getMark(option), key);
+	return newNode;
+}
+export { removeCSS, updateCSS };

package/dist/util/dist/KeyCode.cjs

@@ -0,0 +1,81 @@
+var KeyCodeStr = {
+	Enter: "Enter",
+	Backspace: "Backspace",
+	Tab: "Tab",
+	Space: " ",
+	Escape: "Escape",
+	Shift: "Shift",
+	Control: "Control",
+	Alt: "Alt",
+	Meta: "Meta",
+	ArrowLeft: "ArrowLeft",
+	ArrowUp: "ArrowUp",
+	ArrowRight: "ArrowRight",
+	ArrowDown: "ArrowDown",
+	Home: "Home",
+	End: "End",
+	PageUp: "PageUp",
+	PageDown: "PageDown",
+	Insert: "Insert",
+	Delete: "Delete",
+	F1: "F1",
+	F2: "F2",
+	F3: "F3",
+	F4: "F4",
+	F5: "F5",
+	F6: "F6",
+	F7: "F7",
+	F8: "F8",
+	F9: "F9",
+	F10: "F10",
+	F11: "F11",
+	F12: "F12",
+	Digit0: "0",
+	Digit1: "1",
+	Digit2: "2",
+	Digit3: "3",
+	Digit4: "4",
+	Digit5: "5",
+	Digit6: "6",
+	Digit7: "7",
+	Digit8: "8",
+	Digit9: "9",
+	KeyA: "a",
+	KeyB: "b",
+	KeyC: "c",
+	KeyD: "d",
+	KeyE: "e",
+	KeyF: "f",
+	KeyG: "g",
+	KeyH: "h",
+	KeyI: "i",
+	KeyJ: "j",
+	KeyK: "k",
+	KeyL: "l",
+	KeyM: "m",
+	KeyN: "n",
+	KeyO: "o",
+	KeyP: "p",
+	KeyQ: "q",
+	KeyR: "r",
+	KeyS: "s",
+	KeyT: "t",
+	KeyU: "u",
+	KeyV: "v",
+	KeyW: "w",
+	KeyX: "x",
+	KeyY: "y",
+	KeyZ: "z",
+	Semicolon: ";",
+	Equal: "=",
+	Comma: ",",
+	Minus: "-",
+	Period: ".",
+	Slash: "/",
+	Backquote: "`",
+	BracketLeft: "[",
+	Backslash: "\\",
+	BracketRight: "]",
+	Quote: "'"
+};
+exports.KeyCodeStr = KeyCodeStr;

package/dist/util/dist/KeyCode.js

@@ -0,0 +1,81 @@
+var KeyCodeStr = {
+	Enter: "Enter",
+	Backspace: "Backspace",
+	Tab: "Tab",
+	Space: " ",
+	Escape: "Escape",
+	Shift: "Shift",
+	Control: "Control",
+	Alt: "Alt",
+	Meta: "Meta",
+	ArrowLeft: "ArrowLeft",
+	ArrowUp: "ArrowUp",
+	ArrowRight: "ArrowRight",
+	ArrowDown: "ArrowDown",
+	Home: "Home",
+	End: "End",
+	PageUp: "PageUp",
+	PageDown: "PageDown",
+	Insert: "Insert",
+	Delete: "Delete",
+	F1: "F1",
+	F2: "F2",
+	F3: "F3",
+	F4: "F4",
+	F5: "F5",
+	F6: "F6",
+	F7: "F7",
+	F8: "F8",
+	F9: "F9",
+	F10: "F10",
+	F11: "F11",
+	F12: "F12",
+	Digit0: "0",
+	Digit1: "1",
+	Digit2: "2",
+	Digit3: "3",
+	Digit4: "4",
+	Digit5: "5",
+	Digit6: "6",
+	Digit7: "7",
+	Digit8: "8",
+	Digit9: "9",
+	KeyA: "a",
+	KeyB: "b",
+	KeyC: "c",
+	KeyD: "d",
+	KeyE: "e",
+	KeyF: "f",
+	KeyG: "g",
+	KeyH: "h",
+	KeyI: "i",
+	KeyJ: "j",
+	KeyK: "k",
+	KeyL: "l",
+	KeyM: "m",
+	KeyN: "n",
+	KeyO: "o",
+	KeyP: "p",
+	KeyQ: "q",
+	KeyR: "r",
+	KeyS: "s",
+	KeyT: "t",
+	KeyU: "u",
+	KeyV: "v",
+	KeyW: "w",
+	KeyX: "x",
+	KeyY: "y",
+	KeyZ: "z",
+	Semicolon: ";",
+	Equal: "=",
+	Comma: ",",
+	Minus: "-",
+	Period: ".",
+	Slash: "/",
+	Backquote: "`",
+	BracketLeft: "[",
+	Backslash: "\\",
+	BracketRight: "]",
+	Quote: "'"
+};
+export { KeyCodeStr };

package/dist/util/dist/RenderComponent.cjs

@@ -0,0 +1,29 @@
+const require_index = require("./props-util/index.cjs");
+let vue = require("vue");
+function checkIsBaseType(value) {
+	if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return true;
+	return typeof value === "undefined" || value === null;
+}
+var RenderComponent_default = (0, vue.defineComponent)((props, { attrs }) => {
+	return () => {
+		const render$1 = props.render;
+		if (render$1 && typeof render$1 === "function") {
+			const _render = render$1?.();
+			if (Array.isArray(_render)) return require_index.filterEmpty(_render).map((v) => {
+				if ((0, vue.isVNode)(v)) return (0, vue.createVNode)(v, { ...attrs });
+				else return v;
+			});
+			return _render;
+		} else if (Array.isArray(render$1)) return require_index.filterEmpty(render$1).map((v) => {
+			if ((0, vue.isVNode)(v)) return (0, vue.createVNode)(v, { ...attrs });
+			return v;
+		});
+		else if (checkIsBaseType(render$1)) return render$1;
+		if ((0, vue.isVNode)(render$1)) return (0, vue.createVNode)(render$1, { ...attrs });
+		return render$1;
+	};
+}, {
+	inheritAttrs: false,
+	name: "RenderComponent",
+	props: ["render"]
+});

package/dist/util/dist/RenderComponent.js

@@ -0,0 +1,29 @@
+import { filterEmpty } from "./props-util/index.js";
+import { createVNode, defineComponent, isVNode } from "vue";
+function checkIsBaseType(value) {
+	if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return true;
+	return typeof value === "undefined" || value === null;
+}
+defineComponent((props, { attrs }) => {
+	return () => {
+		const render$1 = props.render;
+		if (render$1 && typeof render$1 === "function") {
+			const _render = render$1?.();
+			if (Array.isArray(_render)) return filterEmpty(_render).map((v) => {
+				if (isVNode(v)) return createVNode(v, { ...attrs });
+				else return v;
+			});
+			return _render;
+		} else if (Array.isArray(render$1)) return filterEmpty(render$1).map((v) => {
+			if (isVNode(v)) return createVNode(v, { ...attrs });
+			return v;
+		});
+		else if (checkIsBaseType(render$1)) return render$1;
+		if (isVNode(render$1)) return createVNode(render$1, { ...attrs });
+		return render$1;
+	};
+}, {
+	inheritAttrs: false,
+	name: "RenderComponent",
+	props: ["render"]
+});

package/dist/util/dist/classnames.cjs

@@ -0,0 +1,36 @@
+function toVal(mix) {
+	let str = "";
+	if (typeof mix === "string" || typeof mix === "number") str += mix;
+	else if (typeof mix === "object") {
+		if (Array.isArray(mix)) {
+			for (let k = 0; k < mix.length; k++) if (mix[k]) {
+				const y = toVal(mix[k]);
+				if (y) {
+					str && (str += " ");
+					str += y;
+				}
+			}
+		} else for (const k in mix) if (mix[k]) {
+			str && (str += " ");
+			str += k;
+		}
+	}
+	return str;
+}
+function classNames(...args) {
+	let str = "";
+	for (let i = 0; i < args.length; i++) {
+		const tmp = args[i];
+		if (tmp) {
+			const x = toVal(tmp);
+			if (x) {
+				str && (str += " ");
+				str += x;
+			}
+		}
+	}
+	return str;
+}
+var clsx = classNames;
+exports.classNames = classNames;
+exports.clsx = clsx;

package/dist/util/dist/classnames.js

@@ -0,0 +1,35 @@
+function toVal(mix) {
+	let str = "";
+	if (typeof mix === "string" || typeof mix === "number") str += mix;
+	else if (typeof mix === "object") {
+		if (Array.isArray(mix)) {
+			for (let k = 0; k < mix.length; k++) if (mix[k]) {
+				const y = toVal(mix[k]);
+				if (y) {
+					str && (str += " ");
+					str += y;
+				}
+			}
+		} else for (const k in mix) if (mix[k]) {
+			str && (str += " ");
+			str += k;
+		}
+	}
+	return str;
+}
+function classNames(...args) {
+	let str = "";
+	for (let i = 0; i < args.length; i++) {
+		const tmp = args[i];
+		if (tmp) {
+			const x = toVal(tmp);
+			if (x) {
+				str && (str += " ");
+				str += x;
+			}
+		}
+	}
+	return str;
+}
+var clsx = classNames;
+export { classNames, clsx };