ropav 0.0.5 → 0.0.7

package/dist/checkbox.css

@@ -1,15 +1,18 @@
-.rp-checkbox[data-v-7333dac7] {
-  --_checkbox-color: var(--rp-color-control-selected-bg);
-  --_checkbox-on-color: var(--rp-color-control-selected-fg);
-  --_checkbox-size: 18px;
-  --_checkbox-icon-size: 14px;
-  --_checkbox-font-size: var(--rp-font-size-base);
-  --_checkbox-radius: 4px;
-  --_checkbox-checked-bg: var(--_checkbox-color);
-  --_checkbox-checked-border: var(--_checkbox-color);
-  --_checkbox-checked-icon: var(--_checkbox-on-color);
-  --_checkbox-invalid-border: var(--rp-color-danger);
-  --_checkbox-invalid-ring: color-mix(in srgb, var(--rp-color-danger) 32%, transparent);
+.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-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);
   display: inline-flex;
   align-items: center;
   cursor: pointer;
@@ -17,19 +20,19 @@
   user-select: none;
   vertical-align: top;
 }
-html.dark .rp-checkbox[data-v-7333dac7] {
-  --_checkbox-invalid-border: var(--rp-color-danger-fg);
-  --_checkbox-invalid-ring: color-mix(in srgb, var(--rp-color-danger-fg) 32%, transparent);
+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-7333dac7] {
+.rp-checkbox--disabled[data-v-8af73824] {
   opacity: var(--rp-opacity-disabled);
   cursor: not-allowed;
 }
-.rp-checkbox[data-v-7333dac7] {
+.rp-checkbox[data-v-8af73824] {
   gap: var(--rp-spacing-2);
-  font-size: var(--_checkbox-font-size);
+  font-size: var(--_rp-checkbox-font-size);
 }
-.rp-checkbox__native[data-v-7333dac7] {
+.rp-checkbox__native[data-v-8af73824] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -41,139 +44,139 @@ html.dark .rp-checkbox[data-v-7333dac7] {
   border-width: 0;
   pointer-events: none;
 }
-.rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-7333dac7] {
+.rp-checkbox__native:focus-visible + .rp-checkbox__box[data-v-8af73824] {
   border-color: var(--rp-color-primary);
   box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-checkbox__box[data-v-7333dac7] {
+.rp-checkbox__box[data-v-8af73824] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: var(--_checkbox-size);
-  height: var(--_checkbox-size);
+  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(--_checkbox-radius);
+  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-7333dac7], .rp-checkbox--indeterminate .rp-checkbox__box[data-v-7333dac7] {
-  background-color: var(--_checkbox-checked-bg);
-  border-color: var(--_checkbox-checked-border);
+.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-7333dac7] {
-  border-color: var(--_checkbox-invalid-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-7333dac7] {
-  border-color: var(--_checkbox-invalid-border);
-  box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_checkbox-invalid-ring);
+.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-7333dac7] {
-  width: var(--_checkbox-icon-size);
-  height: var(--_checkbox-icon-size);
-  color: var(--_checkbox-checked-icon);
+.rp-checkbox__icon[data-v-8af73824] {
+  width: var(--_rp-checkbox-icon-size);
+  height: var(--_rp-checkbox-icon-size);
+  color: var(--_rp-checkbox-checked-icon);
   transform-origin: center;
 }
-.rp-checkbox__icon[data-v-7333dac7] [stroke-width] {
+.rp-checkbox__icon[data-v-8af73824] [stroke-width] {
   stroke-width: 3;
 }
-.rp-checkbox__label[data-v-7333dac7] {
+.rp-checkbox__label[data-v-8af73824] {
   line-height: var(--rp-line-height-normal);
   color: var(--rp-color-text);
 }
-.rp-checkbox--color-primary[data-v-7333dac7] {
-  --_checkbox-color: var(--rp-color-primary);
-  --_checkbox-on-color: var(--rp-color-on-primary);
+.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-7333dac7] {
-  --_checkbox-color: var(--rp-color-secondary);
-  --_checkbox-on-color: var(--rp-color-on-secondary);
+.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-7333dac7] {
-  --_checkbox-color: var(--rp-color-success);
-  --_checkbox-on-color: var(--rp-color-on-success);
+.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-7333dac7] {
-  --_checkbox-color: var(--rp-color-warning);
-  --_checkbox-on-color: var(--rp-color-on-warning);
+.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-7333dac7] {
-  --_checkbox-color: var(--rp-color-danger);
-  --_checkbox-on-color: var(--rp-color-on-danger);
+.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-7333dac7] {
-  --_checkbox-color: var(--rp-color-info);
-  --_checkbox-on-color: var(--rp-color-on-info);
+.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-7333dac7] {
-  --_checkbox-color: var(--rp-color-neutral);
-  --_checkbox-on-color: var(--rp-color-on-neutral);
+.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-7333dac7] {
-  --_checkbox-checked-bg: var(--rp-color-control-bg);
-  --_checkbox-checked-border: var(--_checkbox-color);
-  --_checkbox-checked-icon: var(--_checkbox-color);
+.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-7333dac7] {
-  --_checkbox-size: 14px;
-  --_checkbox-icon-size: 10px;
-  --_checkbox-font-size: var(--rp-font-size-xs);
+.rp-checkbox--size-xs[data-v-8af73824] {
+  --_rp-checkbox-size: 14px;
+  --_rp-checkbox-icon-size: 10px;
+  --_rp-checkbox-font-size: var(--rp-font-size-xs);
 }
-.rp-checkbox--size-sm[data-v-7333dac7] {
-  --_checkbox-size: 16px;
-  --_checkbox-icon-size: 12px;
-  --_checkbox-font-size: var(--rp-font-size-sm);
+.rp-checkbox--size-sm[data-v-8af73824] {
+  --_rp-checkbox-size: 16px;
+  --_rp-checkbox-icon-size: 12px;
+  --_rp-checkbox-font-size: var(--rp-font-size-sm);
 }
-.rp-checkbox--size-md[data-v-7333dac7] {
-  --_checkbox-size: 18px;
-  --_checkbox-icon-size: 14px;
-  --_checkbox-font-size: var(--rp-font-size-base);
+.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-lg[data-v-7333dac7] {
-  --_checkbox-size: 22px;
-  --_checkbox-icon-size: 16px;
-  --_checkbox-font-size: var(--rp-font-size-lg);
+.rp-checkbox--size-lg[data-v-8af73824] {
+  --_rp-checkbox-size: 22px;
+  --_rp-checkbox-icon-size: 16px;
+  --_rp-checkbox-font-size: var(--rp-font-size-lg);
 }
-.rp-checkbox--size-xl[data-v-7333dac7] {
-  --_checkbox-size: 26px;
-  --_checkbox-icon-size: 20px;
-  --_checkbox-font-size: var(--rp-font-size-xl);
+.rp-checkbox--size-xl[data-v-8af73824] {
+  --_rp-checkbox-size: 26px;
+  --_rp-checkbox-icon-size: 20px;
+  --_rp-checkbox-font-size: var(--rp-font-size-xl);
 }
-.rp-checkbox--radius-xs[data-v-7333dac7] {
-  --_checkbox-radius: 2px;
+.rp-checkbox--radius-xs[data-v-8af73824] {
+  --_rp-checkbox-radius: 2px;
 }
-.rp-checkbox--radius-sm[data-v-7333dac7] {
-  --_checkbox-radius: 4px;
+.rp-checkbox--radius-sm[data-v-8af73824] {
+  --_rp-checkbox-radius: 4px;
 }
-.rp-checkbox--radius-md[data-v-7333dac7] {
-  --_checkbox-radius: 6px;
+.rp-checkbox--radius-md[data-v-8af73824] {
+  --_rp-checkbox-radius: 6px;
 }
-.rp-checkbox--radius-lg[data-v-7333dac7] {
-  --_checkbox-radius: 8px;
+.rp-checkbox--radius-lg[data-v-8af73824] {
+  --_rp-checkbox-radius: 8px;
 }
-.rp-checkbox--radius-xl[data-v-7333dac7] {
-  --_checkbox-radius: var(--rp-radius-full);
+.rp-checkbox--radius-xl[data-v-8af73824] {
+  --_rp-checkbox-radius: var(--rp-radius-full);
 }
-.rp-checkbox-icon-enter-active[data-v-7333dac7],
-.rp-checkbox-icon-leave-active[data-v-7333dac7] {
+.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-7333dac7],
-.rp-checkbox-icon-leave-to[data-v-7333dac7] {
+.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-7333dac7],
-.rp-checkbox-icon-leave-from[data-v-7333dac7] {
+.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-7333dac7] {
+.rp-checkbox-icon-leave-to[data-v-8af73824] {
   transform: translateY(-3px) scale(0.85);
 }
 @media (prefers-reduced-motion: reduce) {
-.rp-checkbox-icon-enter-active[data-v-7333dac7],
-  .rp-checkbox-icon-leave-active[data-v-7333dac7] {
+.rp-checkbox-icon-enter-active[data-v-8af73824],
+  .rp-checkbox-icon-leave-active[data-v-8af73824] {
     transition: none;
 }
 }

package/dist/checkbox.js

@@ -1,7 +1,9 @@
 import './checkbox.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 { n as getComponentCustomColor, r as isComponentPresetColor } from "./componentColors.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, template, unref } from "vue";
+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) {
@@ -23,6 +25,14 @@ var minus_default = markRaw(defineVaporComponent({
 }));
 //#endregion
 //#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 useCheckbox(props, emitUpdate) {
 	const control = useControlState(props);
 	const rootClass = computed(() => bem("rp-checkbox", {
@@ -31,23 +41,25 @@ function useCheckbox(props, emitUpdate) {
 		disabled: control.disabled,
 		invalid: control.invalid,
 		[props.variant ?? ""]: Boolean(props.variant),
-		[`color-${props.color}`]: Boolean(props.color),
+		[`color-${props.color}`]: isComponentPresetColor(props.color),
 		[`size-${props.size}`]: Boolean(props.size),
 		[`radius-${props.radius}`]: Boolean(props.radius)
 	}));
+	const rootStyle = computed(() => getCheckboxColorStyle(props.color));
 	function onChange(e) {
 		emitUpdate(e.target.checked);
 	}
 	return {
 		control,
 		rootClass,
+		rootStyle,
 		onChange
 	};
 }
 //#endregion
 //#region src/components/checkbox/checkbox.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-7333dac7 class=rp-checkbox__label>");
-var t1 = template("<label data-v-7333dac7><input data-v-7333dac7 type=checkbox class=rp-checkbox__native><span data-v-7333dac7 class=rp-checkbox__box></span>", 1);
+var t0 = template("<span data-v-8af73824 class=rp-checkbox__label>");
+var t1 = template("<label data-v-8af73824><input data-v-8af73824 type=checkbox class=rp-checkbox__native><span data-v-8af73824 class=rp-checkbox__box></span>", 1);
 //#endregion
 //#region src/components/checkbox/checkbox.vue
 var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -85,7 +97,7 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	setup(__props, { emit: __emit, slots: $slots }) {
 		const props = __props;
 		const emit = __emit;
-		const { control, rootClass, onChange } = useCheckbox(props, (value) => {
+		const { control, rootClass, rootStyle, onChange } = useCheckbox(props, (value) => {
 			emit("update:modelValue", value);
 		});
 		const n13 = t1();
@@ -99,6 +111,7 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			const _control_disabled = _control.disabled;
 			const _control_required = _control.required;
 			setClass(n13, unref(rootClass));
+			setStyle(n13, unref(rootStyle));
 			setAttr(n13, "data-disabled", _control_disabled || void 0);
 			setAttr(n13, "data-state", _indeterminate ? "indeterminate" : _modelValue ? "checked" : "unchecked");
 			setProp(n0, "id", _control.id);
@@ -138,7 +151,7 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return n13;
 	}
-}), [["__scopeId", "data-v-7333dac7"]]);
+}), [["__scopeId", "data-v-8af73824"]]);
 //#endregion
 export { checkbox_default as t };
 

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 } from 'vue';\nimport { useControlState } from '@/composables/useControlState';\nimport { bem } from '@/utils/bem';\nimport type { CheckboxProps } from './types';\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}`]: Boolean(props.color),\n            [`size-${props.size}`]: Boolean(props.size),\n            [`radius-${props.radius}`]: Boolean(props.radius),\n        }),\n    );\n\n    function onChange(e: Event) {\n        emitUpdate((e.target as HTMLInputElement).checked);\n    }\n\n    return {\n        control,\n        rootClass,\n        onChange,\n    };\n}\n","<template>\n    <label\n        :class=\"rootClass\"\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, 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        :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, onChange } = useCheckbox(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./checkbox.scss\" lang=\"scss\" scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,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,QAAQ,MAAM,KAAK;GAC5C,QAAQ,MAAM,SAAS,QAAQ,MAAM,IAAI;GACzC,UAAU,MAAM,WAAW,QAAQ,MAAM,MAAM;CACpD,CAAC,CACL;CAEA,SAAS,SAAS,GAAU;EACxB,WAAY,EAAE,OAA4B,OAAO;CACrD;CAEA,OAAO;EACH;EACA;EACA;CACJ;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAIb,MAAM,EAAE,SAAS,WAAW,aAAa,YAAY,QAAQ,UAAU;GACnE,KAAK,qBAAqB,KAAK;EACnC,CAAC;;;;SAnCY,WAAM,MAAE,MAAA,QAAA,CAAQ,CAAA,CAAA,CAAA;;;;;;;iBAnBb,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"}

package/dist/componentColors.js

@@ -0,0 +1,22 @@
+//#region src/utils/componentColors.ts
+var componentColors = [
+	"primary",
+	"secondary",
+	"success",
+	"warning",
+	"danger",
+	"info",
+	"neutral"
+];
+var componentColorNames = new Set(componentColors);
+function isComponentPresetColor(color) {
+	return Boolean(color && componentColorNames.has(color));
+}
+function getComponentCustomColor(color) {
+	if (!color || isComponentPresetColor(color)) return void 0;
+	return color;
+}
+//#endregion
+export { getComponentCustomColor as n, isComponentPresetColor as r, componentColors as t };
+
+//# sourceMappingURL=componentColors.js.map

package/dist/componentColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentColors.js","names":[],"sources":["../src/utils/componentColors.ts"],"sourcesContent":["export const componentColors = [\n    'primary',\n    'secondary',\n    'success',\n    'warning',\n    'danger',\n    'info',\n    'neutral',\n] as const;\n\nexport type ComponentColor = (typeof componentColors)[number];\n\nexport type ComponentColorValue = ComponentColor | (string & {});\n\nconst componentColorNames = new Set<string>(componentColors);\n\nexport function isComponentPresetColor(\n    color: ComponentColorValue | undefined,\n): color is ComponentColor {\n    return Boolean(color && componentColorNames.has(color));\n}\n\nexport function getComponentCustomColor(color: ComponentColorValue | undefined) {\n    if (!color || isComponentPresetColor(color)) return undefined;\n\n    return color;\n}\n"],"mappings":";AAAA,IAAa,kBAAkB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;AACJ;AAMA,IAAM,sBAAsB,IAAI,IAAY,eAAe;AAE3D,SAAgB,uBACZ,OACuB;CACvB,OAAO,QAAQ,SAAS,oBAAoB,IAAI,KAAK,CAAC;AAC1D;AAEA,SAAgB,wBAAwB,OAAwC;CAC5E,IAAI,CAAC,SAAS,uBAAuB,KAAK,GAAG,OAAO,KAAA;CAEpD,OAAO;AACX"}

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

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

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

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

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

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

package/dist/components/accordion/index.js

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