ropav 0.1.6 → 0.1.8

package/dist/ancestry.js

@@ -0,0 +1,136 @@
+import { t as isElement } from "./query.js";
+import { t as createRafScheduler } from "./rafScheduler.js";
+//#region src/utils/dom/ancestry.ts
+function getFrameElement(documentNode) {
+	try {
+		const frameElement = documentNode.defaultView?.frameElement;
+		return isElement(frameElement) ? frameElement : null;
+	} catch {
+		return null;
+	}
+}
+function getComposedParent(node) {
+	if (isElement(node) && node.assignedSlot) return node.assignedSlot;
+	if (node.parentNode) return node.parentNode;
+	if (node.nodeType === 9) return getFrameElement(node);
+	const host = "host" in node ? node.host : null;
+	return isElement(host) ? host : null;
+}
+function getComposedAncestry(node) {
+	const ancestry = [];
+	let current = node ?? null;
+	while (current) {
+		current = getComposedParent(current);
+		if (current) ancestry.push(current);
+	}
+	return ancestry;
+}
+function areNodeListsIdentical(left, right) {
+	return left.length === right.length && left.every((node, index) => node === right[index]);
+}
+function readComposedAncestryPaths(nodes) {
+	return nodes.map((node) => node ? [node, ...getComposedAncestry(node)] : []);
+}
+function areAncestryPathsIdentical(left, right) {
+	return left.length === right.length && left.every((path, index) => areNodeListsIdentical(path, right[index] ?? []));
+}
+function getNodeDocument(node) {
+	return node.nodeType === 9 ? node : node.ownerDocument;
+}
+function getMutationObserverConstructor(node) {
+	return getNodeDocument(node)?.defaultView?.MutationObserver ?? globalThis.MutationObserver;
+}
+function isShadowRootNode(node) {
+	return node.nodeType === 11 && "host" in node && isElement(node.host);
+}
+function hasDisconnectedAncestry(nodes) {
+	return nodes.some((node) => node != null && [node, ...getComposedAncestry(node)].some((ancestor) => !ancestor.isConnected));
+}
+function observeComposedAncestry(getNodes, onChange, options = {}) {
+	let paths = readComposedAncestryPaths(getNodes());
+	let mutationObservers = [];
+	let slotRoots = [];
+	let disposed = false;
+	let disconnectNotified = false;
+	const reconnectScheduler = createRafScheduler(check, getView);
+	function getView() {
+		for (const node of getNodes()) {
+			const view = node ? getNodeDocument(node)?.defaultView : null;
+			if (view) return view;
+		}
+		return null;
+	}
+	function scheduleReconnectCheck(nodes) {
+		if (!hasDisconnectedAncestry(nodes)) return;
+		if (!getView()?.requestAnimationFrame) return;
+		reconnectScheduler.schedule();
+	}
+	function disconnectTargets() {
+		for (const observer of mutationObservers) observer.disconnect();
+		mutationObservers = [];
+		for (const root of slotRoots) root.removeEventListener("slotchange", check);
+		slotRoots = [];
+	}
+	function observeTargets(nodes, nextPaths) {
+		const observedNodes = new Set(nextPaths.flat());
+		const nextSlotRoots = /* @__PURE__ */ new Set();
+		const observersByConstructor = /* @__PURE__ */ new Map();
+		for (const node of observedNodes) {
+			if (isElement(node) && node.shadowRoot) nextSlotRoots.add(node.shadowRoot);
+			if (isShadowRootNode(node)) nextSlotRoots.add(node);
+			const MutationObserverConstructor = getMutationObserverConstructor(node);
+			if (!MutationObserverConstructor) continue;
+			let observer = observersByConstructor.get(MutationObserverConstructor);
+			if (!observer) {
+				observer = new MutationObserverConstructor(check);
+				observersByConstructor.set(MutationObserverConstructor, observer);
+			}
+			if (isElement(node)) observer.observe(node, {
+				childList: true,
+				attributes: true,
+				attributeFilter: ["slot", "name"]
+			});
+			else observer.observe(node, { childList: true });
+		}
+		mutationObservers = [...observersByConstructor.values()];
+		slotRoots = [...nextSlotRoots];
+		for (const root of slotRoots) root.addEventListener("slotchange", check);
+		scheduleReconnectCheck(nodes);
+	}
+	function rebind(nodes, nextPaths) {
+		disconnectTargets();
+		paths = nextPaths;
+		observeTargets(nodes, paths);
+	}
+	function check() {
+		if (disposed) return;
+		const nodes = getNodes();
+		if (options.deferWhileDisconnected && hasDisconnectedAncestry(nodes)) {
+			if (options.notifyOnDisconnect && !disconnectNotified) onChange();
+			disconnectNotified = true;
+			scheduleReconnectCheck(nodes);
+			return;
+		}
+		const shouldNotifyReconnect = disconnectNotified && options.notifyOnDisconnect;
+		disconnectNotified = false;
+		reconnectScheduler.cancel();
+		const nextPaths = readComposedAncestryPaths(nodes);
+		if (areAncestryPathsIdentical(paths, nextPaths)) {
+			if (shouldNotifyReconnect) onChange();
+			return;
+		}
+		rebind(nodes, nextPaths);
+		onChange();
+	}
+	const initialNodes = getNodes();
+	paths = readComposedAncestryPaths(initialNodes);
+	observeTargets(initialNodes, paths);
+	return () => {
+		if (disposed) return;
+		disposed = true;
+		reconnectScheduler.cancel();
+		disconnectTargets();
+	};
+}
+//#endregion
+export { observeComposedAncestry as n, getComposedAncestry as t };

package/dist/aria.js

@@ -0,0 +1,14 @@
+import { n as hasAttributeToken, r as parseAttributeTokens } from "./attributes2.js";
+//#region src/utils/aria.ts
+function parseAriaIdRefs(value) {
+	return parseAttributeTokens(value);
+}
+function hasAriaIdRef(value, id) {
+	return hasAttributeToken(value, id);
+}
+function mergeAriaIdRefs(...values) {
+	const ids = values.flatMap(parseAriaIdRefs);
+	return ids.length > 0 ? Array.from(new Set(ids)).join(" ") : void 0;
+}
+//#endregion
+export { mergeAriaIdRefs as n, parseAriaIdRefs as r, hasAriaIdRef as t };

package/dist/aspect-ratio.js

@@ -1,5 +1,5 @@
 import './aspect-ratio.css';
-import { n as useStylesApi } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template } from "vue";
 //#region src/components/aspect-ratio/aspect-ratio.vue?vue&type=script&setup=true&vapor=true&lang.ts

package/dist/attributes.js

@@ -0,0 +1,9 @@
+//#region src/utils/attributes.ts
+function toPresenceAttribute(value) {
+	return value ? "" : void 0;
+}
+function toOptionalAttribute(value) {
+	return value || void 0;
+}
+//#endregion
+export { toPresenceAttribute as n, toOptionalAttribute as t };

package/dist/attributes2.js

@@ -0,0 +1,29 @@
+//#region src/utils/dom/attributes.ts
+function splitCompatibilityAttributes(attributes) {
+	const { class: compatibilityClass, style: compatibilityStyle, ...forwardedAttributes } = attributes;
+	return {
+		compatibilityClass,
+		compatibilityStyle,
+		forwardedAttributes
+	};
+}
+function composeEventHandlers(...handlers) {
+	return (event) => {
+		for (const handler of handlers) handler?.(event);
+	};
+}
+function parseAttributeTokens(value) {
+	return value?.split(/\s+/).filter(Boolean) ?? [];
+}
+function hasAttributeToken(value, token) {
+	return parseAttributeTokens(value).includes(token);
+}
+function snapshotAttributes(element, attributes) {
+	return new Map(attributes.map((attribute) => [attribute, element.getAttribute(attribute)]));
+}
+function restoreAttributes(element, snapshot) {
+	for (const [attribute, value] of snapshot) if (value == null) element.removeAttribute(attribute);
+	else element.setAttribute(attribute, value);
+}
+//#endregion
+export { snapshotAttributes as a, restoreAttributes as i, hasAttributeToken as n, splitCompatibilityAttributes as o, parseAttributeTokens as r, composeEventHandlers as t };

package/dist/avatar.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-avatar[data-v-416c3281] {
+.rp-avatar[data-v-36d66f33] {
     --_rp-avatar-size: var(--rp-size-control-md);
     --_rp-avatar-font-size: var(--rp-font-size-md);
     --_rp-avatar-radius: var(--rp-radius-full);
@@ -27,72 +27,72 @@
     border-radius: var(--_rp-avatar-radius);
     user-select: none;
 }
-.rp-avatar--surface[data-v-416c3281], .rp-avatar--outline[data-v-416c3281] {
+.rp-avatar--surface[data-v-36d66f33], .rp-avatar--outline[data-v-36d66f33] {
     --_rp-avatar-border-width: var(--rp-border-width-thin);
 }
-.rp-avatar--size-xs[data-v-416c3281] {
+.rp-avatar--size-xs[data-v-36d66f33] {
     --_rp-avatar-size: var(--rp-size-control-xs);
     --_rp-avatar-font-size: var(--rp-font-size-xs);
 }
-.rp-avatar--size-sm[data-v-416c3281] {
+.rp-avatar--size-sm[data-v-36d66f33] {
     --_rp-avatar-size: var(--rp-size-control-sm);
     --_rp-avatar-font-size: var(--rp-font-size-sm);
 }
-.rp-avatar--size-md[data-v-416c3281] {
+.rp-avatar--size-md[data-v-36d66f33] {
     --_rp-avatar-size: var(--rp-size-control-md);
     --_rp-avatar-font-size: var(--rp-font-size-md);
 }
-.rp-avatar--size-lg[data-v-416c3281] {
+.rp-avatar--size-lg[data-v-36d66f33] {
     --_rp-avatar-size: var(--rp-size-control-lg);
     --_rp-avatar-font-size: var(--rp-font-size-lg);
 }
-.rp-avatar--size-xl[data-v-416c3281] {
+.rp-avatar--size-xl[data-v-36d66f33] {
     --_rp-avatar-size: var(--rp-size-control-xl);
     --_rp-avatar-font-size: var(--rp-font-size-xl);
 }
-.rp-avatar--radius-none[data-v-416c3281] {
+.rp-avatar--radius-none[data-v-36d66f33] {
     --_rp-avatar-radius: var(--rp-radius-none);
 }
-.rp-avatar--radius-xs[data-v-416c3281] {
+.rp-avatar--radius-xs[data-v-36d66f33] {
     --_rp-avatar-radius: var(--rp-radius-xs);
 }
-.rp-avatar--radius-sm[data-v-416c3281] {
+.rp-avatar--radius-sm[data-v-36d66f33] {
     --_rp-avatar-radius: var(--rp-radius-sm);
 }
-.rp-avatar--radius-md[data-v-416c3281] {
+.rp-avatar--radius-md[data-v-36d66f33] {
     --_rp-avatar-radius: var(--rp-radius-md);
 }
-.rp-avatar--radius-lg[data-v-416c3281] {
+.rp-avatar--radius-lg[data-v-36d66f33] {
     --_rp-avatar-radius: var(--rp-radius-lg);
 }
-.rp-avatar--radius-xl[data-v-416c3281] {
+.rp-avatar--radius-xl[data-v-36d66f33] {
     --_rp-avatar-radius: var(--rp-radius-xl);
 }
-.rp-avatar--radius-full[data-v-416c3281] {
+.rp-avatar--radius-full[data-v-36d66f33] {
     --_rp-avatar-radius: var(--rp-radius-full);
 }
-.rp-avatar__image[data-v-416c3281] {
+.rp-avatar__image[data-v-36d66f33] {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
-.rp-avatar__fallback[data-v-416c3281] {
+.rp-avatar__fallback[data-v-36d66f33] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
 }
-.rp-avatar__fallback[data-v-416c3281] >  svg {
+.rp-avatar__fallback[data-v-36d66f33] >  svg {
     display: block;
     width: 50%;
     height: 50%;
 }
-.rp-avatar__initials[data-v-416c3281] {
+.rp-avatar__initials[data-v-36d66f33] {
     text-transform: uppercase;
 }
-.rp-avatar__icon[data-v-416c3281] {
+.rp-avatar__icon[data-v-36d66f33] {
     width: 50%;
     height: 50%;
 }

package/dist/avatar.js

@@ -1,8 +1,9 @@
 import './avatar.css';
-import { n as useStylesApi } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { a as getComponentVariantColorRoles, t as componentColors } from "./componentColors.js";
+import { t as getNameInitials } from "./text.js";
 import { computed, createComponent, createIf, createSlot, defineVaporComponent, markRaw, on, ref, renderEffect, setAttr, setClass, setDynamicProps, setInsertionState, setProp, setStyle, setText, template, toDisplayString, txt, unref, watch } from "vue";
 //#region ~icons/lucide/user
 var t0$1 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><g fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path><circle cx=12 cy=7 r=4>", 3, 1);
@@ -14,7 +15,7 @@ var user_default = markRaw(defineVaporComponent({
 	render
 }));
 //#endregion
-//#region src/components/avatar/useAvatarColor.ts
+//#region src/components/avatar/avatarColor.ts
 function getAvatarColorStyle(color, variant, autoContrast, contrastColor) {
 	if (!color && !variant) return void 0;
 	const roles = getComponentVariantColorRoles({
@@ -32,10 +33,10 @@ function getAvatarColorStyle(color, variant, autoContrast, contrastColor) {
 }
 //#endregion
 //#region src/components/avatar/avatar.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<img data-v-416c3281>");
-var t1 = template("<span data-v-416c3281 class=rp-avatar__initials> ");
-var t2 = template("<span data-v-416c3281>");
-var t3 = template("<span data-v-416c3281>", 1);
+var t0 = template("<img data-v-36d66f33>");
+var t1 = template("<span data-v-36d66f33 class=rp-avatar__initials> ");
+var t2 = template("<span data-v-36d66f33>");
+var t3 = template("<span data-v-36d66f33>", 1);
 //#endregion
 //#region src/components/avatar/avatar.vue
 var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -75,7 +76,7 @@ var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const rootRole = computed(() => !showsImage.value && accessibleName.value ? "img" : void 0);
 		const rootAriaLabel = computed(() => rootRole.value ? accessibleName.value : void 0);
 		const fallbackAriaHidden = computed(() => isHidden.value || rootAriaLabel.value ? true : void 0);
-		const initials = computed(() => getInitials(props.name));
+		const initials = computed(() => getNameInitials(props.name));
 		const rootClass = computed(() => bem("rp-avatar", {
 			[props.variant ?? ""]: Boolean(props.variant),
 			[`size-${props.size}`]: Boolean(props.size),
@@ -98,15 +99,6 @@ var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			imageFailed.value = true;
 			emit("error", event);
 		}
-		function getInitials(name) {
-			if (!name) return "";
-			const parts = name.trim().split(/\s+/).filter(Boolean);
-			const firstPart = parts[0];
-			if (!firstPart) return "";
-			if (parts.length === 1) return Array.from(firstPart).slice(0, 2).join("").toLocaleUpperCase();
-			const lastPart = parts.at(-1) ?? firstPart;
-			return `${Array.from(firstPart)[0] ?? ""}${Array.from(lastPart)[0] ?? ""}`.toLocaleUpperCase();
-		}
 		const n13 = t3();
 		renderEffect(() => setDynamicProps(n13, [rootAttrs.value]));
 		setInsertionState(n13, null, 0);
@@ -142,7 +134,7 @@ var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		}, 261);
 		return n13;
 	}
-}), [["__scopeId", "data-v-416c3281"]]);
+}), [["__scopeId", "data-v-36d66f33"]]);
 //#endregion
 //#region src/components/avatar/types.ts
 var avatarParts = [

package/dist/badge.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-badge[data-v-1bf7c45c] {
+.rp-badge[data-v-5da092ee] {
     --_rp-badge-height: 20px;
     --_rp-badge-padding-x: 10px;
     --_rp-badge-font-size: 11px;
@@ -28,65 +28,65 @@
     border-radius: var(--_rp-badge-radius);
     transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-badge--size-xs[data-v-1bf7c45c] {
+.rp-badge--size-xs[data-v-5da092ee] {
     --_rp-badge-height: 16px;
     --_rp-badge-padding-x: 6px;
     --_rp-badge-font-size: 9px;
 }
-.rp-badge--size-sm[data-v-1bf7c45c] {
+.rp-badge--size-sm[data-v-5da092ee] {
     --_rp-badge-height: 18px;
     --_rp-badge-padding-x: 8px;
     --_rp-badge-font-size: 10px;
 }
-.rp-badge--size-md[data-v-1bf7c45c] {
+.rp-badge--size-md[data-v-5da092ee] {
     --_rp-badge-height: 20px;
     --_rp-badge-padding-x: 10px;
     --_rp-badge-font-size: 11px;
 }
-.rp-badge--size-lg[data-v-1bf7c45c] {
+.rp-badge--size-lg[data-v-5da092ee] {
     --_rp-badge-height: 26px;
     --_rp-badge-padding-x: 12px;
     --_rp-badge-font-size: 13px;
 }
-.rp-badge--size-xl[data-v-1bf7c45c] {
+.rp-badge--size-xl[data-v-5da092ee] {
     --_rp-badge-height: 32px;
     --_rp-badge-padding-x: 16px;
     --_rp-badge-font-size: 16px;
 }
-.rp-badge--radius-none[data-v-1bf7c45c] {
+.rp-badge--radius-none[data-v-5da092ee] {
     --_rp-badge-radius: var(--rp-radius-none);
 }
-.rp-badge--radius-xs[data-v-1bf7c45c] {
+.rp-badge--radius-xs[data-v-5da092ee] {
     --_rp-badge-radius: var(--rp-radius-xs);
 }
-.rp-badge--radius-sm[data-v-1bf7c45c] {
+.rp-badge--radius-sm[data-v-5da092ee] {
     --_rp-badge-radius: var(--rp-radius-sm);
 }
-.rp-badge--radius-md[data-v-1bf7c45c] {
+.rp-badge--radius-md[data-v-5da092ee] {
     --_rp-badge-radius: var(--rp-radius-md);
 }
-.rp-badge--radius-lg[data-v-1bf7c45c] {
+.rp-badge--radius-lg[data-v-5da092ee] {
     --_rp-badge-radius: var(--rp-radius-lg);
 }
-.rp-badge--radius-xl[data-v-1bf7c45c] {
+.rp-badge--radius-xl[data-v-5da092ee] {
     --_rp-badge-radius: var(--rp-radius-xl);
 }
-.rp-badge--radius-full[data-v-1bf7c45c] {
+.rp-badge--radius-full[data-v-5da092ee] {
     --_rp-badge-radius: var(--rp-radius-full);
 }
-.rp-badge__left[data-v-1bf7c45c], .rp-badge__right[data-v-1bf7c45c] {
+.rp-badge__left[data-v-5da092ee], .rp-badge__right[data-v-5da092ee] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 auto;
     line-height: 0;
 }
-.rp-badge__left[data-v-1bf7c45c] >  svg, .rp-badge__right[data-v-1bf7c45c] >  svg {
+.rp-badge__left[data-v-5da092ee] >  svg, .rp-badge__right[data-v-5da092ee] >  svg {
     display: block;
     width: 1em;
     height: 1em;
 }
-.rp-badge__label[data-v-1bf7c45c] {
+.rp-badge__label[data-v-5da092ee] {
     display: inline-block;
     min-width: 0;
     overflow: hidden;

package/dist/badge.js

@@ -1,10 +1,10 @@
 import './badge.css';
-import { n as useStylesApi } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { a as getComponentVariantColorRoles, t as componentColors } from "./componentColors.js";
 import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
-//#region src/components/badge/useBadgeColor.ts
+//#region src/components/badge/badgeColor.ts
 function getBadgeColorStyle(color, variant, autoContrast, contrastColor) {
 	if (!color && !variant) return void 0;
 	const roles = getComponentVariantColorRoles({
@@ -22,8 +22,8 @@ function getBadgeColorStyle(color, variant, autoContrast, contrastColor) {
 }
 //#endregion
 //#region src/components/badge/badge.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-1bf7c45c>");
-var t1 = template("<span data-v-1bf7c45c>", 1);
+var t0 = template("<span data-v-5da092ee>");
+var t1 = template("<span data-v-5da092ee>", 1);
 //#endregion
 //#region src/components/badge/badge.vue
 var badge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -86,7 +86,7 @@ var badge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		return n12;
 	}
-}), [["__scopeId", "data-v-1bf7c45c"]]);
+}), [["__scopeId", "data-v-5da092ee"]]);
 //#endregion
 //#region src/components/badge/types.ts
 var badgeParts = [

package/dist/button-group.js

@@ -1,5 +1,5 @@
 import './button-group.css';
-import { n as useStylesApi } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template } from "vue";

package/dist/button-link.js

@@ -1,4 +1,5 @@
-import { n as useStylesApi, t as presence } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
+import { n as toPresenceAttribute } from "./attributes.js";
 import { t as bem } from "./bem.js";
 import { n as loader_circle_default, t as getButtonColorStyle } from "./button.scss_vue_type_style_index_0_src_true_lang.js";
 import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
@@ -71,8 +72,8 @@ var button_link_default = /* @__PURE__ */ defineVaporComponent({
 			"aria-disabled": isUnavailable.value || void 0,
 			"aria-busy": props.loading || void 0,
 			tabindex: isUnavailable.value ? -1 : void 0,
-			"data-disabled": presence(isUnavailable.value),
-			"data-loading": presence(props.loading),
+			"data-disabled": toPresenceAttribute(isUnavailable.value),
+			"data-loading": toPresenceAttribute(props.loading),
 			onClickCapture: onDisabledClick
 		}));
 		function onDisabledClick(event) {

package/dist/button.js

@@ -1,4 +1,5 @@
-import { n as useStylesApi, t as presence } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
+import { n as toPresenceAttribute } from "./attributes.js";
 import { t as bem } from "./bem.js";
 import { n as loader_circle_default, t as getButtonColorStyle } from "./button.scss_vue_type_style_index_0_src_true_lang.js";
 import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
@@ -49,8 +50,8 @@ var button_default = /* @__PURE__ */ defineVaporComponent({
 			disabled: props.disabled || props.loading || void 0,
 			type: props.type,
 			"aria-busy": props.loading || void 0,
-			"data-disabled": presence(props.disabled || props.loading),
-			"data-loading": presence(props.loading)
+			"data-disabled": toPresenceAttribute(props.disabled || props.loading),
+			"data-loading": toPresenceAttribute(props.loading)
 		}));
 		const n17 = t1();
 		const n16 = child(n17, 1);

package/dist/button.scss_vue_type_style_index_0_src_true_lang.js

@@ -11,7 +11,7 @@ var loader_circle_default = markRaw(defineVaporComponent({
 	render
 }));
 //#endregion
-//#region src/components/button/useButtonColor.ts
+//#region src/components/button/buttonColor.ts
 function getButtonColorStyle(color, variant, autoContrast, contrastColor) {
 	if (!color && !variant) return void 0;
 	const roles = getComponentVariantColorRoles({