ropav 0.0.6 → 0.0.8

package/dist/badge.js

@@ -0,0 +1,101 @@
+import './badge.css';
+import { t as bem } from "./bem.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as getComponentCustomColor, r as isComponentPresetColor, t as componentColors } from "./componentColors.js";
+import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, setStyle, template } from "vue";
+//#region src/components/badge/useBadgeColor.ts
+function getBadgeColorStyle(color) {
+	const customColor = getComponentCustomColor(color);
+	if (!customColor) return void 0;
+	return {
+		"--_rp-badge-custom-color": customColor,
+		"--_rp-badge-custom-fg": customColor,
+		"--_rp-badge-custom-on": "var(--rp-color-on-primary)",
+		"--_rp-badge-custom-subtle-bg": `color-mix(in srgb, ${customColor} 12%, transparent)`,
+		"--_rp-badge-custom-border": `color-mix(in srgb, ${customColor} 45%, transparent)`
+	};
+}
+//#endregion
+//#region src/components/badge/badge.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var t0 = template("<span data-v-ab51b365 class=rp-badge__left>");
+var t1 = template("<span data-v-ab51b365 class=rp-badge__label>");
+var t2 = template("<span data-v-ab51b365 class=rp-badge__right>");
+var t3 = template("<span data-v-ab51b365>", 1);
+//#endregion
+//#region src/components/badge/badge.vue
+var badge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpBadge",
+	__name: "badge",
+	props: {
+		variant: {},
+		color: {},
+		size: {},
+		radius: {},
+		ariaLabel: {}
+	},
+	setup(__props, { slots: $slots }) {
+		const props = __props;
+		const rootClass = computed(() => bem("rp-badge", {
+			[props.variant ?? ""]: Boolean(props.variant),
+			[`color-${props.color}`]: isComponentPresetColor(props.color),
+			[`size-${props.size}`]: Boolean(props.size),
+			[`radius-${props.radius}`]: Boolean(props.radius)
+		}));
+		const rootStyle = computed(() => getBadgeColorStyle(props.color));
+		const n12 = t3();
+		renderEffect(() => {
+			setClass(n12, rootClass.value);
+			setStyle(n12, rootStyle.value);
+			setAttr(n12, "aria-label", __props.ariaLabel || void 0);
+		});
+		setInsertionState(n12, null, 0);
+		createIf(() => $slots.left, () => {
+			const n3 = t0();
+			setInsertionState(n3, null, 0);
+			createSlot("left", null, null, 1);
+			return n3;
+		});
+		setInsertionState(n12, null, 1);
+		createIf(() => $slots.default, () => {
+			const n7 = t1();
+			setInsertionState(n7, null, 0);
+			createSlot("default", null, null, 1);
+			return n7;
+		});
+		setInsertionState(n12, null, 2);
+		createIf(() => $slots.right, () => {
+			const n11 = t2();
+			setInsertionState(n11, null, 0);
+			createSlot("right", null, null, 1);
+			return n11;
+		});
+		return n12;
+	}
+}), [["__scopeId", "data-v-ab51b365"]]);
+//#endregion
+//#region src/components/badge/types.ts
+var badgeColors = componentColors;
+var badgeSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+var badgeRadiuses = [
+	"none",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"full"
+];
+var badgeVariants = [
+	"solid",
+	"subtle",
+	"surface",
+	"outline"
+];
+//#endregion
+export { badge_default as a, badgeVariants as i, badgeRadiuses as n, badgeSizes as r, badgeColors as t };

package/dist/bem.js

@@ -0,0 +1,9 @@
+//#region src/utils/bem.ts
+function bem(block, ...modifiers) {
+	const classes = [block];
+	for (const mod of modifiers) if (typeof mod === "string") classes.push(`${block}--${mod}`);
+	else for (const [key, val] of Object.entries(mod)) if (val) classes.push(`${block}--${key}`);
+	return classes;
+}
+//#endregion
+export { bem as t };

package/dist/button-group.css

@@ -18,33 +18,33 @@
   position: relative;
   z-index: 1;
 }
-.rp-button-group--attached .rp-button[data-v-d9f79a5b-s] {
+.rp-button-group--attached[data-v-d9f79a5b] >  .rp-button {
   position: relative;
   border-radius: 0;
   box-shadow: none;
 }
-.rp-button-group--attached .rp-button[data-v-d9f79a5b-s]:is(:hover, :focus-visible) {
+.rp-button-group--attached[data-v-d9f79a5b] >  .rp-button:is(:hover, :focus-visible) {
   z-index: 1;
 }
-.rp-button-group--attached:not(.rp-button-group--vertical) .rp-button[data-v-d9f79a5b-s]:not(:first-child) {
+.rp-button-group--attached[data-v-d9f79a5b]:not(.rp-button-group--vertical) >  .rp-button:not(:first-child) {
   margin-inline-start: calc(var(--rp-border-width-thin) * -1);
 }
-.rp-button-group--attached:not(.rp-button-group--vertical) .rp-button[data-v-d9f79a5b-s]:first-child {
+.rp-button-group--attached[data-v-d9f79a5b]:not(.rp-button-group--vertical) >  .rp-button:first-child {
   border-start-start-radius: var(--_rp-button-radius);
   border-end-start-radius: var(--_rp-button-radius);
 }
-.rp-button-group--attached:not(.rp-button-group--vertical) .rp-button[data-v-d9f79a5b-s]:last-child {
+.rp-button-group--attached[data-v-d9f79a5b]:not(.rp-button-group--vertical) >  .rp-button:last-child {
   border-start-end-radius: var(--_rp-button-radius);
   border-end-end-radius: var(--_rp-button-radius);
 }
-.rp-button-group--attached.rp-button-group--vertical .rp-button[data-v-d9f79a5b-s]:not(:first-child) {
+.rp-button-group--attached.rp-button-group--vertical[data-v-d9f79a5b] >  .rp-button:not(:first-child) {
   margin-block-start: calc(var(--rp-border-width-thin) * -1);
 }
-.rp-button-group--attached.rp-button-group--vertical .rp-button[data-v-d9f79a5b-s]:first-child {
+.rp-button-group--attached.rp-button-group--vertical[data-v-d9f79a5b] >  .rp-button:first-child {
   border-start-start-radius: var(--_rp-button-radius);
   border-start-end-radius: var(--_rp-button-radius);
 }
-.rp-button-group--attached.rp-button-group--vertical .rp-button[data-v-d9f79a5b-s]:last-child {
+.rp-button-group--attached.rp-button-group--vertical[data-v-d9f79a5b] >  .rp-button:last-child {
   border-end-start-radius: var(--_rp-button-radius);
   border-end-end-radius: var(--_rp-button-radius);
 }

package/dist/button-group.js

@@ -1,5 +1,6 @@
 import './button-group.css';
-import { n as bem, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.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, setAttr, setClass, setInsertionState, setProp, template } from "vue";
 //#region src/components/button-group/button-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-v-d9f79a5b role=group>", 1);
@@ -45,5 +46,3 @@ var button_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-d9f79a5b"]]);
 //#endregion
 export { button_group_default as t };
-
-//# sourceMappingURL=button-group.js.map

package/dist/button.js

@@ -1,7 +1,8 @@
 import './button.css';
-import { n as loader_circle_default, t as getButtonColorStyle } from "./useButtonColor.js";
+import { t as bem } from "./bem.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as isComponentPresetColor } from "./componentColors.js";
-import { n as bem, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { n as loader_circle_default, t as getButtonColorStyle } from "./useButtonColor.js";
 import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, template, unref } from "vue";
 //#region src/components/button/button.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<span data-v-4a751fe6 class=rp-button__loading aria-hidden=true>");
@@ -80,5 +81,3 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 }), [["__scopeId", "data-v-4a751fe6"]]);
 //#endregion
 export { button_default as t };
-
-//# sourceMappingURL=button.js.map

package/dist/card.css

@@ -1,7 +1,9 @@
-.rp-card[data-v-c3ae62b7] {
+.rp-card[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-surface-raised);
   --_rp-card-border: var(--rp-color-border);
   --_rp-card-fg: var(--rp-color-text);
+  --_rp-card-header-border: var(--rp-color-border);
+  --_rp-card-footer-border: var(--rp-color-border);
   --_rp-card-padding: var(--rp-spacing-5);
   --_rp-card-radius: var(--rp-radius-sm);
   box-sizing: border-box;
@@ -16,71 +18,89 @@
   border-radius: var(--_rp-card-radius);
   transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-card--layer-base[data-v-c3ae62b7] {
+.rp-card--layer-base[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-background);
 }
-.rp-card--layer-surface[data-v-c3ae62b7] {
+.rp-card--layer-surface[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-surface);
 }
-.rp-card--layer-raised[data-v-c3ae62b7] {
+.rp-card--layer-raised[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-surface-raised);
 }
-.rp-card--borderless[data-v-c3ae62b7] {
+.rp-card--borderless[data-v-269e2bc4] {
   --_rp-card-border: transparent;
 }
-.rp-card--padding-none[data-v-c3ae62b7] {
+.rp-card--header-bordered .rp-card__header[data-v-269e2bc4] {
+  border-bottom: var(--rp-border-width-thin) solid var(--_rp-card-header-border);
+}
+.rp-card--footer-bordered .rp-card__footer[data-v-269e2bc4] {
+  border-top: var(--rp-border-width-thin) solid var(--_rp-card-footer-border);
+}
+.rp-card--header-compact .rp-card__header[data-v-269e2bc4] {
+  padding-block-end: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--header-compact .rp-card__body[data-v-269e2bc4] {
+  padding-block-start: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--footer-compact .rp-card__body[data-v-269e2bc4] {
+  padding-block-end: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--footer-compact .rp-card__footer[data-v-269e2bc4] {
+  padding-block-start: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--padding-none[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-0);
 }
-.rp-card--padding-sm[data-v-c3ae62b7] {
+.rp-card--padding-sm[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-3);
 }
-.rp-card--padding-md[data-v-c3ae62b7] {
+.rp-card--padding-md[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-5);
 }
-.rp-card--padding-lg[data-v-c3ae62b7] {
+.rp-card--padding-lg[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-6);
 }
-.rp-card--radius-none[data-v-c3ae62b7] {
+.rp-card--radius-none[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-none);
 }
-.rp-card--radius-xs[data-v-c3ae62b7] {
+.rp-card--radius-xs[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-xs);
 }
-.rp-card--radius-sm[data-v-c3ae62b7] {
+.rp-card--radius-sm[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-sm);
 }
-.rp-card--radius-md[data-v-c3ae62b7] {
+.rp-card--radius-md[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-md);
 }
-.rp-card--radius-lg[data-v-c3ae62b7] {
+.rp-card--radius-lg[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-lg);
 }
-.rp-card--radius-xl[data-v-c3ae62b7] {
+.rp-card--radius-xl[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-xl);
 }
-.rp-card__header[data-v-c3ae62b7], .rp-card__body[data-v-c3ae62b7] {
+.rp-card__header[data-v-269e2bc4], .rp-card__body[data-v-269e2bc4], .rp-card__footer[data-v-269e2bc4] {
   box-sizing: border-box;
   padding: var(--_rp-card-padding);
 }
-.rp-card__header[data-v-c3ae62b7] {
+.rp-card__header[data-v-269e2bc4], .rp-card__footer[data-v-269e2bc4] {
   display: grid;
   gap: var(--rp-spacing-1);
 }
-.rp-card__body[data-v-c3ae62b7] {
+.rp-card__body[data-v-269e2bc4] {
   flex: 1 1 auto;
   min-width: 0;
   color: var(--rp-color-text);
   font-size: var(--rp-font-size-base);
   line-height: var(--rp-line-height-normal);
 }
-.rp-card__title[data-v-c3ae62b7] {
+.rp-card__title[data-v-269e2bc4] {
   margin: 0;
   color: var(--rp-color-text);
   font-size: var(--rp-font-size-lg);
   font-weight: var(--rp-font-weight-semibold);
   line-height: var(--rp-line-height-tight);
 }
-.rp-card__description[data-v-c3ae62b7] {
+.rp-card__description[data-v-269e2bc4] {
   margin: 0;
   color: var(--rp-color-text-secondary);
   font-size: var(--rp-font-size-sm);

package/dist/card.js

@@ -1,12 +1,14 @@
 import './card.css';
-import { n as bem, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, setText, template, toDisplayString, txt } from "vue";
+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, setClass, setInsertionState, setText, template, toDisplayString, txt, useSlots } from "vue";
 //#region src/components/card/card.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-c3ae62b7 class=rp-card__title> ");
-var t1 = template("<p data-v-c3ae62b7 class=rp-card__description> ");
-var t2 = template("<div data-v-c3ae62b7 class=rp-card__header>");
-var t3 = template("<div data-v-c3ae62b7 class=rp-card__body>");
-var t4 = template("<div data-v-c3ae62b7>", 1);
+var t0 = template("<div data-v-269e2bc4 class=rp-card__title> ");
+var t1 = template("<p data-v-269e2bc4 class=rp-card__description> ");
+var t2 = template("<div data-v-269e2bc4 class=rp-card__header>");
+var t3 = template("<div data-v-269e2bc4>");
+var t4 = template("<div data-v-269e2bc4 class=rp-card__footer>");
+var t5 = template("<div data-v-269e2bc4>", 1);
 //#endregion
 //#region src/components/card/card.vue
 var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -20,52 +22,82 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			type: Boolean,
 			default: true
 		},
+		headerBorder: {
+			type: Boolean,
+			default: false
+		},
+		footerBorder: {
+			type: Boolean,
+			default: false
+		},
 		title: { default: "" },
-		description: { default: "" }
+		description: { default: "" },
+		bodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
-	setup(__props, { slots: $slots }) {
+	setup(__props) {
 		const props = __props;
+		const slots = useSlots();
 		const hasTitle = computed(() => Boolean(props.title));
 		const hasDescription = computed(() => Boolean(props.description));
-		const hasHeader = computed(() => Boolean(hasTitle.value || hasDescription.value));
+		const hasHeader = computed(() => Boolean(slots.header || hasTitle.value || hasDescription.value));
+		const hasBody = computed(() => Boolean(slots.default));
+		const hasFooter = computed(() => Boolean(slots.footer));
+		const hasCompactHeaderSpacing = computed(() => Boolean(hasHeader.value && hasBody.value && !props.headerBorder));
+		const hasCompactFooterSpacing = computed(() => Boolean(hasFooter.value && hasBody.value && !props.footerBorder));
 		const rootClass = computed(() => bem("rp-card", {
 			[`layer-${props.layer}`]: Boolean(props.layer),
 			[`padding-${props.padding}`]: Boolean(props.padding),
 			[`radius-${props.radius}`]: Boolean(props.radius),
-			borderless: !props.border
+			borderless: !props.border,
+			"header-bordered": props.headerBorder,
+			"header-compact": hasCompactHeaderSpacing.value,
+			"footer-bordered": props.footerBorder,
+			"footer-compact": hasCompactFooterSpacing.value
 		}));
-		const n13 = t4();
-		renderEffect(() => setClass(n13, rootClass.value));
-		setInsertionState(n13, null, 0);
+		const n19 = t5();
+		renderEffect(() => setClass(n19, rootClass.value));
+		setInsertionState(n19, null, 0);
 		createIf(() => hasHeader.value, () => {
-			const n8 = t2();
-			setInsertionState(n8, null, 0);
-			createIf(() => hasTitle.value, () => {
-				const n4 = t0();
-				const x4 = txt(n4);
-				renderEffect(() => setText(x4, toDisplayString(__props.title)));
-				return n4;
-			});
-			setInsertionState(n8, null, 1);
-			createIf(() => hasDescription.value, () => {
-				const n7 = t1();
-				const x7 = txt(n7);
-				renderEffect(() => setText(x7, toDisplayString(__props.description)));
-				return n7;
-			});
-			return n8;
+			const n10 = t2();
+			setInsertionState(n10, null, 0);
+			createSlot("header", null, () => {
+				return [createIf(() => hasTitle.value, () => {
+					const n6 = t0();
+					const x6 = txt(n6);
+					renderEffect(() => setText(x6, toDisplayString(__props.title)));
+					return n6;
+				}), createIf(() => hasDescription.value, () => {
+					const n9 = t1();
+					const x9 = txt(n9);
+					renderEffect(() => setText(x9, toDisplayString(__props.description)));
+					return n9;
+				})];
+			}, 1);
+			return n10;
 		});
-		setInsertionState(n13, null, 1);
-		createIf(() => $slots.default, () => {
-			const n12 = t3();
-			setInsertionState(n12, null, 0);
+		setInsertionState(n19, null, 1);
+		createIf(() => hasBody.value, () => {
+			const n14 = t3();
+			renderEffect(() => setClass(n14, ["rp-card__body", __props.bodyClass]));
+			setInsertionState(n14, null, 0);
 			createSlot("default", null, null, 1);
-			return n12;
+			return n14;
+		});
+		setInsertionState(n19, null, 2);
+		createIf(() => hasFooter.value, () => {
+			const n18 = t4();
+			setInsertionState(n18, null, 0);
+			createSlot("footer", null, null, 1);
+			return n18;
 		});
-		return n13;
+		return n19;
 	}
-}), [["__scopeId", "data-v-c3ae62b7"]]);
+}), [["__scopeId", "data-v-269e2bc4"]]);
 //#endregion
 export { card_default as t };
-
-//# sourceMappingURL=card.js.map

package/dist/checkbox.js

@@ -1,6 +1,7 @@
 import './checkbox.css';
+import { t as bem } from "./bem.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as getComponentCustomColor, r as isComponentPresetColor } from "./componentColors.js";
-import { n as bem, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as useControlState } from "./useControlState.js";
 import { VaporTransition, child, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, markRaw, next, on, renderEffect, setAttr, setBlockKey, setClass, setInsertionState, setProp, setStyle, template, unref } from "vue";
 //#region ~icons/lucide/check
@@ -153,5 +154,3 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 }), [["__scopeId", "data-v-8af73824"]]);
 //#endregion
 export { checkbox_default as t };
-
-//# sourceMappingURL=checkbox.js.map

package/dist/collapse.css

@@ -0,0 +1,32 @@
+.rp-collapse[data-v-a78ac964] {
+  --_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-a78ac964] {
+  opacity: var(--rp-opacity-disabled);
+  cursor: not-allowed;
+}
+.rp-collapse__content[data-v-a78ac964] {
+  box-sizing: border-box;
+  display: grid;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--rp-color-text);
+  font-size: var(--rp-font-size-base);
+  line-height: var(--rp-line-height-normal);
+  grid-template-rows: 1fr;
+  transition: grid-template-rows var(--_rp-collapse-duration), opacity var(--_rp-collapse-duration);
+}
+.rp-collapse__inner[data-v-a78ac964] {
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+}
+.rp-collapse-content-enter-from[data-v-a78ac964],
+.rp-collapse-content-leave-to[data-v-a78ac964] {
+  opacity: 0;
+  grid-template-rows: 0fr;
+}

package/dist/collapse.js

@@ -0,0 +1,62 @@
+import './collapse.css';
+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, 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("<section data-v-a78ac964><div data-v-a78ac964 class=rp-collapse__inner>");
+var t1 = template("<div data-v-a78ac964>", 1);
+//#endregion
+//#region src/components/collapse/collapse.vue
+var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpCollapse",
+	__name: "collapse",
+	props: {
+		id: {},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			default: false
+		},
+		role: { default: "region" },
+		ariaLabel: {},
+		ariaDescribedby: {},
+		ariaLabelledby: {}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { isOpen, shouldRenderContent, rootProps, contentProps, triggerSlotProps, contentSlotProps } = useCollapse(props, (open) => {
+			emit("update:open", open);
+		});
+		const n7 = t1();
+		renderEffect(() => setDynamicProps(n7, [unref(rootProps)]));
+		setInsertionState(n7, null, 0);
+		createSlot("trigger", { $: [() => unref(triggerSlotProps)] }, null, 1);
+		setInsertionState(n7, null, 1);
+		createComponent(VaporTransition, {
+			name: "rp-collapse-content",
+			persisted: ""
+		}, extend(() => {
+			return createIf(() => unref(shouldRenderContent), () => {
+				const n5 = t0();
+				const n4 = child(n5);
+				renderEffect(() => setDynamicProps(n5, [unref(contentProps)]));
+				setInsertionState(n4, null, 0);
+				createSlot("default", { $: [() => unref(contentSlotProps)] }, null, 1);
+				applyVShow(n5, () => unref(isOpen));
+				return n5;
+			}, null, 129);
+		}, { _: 8 }));
+		return n7;
+	}
+}), [["__scopeId", "data-v-a78ac964"]]);
+//#endregion
+export { collapse_default as t };

package/dist/componentColors.js

@@ -18,5 +18,3 @@ function getComponentCustomColor(color) {
 }
 //#endregion
 export { getComponentCustomColor as n, isComponentPresetColor as r, componentColors as t };
-
-//# sourceMappingURL=componentColors.js.map

package/dist/components/accordion/accordion-item.d.ts

@@ -0,0 +1,40 @@
+import { AccordionItemProps } from './types';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<AccordionItemProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        trigger?: (props: {
+            triggerProps: import('./types').AccordionTriggerProps;
+            value: import('./types').AccordionItemValue;
+            isOpen: boolean;
+            disabled: boolean;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+        }) => any;
+    } & {
+        title?: (props: {}) => any;
+    } & {
+        default?: (props: {
+            value: import('./types').AccordionItemValue;
+            isOpen: boolean;
+            disabled: boolean;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+        }) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,23 @@
+import { AccordionModelValue, AccordionProps } from './types';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<AccordionProps & {
+        "onUpdate:modelValue"?: ((value: AccordionModelValue) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: (evt: "update:modelValue", value: AccordionModelValue) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Accordion } from './accordion';
+export { default as AccordionItem } from './accordion-item';
+export { useAccordion, useAccordionItem } from './useAccordion';
+export type { AccordionContentProps, AccordionContext, AccordionItemProps, AccordionItemRootProps, AccordionItemSlotProps, AccordionItemTriggerSlotProps, AccordionItemValue, AccordionModelValue, AccordionOrientation, AccordionProps, AccordionRootProps, AccordionState, AccordionTriggerProps, UseAccordionItemReturn, UseAccordionReturn, } from './types';

package/dist/components/accordion/index.js

@@ -0,0 +1,2 @@
+import { i as useAccordionItem, n as accordion_default, r as useAccordion, t as accordion_item_default } from "../../accordion.js";
+export { accordion_default as Accordion, accordion_item_default as AccordionItem, useAccordion, useAccordionItem };