base-ui-vue 0.1.0

package/dist/form/Form.cjs

@@ -0,0 +1,159 @@
+const require_button_Button = require('../button/Button.cjs');
+const require_control_FieldControl = require('../control/FieldControl.cjs');
+let vue = require("vue");
+
+//#region src/form/Form.vue?vue&type=script&setup=true&lang.ts
+var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "BaseUIForm",
+	inheritAttrs: false,
+	__name: "Form",
+	props: {
+		validationMode: {
+			type: String,
+			required: false,
+			default: "onSubmit"
+		},
+		errors: {
+			type: Object,
+			required: false
+		},
+		noValidate: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "form"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	emits: ["formSubmit"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = (0, vue.useAttrs)();
+		const state = (0, vue.computed)(() => ({}));
+		const formRef = (0, vue.shallowRef)({ fields: /* @__PURE__ */ new Map() });
+		const submittedRef = (0, vue.ref)(false);
+		const submitAttemptedRef = (0, vue.ref)(false);
+		const internalErrors = (0, vue.ref)(props.errors ?? require_button_Button.EMPTY_OBJECT);
+		(0, vue.watch)(() => props.errors, (newErrors) => {
+			if (newErrors !== void 0) internalErrors.value = newErrors;
+		});
+		function focusControl(el) {
+			if (!el) return;
+			el.focus();
+			if (el.tagName === "INPUT") el.select();
+		}
+		(0, vue.watch)(internalErrors, () => {
+			if (!submittedRef.value) return;
+			submittedRef.value = false;
+			const invalidFields = Array.from(formRef.value.fields.values()).filter((field) => field.validityData.state.valid === false);
+			if (invalidFields.length) {
+				const controlRef = invalidFields[0].controlRef;
+				focusControl(controlRef.value);
+			}
+		});
+		function handleImperativeValidate(fieldName) {
+			const values = Array.from(formRef.value.fields.values());
+			if (fieldName) {
+				const namedField = values.find((field) => field.name === fieldName);
+				if (namedField) namedField.validate();
+			} else values.forEach((field) => {
+				field.validate();
+			});
+		}
+		const actionsRef = (0, vue.ref)({ validate: handleImperativeValidate });
+		function clearErrors(name) {
+			if (name && internalErrors.value && Object.prototype.hasOwnProperty.call(internalErrors.value, name)) {
+				const nextErrors = { ...internalErrors.value };
+				delete nextErrors[name];
+				internalErrors.value = nextErrors;
+			}
+		}
+		(0, vue.provide)(require_control_FieldControl.formContextKey, {
+			formRef,
+			validationMode: (0, vue.computed)(() => props.validationMode),
+			errors: internalErrors,
+			clearErrors,
+			submitAttempted: submitAttemptedRef
+		});
+		function handleSubmit(event) {
+			submitAttemptedRef.value = true;
+			let values = Array.from(formRef.value.fields.values());
+			values.forEach((field) => {
+				field.validate();
+			});
+			values = Array.from(formRef.value.fields.values());
+			const invalidFields = values.filter((field) => !field.validityData.state.valid);
+			if (invalidFields.length) {
+				event.preventDefault();
+				const controlRef = invalidFields[0].controlRef;
+				focusControl(controlRef.value);
+			} else {
+				submittedRef.value = true;
+				event.preventDefault();
+				emit("formSubmit", values.reduce((acc, field) => {
+					if (field.name) acc[field.name] = field.getValue();
+					return acc;
+				}, {}), event);
+			}
+		}
+		const { tag, mergedProps, renderless } = require_button_Button.useRenderElement({
+			componentProps: props,
+			state,
+			props: (0, vue.computed)(() => ({
+				...attrs,
+				novalidate: props.noValidate || void 0,
+				onSubmit: handleSubmit
+			})),
+			defaultTagName: "form"
+		});
+		__expose({ actions: actionsRef.value });
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(renderless) ? (0, vue.renderSlot)(_ctx.$slots, "default", {
+				key: 0,
+				props: (0, vue.unref)(mergedProps),
+				state: state.value,
+				actions: actionsRef.value
+			}) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(tag)), (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 1 }, (0, vue.unref)(mergedProps))), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+					state: state.value,
+					actions: actionsRef.value
+				})]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/form/Form.vue
+var Form_default = Form_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'Form_default', {
+  enumerable: true,
+  get: function () {
+    return Form_default;
+  }
+});
+//# sourceMappingURL=Form.cjs.map

package/dist/form/Form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","names":[],"sources":["../../src/form/Form.vue","../../src/form/Form.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/form/Form.js

@@ -0,0 +1,154 @@
+import { EMPTY_OBJECT, useRenderElement } from "../button/Button.js";
+import { formContextKey } from "../control/FieldControl.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, ref, renderSlot, resolveDynamicComponent, shallowRef, unref, useAttrs, watch, withCtx } from "vue";
+
+//#region src/form/Form.vue?vue&type=script&setup=true&lang.ts
+var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "BaseUIForm",
+	inheritAttrs: false,
+	__name: "Form",
+	props: {
+		validationMode: {
+			type: String,
+			required: false,
+			default: "onSubmit"
+		},
+		errors: {
+			type: Object,
+			required: false
+		},
+		noValidate: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "form"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	emits: ["formSubmit"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const state = computed(() => ({}));
+		const formRef = shallowRef({ fields: /* @__PURE__ */ new Map() });
+		const submittedRef = ref(false);
+		const submitAttemptedRef = ref(false);
+		const internalErrors = ref(props.errors ?? EMPTY_OBJECT);
+		watch(() => props.errors, (newErrors) => {
+			if (newErrors !== void 0) internalErrors.value = newErrors;
+		});
+		function focusControl(el) {
+			if (!el) return;
+			el.focus();
+			if (el.tagName === "INPUT") el.select();
+		}
+		watch(internalErrors, () => {
+			if (!submittedRef.value) return;
+			submittedRef.value = false;
+			const invalidFields = Array.from(formRef.value.fields.values()).filter((field) => field.validityData.state.valid === false);
+			if (invalidFields.length) {
+				const controlRef = invalidFields[0].controlRef;
+				focusControl(controlRef.value);
+			}
+		});
+		function handleImperativeValidate(fieldName) {
+			const values = Array.from(formRef.value.fields.values());
+			if (fieldName) {
+				const namedField = values.find((field) => field.name === fieldName);
+				if (namedField) namedField.validate();
+			} else values.forEach((field) => {
+				field.validate();
+			});
+		}
+		const actionsRef = ref({ validate: handleImperativeValidate });
+		function clearErrors(name) {
+			if (name && internalErrors.value && Object.prototype.hasOwnProperty.call(internalErrors.value, name)) {
+				const nextErrors = { ...internalErrors.value };
+				delete nextErrors[name];
+				internalErrors.value = nextErrors;
+			}
+		}
+		provide(formContextKey, {
+			formRef,
+			validationMode: computed(() => props.validationMode),
+			errors: internalErrors,
+			clearErrors,
+			submitAttempted: submitAttemptedRef
+		});
+		function handleSubmit(event) {
+			submitAttemptedRef.value = true;
+			let values = Array.from(formRef.value.fields.values());
+			values.forEach((field) => {
+				field.validate();
+			});
+			values = Array.from(formRef.value.fields.values());
+			const invalidFields = values.filter((field) => !field.validityData.state.valid);
+			if (invalidFields.length) {
+				event.preventDefault();
+				const controlRef = invalidFields[0].controlRef;
+				focusControl(controlRef.value);
+			} else {
+				submittedRef.value = true;
+				event.preventDefault();
+				emit("formSubmit", values.reduce((acc, field) => {
+					if (field.name) acc[field.name] = field.getValue();
+					return acc;
+				}, {}), event);
+			}
+		}
+		const { tag, mergedProps, renderless } = useRenderElement({
+			componentProps: props,
+			state,
+			props: computed(() => ({
+				...attrs,
+				novalidate: props.noValidate || void 0,
+				onSubmit: handleSubmit
+			})),
+			defaultTagName: "form"
+		});
+		__expose({ actions: actionsRef.value });
+		return (_ctx, _cache) => {
+			return unref(renderless) ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				props: unref(mergedProps),
+				state: state.value,
+				actions: actionsRef.value
+			}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), normalizeProps(mergeProps({ key: 1 }, unref(mergedProps))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					state: state.value,
+					actions: actionsRef.value
+				})]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/form/Form.vue
+var Form_default = Form_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { Form_default };
+//# sourceMappingURL=Form.js.map

package/dist/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":[],"sources":["../../src/form/Form.vue","../../src/form/Form.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/header/AccordionHeader.cjs

@@ -0,0 +1,189 @@
+const require_button_Button = require('../button/Button.cjs');
+const require_error_FieldError = require('../error/FieldError.cjs');
+let vue = require("vue");
+
+//#region src/accordion/item/AccordionItemContext.ts
+const accordionItemContextKey = Symbol("AccordionItemContext");
+function useAccordionItemContext() {
+	const context = (0, vue.inject)(accordionItemContextKey);
+	if (context === void 0) throw new Error("Base UI Vue: AccordionItemContext is missing. Accordion parts must be placed within <AccordionItem>.");
+	return context;
+}
+
+//#endregion
+//#region src/collapsible/panel/CollapsiblePanelDataAttributes.ts
+let CollapsiblePanelDataAttributes = /* @__PURE__ */ function(CollapsiblePanelDataAttributes) {
+	/**
+	* Present when the collapsible panel is open.
+	*/
+	CollapsiblePanelDataAttributes["open"] = "data-open";
+	/**
+	* Present when the collapsible panel is closed.
+	*/
+	CollapsiblePanelDataAttributes["closed"] = "data-closed";
+	/**
+	* Present when the panel is animating in.
+	*/
+	CollapsiblePanelDataAttributes["startingStyle"] = "data-starting-style";
+	/**
+	* Present when the panel is animating out.
+	*/
+	CollapsiblePanelDataAttributes["endingStyle"] = "data-ending-style";
+	return CollapsiblePanelDataAttributes;
+}({});
+
+//#endregion
+//#region src/collapsible/trigger/CollapsibleTriggerDataAttributes.ts
+let CollapsibleTriggerDataAttributes = /* @__PURE__ */ function(CollapsibleTriggerDataAttributes) {
+	/**
+	* Present when the collapsible panel is open.
+	*/
+	CollapsibleTriggerDataAttributes["panelOpen"] = "data-panel-open";
+	return CollapsibleTriggerDataAttributes;
+}({});
+
+//#endregion
+//#region src/utils/collapsibleOpenStateMapping.ts
+const PANEL_OPEN_HOOK = { [CollapsiblePanelDataAttributes.open]: "" };
+const PANEL_CLOSED_HOOK = { [CollapsiblePanelDataAttributes.closed]: "" };
+const triggerOpenStateMapping = { open(value) {
+	if (value) return { [CollapsibleTriggerDataAttributes.panelOpen]: "" };
+	return null;
+} };
+const collapsibleOpenStateMapping = { open(value) {
+	if (value) return PANEL_OPEN_HOOK;
+	return PANEL_CLOSED_HOOK;
+} };
+
+//#endregion
+//#region src/accordion/item/AccordionItemDataAttributes.ts
+let AccordionItemDataAttributes = /* @__PURE__ */ function(AccordionItemDataAttributes) {
+	/**
+	* Indicates the index of the accordion item.
+	* @type {number}
+	*/
+	AccordionItemDataAttributes["index"] = "data-index";
+	/**
+	* Present when the accordion item is disabled.
+	*/
+	AccordionItemDataAttributes["disabled"] = "data-disabled";
+	/**
+	* Present when the accordion item is open.
+	*/
+	AccordionItemDataAttributes["open"] = "data-open";
+	return AccordionItemDataAttributes;
+}({});
+
+//#endregion
+//#region src/accordion/item/stateAttributesMapping.ts
+const accordionStateAttributesMapping = {
+	...collapsibleOpenStateMapping,
+	index(value) {
+		return Number.isInteger(value) ? { [AccordionItemDataAttributes.index]: String(value) } : null;
+	},
+	...require_error_FieldError.transitionStatusMapping,
+	value: () => null
+};
+
+//#endregion
+//#region src/accordion/header/AccordionHeader.vue?vue&type=script&setup=true&lang.ts
+var AccordionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "AccordionHeader",
+	inheritAttrs: false,
+	__name: "AccordionHeader",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "h3"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = (0, vue.useAttrs)();
+		const { state } = useAccordionItemContext();
+		const { tag, mergedProps, renderless } = require_button_Button.useRenderElement({
+			componentProps: props,
+			state,
+			props: (0, vue.computed)(() => ({ ...attrs })),
+			stateAttributesMapping: accordionStateAttributesMapping,
+			defaultTagName: "h3"
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(renderless) ? (0, vue.renderSlot)(_ctx.$slots, "default", {
+				key: 0,
+				props: (0, vue.unref)(mergedProps),
+				state: (0, vue.unref)(state)
+			}) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(tag)), (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 1 }, (0, vue.unref)(mergedProps))), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { state: (0, vue.unref)(state) })]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/accordion/header/AccordionHeader.vue
+var AccordionHeader_default = AccordionHeader_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'AccordionHeader_default', {
+  enumerable: true,
+  get: function () {
+    return AccordionHeader_default;
+  }
+});
+Object.defineProperty(exports, 'CollapsiblePanelDataAttributes', {
+  enumerable: true,
+  get: function () {
+    return CollapsiblePanelDataAttributes;
+  }
+});
+Object.defineProperty(exports, 'accordionItemContextKey', {
+  enumerable: true,
+  get: function () {
+    return accordionItemContextKey;
+  }
+});
+Object.defineProperty(exports, 'accordionStateAttributesMapping', {
+  enumerable: true,
+  get: function () {
+    return accordionStateAttributesMapping;
+  }
+});
+Object.defineProperty(exports, 'collapsibleOpenStateMapping', {
+  enumerable: true,
+  get: function () {
+    return collapsibleOpenStateMapping;
+  }
+});
+Object.defineProperty(exports, 'triggerOpenStateMapping', {
+  enumerable: true,
+  get: function () {
+    return triggerOpenStateMapping;
+  }
+});
+Object.defineProperty(exports, 'useAccordionItemContext', {
+  enumerable: true,
+  get: function () {
+    return useAccordionItemContext;
+  }
+});
+//# sourceMappingURL=AccordionHeader.cjs.map

package/dist/header/AccordionHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.cjs","names":["transitionStatusMapping"],"sources":["../../src/accordion/item/AccordionItemContext.ts","../../src/collapsible/panel/CollapsiblePanelDataAttributes.ts","../../src/collapsible/trigger/CollapsibleTriggerDataAttributes.ts","../../src/utils/collapsibleOpenStateMapping.ts","../../src/accordion/item/AccordionItemDataAttributes.ts","../../src/accordion/item/stateAttributesMapping.ts","../../src/accordion/header/AccordionHeader.vue","../../src/accordion/header/AccordionHeader.vue"],"sourcesContent":[],"mappings":";;;;;AAWA,MAAa,0BAA0B,OACrC,uBACD;AAED,SAAgB,0BAAgD;CAC9D,MAAM,0BAAiB,wBAAwB;AAC/C,KAAI,YAAY,OACd,OAAM,IAAI,MACR,uGACD;AAEH,QAAO;;;;;ACtBT,IAAY,0FAAL;;;;AAIL;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AChBF,IAAY,8FAAL;;;;AAIL;;;;;;ACAF,MAAM,kBAAkB,GACrB,+BAA+B,OAAO,IACxC;AAED,MAAM,oBAAoB,GACvB,+BAA+B,SAAS,IAC1C;AAED,MAAa,0BAER,EACH,KAAK,OAAO;AACV,KAAI,MACF,QAAO,GACJ,iCAAiC,YAAY,IAC/C;AAEH,QAAO;GAEV;AAED,MAAa,8BAA8B,EACzC,KAAK,OAAO;AACV,KAAI,MACF,QAAO;AAET,QAAO;GAEV;;;;AChCD,IAAY,oFAAL;;;;;AAKL;;;;AAIA;;;;AAIA;;;;;;ACPF,MAAa,kCAA8E;CACzF,GAAG;CACH,MAAM,OAAO;AACX,SAAO,OAAO,UAAU,MAAM,GAAG,GAAG,4BAA4B,QAAQ,OAAO,MAAM,EAAE,GAAG;;CAE5F,GAAGA;CACH,aAAa;CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECDD,MAAM,QAAQ;EAId,MAAM,2BAAiB;EACvB,MAAM,EAAE,UAAU,yBAAwB;EAE1C,MAAM,EAAE,KAAK,aAAa,eAAe,uCAAiB;GACxD,gBAAgB;GAChB;GACA,gCAAuB,EACrB,GAAG,OACJ,EAAE;GACH,wBAAwB;GACxB,gBAAgB;GACjB,CAAA;;yBAIa,WAAU,uBAAwC,KAAA,QAAA,WAAA;;IAArC,sBAAO,YAAW;IAAG,sBAAO,MAAK;oGAC1C,IAAG,CAAA,8CAAA,EAAA,KAAA,GAAA,iBAAiB,YAAW,CAAA,CAAA,EAAA;oCACtB,qBAAA,KAAA,QAAA,WAAA,EAAhB,sBAAO,MAAK,EAAA,CAAA"}

package/dist/header/AccordionHeader.js

@@ -0,0 +1,148 @@
+import { useRenderElement } from "../button/Button.js";
+import { transitionStatusMapping } from "../error/FieldError.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
+
+//#region src/accordion/item/AccordionItemContext.ts
+const accordionItemContextKey = Symbol("AccordionItemContext");
+function useAccordionItemContext() {
+	const context = inject(accordionItemContextKey);
+	if (context === void 0) throw new Error("Base UI Vue: AccordionItemContext is missing. Accordion parts must be placed within <AccordionItem>.");
+	return context;
+}
+
+//#endregion
+//#region src/collapsible/panel/CollapsiblePanelDataAttributes.ts
+let CollapsiblePanelDataAttributes = /* @__PURE__ */ function(CollapsiblePanelDataAttributes) {
+	/**
+	* Present when the collapsible panel is open.
+	*/
+	CollapsiblePanelDataAttributes["open"] = "data-open";
+	/**
+	* Present when the collapsible panel is closed.
+	*/
+	CollapsiblePanelDataAttributes["closed"] = "data-closed";
+	/**
+	* Present when the panel is animating in.
+	*/
+	CollapsiblePanelDataAttributes["startingStyle"] = "data-starting-style";
+	/**
+	* Present when the panel is animating out.
+	*/
+	CollapsiblePanelDataAttributes["endingStyle"] = "data-ending-style";
+	return CollapsiblePanelDataAttributes;
+}({});
+
+//#endregion
+//#region src/collapsible/trigger/CollapsibleTriggerDataAttributes.ts
+let CollapsibleTriggerDataAttributes = /* @__PURE__ */ function(CollapsibleTriggerDataAttributes) {
+	/**
+	* Present when the collapsible panel is open.
+	*/
+	CollapsibleTriggerDataAttributes["panelOpen"] = "data-panel-open";
+	return CollapsibleTriggerDataAttributes;
+}({});
+
+//#endregion
+//#region src/utils/collapsibleOpenStateMapping.ts
+const PANEL_OPEN_HOOK = { [CollapsiblePanelDataAttributes.open]: "" };
+const PANEL_CLOSED_HOOK = { [CollapsiblePanelDataAttributes.closed]: "" };
+const triggerOpenStateMapping = { open(value) {
+	if (value) return { [CollapsibleTriggerDataAttributes.panelOpen]: "" };
+	return null;
+} };
+const collapsibleOpenStateMapping = { open(value) {
+	if (value) return PANEL_OPEN_HOOK;
+	return PANEL_CLOSED_HOOK;
+} };
+
+//#endregion
+//#region src/accordion/item/AccordionItemDataAttributes.ts
+let AccordionItemDataAttributes = /* @__PURE__ */ function(AccordionItemDataAttributes) {
+	/**
+	* Indicates the index of the accordion item.
+	* @type {number}
+	*/
+	AccordionItemDataAttributes["index"] = "data-index";
+	/**
+	* Present when the accordion item is disabled.
+	*/
+	AccordionItemDataAttributes["disabled"] = "data-disabled";
+	/**
+	* Present when the accordion item is open.
+	*/
+	AccordionItemDataAttributes["open"] = "data-open";
+	return AccordionItemDataAttributes;
+}({});
+
+//#endregion
+//#region src/accordion/item/stateAttributesMapping.ts
+const accordionStateAttributesMapping = {
+	...collapsibleOpenStateMapping,
+	index(value) {
+		return Number.isInteger(value) ? { [AccordionItemDataAttributes.index]: String(value) } : null;
+	},
+	...transitionStatusMapping,
+	value: () => null
+};
+
+//#endregion
+//#region src/accordion/header/AccordionHeader.vue?vue&type=script&setup=true&lang.ts
+var AccordionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "AccordionHeader",
+	inheritAttrs: false,
+	__name: "AccordionHeader",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "h3"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const { state } = useAccordionItemContext();
+		const { tag, mergedProps, renderless } = useRenderElement({
+			componentProps: props,
+			state,
+			props: computed(() => ({ ...attrs })),
+			stateAttributesMapping: accordionStateAttributesMapping,
+			defaultTagName: "h3"
+		});
+		return (_ctx, _cache) => {
+			return unref(renderless) ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				props: unref(mergedProps),
+				state: unref(state)
+			}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), normalizeProps(mergeProps({ key: 1 }, unref(mergedProps))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { state: unref(state) })]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/accordion/header/AccordionHeader.vue
+var AccordionHeader_default = AccordionHeader_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { AccordionHeader_default, CollapsiblePanelDataAttributes, accordionItemContextKey, accordionStateAttributesMapping, collapsibleOpenStateMapping, triggerOpenStateMapping, useAccordionItemContext };
+//# sourceMappingURL=AccordionHeader.js.map

package/dist/header/AccordionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.js","names":[],"sources":["../../src/accordion/item/AccordionItemContext.ts","../../src/collapsible/panel/CollapsiblePanelDataAttributes.ts","../../src/collapsible/trigger/CollapsibleTriggerDataAttributes.ts","../../src/utils/collapsibleOpenStateMapping.ts","../../src/accordion/item/AccordionItemDataAttributes.ts","../../src/accordion/item/stateAttributesMapping.ts","../../src/accordion/header/AccordionHeader.vue","../../src/accordion/header/AccordionHeader.vue"],"sourcesContent":[],"mappings":";;;;;AAWA,MAAa,0BAA0B,OACrC,uBACD;AAED,SAAgB,0BAAgD;CAC9D,MAAM,UAAU,OAAO,wBAAwB;AAC/C,KAAI,YAAY,OACd,OAAM,IAAI,MACR,uGACD;AAEH,QAAO;;;;;ACtBT,IAAY,0FAAL;;;;AAIL;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AChBF,IAAY,8FAAL;;;;AAIL;;;;;;ACAF,MAAM,kBAAkB,GACrB,+BAA+B,OAAO,IACxC;AAED,MAAM,oBAAoB,GACvB,+BAA+B,SAAS,IAC1C;AAED,MAAa,0BAER,EACH,KAAK,OAAO;AACV,KAAI,MACF,QAAO,GACJ,iCAAiC,YAAY,IAC/C;AAEH,QAAO;GAEV;AAED,MAAa,8BAA8B,EACzC,KAAK,OAAO;AACV,KAAI,MACF,QAAO;AAET,QAAO;GAEV;;;;AChCD,IAAY,oFAAL;;;;;AAKL;;;;AAIA;;;;AAIA;;;;;;ACPF,MAAa,kCAA8E;CACzF,GAAG;CACH,MAAM,OAAO;AACX,SAAO,OAAO,UAAU,MAAM,GAAG,GAAG,4BAA4B,QAAQ,OAAO,MAAM,EAAE,GAAG;;CAE5F,GAAG;CACH,aAAa;CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECDD,MAAM,QAAQ;EAId,MAAM,QAAQ,UAAS;EACvB,MAAM,EAAE,UAAU,yBAAwB;EAE1C,MAAM,EAAE,KAAK,aAAa,eAAe,iBAAiB;GACxD,gBAAgB;GAChB;GACA,OAAO,gBAAgB,EACrB,GAAG,OACJ,EAAE;GACH,wBAAwB;GACxB,gBAAgB;GACjB,CAAA;;UAIa,MAAA,WAAU,GAAtB,WAA8D,KAAA,QAAA,WAAA;;IAArC,OAAO,MAAA,YAAW;IAAG,OAAO,MAAA,MAAK;sBAC1D,YAEY,wBAFI,MAAA,IAAG,CAAA,EAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAAiB,MAAA,YAAW,CAAA,CAAA,EAAA;2BACtB,CAAvB,WAAuB,KAAA,QAAA,WAAA,EAAhB,OAAO,MAAA,MAAK,EAAA,CAAA"}