ropav 0.1.6 → 0.1.8

package/dist/calendar2.js

@@ -0,0 +1,37 @@
+//#region src/components/calendar/types.ts
+var calendarParts = [
+	"root",
+	"header",
+	"previousControl",
+	"monthLabel",
+	"nextControl",
+	"weekdays",
+	"weekday",
+	"grid",
+	"week",
+	"dayCell",
+	"day"
+];
+var calendarSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+var calendarRadiuses = [
+	"none",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"full"
+];
+var calendarWeekdayFormats = [
+	"narrow",
+	"short",
+	"long"
+];
+//#endregion
+export { calendarWeekdayFormats as i, calendarRadiuses as n, calendarSizes as r, calendarParts as t };

package/dist/card.js

@@ -1,5 +1,5 @@
 import './card.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, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, txt, unref, useSlots } from "vue";

package/dist/checkbox.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-checkbox[data-v-871a9e21] {
+.rp-checkbox[data-v-0b6b0a88] {
     --_rp-checkbox-color: var(--rp-color-control-selected-bg);
     --_rp-checkbox-on-color: var(--rp-color-control-selected-fg);
     --_rp-checkbox-size: 24px;
@@ -17,15 +17,15 @@
     user-select: none;
     vertical-align: top;
 }
-.rp-checkbox--disabled[data-v-871a9e21] {
+.rp-checkbox--disabled[data-v-0b6b0a88] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-checkbox[data-v-871a9e21] {
+.rp-checkbox[data-v-0b6b0a88] {
     gap: var(--rp-spacing-2);
     font-size: var(--_rp-checkbox-font-size);
 }
-.rp-checkbox__native[data-v-871a9e21] {
+.rp-checkbox__native[data-v-0b6b0a88] {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -37,11 +37,11 @@
     border-width: 0;
     pointer-events: none;
 }
-.rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-871a9e21] {
+.rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-0b6b0a88] {
     border-color: var(--rp-color-control-border-focus);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-checkbox__box[data-v-871a9e21] {
+.rp-checkbox__box[data-v-0b6b0a88] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -53,90 +53,90 @@
     background-color: var(--rp-color-control-bg);
     transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-checkbox--checked .rp-checkbox__box[data-v-871a9e21], .rp-checkbox--indeterminate .rp-checkbox__box[data-v-871a9e21] {
+.rp-checkbox--checked .rp-checkbox__box[data-v-0b6b0a88], .rp-checkbox--indeterminate .rp-checkbox__box[data-v-0b6b0a88] {
     background-color: var(--_rp-checkbox-checked-bg);
     border-color: var(--_rp-checkbox-checked-border);
 }
-.rp-checkbox--invalid .rp-checkbox__box[data-v-871a9e21] {
+.rp-checkbox--invalid .rp-checkbox__box[data-v-0b6b0a88] {
     border-color: var(--_rp-checkbox-invalid-border);
 }
-.rp-checkbox--invalid .rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-871a9e21] {
+.rp-checkbox--invalid .rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-0b6b0a88] {
     border-color: var(--_rp-checkbox-invalid-border);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-checkbox-invalid-ring);
 }
-.rp-checkbox__icon[data-v-871a9e21] {
+.rp-checkbox__icon[data-v-0b6b0a88] {
     width: 60%;
     height: 60%;
     color: var(--_rp-checkbox-checked-icon);
     transform-origin: center;
 }
-.rp-checkbox__icon[data-v-871a9e21] [stroke-width] {
+.rp-checkbox__icon[data-v-0b6b0a88] [stroke-width] {
     stroke-width: 3;
 }
-.rp-checkbox__label[data-v-871a9e21] {
+.rp-checkbox__label[data-v-0b6b0a88] {
     line-height: var(--rp-line-height-md);
     color: var(--rp-color-text);
 }
-.rp-checkbox--outline[data-v-871a9e21] {
+.rp-checkbox--outline[data-v-0b6b0a88] {
     --_rp-checkbox-checked-bg: var(--rp-color-control-bg);
     --_rp-checkbox-checked-border: var(--_rp-checkbox-color);
     --_rp-checkbox-checked-icon: var(--_rp-checkbox-color);
 }
-.rp-checkbox--size-xs[data-v-871a9e21] {
+.rp-checkbox--size-xs[data-v-0b6b0a88] {
     --_rp-checkbox-size: 16px;
     --_rp-checkbox-font-size: var(--rp-font-size-xs);
 }
-.rp-checkbox--size-sm[data-v-871a9e21] {
+.rp-checkbox--size-sm[data-v-0b6b0a88] {
     --_rp-checkbox-size: 20px;
     --_rp-checkbox-font-size: var(--rp-font-size-sm);
 }
-.rp-checkbox--size-md[data-v-871a9e21] {
+.rp-checkbox--size-md[data-v-0b6b0a88] {
     --_rp-checkbox-size: 24px;
     --_rp-checkbox-font-size: var(--rp-font-size-md);
 }
-.rp-checkbox--size-lg[data-v-871a9e21] {
+.rp-checkbox--size-lg[data-v-0b6b0a88] {
     --_rp-checkbox-size: 30px;
     --_rp-checkbox-font-size: var(--rp-font-size-lg);
 }
-.rp-checkbox--size-xl[data-v-871a9e21] {
+.rp-checkbox--size-xl[data-v-0b6b0a88] {
     --_rp-checkbox-size: 36px;
     --_rp-checkbox-font-size: var(--rp-font-size-xl);
 }
-.rp-checkbox--radius-xs[data-v-871a9e21] {
+.rp-checkbox--radius-xs[data-v-0b6b0a88] {
     --_rp-checkbox-radius: 2px;
 }
-.rp-checkbox--radius-sm[data-v-871a9e21] {
+.rp-checkbox--radius-sm[data-v-0b6b0a88] {
     --_rp-checkbox-radius: 4px;
 }
-.rp-checkbox--radius-md[data-v-871a9e21] {
+.rp-checkbox--radius-md[data-v-0b6b0a88] {
     --_rp-checkbox-radius: 6px;
 }
-.rp-checkbox--radius-lg[data-v-871a9e21] {
+.rp-checkbox--radius-lg[data-v-0b6b0a88] {
     --_rp-checkbox-radius: 8px;
 }
-.rp-checkbox--radius-xl[data-v-871a9e21] {
+.rp-checkbox--radius-xl[data-v-0b6b0a88] {
     --_rp-checkbox-radius: var(--rp-radius-full);
 }
-.rp-checkbox-icon-enter-active[data-v-871a9e21],
-  .rp-checkbox-icon-leave-active[data-v-871a9e21] {
+.rp-checkbox-icon-enter-active[data-v-0b6b0a88],
+  .rp-checkbox-icon-leave-active[data-v-0b6b0a88] {
     transition: opacity var(--rp-transition-base), transform var(--rp-transition-base);
 }
-.rp-checkbox-icon-enter-from[data-v-871a9e21],
-  .rp-checkbox-icon-leave-to[data-v-871a9e21] {
+.rp-checkbox-icon-enter-from[data-v-0b6b0a88],
+  .rp-checkbox-icon-leave-to[data-v-0b6b0a88] {
     opacity: 0;
     transform: translateY(3px) scale(0.85);
 }
-.rp-checkbox-icon-enter-to[data-v-871a9e21],
-  .rp-checkbox-icon-leave-from[data-v-871a9e21] {
+.rp-checkbox-icon-enter-to[data-v-0b6b0a88],
+  .rp-checkbox-icon-leave-from[data-v-0b6b0a88] {
     opacity: 1;
     transform: translateY(0) scale(1);
 }
-.rp-checkbox-icon-leave-to[data-v-871a9e21] {
+.rp-checkbox-icon-leave-to[data-v-0b6b0a88] {
     transform: translateY(-3px) scale(0.85);
 }
 @media (prefers-reduced-motion: reduce) {
-.rp-checkbox-icon-enter-active[data-v-871a9e21],
-    .rp-checkbox-icon-leave-active[data-v-871a9e21] {
+.rp-checkbox-icon-enter-active[data-v-0b6b0a88],
+    .rp-checkbox-icon-leave-active[data-v-0b6b0a88] {
       transition: none;
 }
 }

package/dist/checkbox.js

@@ -1,27 +1,17 @@
 import './checkbox.css';
 import { t as useControllableValue } from "./useControllableValue.js";
-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 { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as getComponentContrastColor, r as getComponentColorValue } from "./componentColors.js";
+import { n as getComponentCheckedColorStyle } from "./componentColors.js";
 import { t as check_default } from "./check.js";
 import { t as minus_default } from "./minus.js";
 import { r as useCheckedFormControl } from "./useFormControl.js";
+import { o as splitCompatibilityAttributes, t as composeEventHandlers } from "./attributes2.js";
 import { t as useControlState } from "./useControlState.js";
 import { VaporTransition, child, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, next, ref, renderEffect, setBlockKey, setDynamicProps, setInsertionState, setStaticTemplateRef, template, unref } from "vue";
 //#region src/components/checkbox/useCheckbox.ts
-function getCheckboxColorStyle(color, autoContrast, contrastColor) {
-	const colorValue = getComponentColorValue(color);
-	if (color && !colorValue) return void 0;
-	if (!colorValue && autoContrast === false && contrastColor === void 0) return void 0;
-	const style = {};
-	if (colorValue) style["--_rp-checkbox-color"] = colorValue;
-	if (autoContrast !== false || contrastColor !== void 0) style["--_rp-checkbox-on-color"] = getComponentContrastColor(color ?? "primary", {
-		autoContrast,
-		contrastColor
-	});
-	return style;
-}
 function useCheckbox(props, emitUpdate, getValue = () => props.modelValue ?? false) {
 	const inputRef = ref(null);
 	const control = useControlState(props);
@@ -34,7 +24,13 @@ function useCheckbox(props, emitUpdate, getValue = () => props.modelValue ?? fal
 		[`size-${props.size}`]: Boolean(props.size),
 		[`radius-${props.radius}`]: Boolean(props.radius)
 	}));
-	const rootStyle = computed(() => getCheckboxColorStyle(props.color, props.autoContrast, props.contrastColor));
+	const rootStyle = computed(() => getComponentCheckedColorStyle({
+		color: props.color,
+		autoContrast: props.autoContrast,
+		contrastColor: props.contrastColor,
+		colorProperty: "--_rp-checkbox-color",
+		checkedColorProperty: "--_rp-checkbox-on-color"
+	}));
 	function onChange(e) {
 		emitUpdate(e.target.checked);
 	}
@@ -52,8 +48,8 @@ function useCheckbox(props, emitUpdate, getValue = () => props.modelValue ?? fal
 }
 //#endregion
 //#region src/components/checkbox/checkbox.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-871a9e21>");
-var t1 = template("<label data-v-871a9e21><input data-v-871a9e21><span data-v-871a9e21></span>", 1);
+var t0 = template("<span data-v-0b6b0a88>");
+var t1 = template("<label data-v-0b6b0a88><input data-v-0b6b0a88><span data-v-0b6b0a88></span>", 1);
 //#endregion
 //#region src/components/checkbox/checkbox.vue
 var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -122,23 +118,21 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const rootAttrs = computed(() => getRootAttrs({
 			class: rootClass.value,
 			style: rootStyle.value,
-			"data-disabled": presence(control.disabled),
-			"data-invalid": presence(control.invalid),
+			"data-disabled": toPresenceAttribute(control.disabled),
+			"data-invalid": toPresenceAttribute(control.invalid),
 			"data-state": state.value
 		}));
 		const nativeInputAttrs = computed(() => {
-			const { class: compatibilityClass, style: compatibilityStyle, onChange: compatibilityOnChange, ...attrs } = props.inputAttrs ?? {};
+			const inputAttrs = props.inputAttrs ?? {};
+			const { compatibilityClass, compatibilityStyle, forwardedAttributes } = splitCompatibilityAttributes(inputAttrs);
 			return {
-				...attrs,
+				...forwardedAttributes,
 				...getPartAttrs("input", {
 					class: "rp-checkbox__native",
 					compatibilityClass,
 					compatibilityStyle
 				}),
-				onChange(event) {
-					onChange(event);
-					compatibilityOnChange?.(event);
-				}
+				onChange: composeEventHandlers(onChange, inputAttrs.onChange)
 			};
 		});
 		__expose({
@@ -173,8 +167,8 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"aria-describedby": _control.ariaDescribedby,
 				"aria-invalid": _control.invalid || void 0,
 				"aria-required": _control_required || void 0,
-				"data-disabled": unref(presence)(_control.disabled),
-				"data-invalid": unref(presence)(_control.invalid),
+				"data-disabled": unref(toPresenceAttribute)(_control.disabled),
+				"data-invalid": unref(toPresenceAttribute)(_control.invalid),
 				"data-state": state.value
 			}]);
 			setDynamicProps(n8, [unref(getPartAttrs)("indicator", { class: "rp-checkbox__box" })]);
@@ -204,7 +198,7 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return n13;
 	}
-}), [["__scopeId", "data-v-871a9e21"]]);
+}), [["__scopeId", "data-v-0b6b0a88"]]);
 //#endregion
 //#region src/components/checkbox/types.ts
 var checkboxParts = [

package/dist/chevron-left.js

@@ -0,0 +1,12 @@
+import { defineVaporComponent, markRaw, template } from "vue";
+//#region ~icons/lucide/chevron-left
+var t0 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><path fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d=\"m15 18l-6-6l6-6\">", 3, 1);
+function render(_ctx) {
+	return t0();
+}
+var chevron_left_default = markRaw(defineVaporComponent({
+	name: "lucide-chevron-left",
+	render
+}));
+//#endregion
+export { chevron_left_default as t };

package/dist/collapse.css

@@ -1,16 +1,16 @@
 @layer ropav.components {
-.rp-collapse[data-v-06c57838] {
+.rp-collapse[data-v-13f319ff] {
     --_rp-collapse-duration: var(--rp-transition-fast);
     display: block;
     min-width: 0;
     font-family: var(--rp-font-family);
     color: var(--rp-color-text);
 }
-.rp-collapse--disabled[data-v-06c57838] {
+.rp-collapse--disabled[data-v-13f319ff] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-collapse__content[data-v-06c57838] {
+.rp-collapse__content[data-v-13f319ff] {
     box-sizing: border-box;
     display: grid;
     min-width: 0;
@@ -21,13 +21,13 @@
     grid-template-rows: 1fr;
     transition: grid-template-rows var(--_rp-collapse-duration), opacity var(--_rp-collapse-duration);
 }
-.rp-collapse__inner[data-v-06c57838] {
+.rp-collapse__inner[data-v-13f319ff] {
     min-height: 0;
     min-width: 0;
     overflow: hidden;
 }
-.rp-collapse-content-enter-from[data-v-06c57838],
-  .rp-collapse-content-leave-to[data-v-06c57838] {
+.rp-collapse-content-enter-from[data-v-13f319ff],
+  .rp-collapse-content-leave-to[data-v-13f319ff] {
     opacity: 0;
     grid-template-rows: 0fr;
 }

package/dist/collapse.js

@@ -1,11 +1,12 @@
 import './collapse.css';
-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 useCollapse } from "./useCollapse.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { VaporTransition, applyVShow, child, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/collapse/collapse.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-06c57838><div data-v-06c57838 class=rp-collapse__inner>");
-var t1 = template("<div data-v-06c57838>", 1);
+var t0 = template("<div data-v-13f319ff><div data-v-13f319ff class=rp-collapse__inner>");
+var t1 = template("<div data-v-13f319ff>", 1);
 //#endregion
 //#region src/components/collapse/collapse.vue
 var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -43,7 +44,7 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
 		const rootAttrs = computed(() => getRootAttrs({
 			...internalRootProps.value,
-			"data-disabled": presence(isDisabled.value)
+			"data-disabled": toPresenceAttribute(isDisabled.value)
 		}));
 		const publicTriggerProps = computed(() => {
 			const partAttrs = getPartAttrs("trigger");
@@ -52,7 +53,7 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				...props.classNames?.trigger !== void 0 ? { class: partAttrs.class } : {},
 				...props.styles?.trigger !== void 0 ? { style: partAttrs.style } : {},
 				"data-state": state.value,
-				"data-disabled": presence(isDisabled.value)
+				"data-disabled": toPresenceAttribute(isDisabled.value)
 			};
 		});
 		const publicTriggerSlotProps = computed(() => ({
@@ -81,7 +82,7 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		}, { _: 8 }));
 		return n7;
 	}
-}), [["__scopeId", "data-v-06c57838"]]);
+}), [["__scopeId", "data-v-13f319ff"]]);
 //#endregion
 //#region src/components/collapse/types.ts
 var collapseParts = [

package/dist/collectionNavigation.js

@@ -1,101 +1,4 @@
-import { onBeforeUnmount } from "vue";
-//#region src/internal/composables/useTypeahead.ts
-var DEFAULT_TYPEAHEAD_TIMEOUT = 1e3;
-var COMBINING_MARKS = /\p{M}/gu;
-var WHITESPACE = /\s+/g;
-function normalizeTypeaheadText(value, locales) {
-	return value.toLocaleLowerCase(locales).normalize("NFKD").replace(COMBINING_MARKS, "").replace(WHITESPACE, " ").trim();
-}
-function isRepeatedQuery(query) {
-	const characters = [...query];
-	return characters.length > 1 && characters.every((character) => character === characters[0]);
-}
-function useTypeahead(options) {
-	let buffer = "";
-	let timer;
-	let lastMatch;
-	let currentScope = options.scopeKey?.();
-	const isDisabled = options.isDisabled ?? (() => false);
-	function clearTimer() {
-		if (timer !== void 0) clearTimeout(timer);
-		timer = void 0;
-	}
-	function reset() {
-		clearTimer();
-		buffer = "";
-		lastMatch = void 0;
-		currentScope = options.scopeKey?.();
-	}
-	function scheduleReset() {
-		clearTimer();
-		timer = setTimeout(reset, options.timeout ?? DEFAULT_TYPEAHEAD_TIMEOUT);
-	}
-	function hasBuffer() {
-		return buffer.length > 0;
-	}
-	function getMatchIndex(query, startIndex, keepCurrent) {
-		const items = options.items();
-		if (items.length === 0) return -1;
-		function matches(index) {
-			const item = items[index];
-			return Boolean(item && !isDisabled(item) && normalizeTypeaheadText(options.getTextValue(item)).startsWith(query));
-		}
-		if (keepCurrent && startIndex >= 0 && matches(startIndex)) return startIndex;
-		for (let offset = 1; offset <= items.length; offset += 1) {
-			const index = (startIndex + offset + items.length) % items.length;
-			if (matches(index)) return index;
-		}
-		return -1;
-	}
-	function getLastMatchIndex(items) {
-		const match = lastMatch;
-		if (!match) return -1;
-		if (Object.is(items[match.index], match.item)) return match.index;
-		const identityIndex = items.findIndex((item) => Object.is(item, match.item));
-		if (identityIndex >= 0) return identityIndex;
-		let keyIndex = -1;
-		for (let index = 0; index < items.length; index += 1) {
-			if (!Object.is(options.getKey(items[index]), match.key)) continue;
-			if (keyIndex >= 0) return -1;
-			keyIndex = index;
-		}
-		return keyIndex;
-	}
-	function handleKey(event) {
-		const nextScope = options.scopeKey?.();
-		if (!Object.is(currentScope, nextScope)) reset();
-		currentScope = nextScope;
-		if (event.ctrlKey || event.metaKey || event.altKey || event.isComposing || [...event.key].length !== 1 || event.key === " " && !hasBuffer()) return false;
-		event.preventDefault();
-		buffer += event.key;
-		scheduleReset();
-		const normalizedBuffer = normalizeTypeaheadText(buffer);
-		if (!normalizedBuffer) return true;
-		const repeated = isRepeatedQuery(normalizedBuffer);
-		const query = repeated ? [...normalizedBuffer][0] : normalizedBuffer;
-		const items = options.items();
-		const lastMatchIndex = getLastMatchIndex(items);
-		const matchIndex = getMatchIndex(query, lastMatchIndex >= 0 ? lastMatchIndex : options.activeIndex(), !repeated && [...query].length > 1);
-		if (matchIndex < 0) return true;
-		const item = items[matchIndex];
-		if (!item) return true;
-		lastMatch = {
-			item,
-			index: matchIndex,
-			key: options.getKey(item)
-		};
-		options.onMatch(item, matchIndex);
-		return true;
-	}
-	onBeforeUnmount(clearTimer);
-	return {
-		handleKey,
-		hasBuffer,
-		reset
-	};
-}
-//#endregion
-//#region src/internal/composables/collectionNavigation.ts
+//#region src/utils/collectionNavigation.ts
 function getEnabledIndexes(items, isDisabled) {
 	return items.map((item, index) => isDisabled(item) ? -1 : index).filter((index) => index >= 0);
 }
@@ -117,4 +20,4 @@ function getNextEnabledIndex(items, currentIndex, direction, isDisabled, loop =
 	return direction === 1 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1];
 }
 //#endregion
-export { getNextEnabledIndex as n, useTypeahead as r, getEnabledIndexes as t };
+export { getNextEnabledIndex as n, getEnabledIndexes as t };

package/dist/color-input.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-color-input[data-v-19e2ebe7] {
+.rp-color-input[data-v-fe0168d1] {
     --_rp-color-input-height: var(--rp-size-control-md);
     --_rp-color-input-preview-size: calc(var(--_rp-color-input-height) / 2);
     --_rp-color-input-preview-inset: calc(
@@ -18,42 +18,42 @@
     font-family: var(--rp-font-family);
     vertical-align: middle;
 }
-.rp-color-input--size-xs[data-v-19e2ebe7] {
+.rp-color-input--size-xs[data-v-fe0168d1] {
     --_rp-color-input-height: var(--rp-size-control-xs);
 }
-.rp-color-input--size-sm[data-v-19e2ebe7] {
+.rp-color-input--size-sm[data-v-fe0168d1] {
     --_rp-color-input-height: var(--rp-size-control-sm);
 }
-.rp-color-input--size-md[data-v-19e2ebe7] {
+.rp-color-input--size-md[data-v-fe0168d1] {
     --_rp-color-input-height: var(--rp-size-control-md);
 }
-.rp-color-input--size-lg[data-v-19e2ebe7] {
+.rp-color-input--size-lg[data-v-fe0168d1] {
     --_rp-color-input-height: var(--rp-size-control-lg);
 }
-.rp-color-input--size-xl[data-v-19e2ebe7] {
+.rp-color-input--size-xl[data-v-fe0168d1] {
     --_rp-color-input-height: var(--rp-size-control-xl);
 }
-html.dark .rp-color-input[data-v-19e2ebe7], [data-rp-color-scheme=dark] .rp-color-input[data-v-19e2ebe7] {
+html.dark .rp-color-input[data-v-fe0168d1], [data-rp-color-scheme=dark] .rp-color-input[data-v-fe0168d1] {
     --_rp-color-input-empty-tile: var(--rp-color-dark-6);
     --_rp-color-input-empty-tile-alt: var(--rp-color-dark-4);
 }
-.rp-color-input[data-v-19e2ebe7] .rp-input {
+.rp-color-input[data-v-fe0168d1] .rp-input {
     width: 100%;
     min-width: 180px;
     padding-inline-start: calc(var(--_rp-color-input-preview-inset) - var(--rp-border-width-thin));
 }
-.rp-color-input[data-v-19e2ebe7] .rp-popover__content {
+.rp-color-input[data-v-fe0168d1] .rp-popover__content {
     min-width: auto;
     padding: var(--rp-spacing-3);
     padding-inline: calc(var(--_rp-color-input-preview-inset) - var(--rp-border-width-thin));
 }
-.rp-color-input[data-v-19e2ebe7] .rp-color-picker {
+.rp-color-input[data-v-fe0168d1] .rp-color-picker {
     --_rp-color-picker-size: min(
         var(--_rp-color-picker-saturation-width),
         calc(100vw - var(--rp-spacing-12))
     );
 }
-.rp-color-input__preview[data-v-19e2ebe7] {
+.rp-color-input__preview[data-v-fe0168d1] {
     --_rp-color-swatch-radius: 50%;
     width: var(--_rp-color-input-preview-size);
     height: var(--_rp-color-input-preview-size);
@@ -61,14 +61,14 @@ html.dark .rp-color-input[data-v-19e2ebe7], [data-rp-color-scheme=dark] .rp-colo
     border-radius: 50%;
     pointer-events: none;
 }
-.rp-color-input__preview--empty[data-v-19e2ebe7] {
+.rp-color-input__preview--empty[data-v-fe0168d1] {
     box-sizing: border-box;
     display: inline-flex;
     background: var(--_rp-color-input-empty-grid);
     background-size: calc(var(--_rp-color-input-preview-size) / 2) calc(var(--_rp-color-input-preview-size) / 2);
     border: var(--rp-border-width-thin) dashed var(--rp-color-control-border);
 }
-.rp-color-input__eye-dropper[data-v-19e2ebe7] {
+.rp-color-input__eye-dropper[data-v-fe0168d1] {
     padding: 0;
     font: inherit;
     background: none;
@@ -81,29 +81,29 @@ html.dark .rp-color-input[data-v-19e2ebe7], [data-rp-color-scheme=dark] .rp-colo
     color: var(--rp-color-control-icon);
     transition: color var(--rp-transition-fast), opacity var(--rp-transition-fast);
 }
-.rp-color-input__eye-dropper[data-v-19e2ebe7]:hover:not(:disabled) {
+.rp-color-input__eye-dropper[data-v-fe0168d1]:hover:not(:disabled) {
     color: var(--rp-color-control-fg);
 }
-.rp-color-input__eye-dropper[data-v-19e2ebe7]:focus-visible {
+.rp-color-input__eye-dropper[data-v-fe0168d1]:focus-visible {
     outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
     outline-offset: 2px;
 }
-.rp-color-input__eye-dropper[data-v-19e2ebe7]:disabled {
+.rp-color-input__eye-dropper[data-v-fe0168d1]:disabled {
     cursor: not-allowed;
     opacity: var(--rp-opacity-disabled);
 }
-.rp-color-input__eye-dropper-icon[data-v-19e2ebe7] {
+.rp-color-input__eye-dropper-icon[data-v-fe0168d1] {
     display: inline-flex;
     align-items: center;
     width: 1em;
     height: 1em;
     flex-shrink: 0;
 }
-.rp-color-input__eye-dropper-icon svg[data-v-19e2ebe7] {
+.rp-color-input__eye-dropper-icon svg[data-v-fe0168d1] {
     width: 100%;
     height: 100%;
 }
-.rp-color-input__eye-dropper-icon[data-v-19e2ebe7] >  svg {
+.rp-color-input__eye-dropper-icon[data-v-fe0168d1] >  svg {
     width: 100%;
     height: 100%;
 }