ropav 0.0.6 → 0.0.7

package/dist/badge.css

@@ -0,0 +1,169 @@
+.rp-badge[data-v-ab51b365] {
+  --_rp-badge-accent: var(--_rp-badge-custom-color, var(--rp-color-primary));
+  --_rp-badge-accent-fg: var(--_rp-badge-custom-fg, var(--rp-color-primary-fg));
+  --_rp-badge-accent-on: var(--_rp-badge-custom-on, var(--rp-color-on-primary));
+  --_rp-badge-accent-subtle-bg: var(
+      --_rp-badge-custom-subtle-bg,
+      var(--rp-color-primary-subtle-bg)
+  );
+  --_rp-badge-accent-border: var(--_rp-badge-custom-border, var(--rp-color-primary-border));
+  --_rp-badge-height: 1.5rem;
+  --_rp-badge-padding-x: var(--rp-spacing-2);
+  --_rp-badge-font-size: var(--rp-font-size-sm);
+  --_rp-badge-radius: var(--rp-radius-full);
+  --_rp-badge-bg: var(--rp-color-button-default-bg);
+  --_rp-badge-fg: var(--rp-color-text);
+  --_rp-badge-border: var(--rp-color-border);
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 100%;
+  min-width: 0;
+  height: var(--_rp-badge-height);
+  padding: 0 var(--_rp-badge-padding-x);
+  gap: var(--rp-spacing-1);
+  color: var(--_rp-badge-fg);
+  font-family: var(--rp-font-family);
+  font-size: var(--_rp-badge-font-size);
+  font-weight: var(--rp-font-weight-medium);
+  line-height: var(--rp-line-height-none);
+  vertical-align: middle;
+  white-space: nowrap;
+  background-color: var(--_rp-badge-bg);
+  border: var(--rp-border-width-thin) solid var(--_rp-badge-border);
+  border-radius: var(--_rp-badge-radius);
+  transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast), border-color var(--rp-transition-fast);
+}
+.rp-badge--color-primary[data-v-ab51b365] {
+  --_rp-badge-accent: var(--rp-color-primary);
+  --_rp-badge-accent-fg: var(--rp-color-primary-fg);
+  --_rp-badge-accent-on: var(--rp-color-on-primary);
+  --_rp-badge-accent-subtle-bg: var(--rp-color-primary-subtle-bg);
+  --_rp-badge-accent-border: var(--rp-color-primary-border);
+}
+.rp-badge--color-secondary[data-v-ab51b365] {
+  --_rp-badge-accent: var(--rp-color-secondary);
+  --_rp-badge-accent-fg: var(--rp-color-secondary-fg);
+  --_rp-badge-accent-on: var(--rp-color-on-secondary);
+  --_rp-badge-accent-subtle-bg: var(--rp-color-secondary-subtle-bg);
+  --_rp-badge-accent-border: var(--rp-color-secondary-border);
+}
+.rp-badge--color-success[data-v-ab51b365] {
+  --_rp-badge-accent: var(--rp-color-success);
+  --_rp-badge-accent-fg: var(--rp-color-success-fg);
+  --_rp-badge-accent-on: var(--rp-color-on-success);
+  --_rp-badge-accent-subtle-bg: var(--rp-color-success-subtle-bg);
+  --_rp-badge-accent-border: var(--rp-color-success-border);
+}
+.rp-badge--color-warning[data-v-ab51b365] {
+  --_rp-badge-accent: var(--rp-color-warning);
+  --_rp-badge-accent-fg: var(--rp-color-warning-fg);
+  --_rp-badge-accent-on: var(--rp-color-on-warning);
+  --_rp-badge-accent-subtle-bg: var(--rp-color-warning-subtle-bg);
+  --_rp-badge-accent-border: var(--rp-color-warning-border);
+}
+.rp-badge--color-danger[data-v-ab51b365] {
+  --_rp-badge-accent: var(--rp-color-danger);
+  --_rp-badge-accent-fg: var(--rp-color-danger-fg);
+  --_rp-badge-accent-on: var(--rp-color-on-danger);
+  --_rp-badge-accent-subtle-bg: var(--rp-color-danger-subtle-bg);
+  --_rp-badge-accent-border: var(--rp-color-danger-border);
+}
+.rp-badge--color-info[data-v-ab51b365] {
+  --_rp-badge-accent: var(--rp-color-info);
+  --_rp-badge-accent-fg: var(--rp-color-info-fg);
+  --_rp-badge-accent-on: var(--rp-color-on-info);
+  --_rp-badge-accent-subtle-bg: var(--rp-color-info-subtle-bg);
+  --_rp-badge-accent-border: var(--rp-color-info-border);
+}
+.rp-badge--color-neutral[data-v-ab51b365] {
+  --_rp-badge-accent: var(--rp-color-neutral);
+  --_rp-badge-accent-fg: var(--rp-color-neutral-fg);
+  --_rp-badge-accent-on: var(--rp-color-on-neutral);
+  --_rp-badge-accent-subtle-bg: var(--rp-color-neutral-subtle-bg);
+  --_rp-badge-accent-border: var(--rp-color-neutral-border);
+}
+.rp-badge--solid[data-v-ab51b365] {
+  --_rp-badge-bg: var(--_rp-badge-accent);
+  --_rp-badge-fg: var(--_rp-badge-accent-on);
+  --_rp-badge-border: var(--_rp-badge-accent);
+}
+.rp-badge--subtle[data-v-ab51b365] {
+  --_rp-badge-bg: var(--_rp-badge-accent-subtle-bg);
+  --_rp-badge-fg: var(--_rp-badge-accent-fg);
+  --_rp-badge-border: transparent;
+}
+.rp-badge--surface[data-v-ab51b365] {
+  --_rp-badge-bg: var(--_rp-badge-accent-subtle-bg);
+  --_rp-badge-fg: var(--_rp-badge-accent-fg);
+  --_rp-badge-border: var(--_rp-badge-accent-border);
+}
+.rp-badge--outline[data-v-ab51b365] {
+  --_rp-badge-bg: transparent;
+  --_rp-badge-fg: var(--_rp-badge-accent-fg);
+  --_rp-badge-border: var(--_rp-badge-accent-border);
+}
+.rp-badge--size-xs[data-v-ab51b365] {
+  --_rp-badge-height: 1rem;
+  --_rp-badge-padding-x: var(--rp-spacing-1);
+  --_rp-badge-font-size: var(--rp-font-size-xs);
+}
+.rp-badge--size-sm[data-v-ab51b365] {
+  --_rp-badge-height: 1.25rem;
+  --_rp-badge-padding-x: var(--rp-spacing-2);
+  --_rp-badge-font-size: var(--rp-font-size-xs);
+}
+.rp-badge--size-md[data-v-ab51b365] {
+  --_rp-badge-height: 1.5rem;
+  --_rp-badge-padding-x: var(--rp-spacing-2);
+  --_rp-badge-font-size: var(--rp-font-size-sm);
+}
+.rp-badge--size-lg[data-v-ab51b365] {
+  --_rp-badge-height: 1.75rem;
+  --_rp-badge-padding-x: var(--rp-spacing-3);
+  --_rp-badge-font-size: var(--rp-font-size-base);
+}
+.rp-badge--size-xl[data-v-ab51b365] {
+  --_rp-badge-height: 2rem;
+  --_rp-badge-padding-x: var(--rp-spacing-4);
+  --_rp-badge-font-size: var(--rp-font-size-base);
+}
+.rp-badge--radius-none[data-v-ab51b365] {
+  --_rp-badge-radius: var(--rp-radius-none);
+}
+.rp-badge--radius-xs[data-v-ab51b365] {
+  --_rp-badge-radius: var(--rp-radius-xs);
+}
+.rp-badge--radius-sm[data-v-ab51b365] {
+  --_rp-badge-radius: var(--rp-radius-sm);
+}
+.rp-badge--radius-md[data-v-ab51b365] {
+  --_rp-badge-radius: var(--rp-radius-md);
+}
+.rp-badge--radius-lg[data-v-ab51b365] {
+  --_rp-badge-radius: var(--rp-radius-lg);
+}
+.rp-badge--radius-xl[data-v-ab51b365] {
+  --_rp-badge-radius: var(--rp-radius-xl);
+}
+.rp-badge--radius-full[data-v-ab51b365] {
+  --_rp-badge-radius: var(--rp-radius-full);
+}
+.rp-badge__left[data-v-ab51b365], .rp-badge__right[data-v-ab51b365] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  line-height: 0;
+}
+.rp-badge__left[data-v-ab51b365] >  svg, .rp-badge__right[data-v-ab51b365] >  svg {
+  display: block;
+  width: 1em;
+  height: 1em;
+}
+.rp-badge__label[data-v-ab51b365] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/dist/badge.js

@@ -0,0 +1,103 @@
+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 };
+
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+//#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 };
+
+//# sourceMappingURL=bem.js.map

package/dist/bem.js.map

@@ -0,0 +1 @@
+{"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.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);

package/dist/button-group.js.map

@@ -1 +1 @@
-{"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"}
+{"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

@@ -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>");

package/dist/button.js.map

@@ -1 +1 @@
-{"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"}
+{"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

@@ -1,5 +1,6 @@
 import './card.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, createIf, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, setText, template, toDisplayString, txt } 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> ");

package/dist/card.js.map

@@ -1 +1 @@
-{"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"}
+{"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"}

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

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../src/components/checkbox/useCheckbox.ts","../src/components/checkbox/checkbox.vue","../src/components/checkbox/checkbox.vue"],"sourcesContent":["import { computed, type CSSProperties } from 'vue';\nimport { useControlState } from '@/composables/useControlState';\nimport { getComponentCustomColor, isComponentPresetColor } from '@/utils/componentColors';\nimport { bem } from '@/utils/bem';\nimport type { CheckboxProps } from './types';\n\nfunction getCheckboxColorStyle(color: CheckboxProps['color']) {\n    const customColor = getComponentCustomColor(color);\n    if (!customColor) return undefined;\n\n    return {\n        '--_rp-checkbox-custom-color': customColor,\n        '--_rp-checkbox-custom-on-color': 'var(--rp-color-on-primary)',\n    } satisfies CSSProperties;\n}\n\nexport function useCheckbox(props: Readonly<CheckboxProps>, emitUpdate: (value: boolean) => void) {\n    const control = useControlState(props);\n\n    const rootClass = computed(() =>\n        bem('rp-checkbox', {\n            checked: props.modelValue,\n            indeterminate: props.indeterminate,\n            disabled: control.disabled,\n            invalid: control.invalid,\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\n    const rootStyle = computed(() => getCheckboxColorStyle(props.color));\n\n    function onChange(e: Event) {\n        emitUpdate((e.target as HTMLInputElement).checked);\n    }\n\n    return {\n        control,\n        rootClass,\n        rootStyle,\n        onChange,\n    };\n}\n","<template>\n    <label\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        :data-disabled=\"control.disabled || undefined\"\n        :data-state=\"indeterminate ? 'indeterminate' : modelValue ? 'checked' : 'unchecked'\"\n    >\n        <input\n            :id=\"control.id\"\n            :name=\"name\"\n            type=\"checkbox\"\n            class=\"rp-checkbox__native\"\n            :checked=\"modelValue\"\n            :disabled=\"control.disabled || undefined\"\n            :required=\"control.required || undefined\"\n            :indeterminate=\"indeterminate\"\n            :aria-checked=\"indeterminate ? 'mixed' : modelValue\"\n            :aria-label=\"ariaLabel || undefined\"\n            :aria-labelledby=\"control.ariaLabelledby\"\n            :aria-describedby=\"control.ariaDescribedby\"\n            :aria-invalid=\"control.invalid || undefined\"\n            :aria-required=\"control.required || undefined\"\n            @change=\"onChange\"\n        />\n        <span class=\"rp-checkbox__box\">\n            <Transition name=\"rp-checkbox-icon\" mode=\"out-in\">\n                <MinusIcon v-if=\"indeterminate\" key=\"minus\" class=\"rp-checkbox__icon\" />\n                <CheckIcon v-else-if=\"modelValue\" key=\"check\" class=\"rp-checkbox__icon\" />\n            </Transition>\n        </span>\n        <span v-if=\"$slots.default\" class=\"rp-checkbox__label\">\n            <slot />\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport CheckIcon from '~icons/lucide/check';\nimport MinusIcon from '~icons/lucide/minus';\nimport { useCheckbox } from './useCheckbox';\nimport type { CheckboxProps } from './types';\n\ndefineOptions({ name: 'RpCheckbox' });\n\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    indeterminate: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: boolean];\n}>();\n\nconst { control, rootClass, rootStyle, onChange } = useCheckbox(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./checkbox.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <label\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        :data-disabled=\"control.disabled || undefined\"\n        :data-state=\"indeterminate ? 'indeterminate' : modelValue ? 'checked' : 'unchecked'\"\n    >\n        <input\n            :id=\"control.id\"\n            :name=\"name\"\n            type=\"checkbox\"\n            class=\"rp-checkbox__native\"\n            :checked=\"modelValue\"\n            :disabled=\"control.disabled || undefined\"\n            :required=\"control.required || undefined\"\n            :indeterminate=\"indeterminate\"\n            :aria-checked=\"indeterminate ? 'mixed' : modelValue\"\n            :aria-label=\"ariaLabel || undefined\"\n            :aria-labelledby=\"control.ariaLabelledby\"\n            :aria-describedby=\"control.ariaDescribedby\"\n            :aria-invalid=\"control.invalid || undefined\"\n            :aria-required=\"control.required || undefined\"\n            @change=\"onChange\"\n        />\n        <span class=\"rp-checkbox__box\">\n            <Transition name=\"rp-checkbox-icon\" mode=\"out-in\">\n                <MinusIcon v-if=\"indeterminate\" key=\"minus\" class=\"rp-checkbox__icon\" />\n                <CheckIcon v-else-if=\"modelValue\" key=\"check\" class=\"rp-checkbox__icon\" />\n            </Transition>\n        </span>\n        <span v-if=\"$slots.default\" class=\"rp-checkbox__label\">\n            <slot />\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport CheckIcon from '~icons/lucide/check';\nimport MinusIcon from '~icons/lucide/minus';\nimport { useCheckbox } from './useCheckbox';\nimport type { CheckboxProps } from './types';\n\ndefineOptions({ name: 'RpCheckbox' });\n\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    indeterminate: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: boolean];\n}>();\n\nconst { control, rootClass, rootStyle, onChange } = useCheckbox(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./checkbox.scss\" lang=\"scss\" scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,sBAAsB,OAA+B;CAC1D,MAAM,cAAc,wBAAwB,KAAK;CACjD,IAAI,CAAC,aAAa,OAAO,KAAA;CAEzB,OAAO;EACH,+BAA+B;EAC/B,kCAAkC;CACtC;AACJ;AAEA,SAAgB,YAAY,OAAgC,YAAsC;CAC9F,MAAM,UAAU,gBAAgB,KAAK;CAErC,MAAM,YAAY,eACd,IAAI,eAAe;EACf,SAAS,MAAM;EACf,eAAe,MAAM;EACrB,UAAU,QAAQ;EAClB,SAAS,QAAQ;GAChB,MAAM,WAAW,KAAK,QAAQ,MAAM,OAAO;GAC3C,SAAS,MAAM,UAAU,uBAAuB,MAAM,KAAK;GAC3D,QAAQ,MAAM,SAAS,QAAQ,MAAM,IAAI;GACzC,UAAU,MAAM,WAAW,QAAQ,MAAM,MAAM;CACpD,CAAC,CACL;CAEA,MAAM,YAAY,eAAe,sBAAsB,MAAM,KAAK,CAAC;CAEnE,SAAS,SAAS,GAAU;EACxB,WAAY,EAAE,OAA4B,OAAO;CACrD;CAEA,OAAO;EACH;EACA;EACA;EACA;CACJ;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECAA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAIb,MAAM,EAAE,SAAS,WAAW,WAAW,aAAa,YAAY,QAAQ,UAAU;GAC9E,KAAK,qBAAqB,KAAK;EACnC,CAAC;;;;SAnCY,WAAM,MAAE,MAAA,QAAA,CAAQ,CAAA,CAAA,CAAA;;;;;;;iBApBb,MAAA,SAAA,CAAS;iBACT,MAAA,SAAA,CAAS;gBAChB,iBAAe,qBAAoB,KAAA,CAAS;gBAC5C,cAAY,iBAAa,kBAAqB,cAAU,YAAA,WAAA;eAGpD,MAAI,SAAO,EAAA;eACX,QAAM,QAAA,IAAI;eAGV,WAAS,WAAU;eACnB,YAAU,qBAAoB,KAAA,CAAS;eACvC,YAAU,qBAAoB,KAAA,CAAS;eACvC,iBAAe,cAAa;eAC5B,gBAAc,iBAAa,UAAa,WAAU;eAClD,cAAY,QAAA,aAAa,KAAA,CAAS;eAClC,mBAAiB,SAAO,cAAA;eACxB,oBAAkB,SAAO,eAAA;eACzB,gBAAc,SAAO,WAAY,KAAA,CAAS;eAC1C,iBAAe,qBAAoB,KAAA,CAAS;;;;GAIjC,MAAK;GAAmB,MAAK;;yBACpB,QAAA,qBAAa;uDAAc,OAAM,oBAAmB,CAAA;oBAAjC,OAAO;;2BACrB,QAAA,kBAAU;uDAAc,OAAM,oBAAmB,CAAA;oBAAjC,OAAO;;;;;iBAGzC,OAAM,eAAA"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../src/components/checkbox/useCheckbox.ts","../src/components/checkbox/checkbox.vue","../src/components/checkbox/checkbox.vue"],"sourcesContent":["import { computed, type CSSProperties } from 'vue';\nimport { useControlState } from '@/composables/useControlState';\nimport { getComponentCustomColor, isComponentPresetColor } from '@/utils/componentColors';\nimport { bem } from '@/utils/bem';\nimport type { CheckboxProps } from './types';\n\nfunction getCheckboxColorStyle(color: CheckboxProps['color']) {\n    const customColor = getComponentCustomColor(color);\n    if (!customColor) return undefined;\n\n    return {\n        '--_rp-checkbox-custom-color': customColor,\n        '--_rp-checkbox-custom-on-color': 'var(--rp-color-on-primary)',\n    } satisfies CSSProperties;\n}\n\nexport function useCheckbox(props: Readonly<CheckboxProps>, emitUpdate: (value: boolean) => void) {\n    const control = useControlState(props);\n\n    const rootClass = computed(() =>\n        bem('rp-checkbox', {\n            checked: props.modelValue,\n            indeterminate: props.indeterminate,\n            disabled: control.disabled,\n            invalid: control.invalid,\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\n    const rootStyle = computed(() => getCheckboxColorStyle(props.color));\n\n    function onChange(e: Event) {\n        emitUpdate((e.target as HTMLInputElement).checked);\n    }\n\n    return {\n        control,\n        rootClass,\n        rootStyle,\n        onChange,\n    };\n}\n","<template>\n    <label\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        :data-disabled=\"control.disabled || undefined\"\n        :data-state=\"indeterminate ? 'indeterminate' : modelValue ? 'checked' : 'unchecked'\"\n    >\n        <input\n            :id=\"control.id\"\n            :name=\"name\"\n            type=\"checkbox\"\n            class=\"rp-checkbox__native\"\n            :checked=\"modelValue\"\n            :disabled=\"control.disabled || undefined\"\n            :required=\"control.required || undefined\"\n            :indeterminate=\"indeterminate\"\n            :aria-checked=\"indeterminate ? 'mixed' : modelValue\"\n            :aria-label=\"ariaLabel || undefined\"\n            :aria-labelledby=\"control.ariaLabelledby\"\n            :aria-describedby=\"control.ariaDescribedby\"\n            :aria-invalid=\"control.invalid || undefined\"\n            :aria-required=\"control.required || undefined\"\n            @change=\"onChange\"\n        />\n        <span class=\"rp-checkbox__box\">\n            <Transition name=\"rp-checkbox-icon\" mode=\"out-in\">\n                <MinusIcon v-if=\"indeterminate\" key=\"minus\" class=\"rp-checkbox__icon\" />\n                <CheckIcon v-else-if=\"modelValue\" key=\"check\" class=\"rp-checkbox__icon\" />\n            </Transition>\n        </span>\n        <span v-if=\"$slots.default\" class=\"rp-checkbox__label\">\n            <slot />\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport CheckIcon from '~icons/lucide/check';\nimport MinusIcon from '~icons/lucide/minus';\nimport { useCheckbox } from './useCheckbox';\nimport type { CheckboxProps } from './types';\n\ndefineOptions({ name: 'RpCheckbox' });\n\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    indeterminate: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: boolean];\n}>();\n\nconst { control, rootClass, rootStyle, onChange } = useCheckbox(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./checkbox.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <label\n        :class=\"rootClass\"\n        :style=\"rootStyle\"\n        :data-disabled=\"control.disabled || undefined\"\n        :data-state=\"indeterminate ? 'indeterminate' : modelValue ? 'checked' : 'unchecked'\"\n    >\n        <input\n            :id=\"control.id\"\n            :name=\"name\"\n            type=\"checkbox\"\n            class=\"rp-checkbox__native\"\n            :checked=\"modelValue\"\n            :disabled=\"control.disabled || undefined\"\n            :required=\"control.required || undefined\"\n            :indeterminate=\"indeterminate\"\n            :aria-checked=\"indeterminate ? 'mixed' : modelValue\"\n            :aria-label=\"ariaLabel || undefined\"\n            :aria-labelledby=\"control.ariaLabelledby\"\n            :aria-describedby=\"control.ariaDescribedby\"\n            :aria-invalid=\"control.invalid || undefined\"\n            :aria-required=\"control.required || undefined\"\n            @change=\"onChange\"\n        />\n        <span class=\"rp-checkbox__box\">\n            <Transition name=\"rp-checkbox-icon\" mode=\"out-in\">\n                <MinusIcon v-if=\"indeterminate\" key=\"minus\" class=\"rp-checkbox__icon\" />\n                <CheckIcon v-else-if=\"modelValue\" key=\"check\" class=\"rp-checkbox__icon\" />\n            </Transition>\n        </span>\n        <span v-if=\"$slots.default\" class=\"rp-checkbox__label\">\n            <slot />\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport CheckIcon from '~icons/lucide/check';\nimport MinusIcon from '~icons/lucide/minus';\nimport { useCheckbox } from './useCheckbox';\nimport type { CheckboxProps } from './types';\n\ndefineOptions({ name: 'RpCheckbox' });\n\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    indeterminate: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: boolean];\n}>();\n\nconst { control, rootClass, rootStyle, onChange } = useCheckbox(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./checkbox.scss\" lang=\"scss\" scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,sBAAsB,OAA+B;CAC1D,MAAM,cAAc,wBAAwB,KAAK;CACjD,IAAI,CAAC,aAAa,OAAO,KAAA;CAEzB,OAAO;EACH,+BAA+B;EAC/B,kCAAkC;CACtC;AACJ;AAEA,SAAgB,YAAY,OAAgC,YAAsC;CAC9F,MAAM,UAAU,gBAAgB,KAAK;CAErC,MAAM,YAAY,eACd,IAAI,eAAe;EACf,SAAS,MAAM;EACf,eAAe,MAAM;EACrB,UAAU,QAAQ;EAClB,SAAS,QAAQ;GAChB,MAAM,WAAW,KAAK,QAAQ,MAAM,OAAO;GAC3C,SAAS,MAAM,UAAU,uBAAuB,MAAM,KAAK;GAC3D,QAAQ,MAAM,SAAS,QAAQ,MAAM,IAAI;GACzC,UAAU,MAAM,WAAW,QAAQ,MAAM,MAAM;CACpD,CAAC,CACL;CAEA,MAAM,YAAY,eAAe,sBAAsB,MAAM,KAAK,CAAC;CAEnE,SAAS,SAAS,GAAU;EACxB,WAAY,EAAE,OAA4B,OAAO;CACrD;CAEA,OAAO;EACH;EACA;EACA;EACA;CACJ;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECAA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAIb,MAAM,EAAE,SAAS,WAAW,WAAW,aAAa,YAAY,QAAQ,UAAU;GAC9E,KAAK,qBAAqB,KAAK;EACnC,CAAC;;;;SAnCY,WAAM,MAAE,MAAA,QAAA,CAAQ,CAAA,CAAA,CAAA;;;;;;;iBApBb,MAAA,SAAA,CAAS;iBACT,MAAA,SAAA,CAAS;gBAChB,iBAAe,qBAAoB,KAAA,CAAS;gBAC5C,cAAY,iBAAa,kBAAqB,cAAU,YAAA,WAAA;eAGpD,MAAI,SAAO,EAAA;eACX,QAAM,QAAA,IAAI;eAGV,WAAS,WAAU;eACnB,YAAU,qBAAoB,KAAA,CAAS;eACvC,YAAU,qBAAoB,KAAA,CAAS;eACvC,iBAAe,cAAa;eAC5B,gBAAc,iBAAa,UAAa,WAAU;eAClD,cAAY,QAAA,aAAa,KAAA,CAAS;eAClC,mBAAiB,SAAO,cAAA;eACxB,oBAAkB,SAAO,eAAA;eACzB,gBAAc,SAAO,WAAY,KAAA,CAAS;eAC1C,iBAAe,qBAAoB,KAAA,CAAS;;;;GAIjC,MAAK;GAAmB,MAAK;;yBACpB,QAAA,qBAAa;uDAAc,OAAM,oBAAmB,CAAA;oBAAjC,OAAO;;2BACrB,QAAA,kBAAU;uDAAc,OAAM,oBAAmB,CAAA;oBAAjC,OAAO;;;;;iBAGzC,OAAM,eAAA"}

package/dist/collapse.css

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

package/dist/collapse.js

@@ -0,0 +1,68 @@
+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-f5b999da><div data-v-f5b999da class=rp-collapse__inner>");
+var t1 = template("<div data-v-f5b999da>", 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
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		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-f5b999da"]]);
+//#endregion
+export { collapse_default as t };
+
+//# sourceMappingURL=collapse.js.map

package/dist/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","names":[],"sources":["../src/components/collapse/collapse.vue","../src/components/collapse/collapse.vue"],"sourcesContent":["<template>\n    <div v-bind=\"rootProps\">\n        <slot name=\"trigger\" v-bind=\"triggerSlotProps\" />\n\n        <Transition name=\"rp-collapse-content\">\n            <section v-if=\"shouldRenderContent\" v-show=\"isOpen\" v-bind=\"contentProps\">\n                <div class=\"rp-collapse__inner\">\n                    <slot v-bind=\"contentSlotProps\" />\n                </div>\n            </section>\n        </Transition>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useCollapse } from './useCollapse';\nimport type { CollapseProps } from './types';\n\ndefineOptions({ name: 'RpCollapse' });\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    unmountOnExit: false,\n    role: 'region',\n});\n\nconst emit = defineEmits<{\n    'update:open': [value: boolean];\n}>();\n\nconst { isOpen, shouldRenderContent, rootProps, contentProps, triggerSlotProps, contentSlotProps } =\n    useCollapse(props, (open) => {\n        emit('update:open', open);\n    });\n</script>\n\n<style src=\"./collapse.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div v-bind=\"rootProps\">\n        <slot name=\"trigger\" v-bind=\"triggerSlotProps\" />\n\n        <Transition name=\"rp-collapse-content\">\n            <section v-if=\"shouldRenderContent\" v-show=\"isOpen\" v-bind=\"contentProps\">\n                <div class=\"rp-collapse__inner\">\n                    <slot v-bind=\"contentSlotProps\" />\n                </div>\n            </section>\n        </Transition>\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useCollapse } from './useCollapse';\nimport type { CollapseProps } from './types';\n\ndefineOptions({ name: 'RpCollapse' });\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    unmountOnExit: false,\n    role: 'region',\n});\n\nconst emit = defineEmits<{\n    'update:open': [value: boolean];\n}>();\n\nconst { isOpen, shouldRenderContent, rootProps, contentProps, triggerSlotProps, contentSlotProps } =\n    useCollapse(props, (open) => {\n        emit('update:open', open);\n    });\n</script>\n\n<style src=\"./collapse.scss\" lang=\"scss\" scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAIb,MAAM,EAAE,QAAQ,qBAAqB,WAAW,cAAc,kBAAkB,qBAC5E,YAAY,QAAQ,SAAS;GACzB,KAAK,eAAe,IAAI;EAC5B,CAAC;;0CAlCY,MAAA,SAAA,CAAS,CAAA,CAAA;;aACZ,WAAc,EAAA,GAAA,OAAS,MAAA,gBAAA,CAAA,EAAA,GAAA,MAAA,CAAA;;;GAEjB,MAAK;GAAjB,WAMa;;yBALM,MAAA,mBAAA,SAAmB;;;4CAA0B,MAAA,YAAA,CAAY,CAAA,CAAA;;sCAElD,MAAA,gBAAA,CAAA,EAAA,GAAA,MAAA,CAAA;yBAFsB,MAAA,MAAA,CAAM"}