ropav 0.0.10 → 0.0.12

package/dist/card.css

@@ -1,108 +1,110 @@
-.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;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  overflow: hidden;
-  font-family: var(--rp-font-family);
-  color: var(--_rp-card-fg);
-  background-color: var(--_rp-card-bg);
-  border: var(--rp-border-width-thin) solid var(--_rp-card-border);
-  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-269e2bc4] {
-  --_rp-card-bg: var(--rp-color-body);
-}
-.rp-card--layer-surface[data-v-269e2bc4] {
-  --_rp-card-bg: var(--rp-color-default);
-}
-.rp-card--layer-raised[data-v-269e2bc4] {
-  --_rp-card-bg: var(--rp-color-default);
-}
-.rp-card--borderless[data-v-269e2bc4] {
-  --_rp-card-border: transparent;
-}
-.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-269e2bc4] {
-  --_rp-card-padding: var(--rp-spacing-3);
-}
-.rp-card--padding-md[data-v-269e2bc4] {
-  --_rp-card-padding: var(--rp-spacing-5);
-}
-.rp-card--padding-lg[data-v-269e2bc4] {
-  --_rp-card-padding: var(--rp-spacing-6);
-}
-.rp-card--radius-none[data-v-269e2bc4] {
-  --_rp-card-radius: var(--rp-radius-none);
-}
-.rp-card--radius-xs[data-v-269e2bc4] {
-  --_rp-card-radius: var(--rp-radius-xs);
-}
-.rp-card--radius-sm[data-v-269e2bc4] {
-  --_rp-card-radius: var(--rp-radius-sm);
-}
-.rp-card--radius-md[data-v-269e2bc4] {
-  --_rp-card-radius: var(--rp-radius-md);
-}
-.rp-card--radius-lg[data-v-269e2bc4] {
-  --_rp-card-radius: var(--rp-radius-lg);
-}
-.rp-card--radius-xl[data-v-269e2bc4] {
-  --_rp-card-radius: var(--rp-radius-xl);
-}
-.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-269e2bc4], .rp-card__footer[data-v-269e2bc4] {
-  display: grid;
-  gap: var(--rp-spacing-1);
-}
-.rp-card__body[data-v-269e2bc4] {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--rp-color-text);
-  font-size: var(--rp-font-size-md);
-  line-height: var(--rp-line-height-md);
-}
-.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-xs);
-}
-.rp-card__description[data-v-269e2bc4] {
-  margin: 0;
-  color: var(--rp-color-dimmed);
-  font-size: var(--rp-font-size-sm);
-  line-height: var(--rp-line-height-md);
+@layer ropav.components {
+.rp-card[data-v-2c467155] {
+    --_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;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    overflow: hidden;
+    font-family: var(--rp-font-family);
+    color: var(--_rp-card-fg);
+    background-color: var(--_rp-card-bg);
+    border: var(--rp-border-width-thin) solid var(--_rp-card-border);
+    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-2c467155] {
+    --_rp-card-bg: var(--rp-color-body);
+}
+.rp-card--layer-surface[data-v-2c467155] {
+    --_rp-card-bg: var(--rp-color-default);
+}
+.rp-card--layer-raised[data-v-2c467155] {
+    --_rp-card-bg: var(--rp-color-default);
+}
+.rp-card--borderless[data-v-2c467155] {
+    --_rp-card-border: transparent;
+}
+.rp-card--header-bordered .rp-card__header[data-v-2c467155] {
+    border-bottom: var(--rp-border-width-thin) solid var(--_rp-card-header-border);
+}
+.rp-card--footer-bordered .rp-card__footer[data-v-2c467155] {
+    border-top: var(--rp-border-width-thin) solid var(--_rp-card-footer-border);
+}
+.rp-card--header-compact .rp-card__header[data-v-2c467155] {
+    padding-block-end: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--header-compact .rp-card__body[data-v-2c467155] {
+    padding-block-start: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--footer-compact .rp-card__body[data-v-2c467155] {
+    padding-block-end: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--footer-compact .rp-card__footer[data-v-2c467155] {
+    padding-block-start: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--padding-none[data-v-2c467155] {
+    --_rp-card-padding: var(--rp-spacing-0);
+}
+.rp-card--padding-sm[data-v-2c467155] {
+    --_rp-card-padding: var(--rp-spacing-3);
+}
+.rp-card--padding-md[data-v-2c467155] {
+    --_rp-card-padding: var(--rp-spacing-5);
+}
+.rp-card--padding-lg[data-v-2c467155] {
+    --_rp-card-padding: var(--rp-spacing-6);
+}
+.rp-card--radius-none[data-v-2c467155] {
+    --_rp-card-radius: var(--rp-radius-none);
+}
+.rp-card--radius-xs[data-v-2c467155] {
+    --_rp-card-radius: var(--rp-radius-xs);
+}
+.rp-card--radius-sm[data-v-2c467155] {
+    --_rp-card-radius: var(--rp-radius-sm);
+}
+.rp-card--radius-md[data-v-2c467155] {
+    --_rp-card-radius: var(--rp-radius-md);
+}
+.rp-card--radius-lg[data-v-2c467155] {
+    --_rp-card-radius: var(--rp-radius-lg);
+}
+.rp-card--radius-xl[data-v-2c467155] {
+    --_rp-card-radius: var(--rp-radius-xl);
+}
+.rp-card__header[data-v-2c467155], .rp-card__body[data-v-2c467155], .rp-card__footer[data-v-2c467155] {
+    box-sizing: border-box;
+    padding: var(--_rp-card-padding);
+}
+.rp-card__header[data-v-2c467155], .rp-card__footer[data-v-2c467155] {
+    display: grid;
+    gap: var(--rp-spacing-1);
+}
+.rp-card__body[data-v-2c467155] {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--rp-color-text);
+    font-size: var(--rp-font-size-md);
+    line-height: var(--rp-line-height-md);
+}
+.rp-card__title[data-v-2c467155] {
+    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-xs);
+}
+.rp-card__description[data-v-2c467155] {
+    margin: 0;
+    color: var(--rp-color-dimmed);
+    font-size: var(--rp-font-size-sm);
+    line-height: var(--rp-line-height-md);
+}
 }

package/dist/card.js

@@ -1,18 +1,18 @@
 import './card.css';
 import { t as bem } from "./bem.js";
+import { n as useStylesApi } from "./styles-api.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";
+import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, txt, unref, useSlots } from "vue";
 //#region src/components/card/card.vue?vue&type=script&setup=true&vapor=true&lang.ts
-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);
+var t0 = template("<div data-v-2c467155> ");
+var t1 = template("<p data-v-2c467155> ");
+var t2 = template("<div data-v-2c467155>");
+var t3 = template("<div data-v-2c467155>", 1);
 //#endregion
 //#region src/components/card/card.vue
 var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
 	name: "RpCard",
+	inheritAttrs: false,
 	__name: "card",
 	props: {
 		layer: {},
@@ -38,7 +38,9 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			String,
 			Object,
 			Array
-		] }
+		] },
+		classNames: {},
+		styles: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -60,22 +62,31 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			"footer-bordered": props.footerBorder,
 			"footer-compact": hasCompactFooterSpacing.value
 		}));
-		const n19 = t5();
-		renderEffect(() => setClass(n19, rootClass.value));
+		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
+		const rootAttrs = computed(() => getRootAttrs({ class: rootClass.value }));
+		const n19 = t3();
+		renderEffect(() => setDynamicProps(n19, [rootAttrs.value]));
 		setInsertionState(n19, null, 0);
 		createIf(() => hasHeader.value, () => {
 			const n10 = t2();
+			renderEffect(() => setDynamicProps(n10, [unref(getPartAttrs)("header", { class: "rp-card__header" })]));
 			setInsertionState(n10, null, 0);
 			createSlot("header", null, () => {
 				return [createIf(() => hasTitle.value, () => {
 					const n6 = t0();
 					const x6 = txt(n6);
-					renderEffect(() => setText(x6, toDisplayString(__props.title)));
+					renderEffect(() => {
+						setDynamicProps(n6, [unref(getPartAttrs)("title", { class: "rp-card__title" })]);
+						setText(x6, toDisplayString(__props.title));
+					});
 					return n6;
 				}), createIf(() => hasDescription.value, () => {
 					const n9 = t1();
 					const x9 = txt(n9);
-					renderEffect(() => setText(x9, toDisplayString(__props.description)));
+					renderEffect(() => {
+						setDynamicProps(n9, [unref(getPartAttrs)("description", { class: "rp-card__description" })]);
+						setText(x9, toDisplayString(__props.description));
+					});
 					return n9;
 				})];
 			}, 1);
@@ -83,21 +94,35 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		setInsertionState(n19, null, 1);
 		createIf(() => hasBody.value, () => {
-			const n14 = t3();
-			renderEffect(() => setClass(n14, ["rp-card__body", __props.bodyClass]));
+			const n14 = t2();
+			renderEffect(() => setDynamicProps(n14, [unref(getPartAttrs)("body", {
+				class: "rp-card__body",
+				compatibilityClass: __props.bodyClass
+			})]));
 			setInsertionState(n14, null, 0);
 			createSlot("default", null, null, 1);
 			return n14;
 		});
 		setInsertionState(n19, null, 2);
 		createIf(() => hasFooter.value, () => {
-			const n18 = t4();
+			const n18 = t2();
+			renderEffect(() => setDynamicProps(n18, [unref(getPartAttrs)("footer", { class: "rp-card__footer" })]));
 			setInsertionState(n18, null, 0);
 			createSlot("footer", null, null, 1);
 			return n18;
 		});
 		return n19;
 	}
-}), [["__scopeId", "data-v-269e2bc4"]]);
+}), [["__scopeId", "data-v-2c467155"]]);
 //#endregion
-export { card_default as t };
+//#region src/components/card/types.ts
+var cardParts = [
+	"root",
+	"header",
+	"title",
+	"description",
+	"body",
+	"footer"
+];
+//#endregion
+export { card_default as n, cardParts as t };

package/dist/checkbox.css

@@ -1,141 +1,143 @@
-.rp-checkbox[data-v-8af73824] {
-  --_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-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;
-  font-family: var(--rp-font-family);
-  user-select: none;
-  vertical-align: top;
-}
-.rp-checkbox--disabled[data-v-8af73824] {
-  opacity: var(--rp-opacity-disabled);
-  cursor: not-allowed;
-}
-.rp-checkbox[data-v-8af73824] {
-  gap: var(--rp-spacing-2);
-  font-size: var(--_rp-checkbox-font-size);
-}
-.rp-checkbox__native[data-v-8af73824] {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-  pointer-events: none;
-}
-.rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-8af73824] {
-  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] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--_rp-checkbox-size);
-  height: var(--_rp-checkbox-size);
-  flex-shrink: 0;
-  border: var(--rp-border-width-medium) solid var(--rp-color-control-border);
-  border-radius: var(--_rp-checkbox-radius);
-  background-color: var(--rp-color-control-bg);
-  transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast);
-}
-.rp-checkbox--checked .rp-checkbox__box[data-v-8af73824], .rp-checkbox--indeterminate .rp-checkbox__box[data-v-8af73824] {
-  background-color: var(--_rp-checkbox-checked-bg);
-  border-color: var(--_rp-checkbox-checked-border);
-}
-.rp-checkbox--invalid .rp-checkbox__box[data-v-8af73824] {
-  border-color: var(--_rp-checkbox-invalid-border);
-}
-.rp-checkbox--invalid .rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-8af73824] {
-  border-color: var(--_rp-checkbox-invalid-border);
-  box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-checkbox-invalid-ring);
-}
-.rp-checkbox__icon[data-v-8af73824] {
-  width: 60%;
-  height: 60%;
-  color: var(--_rp-checkbox-checked-icon);
-  transform-origin: center;
-}
-.rp-checkbox__icon[data-v-8af73824] [stroke-width] {
-  stroke-width: 3;
-}
-.rp-checkbox__label[data-v-8af73824] {
-  line-height: var(--rp-line-height-md);
-  color: var(--rp-color-text);
-}
-.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: 16px;
-  --_rp-checkbox-font-size: var(--rp-font-size-xs);
-}
-.rp-checkbox--size-sm[data-v-8af73824] {
-  --_rp-checkbox-size: 20px;
-  --_rp-checkbox-font-size: var(--rp-font-size-sm);
-}
-.rp-checkbox--size-md[data-v-8af73824] {
-  --_rp-checkbox-size: 24px;
-  --_rp-checkbox-font-size: var(--rp-font-size-md);
-}
-.rp-checkbox--size-lg[data-v-8af73824] {
-  --_rp-checkbox-size: 30px;
-  --_rp-checkbox-font-size: var(--rp-font-size-lg);
-}
-.rp-checkbox--size-xl[data-v-8af73824] {
-  --_rp-checkbox-size: 36px;
-  --_rp-checkbox-font-size: var(--rp-font-size-xl);
-}
-.rp-checkbox--radius-xs[data-v-8af73824] {
-  --_rp-checkbox-radius: 2px;
-}
-.rp-checkbox--radius-sm[data-v-8af73824] {
-  --_rp-checkbox-radius: 4px;
-}
-.rp-checkbox--radius-md[data-v-8af73824] {
-  --_rp-checkbox-radius: 6px;
-}
-.rp-checkbox--radius-lg[data-v-8af73824] {
-  --_rp-checkbox-radius: 8px;
-}
-.rp-checkbox--radius-xl[data-v-8af73824] {
-  --_rp-checkbox-radius: var(--rp-radius-full);
-}
-.rp-checkbox-icon-enter-active[data-v-8af73824],
-.rp-checkbox-icon-leave-active[data-v-8af73824] {
-  transition: opacity var(--rp-transition-base), transform var(--rp-transition-base);
-}
-.rp-checkbox-icon-enter-from[data-v-8af73824],
-.rp-checkbox-icon-leave-to[data-v-8af73824] {
-  opacity: 0;
-  transform: translateY(3px) scale(0.85);
-}
-.rp-checkbox-icon-enter-to[data-v-8af73824],
-.rp-checkbox-icon-leave-from[data-v-8af73824] {
-  opacity: 1;
-  transform: translateY(0) scale(1);
-}
-.rp-checkbox-icon-leave-to[data-v-8af73824] {
-  transform: translateY(-3px) scale(0.85);
+@layer ropav.components {
+.rp-checkbox[data-v-cc3e1126] {
+    --_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-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;
+    font-family: var(--rp-font-family);
+    user-select: none;
+    vertical-align: top;
+}
+.rp-checkbox--disabled[data-v-cc3e1126] {
+    opacity: var(--rp-opacity-disabled);
+    cursor: not-allowed;
+}
+.rp-checkbox[data-v-cc3e1126] {
+    gap: var(--rp-spacing-2);
+    font-size: var(--_rp-checkbox-font-size);
+}
+.rp-checkbox__native[data-v-cc3e1126] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+    pointer-events: none;
+}
+.rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-cc3e1126] {
+    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-cc3e1126] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--_rp-checkbox-size);
+    height: var(--_rp-checkbox-size);
+    flex-shrink: 0;
+    border: var(--rp-border-width-medium) solid var(--rp-color-control-border);
+    border-radius: var(--_rp-checkbox-radius);
+    background-color: var(--rp-color-control-bg);
+    transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast);
+}
+.rp-checkbox--checked .rp-checkbox__box[data-v-cc3e1126], .rp-checkbox--indeterminate .rp-checkbox__box[data-v-cc3e1126] {
+    background-color: var(--_rp-checkbox-checked-bg);
+    border-color: var(--_rp-checkbox-checked-border);
+}
+.rp-checkbox--invalid .rp-checkbox__box[data-v-cc3e1126] {
+    border-color: var(--_rp-checkbox-invalid-border);
+}
+.rp-checkbox--invalid .rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-cc3e1126] {
+    border-color: var(--_rp-checkbox-invalid-border);
+    box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-checkbox-invalid-ring);
+}
+.rp-checkbox__icon[data-v-cc3e1126] {
+    width: 60%;
+    height: 60%;
+    color: var(--_rp-checkbox-checked-icon);
+    transform-origin: center;
+}
+.rp-checkbox__icon[data-v-cc3e1126] [stroke-width] {
+    stroke-width: 3;
+}
+.rp-checkbox__label[data-v-cc3e1126] {
+    line-height: var(--rp-line-height-md);
+    color: var(--rp-color-text);
+}
+.rp-checkbox--outline[data-v-cc3e1126] {
+    --_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-cc3e1126] {
+    --_rp-checkbox-size: 16px;
+    --_rp-checkbox-font-size: var(--rp-font-size-xs);
+}
+.rp-checkbox--size-sm[data-v-cc3e1126] {
+    --_rp-checkbox-size: 20px;
+    --_rp-checkbox-font-size: var(--rp-font-size-sm);
+}
+.rp-checkbox--size-md[data-v-cc3e1126] {
+    --_rp-checkbox-size: 24px;
+    --_rp-checkbox-font-size: var(--rp-font-size-md);
+}
+.rp-checkbox--size-lg[data-v-cc3e1126] {
+    --_rp-checkbox-size: 30px;
+    --_rp-checkbox-font-size: var(--rp-font-size-lg);
+}
+.rp-checkbox--size-xl[data-v-cc3e1126] {
+    --_rp-checkbox-size: 36px;
+    --_rp-checkbox-font-size: var(--rp-font-size-xl);
+}
+.rp-checkbox--radius-xs[data-v-cc3e1126] {
+    --_rp-checkbox-radius: 2px;
+}
+.rp-checkbox--radius-sm[data-v-cc3e1126] {
+    --_rp-checkbox-radius: 4px;
+}
+.rp-checkbox--radius-md[data-v-cc3e1126] {
+    --_rp-checkbox-radius: 6px;
+}
+.rp-checkbox--radius-lg[data-v-cc3e1126] {
+    --_rp-checkbox-radius: 8px;
+}
+.rp-checkbox--radius-xl[data-v-cc3e1126] {
+    --_rp-checkbox-radius: var(--rp-radius-full);
+}
+.rp-checkbox-icon-enter-active[data-v-cc3e1126],
+  .rp-checkbox-icon-leave-active[data-v-cc3e1126] {
+    transition: opacity var(--rp-transition-base), transform var(--rp-transition-base);
+}
+.rp-checkbox-icon-enter-from[data-v-cc3e1126],
+  .rp-checkbox-icon-leave-to[data-v-cc3e1126] {
+    opacity: 0;
+    transform: translateY(3px) scale(0.85);
+}
+.rp-checkbox-icon-enter-to[data-v-cc3e1126],
+  .rp-checkbox-icon-leave-from[data-v-cc3e1126] {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+}
+.rp-checkbox-icon-leave-to[data-v-cc3e1126] {
+    transform: translateY(-3px) scale(0.85);
 }
 @media (prefers-reduced-motion: reduce) {
-.rp-checkbox-icon-enter-active[data-v-8af73824],
-  .rp-checkbox-icon-leave-active[data-v-8af73824] {
-    transition: none;
+.rp-checkbox-icon-enter-active[data-v-cc3e1126],
+    .rp-checkbox-icon-leave-active[data-v-cc3e1126] {
+      transition: none;
+}
 }
 }