ropav 0.0.7 → 0.0.8

package/dist/input.js

@@ -137,5 +137,3 @@ var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 }), [["__scopeId", "data-v-e5ad32a7"]]);
 //#endregion
 export { input_default as t };
-
-//# sourceMappingURL=input.js.map

package/dist/modal.css

@@ -1,4 +1,4 @@
-.rp-modal[data-v-fe44cbf7] {
+.rp-modal[data-v-657f313d] {
   --_rp-modal-width: 32rem;
   --_rp-modal-max-height: calc(100vh - var(--rp-spacing-12));
   --_rp-modal-radius: var(--rp-radius-sm);
@@ -12,25 +12,25 @@
   overflow: auto;
   font-family: var(--rp-font-family);
 }
-.rp-modal--size-sm[data-v-fe44cbf7] {
+.rp-modal--size-sm[data-v-657f313d] {
   --_rp-modal-width: 22rem;
 }
-.rp-modal--size-lg[data-v-fe44cbf7] {
+.rp-modal--size-lg[data-v-657f313d] {
   --_rp-modal-width: 45rem;
 }
-.rp-modal--size-xl[data-v-fe44cbf7] {
+.rp-modal--size-xl[data-v-657f313d] {
   --_rp-modal-width: 58rem;
 }
-.rp-modal--size-full[data-v-fe44cbf7] {
+.rp-modal--size-full[data-v-657f313d] {
   --_rp-modal-width: 100vw;
   --_rp-modal-max-height: 100vh;
   --_rp-modal-radius: var(--rp-radius-none);
   padding: 0;
 }
-.rp-modal__overlay[data-v-fe44cbf7] {
+.rp-modal__overlay[data-v-657f313d] {
   border-radius: 0;
 }
-.rp-modal__panel[data-v-fe44cbf7] {
+.rp-modal__panel[data-v-657f313d] {
   position: relative;
   z-index: 1;
   box-sizing: border-box;
@@ -46,39 +46,39 @@
   box-shadow: var(--rp-shadow-lg);
   outline: none;
 }
-.rp-modal--size-full .rp-modal__panel[data-v-fe44cbf7] {
+.rp-modal--size-full .rp-modal__panel[data-v-657f313d] {
   min-height: 100vh;
   border: 0;
 }
-.rp-modal__header[data-v-fe44cbf7] {
+.rp-modal__header[data-v-657f313d] {
   box-sizing: border-box;
   padding: var(--rp-spacing-5) calc(var(--rp-spacing-6) + var(--rp-size-control-sm)) var(--rp-spacing-4) var(--rp-spacing-5);
   border-bottom: var(--rp-border-width-thin) solid var(--rp-color-border);
 }
-.rp-modal__heading[data-v-fe44cbf7] {
+.rp-modal__heading[data-v-657f313d] {
   display: grid;
   gap: var(--rp-spacing-1);
 }
-.rp-modal__title[data-v-fe44cbf7] {
+.rp-modal__title[data-v-657f313d] {
   margin: 0;
   color: var(--rp-color-text);
   font-size: var(--rp-font-size-xl);
   font-weight: var(--rp-font-weight-semibold);
   line-height: var(--rp-line-height-tight);
 }
-.rp-modal__description[data-v-fe44cbf7] {
+.rp-modal__description[data-v-657f313d] {
   margin: 0;
   color: var(--rp-color-text-secondary);
   font-size: var(--rp-font-size-sm);
   line-height: var(--rp-line-height-normal);
 }
-.rp-modal__close[data-v-fe44cbf7] {
+.rp-modal__close[data-v-657f313d] {
   position: absolute;
   top: var(--rp-spacing-3);
   right: var(--rp-spacing-3);
   z-index: 1;
 }
-.rp-modal__body[data-v-fe44cbf7] {
+.rp-modal__body[data-v-657f313d] {
   box-sizing: border-box;
   flex: 1 1 auto;
   min-height: 0;
@@ -88,10 +88,10 @@
   font-size: var(--rp-font-size-base);
   line-height: var(--rp-line-height-normal);
 }
-.rp-modal--closable.rp-modal--headerless .rp-modal__body[data-v-fe44cbf7] {
+.rp-modal--closable.rp-modal--headerless .rp-modal__body[data-v-657f313d] {
   padding-right: calc(var(--rp-spacing-6) + var(--rp-size-control-sm));
 }
-.rp-modal__footer[data-v-fe44cbf7] {
+.rp-modal__footer[data-v-657f313d] {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
@@ -101,34 +101,34 @@
   padding: var(--rp-spacing-4) var(--rp-spacing-5);
   border-top: var(--rp-border-width-thin) solid var(--rp-color-border);
 }
-.rp-modal-enter-active[data-v-fe44cbf7],
-.rp-modal-leave-active[data-v-fe44cbf7] {
+.rp-modal-enter-active[data-v-657f313d],
+.rp-modal-leave-active[data-v-657f313d] {
   transition: opacity var(--rp-transition-fast);
 }
-.rp-modal-enter-active .rp-modal__panel[data-v-fe44cbf7],
-.rp-modal-leave-active .rp-modal__panel[data-v-fe44cbf7] {
+.rp-modal-enter-active .rp-modal__panel[data-v-657f313d],
+.rp-modal-leave-active .rp-modal__panel[data-v-657f313d] {
   transition: opacity var(--rp-transition-fast), transform var(--rp-transition-fast);
 }
-.rp-modal-enter-from[data-v-fe44cbf7],
-.rp-modal-leave-to[data-v-fe44cbf7] {
+.rp-modal-enter-from[data-v-657f313d],
+.rp-modal-leave-to[data-v-657f313d] {
   opacity: 0;
 }
-.rp-modal-enter-from .rp-modal__panel[data-v-fe44cbf7],
-.rp-modal-leave-to .rp-modal__panel[data-v-fe44cbf7] {
+.rp-modal-enter-from .rp-modal__panel[data-v-657f313d],
+.rp-modal-leave-to .rp-modal__panel[data-v-657f313d] {
   opacity: 0;
   transform: translateY(var(--rp-spacing-2)) scale(0.98);
 }
 @media (max-width: 480px) {
-.rp-modal[data-v-fe44cbf7] {
+.rp-modal[data-v-657f313d] {
     padding: var(--rp-spacing-3);
 }
-.rp-modal__header[data-v-fe44cbf7] {
+.rp-modal__header[data-v-657f313d] {
     padding-left: var(--rp-spacing-4);
 }
-.rp-modal__body[data-v-fe44cbf7] {
+.rp-modal__body[data-v-657f313d] {
     padding: var(--rp-spacing-4);
 }
-.rp-modal__footer[data-v-fe44cbf7] {
+.rp-modal__footer[data-v-657f313d] {
     padding: var(--rp-spacing-4);
 }
 }

package/dist/modal.js

@@ -76,7 +76,7 @@ function useModal(props, emitOpenChange) {
 	const slots = useSlots();
 	const generatedId = useId();
 	const panelRef = ref(null);
-	const uncontrolledOpen = ref(Boolean(props.defaultOpen));
+	const uncontrolledOpen = ref(false);
 	const modalToken = Symbol("modal");
 	let isMounted = false;
 	let isActiveModal = false;
@@ -275,13 +275,13 @@ function useModal(props, emitOpenChange) {
 }
 //#endregion
 //#region src/components/modal/modal.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<h2 data-v-fe44cbf7 class=rp-modal__title> ");
-var t1 = template("<p data-v-fe44cbf7 class=rp-modal__description> ");
-var t2 = template("<div data-v-fe44cbf7 class=rp-modal__heading>");
-var t3 = template("<div data-v-fe44cbf7 class=rp-modal__header>");
-var t4 = template("<div data-v-fe44cbf7 class=rp-modal__body>");
-var t5 = template("<div data-v-fe44cbf7 class=rp-modal__footer>");
-var t6 = template("<div data-v-fe44cbf7><section data-v-fe44cbf7 class=rp-modal__panel aria-modal=true tabindex=-1>");
+var t0 = template("<h2 data-v-657f313d class=rp-modal__title> ");
+var t1 = template("<p data-v-657f313d class=rp-modal__description> ");
+var t2 = template("<div data-v-657f313d class=rp-modal__heading>");
+var t3 = template("<div data-v-657f313d class=rp-modal__header>");
+var t4 = template("<div data-v-657f313d class=rp-modal__body>");
+var t5 = template("<div data-v-657f313d class=rp-modal__footer>");
+var t6 = template("<div data-v-657f313d><section data-v-657f313d class=rp-modal__panel aria-modal=true tabindex=-1>");
 //#endregion
 //#region src/components/modal/modal.vue
 var modal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -293,10 +293,6 @@ var modal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			type: Boolean,
 			default: void 0
 		},
-		defaultOpen: {
-			type: Boolean,
-			default: false
-		},
 		title: { default: "" },
 		description: { default: "" },
 		ariaLabel: { default: "" },
@@ -426,8 +422,6 @@ var modal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}, null, 129);
 		}, { _: 8 }), true);
 	}
-}), [["__scopeId", "data-v-fe44cbf7"]]);
+}), [["__scopeId", "data-v-657f313d"]]);
 //#endregion
 export { modal_default as t };
-
-//# sourceMappingURL=modal.js.map

package/dist/overlay.js

@@ -80,5 +80,3 @@ var overlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 }), [["__scopeId", "data-v-4a733439"]]);
 //#endregion
 export { overlay_default as t };
-
-//# sourceMappingURL=overlay.js.map

package/dist/popover.css

@@ -1,4 +1,4 @@
-.rp-popover[data-v-afdc2686] {
+.rp-popover[data-v-fd62ef9b] {
   --_rp-popover-main-axis-offset: var(--rp-spacing-2);
   --_rp-popover-cross-axis-offset: 0px;
   --_rp-popover-radius: var(--rp-radius-sm);
@@ -7,7 +7,7 @@
   font-family: var(--rp-font-family);
   vertical-align: middle;
 }
-.rp-popover__content[data-v-afdc2686] {
+.rp-popover__content[data-v-fd62ef9b] {
   position: absolute;
   z-index: 100;
   box-sizing: border-box;
@@ -23,53 +23,53 @@
   border-radius: var(--_rp-popover-radius);
   box-shadow: var(--rp-shadow-base);
 }
-.rp-popover--placement-top .rp-popover__content[data-v-afdc2686] {
+.rp-popover--placement-top .rp-popover__content[data-v-fd62ef9b] {
   bottom: calc(100% + var(--_rp-popover-main-axis-offset));
   left: calc(50% + var(--_rp-popover-cross-axis-offset));
   translate: -50% 0;
 }
-.rp-popover--placement-right .rp-popover__content[data-v-afdc2686] {
+.rp-popover--placement-right .rp-popover__content[data-v-fd62ef9b] {
   top: calc(50% + var(--_rp-popover-cross-axis-offset));
   left: calc(100% + var(--_rp-popover-main-axis-offset));
   translate: 0 -50%;
 }
-.rp-popover--placement-bottom .rp-popover__content[data-v-afdc2686] {
+.rp-popover--placement-bottom .rp-popover__content[data-v-fd62ef9b] {
   top: calc(100% + var(--_rp-popover-main-axis-offset));
   left: calc(50% + var(--_rp-popover-cross-axis-offset));
   translate: -50% 0;
 }
-.rp-popover--placement-left .rp-popover__content[data-v-afdc2686] {
+.rp-popover--placement-left .rp-popover__content[data-v-fd62ef9b] {
   top: calc(50% + var(--_rp-popover-cross-axis-offset));
   right: calc(100% + var(--_rp-popover-main-axis-offset));
   translate: 0 -50%;
 }
-.rp-popover--target[data-v-afdc2686] {
+.rp-popover--target[data-v-fd62ef9b] {
   display: contents;
 }
-.rp-popover--target .rp-popover__content[data-v-afdc2686] {
+.rp-popover--target .rp-popover__content[data-v-fd62ef9b] {
   position: fixed;
   top: var(--_rp-popover-target-y, 0);
   right: auto;
   bottom: auto;
   left: var(--_rp-popover-target-x, 0);
 }
-.rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-afdc2686] {
+.rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-fd62ef9b] {
   translate: calc(-50% + var(--_rp-popover-cross-axis-offset)) calc(-100% - var(--_rp-popover-main-axis-offset));
 }
-.rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-afdc2686] {
+.rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-fd62ef9b] {
   translate: var(--_rp-popover-main-axis-offset) calc(-50% + var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-afdc2686] {
+.rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-fd62ef9b] {
   translate: calc(-50% + var(--_rp-popover-cross-axis-offset)) var(--_rp-popover-main-axis-offset);
 }
-.rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-afdc2686] {
+.rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-fd62ef9b] {
   translate: calc(-100% - var(--_rp-popover-main-axis-offset)) calc(-50% + var(--_rp-popover-cross-axis-offset));
 }
-.rp-popover-content-enter-active[data-v-afdc2686],
-.rp-popover-content-leave-active[data-v-afdc2686] {
+.rp-popover-content-enter-active[data-v-fd62ef9b],
+.rp-popover-content-leave-active[data-v-fd62ef9b] {
   transition: opacity var(--rp-transition-fast);
 }
-.rp-popover-content-enter-from[data-v-afdc2686],
-.rp-popover-content-leave-to[data-v-afdc2686] {
+.rp-popover-content-enter-from[data-v-fd62ef9b],
+.rp-popover-content-leave-to[data-v-fd62ef9b] {
   opacity: 0;
 }

package/dist/popover.js

@@ -1,7 +1,7 @@
 import './popover.css';
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, isRef, onMounted, ref, renderEffect, setClass, setInsertionState, setProp, setStaticTemplateRef, setStyle, template, unref, useId, useSlots, watch } from "vue";
+import { VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, isRef, onMounted, ref, renderEffect, setAttr, setClass, setInsertionState, setProp, setStaticTemplateRef, setStyle, template, unref, useId, useSlots, watch } from "vue";
 //#region src/components/popover/usePopover.ts
 var DEFAULT_PLACEMENT = "bottom";
 var DEFAULT_ROLE = "dialog";
@@ -102,6 +102,9 @@ function usePopover(props, emitOpenChange) {
 	const isVisible = computed(() => isOpen.value && !isDisabled.value);
 	const shouldRenderContent = computed(() => !isDisabled.value);
 	const shouldWireTarget = computed(() => isTargetMode.value && !isDisabled.value);
+	const ariaLabel = computed(() => props.ariaLabel || void 0);
+	const ariaLabelledby = computed(() => props.ariaLabelledby || void 0);
+	const ariaDescribedby = computed(() => props.ariaDescribedby || void 0);
 	const rootClass = computed(() => bem("rp-popover", {
 		[`placement-${placement.value}`]: true,
 		target: isTargetMode.value,
@@ -262,6 +265,9 @@ function usePopover(props, emitOpenChange) {
 		isVisible,
 		isTargetMode,
 		popoverRole,
+		ariaLabel,
+		ariaLabelledby,
+		ariaDescribedby,
 		shouldRenderContent,
 		rootClass,
 		contentStyle,
@@ -276,8 +282,8 @@ function usePopover(props, emitOpenChange) {
 }
 //#endregion
 //#region src/components/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<section data-v-afdc2686 class=rp-popover__content>");
-var t1 = template("<span data-v-afdc2686>", 1);
+var t0 = template("<section data-v-fd62ef9b class=rp-popover__content>");
+var t1 = template("<span data-v-fd62ef9b>", 1);
 //#endregion
 //#region src/components/popover/popover.vue
 var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -297,6 +303,9 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			default: false
 		},
 		role: { default: "dialog" },
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
 		closeOnOutsideClick: {
 			type: Boolean,
 			default: true
@@ -310,7 +319,7 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { rootRef, popoverId, isVisible, isTargetMode, popoverRole, shouldRenderContent, rootClass, contentStyle, slotProps, contentSlotProps } = usePopover(props, (open) => {
+		const { rootRef, popoverId, isVisible, isTargetMode, popoverRole, ariaLabel, ariaLabelledby, ariaDescribedby, shouldRenderContent, rootClass, contentStyle, slotProps, contentSlotProps } = usePopover(props, (open) => {
 			emit("update:open", open);
 		});
 		const n12 = t1();
@@ -335,6 +344,9 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				renderEffect(() => {
 					setProp(n10, "id", unref(popoverId));
 					setProp(n10, "role", unref(popoverRole));
+					setAttr(n10, "aria-label", unref(ariaLabel));
+					setAttr(n10, "aria-labelledby", unref(ariaLabelledby));
+					setAttr(n10, "aria-describedby", unref(ariaDescribedby));
 					setStyle(n10, unref(contentStyle));
 				});
 				setInsertionState(n10, null, 0);
@@ -360,8 +372,6 @@ var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		setStaticTemplateRef(n12, rootRef, null, "rootRef");
 		return n12;
 	}
-}), [["__scopeId", "data-v-afdc2686"]]);
+}), [["__scopeId", "data-v-fd62ef9b"]]);
 //#endregion
 export { popover_default as t };
-
-//# sourceMappingURL=popover.js.map

package/dist/progress.js

@@ -174,5 +174,3 @@ var progressRadiuses = [
 ];
 //#endregion
 export { progress_default as i, progressRadiuses as n, progressSizes as r, progressColors as t };
-
-//# sourceMappingURL=progress.js.map

package/dist/radio.js

@@ -190,5 +190,3 @@ var radio_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-a2c46e46"]]);
 //#endregion
 export { radio_default as n, radio_group_default as t };
-
-//# sourceMappingURL=radio.js.map

package/dist/select.js

@@ -376,5 +376,3 @@ var select_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 }), [["__scopeId", "data-v-9838513c"]]);
 //#endregion
 export { select_default as t };
-
-//# sourceMappingURL=select.js.map

package/dist/slider.js

@@ -409,5 +409,3 @@ var slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 }), [["__scopeId", "data-v-c9655b1d"]]);
 //#endregion
 export { sliderSizes as i, sliderColors as n, sliderOrientations as r, slider_default as t };
-
-//# sourceMappingURL=slider.js.map

package/dist/switch.js

@@ -104,5 +104,3 @@ var switch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 }), [["__scopeId", "data-v-e9d95947"]]);
 //#endregion
 export { switch_default as t };
-
-//# sourceMappingURL=switch.js.map

package/dist/tabs.js

@@ -511,5 +511,3 @@ var tabs_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-4adec360"]]);
 //#endregion
 export { useTabs as a, useTabsTrigger as c, tabs_default as i, tabs_list_default as n, useTabsContent as o, tabs_content_default as r, useTabsList as s, tabs_trigger_default as t };
-
-//# sourceMappingURL=tabs.js.map

package/dist/textarea.js

@@ -207,5 +207,3 @@ var textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 }), [["__scopeId", "data-v-6c62dc31"]]);
 //#endregion
 export { textarea_default as t };
-
-//# sourceMappingURL=textarea.js.map

package/dist/tooltip.js

@@ -381,5 +381,3 @@ var tooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 }), [["__scopeId", "data-v-13c39164"]]);
 //#endregion
 export { useDelayedOpen as n, tooltip_default as t };
-
-//# sourceMappingURL=tooltip.js.map

package/dist/useButtonColor.js

@@ -29,5 +29,3 @@ function getButtonColorStyle(color) {
 }
 //#endregion
 export { loader_circle_default as n, getButtonColorStyle as t };
-
-//# sourceMappingURL=useButtonColor.js.map

package/dist/useClickOutside.js

@@ -22,5 +22,3 @@ function useClickOutside(target, active, callback) {
 }
 //#endregion
 export { useClickOutside as t };
-
-//# sourceMappingURL=useClickOutside.js.map

package/dist/useCollapse.js

@@ -7,7 +7,7 @@ function optionValue(value) {
 }
 function useCollapse(options = {}, emitOpenChange) {
 	const generatedId = useId();
-	const uncontrolledOpen = ref(Boolean(optionValue(options.defaultOpen)));
+	const uncontrolledOpen = ref(false);
 	const id = computed(() => optionValue(options.id) ?? `${generatedId}-collapse`);
 	const controlledOpen = computed(() => optionValue(options.open));
 	const isDisabled = computed(() => Boolean(optionValue(options.disabled)));
@@ -90,5 +90,3 @@ function useCollapse(options = {}, emitOpenChange) {
 }
 //#endregion
 export { useCollapse as t };
-
-//# sourceMappingURL=useCollapse.js.map

package/dist/useControlState.js

@@ -38,5 +38,3 @@ function useControlState(options = {}) {
 }
 //#endregion
 export { useControlState as t };
-
-//# sourceMappingURL=useControlState.js.map

package/dist/useRequiredInject.js

@@ -7,5 +7,3 @@ function useRequiredInject(key, componentName) {
 }
 //#endregion
 export { useRequiredInject as t };
-
-//# sourceMappingURL=useRequiredInject.js.map

package/dist/x.js

@@ -10,5 +10,3 @@ var x_default = markRaw(defineVaporComponent({
 }));
 //#endregion
 export { x_default as t };
-
-//# sourceMappingURL=x.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ropav",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "packageManager": "pnpm@11.10.0",
   "engines": {
@@ -133,7 +133,9 @@
     "preview": "vite preview",
     "storybook": "pnpm run tokens:build && storybook dev -p 6006 --no-open",
     "build-storybook": "pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck:storybook && storybook build",
-    "release": "bumpp"
+    "changelog": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md",
+    "changelog:all": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md -r 0",
+    "release": "bumpp --git-check --all --commit \"chore(release): v%s\" --tag \"v%s\" --execute \"pnpm run changelog\""
   },
   "peerDependencies": {
     "vue": "^3.6.0-beta.4"
@@ -149,6 +151,8 @@
     "@vue/compiler-vapor": "3.6.0-beta.17",
     "@vue/tsconfig": "^0.9.1",
     "bumpp": "^11.1.0",
+    "conventional-changelog": "^7.2.1",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
     "jsdom": "^29.1.1",
     "oxfmt": "^0.57.0",
     "oxlint": "^1.72.0",

package/dist/accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../src/components/accordion/types.ts","../src/components/accordion/useAccordion.ts","../src/components/accordion/accordion.vue","../src/components/accordion/accordion.vue","../src/components/accordion/accordion-item.vue","../src/components/accordion/accordion-item.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue';\nimport type {\n    CollapseContentProps,\n    CollapseContentRole,\n    CollapseTriggerProps,\n} from '../collapse/types';\n\nexport type AccordionItemValue = string | number;\n\nexport type AccordionModelValue = AccordionItemValue | AccordionItemValue[] | null;\n\nexport type AccordionOrientation = 'vertical' | 'horizontal';\n\nexport type AccordionState = 'open' | 'closed';\n\nexport interface AccordionProps {\n    id?: string;\n    modelValue?: AccordionModelValue;\n    defaultValue?: AccordionModelValue;\n    multiple?: boolean;\n    collapsible?: boolean;\n    disabled?: boolean;\n    unmountOnExit?: boolean;\n    orientation?: AccordionOrientation;\n    ariaLabel?: string;\n    describedby?: string;\n    labelledby?: string;\n}\n\nexport interface AccordionItemProps {\n    id?: string;\n    value: AccordionItemValue;\n    title?: string;\n    disabled?: boolean;\n    unmountOnExit?: boolean;\n    role?: CollapseContentRole;\n    ariaLabel?: string;\n    ariaDescribedby?: string;\n    ariaLabelledby?: string;\n}\n\nexport interface AccordionRootProps {\n    id?: string;\n    class: string[];\n    'data-disabled'?: boolean;\n    'data-orientation': AccordionOrientation;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    onKeydown: (event: KeyboardEvent) => void;\n}\n\nexport interface AccordionItemRootProps {\n    id: string;\n    class: string[];\n    'data-state': AccordionState;\n    'data-disabled'?: boolean;\n}\n\nexport interface AccordionTriggerProps extends CollapseTriggerProps {\n    id: string;\n    class: string;\n    'aria-disabled'?: boolean;\n}\n\nexport interface AccordionContentProps extends CollapseContentProps {\n    class: string;\n}\n\nexport interface AccordionItemSlotProps {\n    value: AccordionItemValue;\n    isOpen: boolean;\n    disabled: boolean;\n    open: () => void;\n    close: () => void;\n    toggle: () => void;\n}\n\nexport interface AccordionItemTriggerSlotProps extends AccordionItemSlotProps {\n    triggerProps: AccordionTriggerProps;\n}\n\nexport interface AccordionContext {\n    multiple: boolean;\n    collapsible: boolean;\n    disabled: boolean;\n    unmountOnExit: boolean;\n    orientation: AccordionOrientation;\n    isItemOpen: (value: AccordionItemValue) => boolean;\n    setItemOpen: (value: AccordionItemValue, open: boolean) => void;\n}\n\nexport interface UseAccordionReturn {\n    rootClass: ComputedRef<string[]>;\n    rootProps: ComputedRef<AccordionRootProps>;\n    openValues: ComputedRef<AccordionItemValue[]>;\n    setItemOpen: (value: AccordionItemValue, open: boolean) => void;\n}\n\nexport interface UseAccordionItemReturn {\n    group: AccordionContext;\n    id: ComputedRef<string>;\n    triggerId: ComputedRef<string>;\n    contentId: ComputedRef<string>;\n    state: ComputedRef<AccordionState>;\n    isOpen: ComputedRef<boolean>;\n    isDisabled: ComputedRef<boolean>;\n    shouldRenderContent: ComputedRef<boolean>;\n    rootClass: ComputedRef<string[]>;\n    rootProps: ComputedRef<AccordionItemRootProps>;\n    triggerProps: ComputedRef<AccordionTriggerProps>;\n    contentProps: ComputedRef<AccordionContentProps>;\n    triggerSlotProps: ComputedRef<AccordionItemTriggerSlotProps>;\n    contentSlotProps: ComputedRef<AccordionItemSlotProps>;\n    open: () => void;\n    close: () => void;\n    toggle: () => void;\n}\n\nexport const accordionKey = Symbol('accordion') as InjectionKey<AccordionContext>;\n","import { computed, provide, ref, useId } from 'vue';\nimport { useRequiredInject } from '@/composables/useRequiredInject';\nimport { bem } from '@/utils/bem';\nimport { useCollapse } from '../collapse/useCollapse';\nimport { accordionKey } from './types';\nimport type {\n    AccordionContentProps,\n    AccordionContext,\n    AccordionItemProps,\n    AccordionItemRootProps,\n    AccordionItemSlotProps,\n    AccordionItemTriggerSlotProps,\n    AccordionItemValue,\n    AccordionModelValue,\n    AccordionOrientation,\n    AccordionProps,\n    AccordionRootProps,\n    AccordionState,\n    AccordionTriggerProps,\n    UseAccordionItemReturn,\n    UseAccordionReturn,\n} from './types';\n\nconst ACCORDION_SELECTOR = '.rp-accordion';\nconst TRIGGER_SELECTOR = '.rp-accordion-item__trigger';\n\nfunction normalizeValue(value: AccordionModelValue | undefined, multiple: boolean) {\n    if (value == null) return [];\n    const values = Array.isArray(value) ? value : [value];\n    return multiple ? values : values.slice(0, 1);\n}\n\nfunction toModelValue(values: AccordionItemValue[], multiple: boolean): AccordionModelValue {\n    return multiple ? [...values] : (values[0] ?? null);\n}\n\nfunction hasValue(values: AccordionItemValue[], value: AccordionItemValue) {\n    return values.some((itemValue) => itemValue === value);\n}\n\nfunction withoutValue(values: AccordionItemValue[], value: AccordionItemValue) {\n    return values.filter((itemValue) => itemValue !== value);\n}\n\ntype NavigationDirection = 1 | -1;\n\nconst ORIENTATION_NAVIGATION_KEYS: Record<\n    AccordionOrientation,\n    Partial<Record<string, NavigationDirection>>\n> = {\n    vertical: {\n        ArrowDown: 1,\n        ArrowUp: -1,\n    },\n    horizontal: {\n        ArrowRight: 1,\n        ArrowLeft: -1,\n    },\n};\n\nfunction getAccordionTrigger(event: KeyboardEvent, root: HTMLElement) {\n    const target = event.target;\n    if (!(target instanceof Element)) return undefined;\n\n    const trigger = target.closest<HTMLButtonElement>(TRIGGER_SELECTOR);\n    if (!trigger || trigger.closest(ACCORDION_SELECTOR) !== root) return undefined;\n\n    return trigger;\n}\n\nfunction getAccordionTriggers(root: HTMLElement) {\n    return Array.from(root.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR)).filter(\n        (trigger) => trigger.closest(ACCORDION_SELECTOR) === root && !trigger.disabled,\n    );\n}\n\nfunction getNextTrigger(\n    root: HTMLElement,\n    currentTrigger: HTMLButtonElement,\n    key: string,\n    orientation: AccordionOrientation,\n) {\n    const triggers = getAccordionTriggers(root);\n    const currentIndex = triggers.indexOf(currentTrigger);\n    if (currentIndex === -1 || triggers.length === 0) return undefined;\n\n    if (key === 'Home') return triggers[0];\n    if (key === 'End') return triggers[triggers.length - 1];\n\n    const direction = ORIENTATION_NAVIGATION_KEYS[orientation][key];\n    if (!direction) return undefined;\n\n    return triggers[(currentIndex + direction + triggers.length) % triggers.length];\n}\n\nexport function useAccordion(\n    props: Readonly<AccordionProps>,\n    emitUpdate: (value: AccordionModelValue) => void,\n): UseAccordionReturn {\n    const isMultiple = computed(() => Boolean(props.multiple));\n    const isCollapsible = computed(() => props.collapsible !== false);\n    const isDisabled = computed(() => Boolean(props.disabled));\n    const orientation = computed(() => props.orientation ?? 'vertical');\n    const isControlled = computed(() => props.modelValue !== undefined);\n    const uncontrolledValue = ref<AccordionModelValue>(props.defaultValue ?? null);\n\n    const openValues = computed(() =>\n        normalizeValue(\n            isControlled.value ? props.modelValue : uncontrolledValue.value,\n            isMultiple.value,\n        ),\n    );\n\n    const rootClass = computed(() =>\n        bem('rp-accordion', {\n            disabled: isDisabled.value,\n            multiple: isMultiple.value,\n            [`${orientation.value}`]: true,\n        }),\n    );\n\n    const rootProps = computed<AccordionRootProps>(() => ({\n        id: props.id,\n        class: rootClass.value,\n        'data-disabled': isDisabled.value || undefined,\n        'data-orientation': orientation.value,\n        'aria-label': props.ariaLabel || undefined,\n        'aria-labelledby': props.labelledby || undefined,\n        'aria-describedby': props.describedby || undefined,\n        onKeydown: onRootKeydown,\n    }));\n\n    function setValues(nextValues: AccordionItemValue[]) {\n        const nextModelValue = toModelValue(nextValues, isMultiple.value);\n\n        if (!isControlled.value) uncontrolledValue.value = nextModelValue;\n        emitUpdate(nextModelValue);\n    }\n\n    function setItemOpen(value: AccordionItemValue, open: boolean) {\n        if (isDisabled.value) return;\n\n        const values = openValues.value;\n        const itemIsOpen = hasValue(values, value);\n        if (itemIsOpen === open) return;\n        if (!open && !isCollapsible.value) return;\n\n        if (isMultiple.value) {\n            setValues(open ? [...values, value] : withoutValue(values, value));\n            return;\n        }\n\n        setValues(open ? [value] : []);\n    }\n\n    function onRootKeydown(event: KeyboardEvent) {\n        const root = event.currentTarget as HTMLElement | null;\n        if (!root) return;\n\n        const trigger = getAccordionTrigger(event, root);\n        if (!trigger) return;\n\n        const nextTrigger = getNextTrigger(root, trigger, event.key, orientation.value);\n        if (!nextTrigger) return;\n\n        event.preventDefault();\n        nextTrigger.focus();\n    }\n\n    provide<AccordionContext>(accordionKey, {\n        get multiple() {\n            return isMultiple.value;\n        },\n        get collapsible() {\n            return isCollapsible.value;\n        },\n        get disabled() {\n            return isDisabled.value;\n        },\n        get unmountOnExit() {\n            return Boolean(props.unmountOnExit);\n        },\n        get orientation() {\n            return orientation.value;\n        },\n        isItemOpen(value) {\n            return hasValue(openValues.value, value);\n        },\n        setItemOpen,\n    });\n\n    return {\n        rootClass,\n        rootProps,\n        openValues,\n        setItemOpen,\n    };\n}\n\nexport function useAccordionItem(props: Readonly<AccordionItemProps>): UseAccordionItemReturn {\n    const group = useRequiredInject(accordionKey, 'RpAccordionItem');\n    const generatedId = useId();\n\n    const id = computed(() => props.id ?? `${generatedId}-accordion-item`);\n    const triggerId = computed(() => `${id.value}-trigger`);\n    const contentId = computed(() => `${id.value}-content`);\n    const isOpen = computed(() => group.isItemOpen(props.value));\n    const isDisabled = computed(() => Boolean(group.disabled || props.disabled));\n    const shouldUnmountOnExit = computed(() => props.unmountOnExit ?? group.unmountOnExit);\n    const state = computed<AccordionState>(() => (isOpen.value ? 'open' : 'closed'));\n    const triggerAriaDisabled = computed(\n        () => isDisabled.value || (!group.collapsible && isOpen.value),\n    );\n\n    const collapse = useCollapse(\n        {\n            id: contentId,\n            open: isOpen,\n            disabled: isDisabled,\n            unmountOnExit: shouldUnmountOnExit,\n            role: () => props.role ?? 'region',\n            ariaLabel: () => props.ariaLabel,\n            ariaDescribedby: () => props.ariaDescribedby,\n            ariaLabelledby: () => props.ariaLabelledby ?? triggerId.value,\n        },\n        (nextOpen) => {\n            setOpen(nextOpen);\n        },\n    );\n\n    const rootClass = computed(() =>\n        bem('rp-accordion-item', {\n            open: isOpen.value,\n            closed: !isOpen.value,\n            disabled: isDisabled.value,\n            [`${group.orientation}`]: true,\n        }),\n    );\n\n    const rootProps = computed<AccordionItemRootProps>(() => ({\n        id: id.value,\n        class: rootClass.value,\n        'data-state': state.value,\n        'data-disabled': isDisabled.value || undefined,\n    }));\n\n    const triggerProps = computed<AccordionTriggerProps>(() => ({\n        ...collapse.triggerProps.value,\n        id: triggerId.value,\n        class: 'rp-accordion-item__trigger',\n        'aria-controls': contentId.value,\n        'aria-expanded': isOpen.value,\n        'aria-disabled': triggerAriaDisabled.value || undefined,\n        disabled: isDisabled.value || undefined,\n        onClick: onTriggerClick,\n    }));\n\n    const contentProps = computed<AccordionContentProps>(() => ({\n        ...collapse.contentProps.value,\n        class: 'rp-accordion-item__content',\n        id: contentId.value,\n        'aria-labelledby': props.ariaLabelledby ?? triggerId.value,\n    }));\n\n    const contentSlotProps = computed<AccordionItemSlotProps>(() => ({\n        value: props.value,\n        isOpen: isOpen.value,\n        disabled: isDisabled.value,\n        open,\n        close,\n        toggle,\n    }));\n\n    const triggerSlotProps = computed<AccordionItemTriggerSlotProps>(() => ({\n        triggerProps: triggerProps.value,\n        ...contentSlotProps.value,\n    }));\n\n    function open() {\n        setOpen(true);\n    }\n\n    function close() {\n        setOpen(false);\n    }\n\n    function toggle() {\n        setOpen(!isOpen.value);\n    }\n\n    function setOpen(nextOpen: boolean) {\n        if (isDisabled.value) return;\n        group.setItemOpen(props.value, nextOpen);\n    }\n\n    function onTriggerClick() {\n        toggle();\n    }\n\n    return {\n        group,\n        id,\n        triggerId,\n        contentId,\n        state,\n        isOpen,\n        isDisabled,\n        shouldRenderContent: collapse.shouldRenderContent,\n        rootClass,\n        rootProps,\n        triggerProps,\n        contentProps,\n        triggerSlotProps,\n        contentSlotProps,\n        open,\n        close,\n        toggle,\n    };\n}\n","<template>\n    <div v-bind=\"rootProps\">\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useAccordion } from './useAccordion';\nimport type { AccordionModelValue, AccordionProps } from './types';\n\ndefineOptions({ name: 'RpAccordion' });\n\nconst props = withDefaults(defineProps<AccordionProps>(), {\n    modelValue: undefined,\n    defaultValue: undefined,\n    multiple: false,\n    collapsible: true,\n    disabled: false,\n    unmountOnExit: false,\n    orientation: 'vertical',\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: AccordionModelValue];\n}>();\n\nconst { rootProps } = useAccordion(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./accordion.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div v-bind=\"rootProps\">\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useAccordion } from './useAccordion';\nimport type { AccordionModelValue, AccordionProps } from './types';\n\ndefineOptions({ name: 'RpAccordion' });\n\nconst props = withDefaults(defineProps<AccordionProps>(), {\n    modelValue: undefined,\n    defaultValue: undefined,\n    multiple: false,\n    collapsible: true,\n    disabled: false,\n    unmountOnExit: false,\n    orientation: 'vertical',\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: AccordionModelValue];\n}>();\n\nconst { rootProps } = useAccordion(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./accordion.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div v-bind=\"rootProps\">\n        <h3 class=\"rp-accordion-item__heading\">\n            <slot name=\"trigger\" v-bind=\"triggerSlotProps\">\n                <button v-bind=\"triggerProps\">\n                    <span class=\"rp-accordion-item__title\">\n                        <slot name=\"title\">{{ title }}</slot>\n                    </span>\n                    <span class=\"rp-accordion-item__icon\" aria-hidden=\"true\">\n                        <IconChevronDown />\n                    </span>\n                </button>\n            </slot>\n        </h3>\n\n        <Transition name=\"rp-accordion-content\">\n            <section v-if=\"shouldRenderContent\" v-show=\"isOpen\" v-bind=\"contentProps\">\n                <div class=\"rp-accordion-item__inner\">\n                    <slot v-bind=\"contentSlotProps\" />\n                </div>\n            </section>\n        </Transition>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport IconChevronDown from '~icons/lucide/chevron-down';\nimport { useAccordionItem } from './useAccordion';\nimport type { AccordionItemProps } from './types';\n\ndefineOptions({ name: 'RpAccordionItem' });\n\nconst props = withDefaults(defineProps<AccordionItemProps>(), {\n    title: '',\n    disabled: false,\n    unmountOnExit: undefined,\n    role: 'region',\n});\n\nconst {\n    rootProps,\n    triggerProps,\n    contentProps,\n    triggerSlotProps,\n    contentSlotProps,\n    isOpen,\n    shouldRenderContent,\n} = useAccordionItem(props);\n</script>\n\n<style src=\"./accordion-item.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div v-bind=\"rootProps\">\n        <h3 class=\"rp-accordion-item__heading\">\n            <slot name=\"trigger\" v-bind=\"triggerSlotProps\">\n                <button v-bind=\"triggerProps\">\n                    <span class=\"rp-accordion-item__title\">\n                        <slot name=\"title\">{{ title }}</slot>\n                    </span>\n                    <span class=\"rp-accordion-item__icon\" aria-hidden=\"true\">\n                        <IconChevronDown />\n                    </span>\n                </button>\n            </slot>\n        </h3>\n\n        <Transition name=\"rp-accordion-content\">\n            <section v-if=\"shouldRenderContent\" v-show=\"isOpen\" v-bind=\"contentProps\">\n                <div class=\"rp-accordion-item__inner\">\n                    <slot v-bind=\"contentSlotProps\" />\n                </div>\n            </section>\n        </Transition>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport IconChevronDown from '~icons/lucide/chevron-down';\nimport { useAccordionItem } from './useAccordion';\nimport type { AccordionItemProps } from './types';\n\ndefineOptions({ name: 'RpAccordionItem' });\n\nconst props = withDefaults(defineProps<AccordionItemProps>(), {\n    title: '',\n    disabled: false,\n    unmountOnExit: undefined,\n    role: 'region',\n});\n\nconst {\n    rootProps,\n    triggerProps,\n    contentProps,\n    triggerSlotProps,\n    contentSlotProps,\n    isOpen,\n    shouldRenderContent,\n} = useAccordionItem(props);\n</script>\n\n<style src=\"./accordion-item.scss\" lang=\"scss\" scoped></style>\n"],"mappings":"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"}

package/dist/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../src/components/badge/useBadgeColor.ts","../src/components/badge/badge.vue","../src/components/badge/badge.vue","../src/components/badge/types.ts"],"sourcesContent":["import type { CSSProperties } from 'vue';\nimport { getComponentCustomColor } from '@/utils/componentColors';\nimport type { BadgeColor } from './types';\n\nexport function getBadgeColorStyle(color: BadgeColor | undefined) {\n    const customColor = getComponentCustomColor(color);\n    if (!customColor) return undefined;\n\n    return {\n        '--_rp-badge-custom-color': customColor,\n        '--_rp-badge-custom-fg': customColor,\n        '--_rp-badge-custom-on': 'var(--rp-color-on-primary)',\n        '--_rp-badge-custom-subtle-bg': `color-mix(in srgb, ${customColor} 12%, transparent)`,\n        '--_rp-badge-custom-border': `color-mix(in srgb, ${customColor} 45%, transparent)`,\n    } satisfies CSSProperties;\n}\n","<template>\n    <span :class=\"rootClass\" :style=\"rootStyle\" :aria-label=\"ariaLabel || undefined\">\n        <span v-if=\"$slots.left\" class=\"rp-badge__left\">\n            <slot name=\"left\" />\n        </span>\n        <span v-if=\"$slots.default\" class=\"rp-badge__label\">\n            <slot />\n        </span>\n        <span v-if=\"$slots.right\" class=\"rp-badge__right\">\n            <slot name=\"right\" />\n        </span>\n    </span>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport { bem } from '@/utils/bem';\nimport { isComponentPresetColor } from '@/utils/componentColors';\nimport type { BadgeProps } from './types';\nimport { getBadgeColorStyle } from './useBadgeColor';\n\ndefineOptions({ name: 'RpBadge' });\n\nconst props = defineProps<BadgeProps>();\n\nconst rootClass = computed(() =>\n    bem('rp-badge', {\n        [props.variant ?? '']: Boolean(props.variant),\n        [`color-${props.color}`]: isComponentPresetColor(props.color),\n        [`size-${props.size}`]: Boolean(props.size),\n        [`radius-${props.radius}`]: Boolean(props.radius),\n    }),\n);\n\nconst rootStyle = computed(() => getBadgeColorStyle(props.color));\n</script>\n\n<style src=\"./badge.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <span :class=\"rootClass\" :style=\"rootStyle\" :aria-label=\"ariaLabel || undefined\">\n        <span v-if=\"$slots.left\" class=\"rp-badge__left\">\n            <slot name=\"left\" />\n        </span>\n        <span v-if=\"$slots.default\" class=\"rp-badge__label\">\n            <slot />\n        </span>\n        <span v-if=\"$slots.right\" class=\"rp-badge__right\">\n            <slot name=\"right\" />\n        </span>\n    </span>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport { bem } from '@/utils/bem';\nimport { isComponentPresetColor } from '@/utils/componentColors';\nimport type { BadgeProps } from './types';\nimport { getBadgeColorStyle } from './useBadgeColor';\n\ndefineOptions({ name: 'RpBadge' });\n\nconst props = defineProps<BadgeProps>();\n\nconst rootClass = computed(() =>\n    bem('rp-badge', {\n        [props.variant ?? '']: Boolean(props.variant),\n        [`color-${props.color}`]: isComponentPresetColor(props.color),\n        [`size-${props.size}`]: Boolean(props.size),\n        [`radius-${props.radius}`]: Boolean(props.radius),\n    }),\n);\n\nconst rootStyle = computed(() => getBadgeColorStyle(props.color));\n</script>\n\n<style src=\"./badge.scss\" lang=\"scss\" scoped></style>\n","import { componentColors, type ComponentColorValue } from '../../utils/componentColors';\n\nexport const badgeColors = componentColors;\n\nexport const badgeSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const badgeRadiuses = ['none', 'xs', 'sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport const badgeVariants = ['solid', 'subtle', 'surface', 'outline'] as const;\n\nexport type BadgeColor = ComponentColorValue;\n\nexport type BadgeSize = (typeof badgeSizes)[number];\n\nexport type BadgeRadius = (typeof badgeRadiuses)[number];\n\nexport type BadgeVariant = (typeof badgeVariants)[number];\n\nexport interface BadgeProps {\n    variant?: BadgeVariant;\n    color?: BadgeColor;\n    size?: BadgeSize;\n    radius?: BadgeRadius;\n    ariaLabel?: string;\n}\n"],"mappings":";;;;;AAIA,SAAgB,mBAAmB,OAA+B;CAC9D,MAAM,cAAc,wBAAwB,KAAK;CACjD,IAAI,CAAC,aAAa,OAAO,KAAA;CAEzB,OAAO;EACH,4BAA4B;EAC5B,yBAAyB;EACzB,yBAAyB;EACzB,gCAAgC,sBAAsB,YAAY;EAClE,6BAA6B,sBAAsB,YAAY;CACnE;AACJ;;;;;;;;;;;;;;;;;;;;ECQA,MAAM,QAAQ;EAEd,MAAM,YAAY,eACd,IAAI,YAAY;IACX,MAAM,WAAW,KAAK,QAAQ,MAAM,OAAO;IAC3C,SAAS,MAAM,UAAU,uBAAuB,MAAM,KAAK;IAC3D,QAAQ,MAAM,SAAS,QAAQ,MAAM,IAAI;IACzC,UAAU,MAAM,WAAW,QAAQ,MAAM,MAAM;EACpD,CAAC,CACL;EAEA,MAAM,YAAY,eAAe,mBAAmB,MAAM,KAAK,CAAC;;;iBAjC9C,UAAA,KAAS;iBAAU,UAAA,KAAS;gBAAG,cAAY,QAAA,aAAa,KAAA,CAAS;;;iBAC/D,OAAM,YAAA;;;cACR,QAAW,MAAA,MAAA,CAAA;;;;iBAET,OAAM,eAAA;;;;;;;iBAGN,OAAM,aAAA;;;cACR,SAAY,MAAA,MAAA,CAAA;;;;;;;;AEP9B,IAAa,cAAc;AAE3B,IAAa,aAAa;CAAC;CAAM;CAAM;CAAM;CAAM;AAAI;AAEvD,IAAa,gBAAgB;CAAC;CAAQ;CAAM;CAAM;CAAM;CAAM;CAAM;AAAM;AAE1E,IAAa,gBAAgB;CAAC;CAAS;CAAU;CAAW;AAAS"}

package/dist/bem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bem.js","names":[],"sources":["../src/utils/bem.ts"],"sourcesContent":["type BemModifier = string | Record<string, boolean | undefined>;\n\nexport function bem(block: string, ...modifiers: BemModifier[]): string[] {\n    const classes = [block];\n    for (const mod of modifiers) {\n        if (typeof mod === 'string') {\n            classes.push(`${block}--${mod}`);\n        } else {\n            for (const [key, val] of Object.entries(mod)) {\n                if (val) classes.push(`${block}--${key}`);\n            }\n        }\n    }\n    return classes;\n}\n"],"mappings":";AAEA,SAAgB,IAAI,OAAe,GAAG,WAAoC;CACtE,MAAM,UAAU,CAAC,KAAK;CACtB,KAAK,MAAM,OAAO,WACd,IAAI,OAAO,QAAQ,UACf,QAAQ,KAAK,GAAG,MAAM,IAAI,KAAK;MAE/B,KAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,QAAQ,GAAG,GACvC,IAAI,KAAK,QAAQ,KAAK,GAAG,MAAM,IAAI,KAAK;CAIpD,OAAO;AACX"}

package/dist/button-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../src/components/button-group/button-group.vue","../src/components/button-group/button-group.vue"],"sourcesContent":["<template>\n    <div\n        :id=\"id\"\n        :class=\"rootClass\"\n        role=\"group\"\n        :aria-label=\"ariaLabel || undefined\"\n        :aria-labelledby=\"labelledby\"\n        :aria-describedby=\"describedby\"\n    >\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport { bem } from '@/utils/bem';\nimport type { ButtonGroupProps } from './types';\n\ndefineOptions({ name: 'RpButtonGroup' });\n\nconst props = withDefaults(defineProps<ButtonGroupProps>(), {\n    orientation: 'horizontal',\n    attached: false,\n    wrap: false,\n});\n\nconst rootClass = computed(() =>\n    bem('rp-button-group', {\n        vertical: props.orientation === 'vertical',\n        attached: props.attached,\n        wrap: props.wrap,\n    }),\n);\n</script>\n\n<style src=\"./button-group.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div\n        :id=\"id\"\n        :class=\"rootClass\"\n        role=\"group\"\n        :aria-label=\"ariaLabel || undefined\"\n        :aria-labelledby=\"labelledby\"\n        :aria-describedby=\"describedby\"\n    >\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport { bem } from '@/utils/bem';\nimport type { ButtonGroupProps } from './types';\n\ndefineOptions({ name: 'RpButtonGroup' });\n\nconst props = withDefaults(defineProps<ButtonGroupProps>(), {\n    orientation: 'horizontal',\n    attached: false,\n    wrap: false,\n});\n\nconst rootClass = computed(() =>\n    bem('rp-button-group', {\n        vertical: props.orientation === 'vertical',\n        attached: props.attached,\n        wrap: props.wrap,\n    }),\n);\n</script>\n\n<style src=\"./button-group.scss\" lang=\"scss\" scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAMd,MAAM,YAAY,eACd,IAAI,mBAAmB;GACnB,UAAU,MAAM,gBAAgB;GAChC,UAAU,MAAM;GAChB,MAAM,MAAM;EAChB,CAAC,CACL;;;eA9BS,MAAI,QAAA,EAAE;gBACC,UAAA,KAAS;eAEhB,cAAY,QAAA,aAAa,KAAA,CAAS;eAClC,mBAAiB,QAAA,UAAU;eAC3B,oBAAkB,QAAA,WAAW"}

package/dist/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","names":[],"sources":["../src/components/button/button.vue","../src/components/button/button.vue"],"sourcesContent":["<template>\n    <button\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        :disabled=\"disabled || loading || undefined\"\n        :type=\"type\"\n        :aria-busy=\"loading || undefined\"\n    >\n        <span v-if=\"loading\" class=\"rp-button__loading\" aria-hidden=\"true\">\n            <slot name=\"loading\">\n                <IconLoaderCircle class=\"rp-button__spinner\" />\n            </slot>\n        </span>\n        <span class=\"rp-button__content\" :aria-hidden=\"loading || undefined\">\n            <span v-if=\"$slots.left\" class=\"rp-button__left\">\n                <slot name=\"left\" />\n            </span>\n            <span class=\"rp-button__label\">\n                <slot />\n            </span>\n            <span v-if=\"$slots.right\" class=\"rp-button__right\">\n                <slot name=\"right\" />\n            </span>\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport IconLoaderCircle from '~icons/lucide/loader-circle';\nimport { isComponentPresetColor } from '@/utils/componentColors';\nimport { bem } from '@/utils/bem';\nimport type { ButtonProps } from './types';\nimport { getButtonColorStyle } from './useButtonColor';\n\ndefineOptions({ name: 'RpButton' });\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n    type: 'button',\n    disabled: false,\n    loading: false,\n});\n\nconst rootClass = computed(() =>\n    bem('rp-button', {\n        [props.variant ?? '']: Boolean(props.variant),\n        [`color-${props.color}`]: isComponentPresetColor(props.color),\n        [`size-${props.size}`]: Boolean(props.size),\n        [`radius-${props.radius}`]: Boolean(props.radius),\n        loading: props.loading,\n    }),\n);\n\nconst rootStyle = computed(() => getButtonColorStyle(props.color));\n</script>\n\n<style src=\"./button.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <button\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        :disabled=\"disabled || loading || undefined\"\n        :type=\"type\"\n        :aria-busy=\"loading || undefined\"\n    >\n        <span v-if=\"loading\" class=\"rp-button__loading\" aria-hidden=\"true\">\n            <slot name=\"loading\">\n                <IconLoaderCircle class=\"rp-button__spinner\" />\n            </slot>\n        </span>\n        <span class=\"rp-button__content\" :aria-hidden=\"loading || undefined\">\n            <span v-if=\"$slots.left\" class=\"rp-button__left\">\n                <slot name=\"left\" />\n            </span>\n            <span class=\"rp-button__label\">\n                <slot />\n            </span>\n            <span v-if=\"$slots.right\" class=\"rp-button__right\">\n                <slot name=\"right\" />\n            </span>\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport IconLoaderCircle from '~icons/lucide/loader-circle';\nimport { isComponentPresetColor } from '@/utils/componentColors';\nimport { bem } from '@/utils/bem';\nimport type { ButtonProps } from './types';\nimport { getButtonColorStyle } from './useButtonColor';\n\ndefineOptions({ name: 'RpButton' });\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n    type: 'button',\n    disabled: false,\n    loading: false,\n});\n\nconst rootClass = computed(() =>\n    bem('rp-button', {\n        [props.variant ?? '']: Boolean(props.variant),\n        [`color-${props.color}`]: isComponentPresetColor(props.color),\n        [`size-${props.size}`]: Boolean(props.size),\n        [`radius-${props.radius}`]: Boolean(props.radius),\n        loading: props.loading,\n    }),\n);\n\nconst rootStyle = computed(() => getButtonColorStyle(props.color));\n</script>\n\n<style src=\"./button.scss\" lang=\"scss\" scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,QAAQ;EAMd,MAAM,YAAY,eACd,IAAI,aAAa;IACZ,MAAM,WAAW,KAAK,QAAQ,MAAM,OAAO;IAC3C,SAAS,MAAM,UAAU,uBAAuB,MAAM,KAAK;IAC3D,QAAQ,MAAM,SAAS,QAAQ,MAAM,IAAI;IACzC,UAAU,MAAM,WAAW,QAAQ,MAAM,MAAM;GAChD,SAAS,MAAM;EACnB,CAAC,CACL;EAEA,MAAM,YAAY,eAAe,oBAAoB,MAAM,KAAK,CAAC;;;;;;iBAnDjD,UAAA,KAAS;iBACT,UAAA,KAAS;gBAChB,YAAU,QAAA,YAAY,YAAW,KAAA,CAAS;gBAC1C,QAAM,QAAA,IAAI;gBACV,aAAW,YAAW,KAAA,CAAS;;;iBAEpB,QAAA,eAAO;;;cACT,WAAc,YAAA;2DACE,OAAM,qBAAoB,CAAA;;;;kCAGlB,eAAa,QAAA,WAAW,KAAA,CAAS,CAAA;;iBACnD,OAAM,YAAA;;;cACR,QAAW,MAAA,MAAA,CAAA;;;;;;iBAKT,OAAM,aAAA;;;cACR,SAAY,MAAA,MAAA,CAAA"}

package/dist/card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.js","names":[],"sources":["../src/components/card/card.vue","../src/components/card/card.vue"],"sourcesContent":["<template>\n    <div :class=\"rootClass\">\n        <div v-if=\"hasHeader\" class=\"rp-card__header\">\n            <div v-if=\"hasTitle\" class=\"rp-card__title\">\n                {{ title }}\n            </div>\n            <p v-if=\"hasDescription\" class=\"rp-card__description\">\n                {{ description }}\n            </p>\n        </div>\n\n        <div v-if=\"$slots.default\" class=\"rp-card__body\">\n            <slot />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport { bem } from '@/utils/bem';\nimport type { CardProps } from './types';\n\ndefineOptions({ name: 'RpCard' });\n\nconst props = withDefaults(defineProps<CardProps>(), {\n    border: true,\n    title: '',\n    description: '',\n});\n\nconst hasTitle = computed(() => Boolean(props.title));\nconst hasDescription = computed(() => Boolean(props.description));\nconst hasHeader = computed(() => Boolean(hasTitle.value || hasDescription.value));\n\nconst rootClass = computed(() =>\n    bem('rp-card', {\n        [`layer-${props.layer}`]: Boolean(props.layer),\n        [`padding-${props.padding}`]: Boolean(props.padding),\n        [`radius-${props.radius}`]: Boolean(props.radius),\n        borderless: !props.border,\n    }),\n);\n</script>\n\n<style src=\"./card.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div :class=\"rootClass\">\n        <div v-if=\"hasHeader\" class=\"rp-card__header\">\n            <div v-if=\"hasTitle\" class=\"rp-card__title\">\n                {{ title }}\n            </div>\n            <p v-if=\"hasDescription\" class=\"rp-card__description\">\n                {{ description }}\n            </p>\n        </div>\n\n        <div v-if=\"$slots.default\" class=\"rp-card__body\">\n            <slot />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { computed } from 'vue';\nimport { bem } from '@/utils/bem';\nimport type { CardProps } from './types';\n\ndefineOptions({ name: 'RpCard' });\n\nconst props = withDefaults(defineProps<CardProps>(), {\n    border: true,\n    title: '',\n    description: '',\n});\n\nconst hasTitle = computed(() => Boolean(props.title));\nconst hasDescription = computed(() => Boolean(props.description));\nconst hasHeader = computed(() => Boolean(hasTitle.value || hasDescription.value));\n\nconst rootClass = computed(() =>\n    bem('rp-card', {\n        [`layer-${props.layer}`]: Boolean(props.layer),\n        [`padding-${props.padding}`]: Boolean(props.padding),\n        [`radius-${props.radius}`]: Boolean(props.radius),\n        borderless: !props.border,\n    }),\n);\n</script>\n\n<style src=\"./card.scss\" lang=\"scss\" scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAMd,MAAM,WAAW,eAAe,QAAQ,MAAM,KAAK,CAAC;EACpD,MAAM,iBAAiB,eAAe,QAAQ,MAAM,WAAW,CAAC;EAChE,MAAM,YAAY,eAAe,QAAQ,SAAS,SAAS,eAAe,KAAK,CAAC;EAEhF,MAAM,YAAY,eACd,IAAI,WAAW;IACV,SAAS,MAAM,UAAU,QAAQ,MAAM,KAAK;IAC5C,WAAW,MAAM,YAAY,QAAQ,MAAM,OAAO;IAClD,UAAU,MAAM,WAAW,QAAQ,MAAM,MAAM;GAChD,YAAY,CAAC,MAAM;EACvB,CAAC,CACL;;mCAxCiB,UAAA,KAAS,CAAA;;iBACP,UAAA,aAAS;;;kBACL,SAAA,aAAQ;;;mDACZ,QAAA,KAAK,CAAA,CAAA;;;;kBAEH,eAAA,aAAc;;;mDAChB,QAAA,WAAW,CAAA,CAAA;;;;;;iBAIX,OAAM,eAAA"}