ropav 0.0.7 → 0.0.9

package/dist/button.js

@@ -1,14 +1,13 @@
 import './button.css';
 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 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>");
-var t1 = template("<span data-v-4a751fe6 class=rp-button__left>");
-var t2 = template("<span data-v-4a751fe6 class=rp-button__right>");
-var t3 = template("<button data-v-4a751fe6><span data-v-4a751fe6 class=rp-button__content><span data-v-4a751fe6 class=rp-button__label></span>", 1);
+var t0 = template("<span data-v-3d7e4305 class=rp-button__loading aria-hidden=true>");
+var t1 = template("<span data-v-3d7e4305 class=rp-button__left>");
+var t2 = template("<span data-v-3d7e4305 class=rp-button__right>");
+var t3 = template("<button data-v-3d7e4305><span data-v-3d7e4305 class=rp-button__content><span data-v-3d7e4305 class=rp-button__label></span>", 1);
 //#endregion
 //#region src/components/button/button.vue
 var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -17,6 +16,7 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	props: {
 		variant: {},
 		color: {},
+		autoContrast: { type: Boolean },
 		size: {},
 		radius: {},
 		type: { default: "button" },
@@ -33,12 +33,11 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const props = __props;
 		const rootClass = computed(() => bem("rp-button", {
 			[props.variant ?? ""]: Boolean(props.variant),
-			[`color-${props.color}`]: isComponentPresetColor(props.color),
 			[`size-${props.size}`]: Boolean(props.size),
 			[`radius-${props.radius}`]: Boolean(props.radius),
 			loading: props.loading
 		}));
-		const rootStyle = computed(() => getButtonColorStyle(props.color));
+		const rootStyle = computed(() => getButtonColorStyle(props.color, props.variant, props.autoContrast));
 		const n17 = t3();
 		const n16 = child(n17, 1);
 		const n11 = child(n16, 1);
@@ -59,7 +58,6 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, 1);
 			return n5;
 		});
-		renderEffect(() => setAttr(n16, "aria-hidden", __props.loading || void 0));
 		setInsertionState(n16, 0, 0);
 		createIf(() => $slots.left, () => {
 			const n9 = t1();
@@ -78,8 +76,6 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		return n17;
 	}
-}), [["__scopeId", "data-v-4a751fe6"]]);
+}), [["__scopeId", "data-v-3d7e4305"]]);
 //#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-bg: var(--rp-color-surface-raised);
-  --_rp-card-border: var(--rp-color-border);
+.rp-card[data-v-269e2bc4] {
+  --_rp-card-bg: var(--rp-color-default);
+  --_rp-card-border: var(--rp-color-default-border);
   --_rp-card-fg: var(--rp-color-text);
+  --_rp-card-header-border: var(--rp-color-default-border);
+  --_rp-card-footer-border: var(--rp-color-default-border);
   --_rp-card-padding: var(--rp-spacing-5);
   --_rp-card-radius: var(--rp-radius-sm);
   box-sizing: border-box;
@@ -16,73 +18,91 @@
   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-bg: var(--rp-color-background);
+.rp-card--layer-base[data-v-269e2bc4] {
+  --_rp-card-bg: var(--rp-color-body);
 }
-.rp-card--layer-surface[data-v-c3ae62b7] {
-  --_rp-card-bg: var(--rp-color-surface);
+.rp-card--layer-surface[data-v-269e2bc4] {
+  --_rp-card-bg: var(--rp-color-default);
 }
-.rp-card--layer-raised[data-v-c3ae62b7] {
-  --_rp-card-bg: var(--rp-color-surface-raised);
+.rp-card--layer-raised[data-v-269e2bc4] {
+  --_rp-card-bg: var(--rp-color-default);
 }
-.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);
+  font-size: var(--rp-font-size-md);
+  line-height: var(--rp-line-height-md);
 }
-.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);
+  line-height: var(--rp-line-height-xs);
 }
-.rp-card__description[data-v-c3ae62b7] {
+.rp-card__description[data-v-269e2bc4] {
   margin: 0;
-  color: var(--rp-color-text-secondary);
+  color: var(--rp-color-dimmed);
   font-size: var(--rp-font-size-sm);
-  line-height: var(--rp-line-height-normal);
+  line-height: var(--rp-line-height-md);
 }

package/dist/card.js

@@ -1,13 +1,14 @@
 import './card.css';
 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 } from "vue";
+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({
@@ -21,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/check.js

@@ -0,0 +1,12 @@
+import { defineVaporComponent, markRaw, template } from "vue";
+//#region ~icons/lucide/check
+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=\"M20 6L9 17l-5-5\">", 3, 1);
+function render(_ctx) {
+	return t0();
+}
+var check_default = markRaw(defineVaporComponent({
+	name: "lucide-check",
+	render
+}));
+//#endregion
+export { check_default as t };

package/dist/checkbox.css

@@ -1,18 +1,14 @@
 .rp-checkbox[data-v-8af73824] {
-  --_rp-checkbox-color: var(--_rp-checkbox-custom-color, var(--rp-color-control-selected-bg));
-  --_rp-checkbox-on-color: var(
-      --_rp-checkbox-custom-on-color,
-      var(--rp-color-control-selected-fg)
-  );
-  --_rp-checkbox-size: 18px;
-  --_rp-checkbox-icon-size: 14px;
-  --_rp-checkbox-font-size: var(--rp-font-size-base);
+  --_rp-checkbox-color: var(--rp-color-control-selected-bg);
+  --_rp-checkbox-on-color: var(--rp-color-control-selected-fg);
+  --_rp-checkbox-size: 24px;
+  --_rp-checkbox-font-size: var(--rp-font-size-md);
   --_rp-checkbox-radius: 4px;
   --_rp-checkbox-checked-bg: var(--_rp-checkbox-color);
   --_rp-checkbox-checked-border: var(--_rp-checkbox-color);
   --_rp-checkbox-checked-icon: var(--_rp-checkbox-on-color);
-  --_rp-checkbox-invalid-border: var(--rp-color-danger);
-  --_rp-checkbox-invalid-ring: color-mix(in srgb, var(--rp-color-danger) 32%, transparent);
+  --_rp-checkbox-invalid-border: var(--rp-color-red-filled);
+  --_rp-checkbox-invalid-ring: color-mix(in srgb, var(--rp-color-red-filled) 32%, transparent);
   display: inline-flex;
   align-items: center;
   cursor: pointer;
@@ -20,10 +16,6 @@
   user-select: none;
   vertical-align: top;
 }
-html.dark .rp-checkbox[data-v-8af73824] {
-  --_rp-checkbox-invalid-border: var(--rp-color-danger-fg);
-  --_rp-checkbox-invalid-ring: color-mix(in srgb, var(--rp-color-danger-fg) 32%, transparent);
-}
 .rp-checkbox--disabled[data-v-8af73824] {
   opacity: var(--rp-opacity-disabled);
   cursor: not-allowed;
@@ -45,7 +37,7 @@ html.dark .rp-checkbox[data-v-8af73824] {
   pointer-events: none;
 }
 .rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-8af73824] {
-  border-color: var(--rp-color-primary);
+  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-8af73824] {
@@ -72,8 +64,8 @@ html.dark .rp-checkbox[data-v-8af73824] {
   box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-checkbox-invalid-ring);
 }
 .rp-checkbox__icon[data-v-8af73824] {
-  width: var(--_rp-checkbox-icon-size);
-  height: var(--_rp-checkbox-icon-size);
+  width: 60%;
+  height: 60%;
   color: var(--_rp-checkbox-checked-icon);
   transform-origin: center;
 }
@@ -81,65 +73,32 @@ html.dark .rp-checkbox[data-v-8af73824] {
   stroke-width: 3;
 }
 .rp-checkbox__label[data-v-8af73824] {
-  line-height: var(--rp-line-height-normal);
+  line-height: var(--rp-line-height-md);
   color: var(--rp-color-text);
 }
-.rp-checkbox--color-primary[data-v-8af73824] {
-  --_rp-checkbox-color: var(--rp-color-primary);
-  --_rp-checkbox-on-color: var(--rp-color-on-primary);
-}
-.rp-checkbox--color-secondary[data-v-8af73824] {
-  --_rp-checkbox-color: var(--rp-color-secondary);
-  --_rp-checkbox-on-color: var(--rp-color-on-secondary);
-}
-.rp-checkbox--color-success[data-v-8af73824] {
-  --_rp-checkbox-color: var(--rp-color-success);
-  --_rp-checkbox-on-color: var(--rp-color-on-success);
-}
-.rp-checkbox--color-warning[data-v-8af73824] {
-  --_rp-checkbox-color: var(--rp-color-warning);
-  --_rp-checkbox-on-color: var(--rp-color-on-warning);
-}
-.rp-checkbox--color-danger[data-v-8af73824] {
-  --_rp-checkbox-color: var(--rp-color-danger);
-  --_rp-checkbox-on-color: var(--rp-color-on-danger);
-}
-.rp-checkbox--color-info[data-v-8af73824] {
-  --_rp-checkbox-color: var(--rp-color-info);
-  --_rp-checkbox-on-color: var(--rp-color-on-info);
-}
-.rp-checkbox--color-neutral[data-v-8af73824] {
-  --_rp-checkbox-color: var(--rp-color-neutral);
-  --_rp-checkbox-on-color: var(--rp-color-on-neutral);
-}
 .rp-checkbox--outline[data-v-8af73824] {
   --_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-8af73824] {
-  --_rp-checkbox-size: 14px;
-  --_rp-checkbox-icon-size: 10px;
+  --_rp-checkbox-size: 16px;
   --_rp-checkbox-font-size: var(--rp-font-size-xs);
 }
 .rp-checkbox--size-sm[data-v-8af73824] {
-  --_rp-checkbox-size: 16px;
-  --_rp-checkbox-icon-size: 12px;
+  --_rp-checkbox-size: 20px;
   --_rp-checkbox-font-size: var(--rp-font-size-sm);
 }
 .rp-checkbox--size-md[data-v-8af73824] {
-  --_rp-checkbox-size: 18px;
-  --_rp-checkbox-icon-size: 14px;
-  --_rp-checkbox-font-size: var(--rp-font-size-base);
+  --_rp-checkbox-size: 24px;
+  --_rp-checkbox-font-size: var(--rp-font-size-md);
 }
 .rp-checkbox--size-lg[data-v-8af73824] {
-  --_rp-checkbox-size: 22px;
-  --_rp-checkbox-icon-size: 16px;
+  --_rp-checkbox-size: 30px;
   --_rp-checkbox-font-size: var(--rp-font-size-lg);
 }
 .rp-checkbox--size-xl[data-v-8af73824] {
-  --_rp-checkbox-size: 26px;
-  --_rp-checkbox-icon-size: 20px;
+  --_rp-checkbox-size: 36px;
   --_rp-checkbox-font-size: var(--rp-font-size-xl);
 }
 .rp-checkbox--radius-xs[data-v-8af73824] {

package/dist/checkbox.js

@@ -1,37 +1,20 @@
 import './checkbox.css';
 import { t as bem } from "./bem.js";
+import { n as getComponentColorValue, r as getComponentContrastColor } from "./componentColors.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 { t as check_default } from "./check.js";
+import { t as minus_default } from "./minus.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
-var t0$2 = 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=\"M20 6L9 17l-5-5\">", 3, 1);
-function render$1(_ctx) {
-	return t0$2();
-}
-var check_default = markRaw(defineVaporComponent({
-	name: "lucide-check",
-	render: render$1
-}));
-//#endregion
-//#region ~icons/lucide/minus
-var t0$1 = 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=\"M5 12h14\">", 3, 1);
-function render(_ctx) {
-	return t0$1();
-}
-var minus_default = markRaw(defineVaporComponent({
-	name: "lucide-minus",
-	render
-}));
-//#endregion
+import { VaporTransition, child, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, next, on, renderEffect, setAttr, setBlockKey, setClass, setInsertionState, setProp, setStyle, template, unref } from "vue";
 //#region src/components/checkbox/useCheckbox.ts
-function getCheckboxColorStyle(color) {
-	const customColor = getComponentCustomColor(color);
-	if (!customColor) return void 0;
-	return {
-		"--_rp-checkbox-custom-color": customColor,
-		"--_rp-checkbox-custom-on-color": "var(--rp-color-on-primary)"
-	};
+function getCheckboxColorStyle(color, autoContrast) {
+	const colorValue = getComponentColorValue(color);
+	if (color && !colorValue) return void 0;
+	if (!colorValue && !autoContrast) return void 0;
+	const style = {};
+	if (colorValue) style["--_rp-checkbox-color"] = colorValue;
+	if (autoContrast) style["--_rp-checkbox-on-color"] = getComponentContrastColor(color ?? "primary", { autoContrast });
+	return style;
 }
 function useCheckbox(props, emitUpdate) {
 	const control = useControlState(props);
@@ -41,11 +24,10 @@ function useCheckbox(props, emitUpdate) {
 		disabled: control.disabled,
 		invalid: control.invalid,
 		[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(() => getCheckboxColorStyle(props.color));
+	const rootStyle = computed(() => getCheckboxColorStyle(props.color, props.autoContrast));
 	function onChange(e) {
 		emitUpdate(e.target.checked);
 	}
@@ -71,6 +53,7 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		modelValue: { type: Boolean },
 		variant: {},
 		color: {},
+		autoContrast: { type: Boolean },
 		size: {},
 		radius: {},
 		disabled: {
@@ -154,5 +137,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

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

@@ -1,10 +1,10 @@
 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 { t as useCollapse } from "./useCollapse.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-f5b999da><div data-v-f5b999da class=rp-collapse__inner>");
-var t1 = template("<div data-v-f5b999da>", 1);
+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({
@@ -16,10 +16,6 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			type: Boolean,
 			default: void 0
 		},
-		defaultOpen: {
-			type: Boolean,
-			default: false
-		},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -61,8 +57,6 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		}, { _: 8 }));
 		return n7;
 	}
-}), [["__scopeId", "data-v-f5b999da"]]);
+}), [["__scopeId", "data-v-a78ac964"]]);
 //#endregion
 export { collapse_default as t };
-
-//# sourceMappingURL=collapse.js.map