ropav 0.0.6 → 0.0.7

package/dist/tabs.js

@@ -0,0 +1,515 @@
+import './tabs.css';
+import { t as useRequiredInject } from "./useRequiredInject.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, onBeforeUnmount, onMounted, provide, ref, renderEffect, setDynamicProps, setInsertionState, shallowRef, template, unref, useId, watch } from "vue";
+//#region src/components/tabs/useTabs.ts
+var TABLIST_SELECTOR = ".rp-tabs-list";
+var TRIGGER_SELECTOR = ".rp-tabs-trigger";
+var DEFAULT_SIZE = "md";
+var DEFAULT_VARIANT = "line";
+var DEFAULT_ORIENTATION = "horizontal";
+var DEFAULT_PLACEMENT = "left";
+var DEFAULT_ACTIVATION_MODE = "automatic";
+var tabsKey = Symbol("tabs");
+var ORIENTATION_NAVIGATION_KEYS = {
+	horizontal: {
+		ArrowRight: 1,
+		ArrowLeft: -1
+	},
+	vertical: {
+		ArrowDown: 1,
+		ArrowUp: -1
+	}
+};
+function optionalAttr(value) {
+	return value || void 0;
+}
+function toTabsState(active) {
+	return active ? "active" : "inactive";
+}
+function getDefaultAlign(orientation) {
+	return orientation === "vertical" ? "left" : "center";
+}
+function getAriaProps(label, labelledby, describedby) {
+	return {
+		"aria-label": optionalAttr(label),
+		"aria-labelledby": optionalAttr(labelledby),
+		"aria-describedby": optionalAttr(describedby)
+	};
+}
+function getOrientationClasses(disabled, orientation) {
+	return {
+		disabled,
+		[orientation]: true
+	};
+}
+function getPlacementClasses(orientation, placement) {
+	return { [`placement-${placement}`]: orientation === "vertical" };
+}
+function getStateClasses(active) {
+	return {
+		active,
+		inactive: !active
+	};
+}
+function getTriggerClasses(active, disabled, orientation, placement, align) {
+	return {
+		...getStateClasses(active),
+		...getOrientationClasses(disabled, orientation),
+		...getPlacementClasses(orientation, placement),
+		...align ? { [`align-${align}`]: true } : {}
+	};
+}
+function findRegistration(entries, value) {
+	if (value == null) return void 0;
+	return entries.find((entry) => entry.value === value);
+}
+function upsertRegistration(entries, entry) {
+	const index = entries.findIndex((current) => current.id === entry.id);
+	if (index < 0) return [...entries, entry];
+	const nextEntries = entries.slice();
+	nextEntries[index] = entry;
+	return nextEntries;
+}
+function useTabsRegistry() {
+	const items = shallowRef([]);
+	return {
+		items,
+		register(entry) {
+			items.value = upsertRegistration(items.value, entry);
+		},
+		unregister(id) {
+			items.value = items.value.filter((item) => item.id !== id);
+		}
+	};
+}
+function useTabsRegistration(getRegistration, register, unregister, watchSource) {
+	const registeredId = ref(null);
+	function syncRegistration() {
+		const registration = getRegistration();
+		if (registeredId.value && registeredId.value !== registration.id) unregister(registeredId.value);
+		register(registration);
+		registeredId.value = registration.id;
+	}
+	onMounted(syncRegistration);
+	watch(watchSource, syncRegistration);
+	onBeforeUnmount(() => {
+		if (registeredId.value) unregister(registeredId.value);
+	});
+}
+function getTabsTrigger(event, list) {
+	const target = event.target;
+	const trigger = target instanceof Element ? target.closest(TRIGGER_SELECTOR) : void 0;
+	return trigger?.closest(TABLIST_SELECTOR) === list ? trigger : void 0;
+}
+function getTabsTriggers(list) {
+	return Array.from(list.querySelectorAll(TRIGGER_SELECTOR)).filter((trigger) => trigger.closest(TABLIST_SELECTOR) === list && !trigger.disabled);
+}
+function getNextTrigger(list, currentTrigger, key, orientation) {
+	const triggers = getTabsTriggers(list);
+	const currentIndex = triggers.indexOf(currentTrigger);
+	if (currentIndex === -1 || triggers.length === 0) return void 0;
+	if (key === "Home") return triggers[0];
+	if (key === "End") return triggers[triggers.length - 1];
+	const direction = ORIENTATION_NAVIGATION_KEYS[orientation][key];
+	if (!direction) return void 0;
+	return triggers[(currentIndex + direction + triggers.length) % triggers.length];
+}
+function useTabsItem(componentName, props, suffix) {
+	const group = useRequiredInject(tabsKey, componentName);
+	const generatedId = useId();
+	const id = computed(() => props.id ?? `${generatedId}-${suffix}`);
+	const isSelected = computed(() => group.isSelected(props.value));
+	return {
+		group,
+		id,
+		isSelected,
+		state: computed(() => toTabsState(isSelected.value))
+	};
+}
+function useTabs(props, emitUpdate) {
+	const triggerRegistry = useTabsRegistry();
+	const contentRegistry = useTabsRegistry();
+	const { items: triggers, unregister: unregisterTrigger } = triggerRegistry;
+	const { items: contents, register: registerContent, unregister: unregisterContent } = contentRegistry;
+	const isControlled = computed(() => props.modelValue !== void 0);
+	const uncontrolledValue = ref(props.defaultValue ?? null);
+	const isDisabled = computed(() => Boolean(props.disabled));
+	const size = computed(() => props.size ?? DEFAULT_SIZE);
+	const variant = computed(() => props.variant ?? DEFAULT_VARIANT);
+	const orientation = computed(() => props.orientation ?? DEFAULT_ORIENTATION);
+	const placement = computed(() => props.placement ?? DEFAULT_PLACEMENT);
+	const align = computed(() => props.align);
+	const activationMode = computed(() => props.activationMode ?? DEFAULT_ACTIVATION_MODE);
+	const selectedValue = computed(() => isControlled.value ? props.modelValue ?? null : uncontrolledValue.value);
+	const firstEnabledTrigger = computed(() => triggers.value.find((trigger) => !trigger.disabled));
+	const selectedEnabledTrigger = computed(() => {
+		const trigger = findRegistration(triggers.value, selectedValue.value);
+		return trigger && !trigger.disabled ? trigger : void 0;
+	});
+	const rootClass = computed(() => bem("rp-tabs", `size-${size.value}`, variant.value, getOrientationClasses(isDisabled.value, orientation.value), getPlacementClasses(orientation.value, placement.value)));
+	const rootProps = computed(() => ({
+		id: props.id,
+		class: rootClass.value,
+		"data-disabled": optionalAttr(isDisabled.value),
+		"data-size": size.value,
+		"data-variant": variant.value,
+		"data-orientation": orientation.value,
+		"data-placement": optionalAttr(orientation.value === "vertical" ? placement.value : void 0),
+		"data-activation-mode": activationMode.value,
+		...getAriaProps(props.ariaLabel, props.labelledby, props.describedby)
+	}));
+	const slotProps = computed(() => ({
+		value: selectedValue.value,
+		size: size.value,
+		variant: variant.value,
+		disabled: isDisabled.value,
+		placement: placement.value,
+		align: align.value ?? getDefaultAlign(orientation.value),
+		select: selectValue
+	}));
+	function syncUncontrolledValue() {
+		if (isControlled.value || isDisabled.value) return;
+		const selectedTrigger = findRegistration(triggers.value, selectedValue.value);
+		if (selectedValue.value != null && !selectedTrigger?.disabled) return;
+		uncontrolledValue.value = firstEnabledTrigger.value?.value ?? null;
+	}
+	function setValue(value) {
+		if (isDisabled.value || value === selectedValue.value) return;
+		if (!isControlled.value) uncontrolledValue.value = value;
+		emitUpdate(value);
+	}
+	function selectValue(value) {
+		const trigger = findRegistration(triggers.value, value);
+		if (isDisabled.value || trigger?.disabled) return;
+		setValue(value);
+	}
+	const getFocusableValue = () => selectedEnabledTrigger.value?.value ?? firstEnabledTrigger.value?.value ?? null;
+	const getTriggerId = (value) => findRegistration(triggers.value, value)?.id;
+	const getContentId = (value) => findRegistration(contents.value, value)?.id;
+	const getTriggerValue = (id) => triggers.value.find((trigger) => trigger.id === id)?.value;
+	function registerTrigger(registration) {
+		triggerRegistry.register(registration);
+		syncUncontrolledValue();
+	}
+	function onListKeydown(event) {
+		const list = event.currentTarget;
+		if (!list || isDisabled.value) return;
+		const trigger = getTabsTrigger(event, list);
+		if (!trigger) return;
+		const nextTrigger = getNextTrigger(list, trigger, event.key, orientation.value);
+		if (!nextTrigger) return;
+		event.preventDefault();
+		nextTrigger.focus();
+		const nextValue = getTriggerValue(nextTrigger.id);
+		if (nextValue !== void 0 && activationMode.value === "automatic") selectValue(nextValue);
+	}
+	provide(tabsKey, {
+		get selectedValue() {
+			return selectedValue.value;
+		},
+		get disabled() {
+			return isDisabled.value;
+		},
+		get size() {
+			return size.value;
+		},
+		get variant() {
+			return variant.value;
+		},
+		get orientation() {
+			return orientation.value;
+		},
+		get placement() {
+			return placement.value;
+		},
+		get align() {
+			return align.value;
+		},
+		get activationMode() {
+			return activationMode.value;
+		},
+		get unmountOnExit() {
+			return Boolean(props.unmountOnExit);
+		},
+		get ariaLabel() {
+			return props.ariaLabel;
+		},
+		get describedby() {
+			return props.describedby;
+		},
+		get labelledby() {
+			return props.labelledby;
+		},
+		isSelected(value) {
+			return selectedValue.value === value;
+		},
+		selectValue,
+		getFocusableValue,
+		getTriggerId,
+		getContentId,
+		getTriggerValue,
+		registerTrigger,
+		unregisterTrigger,
+		registerContent,
+		unregisterContent,
+		onListKeydown
+	});
+	return {
+		rootClass,
+		rootProps,
+		slotProps,
+		selectedValue,
+		selectValue
+	};
+}
+function useTabsList(props) {
+	const group = useRequiredInject(tabsKey, "RpTabsList");
+	const rootClass = computed(() => bem("rp-tabs-list", group.variant, getOrientationClasses(group.disabled, group.orientation), getPlacementClasses(group.orientation, group.placement)));
+	return {
+		rootClass,
+		rootProps: computed(() => ({
+			id: props.id,
+			class: rootClass.value,
+			role: "tablist",
+			"data-disabled": optionalAttr(group.disabled),
+			"data-variant": group.variant,
+			"data-orientation": group.orientation,
+			"data-placement": optionalAttr(group.orientation === "vertical" ? group.placement : void 0),
+			"aria-orientation": group.orientation,
+			...getAriaProps(props.ariaLabel ?? group.ariaLabel, props.ariaLabelledby ?? group.labelledby, props.ariaDescribedby ?? group.describedby),
+			onKeydown: group.onListKeydown
+		})),
+		slotProps: computed(() => ({
+			disabled: group.disabled,
+			variant: group.variant,
+			orientation: group.orientation,
+			placement: group.placement
+		}))
+	};
+}
+function useTabsTrigger(props) {
+	const { group, id, isSelected, state } = useTabsItem("RpTabsTrigger", props, "tab");
+	const isDisabled = computed(() => Boolean(group.disabled || props.disabled));
+	const isFocusable = computed(() => group.getFocusableValue() === props.value && !isDisabled.value);
+	const align = computed(() => props.align ?? group.align);
+	const effectiveAlign = computed(() => align.value ?? getDefaultAlign(group.orientation));
+	const rootClass = computed(() => bem("rp-tabs-trigger", `size-${group.size}`, group.variant, getTriggerClasses(isSelected.value, isDisabled.value, group.orientation, group.placement, align.value)));
+	const rootProps = computed(() => ({
+		id: id.value,
+		class: rootClass.value,
+		role: "tab",
+		type: "button",
+		disabled: optionalAttr(isDisabled.value),
+		tabIndex: isFocusable.value ? 0 : -1,
+		"data-state": state.value,
+		"data-disabled": optionalAttr(isDisabled.value),
+		"data-variant": group.variant,
+		"data-align": optionalAttr(align.value),
+		"aria-selected": isSelected.value,
+		"aria-controls": group.getContentId(props.value),
+		"aria-disabled": optionalAttr(isDisabled.value),
+		onClick: select,
+		onFocus,
+		onKeydown
+	}));
+	const slotProps = computed(() => ({
+		value: props.value,
+		selected: isSelected.value,
+		size: group.size,
+		variant: group.variant,
+		disabled: isDisabled.value,
+		align: effectiveAlign.value,
+		select
+	}));
+	useTabsRegistration(() => ({
+		id: id.value,
+		value: props.value,
+		disabled: isDisabled.value
+	}), group.registerTrigger, group.unregisterTrigger, () => [
+		id.value,
+		props.value,
+		isDisabled.value
+	]);
+	function select() {
+		if (!isDisabled.value) group.selectValue(props.value);
+	}
+	function onFocus() {
+		if (group.activationMode === "automatic") select();
+	}
+	function onKeydown(event) {
+		if (event.key !== "Enter" && event.key !== " ") return;
+		event.preventDefault();
+		select();
+	}
+	return {
+		id,
+		state,
+		isSelected,
+		isDisabled,
+		rootClass,
+		rootProps,
+		slotProps,
+		select
+	};
+}
+function useTabsContent(props) {
+	const { group, id, isSelected, state } = useTabsItem("RpTabsContent", props, "tabpanel");
+	const shouldUnmountOnExit = computed(() => props.unmountOnExit ?? group.unmountOnExit);
+	const shouldRenderContent = computed(() => !shouldUnmountOnExit.value || isSelected.value);
+	const rootClass = computed(() => bem("rp-tabs-content", getStateClasses(isSelected.value), { vertical: group.orientation === "vertical" }));
+	const rootProps = computed(() => ({
+		id: id.value,
+		class: rootClass.value,
+		role: "tabpanel",
+		tabIndex: 0,
+		hidden: optionalAttr(!isSelected.value),
+		"data-state": state.value,
+		...getAriaProps(props.ariaLabel, props.ariaLabelledby ?? group.getTriggerId(props.value), props.ariaDescribedby)
+	}));
+	const slotProps = computed(() => ({
+		value: props.value,
+		selected: isSelected.value
+	}));
+	useTabsRegistration(() => ({
+		id: id.value,
+		value: props.value
+	}), group.registerContent, group.unregisterContent, () => [id.value, props.value]);
+	return {
+		id,
+		state,
+		isSelected,
+		shouldRenderContent,
+		rootClass,
+		rootProps,
+		slotProps
+	};
+}
+//#endregion
+//#region src/components/tabs/tabs.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var t0$3 = template("<div data-v-32e41419>", 1);
+//#endregion
+//#region src/components/tabs/tabs.vue
+var tabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpTabs",
+	__name: "tabs",
+	props: {
+		id: {},
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		size: { default: "md" },
+		variant: { default: "line" },
+		orientation: { default: "horizontal" },
+		placement: { default: "left" },
+		align: {},
+		activationMode: { default: "automatic" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: {},
+		describedby: {},
+		labelledby: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { rootProps, slotProps } = useTabs(props, (value) => {
+			emit("update:modelValue", value);
+		});
+		const n1 = t0$3();
+		renderEffect(() => setDynamicProps(n1, [unref(rootProps)]));
+		setInsertionState(n1, null, 0);
+		createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
+		return n1;
+	}
+}), [["__scopeId", "data-v-32e41419"]]);
+//#endregion
+//#region src/components/tabs/tabs-content.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var t0$2 = template("<section data-v-3ff419c3>", 1);
+//#endregion
+//#region src/components/tabs/tabs-content.vue
+var tabs_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpTabsContent",
+	__name: "tabs-content",
+	props: {
+		id: {},
+		value: {},
+		unmountOnExit: {
+			type: Boolean,
+			default: void 0
+		},
+		ariaLabel: {},
+		ariaDescribedby: {},
+		ariaLabelledby: {}
+	},
+	setup(__props) {
+		const { rootProps, slotProps, shouldRenderContent } = useTabsContent(__props);
+		return createIf(() => unref(shouldRenderContent), () => {
+			const n3 = t0$2();
+			renderEffect(() => setDynamicProps(n3, [unref(rootProps)]));
+			setInsertionState(n3, null, 0);
+			createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
+			return n3;
+		});
+	}
+}), [["__scopeId", "data-v-3ff419c3"]]);
+//#endregion
+//#region src/components/tabs/tabs-list.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var t0$1 = template("<div data-v-7f168d05>", 1);
+//#endregion
+//#region src/components/tabs/tabs-list.vue
+var tabs_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpTabsList",
+	__name: "tabs-list",
+	props: {
+		id: {},
+		ariaLabel: {},
+		ariaDescribedby: {},
+		ariaLabelledby: {}
+	},
+	setup(__props) {
+		const { rootProps, slotProps } = useTabsList(__props);
+		const n1 = t0$1();
+		renderEffect(() => setDynamicProps(n1, [unref(rootProps)]));
+		setInsertionState(n1, null, 0);
+		createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
+		return n1;
+	}
+}), [["__scopeId", "data-v-7f168d05"]]);
+//#endregion
+//#region src/components/tabs/tabs-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var t0 = template("<button data-v-4adec360>", 1);
+//#endregion
+//#region src/components/tabs/tabs-trigger.vue
+var tabs_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpTabsTrigger",
+	__name: "tabs-trigger",
+	props: {
+		id: {},
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		align: {}
+	},
+	setup(__props) {
+		const { rootProps, slotProps } = useTabsTrigger(__props);
+		const n1 = t0();
+		renderEffect(() => setDynamicProps(n1, [unref(rootProps)]));
+		setInsertionState(n1, null, 0);
+		createSlot("default", { $: [() => unref(slotProps)] }, null, 1);
+		return n1;
+	}
+}), [["__scopeId", "data-v-4adec360"]]);
+//#endregion
+export { useTabs as a, useTabsTrigger as c, tabs_default as i, tabs_list_default as n, useTabsContent as o, tabs_content_default as r, useTabsList as s, tabs_trigger_default as t };
+
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":[],"sources":["../src/components/tabs/useTabs.ts","../src/components/tabs/tabs.vue","../src/components/tabs/tabs.vue","../src/components/tabs/tabs-content.vue","../src/components/tabs/tabs-content.vue","../src/components/tabs/tabs-list.vue","../src/components/tabs/tabs-list.vue","../src/components/tabs/tabs-trigger.vue","../src/components/tabs/tabs-trigger.vue"],"sourcesContent":["import {\n    computed,\n    onBeforeUnmount,\n    onMounted,\n    provide,\n    ref,\n    shallowRef,\n    useId,\n    watch,\n    type InjectionKey,\n} from 'vue';\nimport { useRequiredInject } from '@/composables/useRequiredInject';\nimport { bem } from '@/utils/bem';\nimport type {\n    TabsActivationMode,\n    TabsContentProps,\n    TabsContentRootProps,\n    TabsContentSlotProps,\n    TabsListProps,\n    TabsListRootProps,\n    TabsListSlotProps,\n    TabsOrientation,\n    TabsPlacement,\n    TabsProps,\n    TabsRootProps,\n    TabsSize,\n    TabsSlotProps,\n    TabsState,\n    TabsTriggerAlign,\n    TabsTriggerProps,\n    TabsTriggerRootProps,\n    TabsTriggerSlotProps,\n    TabsValue,\n    TabsVariant,\n    UseTabsContentReturn,\n    UseTabsListReturn,\n    UseTabsReturn,\n    UseTabsTriggerReturn,\n} from './types';\n\nconst TABLIST_SELECTOR = '.rp-tabs-list';\nconst TRIGGER_SELECTOR = '.rp-tabs-trigger';\n\nconst DEFAULT_SIZE: TabsSize = 'md';\nconst DEFAULT_VARIANT: TabsVariant = 'line';\nconst DEFAULT_ORIENTATION: TabsOrientation = 'horizontal';\nconst DEFAULT_PLACEMENT: TabsPlacement = 'left';\nconst DEFAULT_ACTIVATION_MODE: TabsActivationMode = 'automatic';\n\ntype NavigationDirection = 1 | -1;\n\ninterface TabsRegistration {\n    id: string;\n    value: TabsValue;\n}\n\ninterface TabsTriggerRegistration extends TabsRegistration {\n    disabled: boolean;\n}\n\ninterface TabsContext {\n    selectedValue: TabsValue | null;\n    size: TabsSize;\n    variant: TabsVariant;\n    disabled: boolean;\n    orientation: TabsOrientation;\n    placement: TabsPlacement;\n    align?: TabsTriggerAlign;\n    activationMode: TabsActivationMode;\n    unmountOnExit: boolean;\n    ariaLabel?: string;\n    describedby?: string;\n    labelledby?: string;\n    isSelected: (value: TabsValue) => boolean;\n    selectValue: (value: TabsValue) => void;\n    getFocusableValue: () => TabsValue | null;\n    getTriggerId: (value: TabsValue) => string | undefined;\n    getContentId: (value: TabsValue) => string | undefined;\n    getTriggerValue: (id: string) => TabsValue | undefined;\n    registerTrigger: (registration: TabsTriggerRegistration) => void;\n    unregisterTrigger: (id: string) => void;\n    registerContent: (registration: TabsRegistration) => void;\n    unregisterContent: (id: string) => void;\n    onListKeydown: (event: KeyboardEvent) => void;\n}\n\nconst tabsKey = Symbol('tabs') as InjectionKey<TabsContext>;\n\nconst ORIENTATION_NAVIGATION_KEYS: Record<\n    TabsOrientation,\n    Partial<Record<string, NavigationDirection>>\n> = {\n    horizontal: { ArrowRight: 1, ArrowLeft: -1 },\n    vertical: { ArrowDown: 1, ArrowUp: -1 },\n};\n\nfunction optionalAttr<T extends boolean | string | undefined>(value: T): T | undefined {\n    return value || undefined;\n}\n\nfunction toTabsState(active: boolean): TabsState {\n    return active ? 'active' : 'inactive';\n}\n\nfunction getDefaultAlign(orientation: TabsOrientation): TabsTriggerAlign {\n    return orientation === 'vertical' ? 'left' : 'center';\n}\n\nfunction getAriaProps(label?: string, labelledby?: string, describedby?: string) {\n    return {\n        'aria-label': optionalAttr(label),\n        'aria-labelledby': optionalAttr(labelledby),\n        'aria-describedby': optionalAttr(describedby),\n    };\n}\n\nfunction getOrientationClasses(disabled: boolean, orientation: TabsOrientation) {\n    return { disabled, [orientation]: true };\n}\n\nfunction getPlacementClasses(orientation: TabsOrientation, placement: TabsPlacement) {\n    return { [`placement-${placement}`]: orientation === 'vertical' };\n}\n\nfunction getStateClasses(active: boolean) {\n    return { active, inactive: !active };\n}\n\nfunction getTriggerClasses(\n    active: boolean,\n    disabled: boolean,\n    orientation: TabsOrientation,\n    placement: TabsPlacement,\n    align: TabsTriggerAlign | undefined,\n) {\n    return {\n        ...getStateClasses(active),\n        ...getOrientationClasses(disabled, orientation),\n        ...getPlacementClasses(orientation, placement),\n        ...(align ? { [`align-${align}`]: true } : {}),\n    };\n}\n\nfunction findRegistration<T extends TabsRegistration>(\n    entries: T[],\n    value: TabsValue | null | undefined,\n) {\n    if (value == null) return undefined;\n    return entries.find((entry) => entry.value === value);\n}\n\nfunction upsertRegistration<T extends { id: string }>(entries: T[], entry: T) {\n    const index = entries.findIndex((current) => current.id === entry.id);\n    if (index < 0) return [...entries, entry];\n\n    const nextEntries = entries.slice();\n    nextEntries[index] = entry;\n    return nextEntries;\n}\n\nfunction useTabsRegistry<T extends { id: string }>() {\n    const items = shallowRef<T[]>([]);\n\n    return {\n        items,\n        register(entry: T) {\n            items.value = upsertRegistration(items.value, entry);\n        },\n        unregister(id: string) {\n            items.value = items.value.filter((item) => item.id !== id);\n        },\n    };\n}\n\nfunction useTabsRegistration<T extends { id: string }>(\n    getRegistration: () => T,\n    register: (registration: T) => void,\n    unregister: (id: string) => void,\n    watchSource: () => readonly unknown[],\n) {\n    const registeredId = ref<string | null>(null);\n\n    function syncRegistration() {\n        const registration = getRegistration();\n        if (registeredId.value && registeredId.value !== registration.id) {\n            unregister(registeredId.value);\n        }\n\n        register(registration);\n        registeredId.value = registration.id;\n    }\n\n    onMounted(syncRegistration);\n    watch(watchSource, syncRegistration);\n\n    onBeforeUnmount(() => {\n        if (registeredId.value) unregister(registeredId.value);\n    });\n}\n\nfunction getTabsTrigger(event: KeyboardEvent, list: HTMLElement) {\n    const target = event.target;\n    const trigger =\n        target instanceof Element ? target.closest<HTMLButtonElement>(TRIGGER_SELECTOR) : undefined;\n\n    return trigger?.closest(TABLIST_SELECTOR) === list ? trigger : undefined;\n}\n\nfunction getTabsTriggers(list: HTMLElement) {\n    return Array.from(list.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR)).filter(\n        (trigger) => trigger.closest(TABLIST_SELECTOR) === list && !trigger.disabled,\n    );\n}\n\nfunction getNextTrigger(\n    list: HTMLElement,\n    currentTrigger: HTMLButtonElement,\n    key: string,\n    orientation: TabsOrientation,\n) {\n    const triggers = getTabsTriggers(list);\n    const currentIndex = triggers.indexOf(currentTrigger);\n    if (currentIndex === -1 || triggers.length === 0) return undefined;\n\n    if (key === 'Home') return triggers[0];\n    if (key === 'End') return triggers[triggers.length - 1];\n\n    const direction = ORIENTATION_NAVIGATION_KEYS[orientation][key];\n    if (!direction) return undefined;\n\n    return triggers[(currentIndex + direction + triggers.length) % triggers.length];\n}\n\nfunction useTabsItem(\n    componentName: string,\n    props: Readonly<{ id?: string; value: TabsValue }>,\n    suffix: string,\n) {\n    const group = useRequiredInject(tabsKey, componentName);\n    const generatedId = useId();\n    const id = computed(() => props.id ?? `${generatedId}-${suffix}`);\n    const isSelected = computed(() => group.isSelected(props.value));\n    const state = computed<TabsState>(() => toTabsState(isSelected.value));\n\n    return { group, id, isSelected, state };\n}\n\nexport function useTabs(\n    props: Readonly<TabsProps>,\n    emitUpdate: (value: TabsValue) => void,\n): UseTabsReturn {\n    const triggerRegistry = useTabsRegistry<TabsTriggerRegistration>();\n    const contentRegistry = useTabsRegistry<TabsRegistration>();\n    const { items: triggers, unregister: unregisterTrigger } = triggerRegistry;\n    const {\n        items: contents,\n        register: registerContent,\n        unregister: unregisterContent,\n    } = contentRegistry;\n\n    const isControlled = computed(() => props.modelValue !== undefined);\n    const uncontrolledValue = ref<TabsValue | null>(props.defaultValue ?? null);\n    const isDisabled = computed(() => Boolean(props.disabled));\n    const size = computed<TabsSize>(() => props.size ?? DEFAULT_SIZE);\n    const variant = computed<TabsVariant>(() => props.variant ?? DEFAULT_VARIANT);\n    const orientation = computed<TabsOrientation>(() => props.orientation ?? DEFAULT_ORIENTATION);\n    const placement = computed<TabsPlacement>(() => props.placement ?? DEFAULT_PLACEMENT);\n    const align = computed<TabsTriggerAlign | undefined>(() => props.align);\n    const activationMode = computed<TabsActivationMode>(\n        () => props.activationMode ?? DEFAULT_ACTIVATION_MODE,\n    );\n    const selectedValue = computed<TabsValue | null>(() =>\n        isControlled.value ? (props.modelValue ?? null) : uncontrolledValue.value,\n    );\n    const firstEnabledTrigger = computed(() => triggers.value.find((trigger) => !trigger.disabled));\n    const selectedEnabledTrigger = computed(() => {\n        const trigger = findRegistration(triggers.value, selectedValue.value);\n        return trigger && !trigger.disabled ? trigger : undefined;\n    });\n\n    const rootClass = computed(() =>\n        bem(\n            'rp-tabs',\n            `size-${size.value}`,\n            variant.value,\n            getOrientationClasses(isDisabled.value, orientation.value),\n            getPlacementClasses(orientation.value, placement.value),\n        ),\n    );\n\n    const rootProps = computed<TabsRootProps>(() => ({\n        id: props.id,\n        class: rootClass.value,\n        'data-disabled': optionalAttr(isDisabled.value),\n        'data-size': size.value,\n        'data-variant': variant.value,\n        'data-orientation': orientation.value,\n        'data-placement': optionalAttr(\n            orientation.value === 'vertical' ? placement.value : undefined,\n        ),\n        'data-activation-mode': activationMode.value,\n        ...getAriaProps(props.ariaLabel, props.labelledby, props.describedby),\n    }));\n\n    const slotProps = computed<TabsSlotProps>(() => ({\n        value: selectedValue.value,\n        size: size.value,\n        variant: variant.value,\n        disabled: isDisabled.value,\n        placement: placement.value,\n        align: align.value ?? getDefaultAlign(orientation.value),\n        select: selectValue,\n    }));\n\n    function syncUncontrolledValue() {\n        if (isControlled.value || isDisabled.value) return;\n\n        const selectedTrigger = findRegistration(triggers.value, selectedValue.value);\n        if (selectedValue.value != null && !selectedTrigger?.disabled) return;\n\n        uncontrolledValue.value = firstEnabledTrigger.value?.value ?? null;\n    }\n\n    function setValue(value: TabsValue) {\n        if (isDisabled.value || value === selectedValue.value) return;\n\n        if (!isControlled.value) uncontrolledValue.value = value;\n        emitUpdate(value);\n    }\n\n    function selectValue(value: TabsValue) {\n        const trigger = findRegistration(triggers.value, value);\n        if (isDisabled.value || trigger?.disabled) return;\n\n        setValue(value);\n    }\n\n    const getFocusableValue = () =>\n        selectedEnabledTrigger.value?.value ?? firstEnabledTrigger.value?.value ?? null;\n    const getTriggerId = (value: TabsValue) => findRegistration(triggers.value, value)?.id;\n    const getContentId = (value: TabsValue) => findRegistration(contents.value, value)?.id;\n    const getTriggerValue = (id: string) =>\n        triggers.value.find((trigger) => trigger.id === id)?.value;\n\n    function registerTrigger(registration: TabsTriggerRegistration) {\n        triggerRegistry.register(registration);\n        syncUncontrolledValue();\n    }\n\n    function onListKeydown(event: KeyboardEvent) {\n        const list = event.currentTarget as HTMLElement | null;\n        if (!list || isDisabled.value) return;\n\n        const trigger = getTabsTrigger(event, list);\n        if (!trigger) return;\n\n        const nextTrigger = getNextTrigger(list, trigger, event.key, orientation.value);\n        if (!nextTrigger) return;\n\n        event.preventDefault();\n        nextTrigger.focus();\n\n        const nextValue = getTriggerValue(nextTrigger.id);\n        if (nextValue !== undefined && activationMode.value === 'automatic') {\n            selectValue(nextValue);\n        }\n    }\n\n    provide<TabsContext>(tabsKey, {\n        get selectedValue() {\n            return selectedValue.value;\n        },\n        get disabled() {\n            return isDisabled.value;\n        },\n        get size() {\n            return size.value;\n        },\n        get variant() {\n            return variant.value;\n        },\n        get orientation() {\n            return orientation.value;\n        },\n        get placement() {\n            return placement.value;\n        },\n        get align() {\n            return align.value;\n        },\n        get activationMode() {\n            return activationMode.value;\n        },\n        get unmountOnExit() {\n            return Boolean(props.unmountOnExit);\n        },\n        get ariaLabel() {\n            return props.ariaLabel;\n        },\n        get describedby() {\n            return props.describedby;\n        },\n        get labelledby() {\n            return props.labelledby;\n        },\n        isSelected(value) {\n            return selectedValue.value === value;\n        },\n        selectValue,\n        getFocusableValue,\n        getTriggerId,\n        getContentId,\n        getTriggerValue,\n        registerTrigger,\n        unregisterTrigger,\n        registerContent,\n        unregisterContent,\n        onListKeydown,\n    });\n\n    return { rootClass, rootProps, slotProps, selectedValue, selectValue };\n}\n\nexport function useTabsList(props: Readonly<TabsListProps>): UseTabsListReturn {\n    const group = useRequiredInject(tabsKey, 'RpTabsList');\n\n    const rootClass = computed(() =>\n        bem(\n            'rp-tabs-list',\n            group.variant,\n            getOrientationClasses(group.disabled, group.orientation),\n            getPlacementClasses(group.orientation, group.placement),\n        ),\n    );\n\n    const rootProps = computed<TabsListRootProps>(() => ({\n        id: props.id,\n        class: rootClass.value,\n        role: 'tablist',\n        'data-disabled': optionalAttr(group.disabled),\n        'data-variant': group.variant,\n        'data-orientation': group.orientation,\n        'data-placement': optionalAttr(\n            group.orientation === 'vertical' ? group.placement : undefined,\n        ),\n        'aria-orientation': group.orientation,\n        ...getAriaProps(\n            props.ariaLabel ?? group.ariaLabel,\n            props.ariaLabelledby ?? group.labelledby,\n            props.ariaDescribedby ?? group.describedby,\n        ),\n        onKeydown: group.onListKeydown,\n    }));\n\n    const slotProps = computed<TabsListSlotProps>(() => ({\n        disabled: group.disabled,\n        variant: group.variant,\n        orientation: group.orientation,\n        placement: group.placement,\n    }));\n\n    return { rootClass, rootProps, slotProps };\n}\n\nexport function useTabsTrigger(props: Readonly<TabsTriggerProps>): UseTabsTriggerReturn {\n    const { group, id, isSelected, state } = useTabsItem('RpTabsTrigger', props, 'tab');\n    const isDisabled = computed(() => Boolean(group.disabled || props.disabled));\n    const isFocusable = computed(\n        () => group.getFocusableValue() === props.value && !isDisabled.value,\n    );\n    const align = computed<TabsTriggerAlign | undefined>(() => props.align ?? group.align);\n    const effectiveAlign = computed(() => align.value ?? getDefaultAlign(group.orientation));\n\n    const rootClass = computed(() =>\n        bem(\n            'rp-tabs-trigger',\n            `size-${group.size}`,\n            group.variant,\n            getTriggerClasses(\n                isSelected.value,\n                isDisabled.value,\n                group.orientation,\n                group.placement,\n                align.value,\n            ),\n        ),\n    );\n\n    const rootProps = computed<TabsTriggerRootProps>(() => ({\n        id: id.value,\n        class: rootClass.value,\n        role: 'tab',\n        type: 'button',\n        disabled: optionalAttr(isDisabled.value),\n        tabIndex: isFocusable.value ? 0 : -1,\n        'data-state': state.value,\n        'data-disabled': optionalAttr(isDisabled.value),\n        'data-variant': group.variant,\n        'data-align': optionalAttr(align.value),\n        'aria-selected': isSelected.value,\n        'aria-controls': group.getContentId(props.value),\n        'aria-disabled': optionalAttr(isDisabled.value),\n        onClick: select,\n        onFocus,\n        onKeydown,\n    }));\n\n    const slotProps = computed<TabsTriggerSlotProps>(() => ({\n        value: props.value,\n        selected: isSelected.value,\n        size: group.size,\n        variant: group.variant,\n        disabled: isDisabled.value,\n        align: effectiveAlign.value,\n        select,\n    }));\n\n    useTabsRegistration(\n        () => ({\n            id: id.value,\n            value: props.value,\n            disabled: isDisabled.value,\n        }),\n        group.registerTrigger,\n        group.unregisterTrigger,\n        () => [id.value, props.value, isDisabled.value] as const,\n    );\n\n    function select() {\n        if (!isDisabled.value) group.selectValue(props.value);\n    }\n\n    function onFocus() {\n        if (group.activationMode === 'automatic') select();\n    }\n\n    function onKeydown(event: KeyboardEvent) {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n\n        event.preventDefault();\n        select();\n    }\n\n    return { id, state, isSelected, isDisabled, rootClass, rootProps, slotProps, select };\n}\n\nexport function useTabsContent(props: Readonly<TabsContentProps>): UseTabsContentReturn {\n    const { group, id, isSelected, state } = useTabsItem('RpTabsContent', props, 'tabpanel');\n    const shouldUnmountOnExit = computed(() => props.unmountOnExit ?? group.unmountOnExit);\n    const shouldRenderContent = computed(() => !shouldUnmountOnExit.value || isSelected.value);\n\n    const rootClass = computed(() =>\n        bem('rp-tabs-content', getStateClasses(isSelected.value), {\n            vertical: group.orientation === 'vertical',\n        }),\n    );\n\n    const rootProps = computed<TabsContentRootProps>(() => ({\n        id: id.value,\n        class: rootClass.value,\n        role: 'tabpanel',\n        tabIndex: 0,\n        hidden: optionalAttr(!isSelected.value),\n        'data-state': state.value,\n        ...getAriaProps(\n            props.ariaLabel,\n            props.ariaLabelledby ?? group.getTriggerId(props.value),\n            props.ariaDescribedby,\n        ),\n    }));\n\n    const slotProps = computed<TabsContentSlotProps>(() => ({\n        value: props.value,\n        selected: isSelected.value,\n    }));\n\n    useTabsRegistration(\n        () => ({\n            id: id.value,\n            value: props.value,\n        }),\n        group.registerContent,\n        group.unregisterContent,\n        () => [id.value, props.value] as const,\n    );\n\n    return { id, state, isSelected, shouldRenderContent, rootClass, rootProps, slotProps };\n}\n","<template>\n    <div v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabs } from './useTabs';\nimport type { TabsProps, TabsValue } from './types';\n\ndefineOptions({ name: 'RpTabs' });\n\nconst props = withDefaults(defineProps<TabsProps>(), {\n    modelValue: undefined,\n    defaultValue: undefined,\n    size: 'md',\n    variant: 'line',\n    orientation: 'horizontal',\n    placement: 'left',\n    activationMode: 'automatic',\n    disabled: false,\n    unmountOnExit: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: TabsValue];\n}>();\n\nconst { rootProps, slotProps } = useTabs(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./tabs.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabs } from './useTabs';\nimport type { TabsProps, TabsValue } from './types';\n\ndefineOptions({ name: 'RpTabs' });\n\nconst props = withDefaults(defineProps<TabsProps>(), {\n    modelValue: undefined,\n    defaultValue: undefined,\n    size: 'md',\n    variant: 'line',\n    orientation: 'horizontal',\n    placement: 'left',\n    activationMode: 'automatic',\n    disabled: false,\n    unmountOnExit: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: TabsValue];\n}>();\n\nconst { rootProps, slotProps } = useTabs(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./tabs.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <section v-if=\"shouldRenderContent\" v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </section>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabsContent } from './useTabs';\nimport type { TabsContentProps } from './types';\n\ndefineOptions({ name: 'RpTabsContent' });\n\nconst props = withDefaults(defineProps<TabsContentProps>(), {\n    unmountOnExit: undefined,\n});\n\nconst { rootProps, slotProps, shouldRenderContent } = useTabsContent(props);\n</script>\n\n<style src=\"./tabs-content.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <section v-if=\"shouldRenderContent\" v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </section>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabsContent } from './useTabs';\nimport type { TabsContentProps } from './types';\n\ndefineOptions({ name: 'RpTabsContent' });\n\nconst props = withDefaults(defineProps<TabsContentProps>(), {\n    unmountOnExit: undefined,\n});\n\nconst { rootProps, slotProps, shouldRenderContent } = useTabsContent(props);\n</script>\n\n<style src=\"./tabs-content.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabsList } from './useTabs';\nimport type { TabsListProps } from './types';\n\ndefineOptions({ name: 'RpTabsList' });\n\nconst props = defineProps<TabsListProps>();\n\nconst { rootProps, slotProps } = useTabsList(props);\n</script>\n\n<style src=\"./tabs-list.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabsList } from './useTabs';\nimport type { TabsListProps } from './types';\n\ndefineOptions({ name: 'RpTabsList' });\n\nconst props = defineProps<TabsListProps>();\n\nconst { rootProps, slotProps } = useTabsList(props);\n</script>\n\n<style src=\"./tabs-list.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <button v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </button>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabsTrigger } from './useTabs';\nimport type { TabsTriggerProps } from './types';\n\ndefineOptions({ name: 'RpTabsTrigger' });\n\nconst props = withDefaults(defineProps<TabsTriggerProps>(), {\n    disabled: false,\n});\n\nconst { rootProps, slotProps } = useTabsTrigger(props);\n</script>\n\n<style src=\"./tabs-trigger.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <button v-bind=\"rootProps\">\n        <slot v-bind=\"slotProps\" />\n    </button>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTabsTrigger } from './useTabs';\nimport type { TabsTriggerProps } from './types';\n\ndefineOptions({ name: 'RpTabsTrigger' });\n\nconst props = withDefaults(defineProps<TabsTriggerProps>(), {\n    disabled: false,\n});\n\nconst { rootProps, slotProps } = useTabsTrigger(props);\n</script>\n\n<style src=\"./tabs-trigger.scss\" lang=\"scss\" scoped></style>\n"],"mappings":"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"}

package/dist/textarea.js

@@ -1,5 +1,6 @@
 import './textarea.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 { t as useControlState } from "./useControlState.js";
 import { child, computed, createInvoker, createTemplateRefSetter, defineVaporComponent, delegateEvents, nextTick, onMounted, ref, renderEffect, setAttr, setClass, setProp, setValue, template, unref, watch } from "vue";
 //#region src/components/textarea/useTextarea.ts

package/dist/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../src/components/textarea/useTextarea.ts","../src/components/textarea/textarea.vue","../src/components/textarea/textarea.vue"],"sourcesContent":["import { computed, nextTick, onMounted, ref, watch } from 'vue';\nimport { useControlState } from '@/composables/useControlState';\nimport { bem } from '@/utils/bem';\nimport type { TextareaProps } from './types';\n\nconst MIN_ROWS = 1;\nconst NATIVE_TEXTAREA_SELECTOR = '.rp-textarea__native';\nconst INTERACTIVE_SELECTOR = [\n    'button',\n    'a[href]',\n    'input',\n    'select',\n    `textarea:not(${NATIVE_TEXTAREA_SELECTOR})`,\n    '[contenteditable=\"true\"]',\n    '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\ninterface AutosizeRows {\n    minRows: number;\n    maxRows: number | undefined;\n}\n\ninterface TextareaMetrics {\n    lineHeight: number;\n    paddingHeight: number;\n    borderHeight: number;\n}\n\nfunction isInteractiveElement(target: Element) {\n    return Boolean(target.closest(INTERACTIVE_SELECTOR));\n}\n\nfunction normalizeRows(value: number | undefined, fallback?: number) {\n    if (value === undefined || !Number.isFinite(value)) return fallback;\n    return Math.max(MIN_ROWS, Math.floor(value));\n}\n\nfunction getPixelValue(value: string) {\n    const parsed = Number.parseFloat(value);\n    return Number.isFinite(parsed) ? parsed : 0;\n}\n\nfunction getLineHeight(styles: CSSStyleDeclaration) {\n    const lineHeight = getPixelValue(styles.lineHeight);\n    if (lineHeight > 0) return lineHeight;\n\n    const fontSize = getPixelValue(styles.fontSize);\n    return fontSize > 0 ? fontSize * 1.2 : 0;\n}\n\nfunction getTextareaMetrics(textarea: HTMLTextAreaElement): TextareaMetrics {\n    const styles = getComputedStyle(textarea);\n\n    return {\n        lineHeight: getLineHeight(styles),\n        paddingHeight: getPixelValue(styles.paddingTop) + getPixelValue(styles.paddingBottom),\n        borderHeight:\n            getPixelValue(styles.borderTopWidth) + getPixelValue(styles.borderBottomWidth),\n    };\n}\n\nfunction getRowsHeight(metrics: TextareaMetrics, rows: number) {\n    return rows * metrics.lineHeight + metrics.paddingHeight + metrics.borderHeight;\n}\n\nfunction getAutosizeMeasurement(textarea: HTMLTextAreaElement, rows: AutosizeRows) {\n    const metrics = getTextareaMetrics(textarea);\n    const maxHeight = rows.maxRows === undefined ? undefined : getRowsHeight(metrics, rows.maxRows);\n\n    return {\n        contentHeight: textarea.scrollHeight + metrics.borderHeight,\n        minHeight: getRowsHeight(metrics, rows.minRows),\n        maxHeight,\n    };\n}\n\nfunction resetTextareaHeight(textarea: HTMLTextAreaElement) {\n    textarea.style.height = '';\n    textarea.style.overflowY = '';\n}\n\nexport function useTextarea(props: Readonly<TextareaProps>, emitUpdate: (value: string) => void) {\n    const textareaRef = ref<HTMLTextAreaElement | null>(null);\n    const control = useControlState(props);\n\n    const autosizeRows = computed<AutosizeRows>(() => {\n        const minRows =\n            normalizeRows(props.minRows, normalizeRows(props.rows, MIN_ROWS)) ?? MIN_ROWS;\n        const maxRows = normalizeRows(props.maxRows);\n\n        return {\n            minRows,\n            maxRows: maxRows === undefined ? undefined : Math.max(minRows, maxRows),\n        };\n    });\n\n    const nativeRows = computed(() => (props.autosize ? autosizeRows.value.minRows : props.rows));\n\n    const rootClass = computed(() =>\n        bem('rp-textarea', {\n            [`size-${props.size}`]: Boolean(props.size),\n            [`radius-${props.radius}`]: Boolean(props.radius),\n            [`resize-${props.resize}`]: props.resize !== undefined && props.resize !== 'none',\n            autosize: props.autosize,\n            disabled: control.disabled,\n            invalid: control.invalid,\n            valid: control.valid && !control.invalid,\n            readonly: props.readonly,\n        }),\n    );\n\n    const autosizeWatchSource = computed(() => [\n        props.modelValue,\n        props.autosize,\n        props.minRows,\n        props.maxRows,\n        props.rows,\n        props.size,\n    ]);\n\n    function syncTextareaHeight() {\n        const textarea = textareaRef.value;\n        if (!textarea) return;\n\n        if (!props.autosize) {\n            resetTextareaHeight(textarea);\n            return;\n        }\n\n        textarea.style.height = 'auto';\n\n        const { contentHeight, minHeight, maxHeight } = getAutosizeMeasurement(\n            textarea,\n            autosizeRows.value,\n        );\n        const heightLimit = maxHeight ?? Number.POSITIVE_INFINITY;\n        const nextHeight = Math.min(Math.max(contentHeight, minHeight), heightLimit);\n\n        textarea.style.height = `${nextHeight}px`;\n        textarea.style.overflowY =\n            maxHeight !== undefined && contentHeight > maxHeight ? 'auto' : 'hidden';\n    }\n\n    function scheduleTextareaHeightSync() {\n        void nextTick(syncTextareaHeight);\n    }\n\n    function onInput(e: Event) {\n        emitUpdate((e.target as HTMLTextAreaElement).value);\n        syncTextareaHeight();\n    }\n\n    function focusTextarea(e: MouseEvent) {\n        if (control.disabled) return;\n\n        const target = e.target;\n        if (target instanceof Element && isInteractiveElement(target)) return;\n\n        textareaRef.value?.focus();\n    }\n\n    onMounted(scheduleTextareaHeightSync);\n\n    watch(autosizeWatchSource, scheduleTextareaHeightSync);\n\n    return {\n        textareaRef,\n        control,\n        rootClass,\n        nativeRows,\n        onInput,\n        focusTextarea,\n    };\n}\n","<template>\n    <div :class=\"rootClass\" @mousedown=\"focusTextarea\">\n        <textarea\n            :id=\"control.id\"\n            ref=\"textareaRef\"\n            :name=\"name\"\n            class=\"rp-textarea__native\"\n            :value=\"modelValue\"\n            :placeholder=\"placeholder\"\n            :rows=\"nativeRows\"\n            :disabled=\"control.disabled || undefined\"\n            :readonly=\"readonly || undefined\"\n            :required=\"control.required || undefined\"\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            @input=\"onInput\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTextarea } from './useTextarea';\nimport type { TextareaProps } from './types';\n\ndefineOptions({ name: 'RpTextarea' });\n\nconst props = withDefaults(defineProps<TextareaProps>(), {\n    placeholder: '',\n    rows: 3,\n    resize: 'none',\n    autosize: false,\n    minRows: undefined,\n    maxRows: undefined,\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    valid: undefined,\n    readonly: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: string];\n}>();\n\nconst { textareaRef, control, rootClass, nativeRows, onInput, focusTextarea } = useTextarea(\n    props,\n    (value) => {\n        emit('update:modelValue', value);\n    },\n);\n\nvoid textareaRef;\n</script>\n\n<style src=\"./textarea.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div :class=\"rootClass\" @mousedown=\"focusTextarea\">\n        <textarea\n            :id=\"control.id\"\n            ref=\"textareaRef\"\n            :name=\"name\"\n            class=\"rp-textarea__native\"\n            :value=\"modelValue\"\n            :placeholder=\"placeholder\"\n            :rows=\"nativeRows\"\n            :disabled=\"control.disabled || undefined\"\n            :readonly=\"readonly || undefined\"\n            :required=\"control.required || undefined\"\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            @input=\"onInput\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTextarea } from './useTextarea';\nimport type { TextareaProps } from './types';\n\ndefineOptions({ name: 'RpTextarea' });\n\nconst props = withDefaults(defineProps<TextareaProps>(), {\n    placeholder: '',\n    rows: 3,\n    resize: 'none',\n    autosize: false,\n    minRows: undefined,\n    maxRows: undefined,\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    valid: undefined,\n    readonly: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: string];\n}>();\n\nconst { textareaRef, control, rootClass, nativeRows, onInput, focusTextarea } = useTextarea(\n    props,\n    (value) => {\n        emit('update:modelValue', value);\n    },\n);\n\nvoid textareaRef;\n</script>\n\n<style src=\"./textarea.scss\" lang=\"scss\" scoped></style>\n"],"mappings":"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"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../src/components/textarea/useTextarea.ts","../src/components/textarea/textarea.vue","../src/components/textarea/textarea.vue"],"sourcesContent":["import { computed, nextTick, onMounted, ref, watch } from 'vue';\nimport { useControlState } from '@/composables/useControlState';\nimport { bem } from '@/utils/bem';\nimport type { TextareaProps } from './types';\n\nconst MIN_ROWS = 1;\nconst NATIVE_TEXTAREA_SELECTOR = '.rp-textarea__native';\nconst INTERACTIVE_SELECTOR = [\n    'button',\n    'a[href]',\n    'input',\n    'select',\n    `textarea:not(${NATIVE_TEXTAREA_SELECTOR})`,\n    '[contenteditable=\"true\"]',\n    '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\ninterface AutosizeRows {\n    minRows: number;\n    maxRows: number | undefined;\n}\n\ninterface TextareaMetrics {\n    lineHeight: number;\n    paddingHeight: number;\n    borderHeight: number;\n}\n\nfunction isInteractiveElement(target: Element) {\n    return Boolean(target.closest(INTERACTIVE_SELECTOR));\n}\n\nfunction normalizeRows(value: number | undefined, fallback?: number) {\n    if (value === undefined || !Number.isFinite(value)) return fallback;\n    return Math.max(MIN_ROWS, Math.floor(value));\n}\n\nfunction getPixelValue(value: string) {\n    const parsed = Number.parseFloat(value);\n    return Number.isFinite(parsed) ? parsed : 0;\n}\n\nfunction getLineHeight(styles: CSSStyleDeclaration) {\n    const lineHeight = getPixelValue(styles.lineHeight);\n    if (lineHeight > 0) return lineHeight;\n\n    const fontSize = getPixelValue(styles.fontSize);\n    return fontSize > 0 ? fontSize * 1.2 : 0;\n}\n\nfunction getTextareaMetrics(textarea: HTMLTextAreaElement): TextareaMetrics {\n    const styles = getComputedStyle(textarea);\n\n    return {\n        lineHeight: getLineHeight(styles),\n        paddingHeight: getPixelValue(styles.paddingTop) + getPixelValue(styles.paddingBottom),\n        borderHeight:\n            getPixelValue(styles.borderTopWidth) + getPixelValue(styles.borderBottomWidth),\n    };\n}\n\nfunction getRowsHeight(metrics: TextareaMetrics, rows: number) {\n    return rows * metrics.lineHeight + metrics.paddingHeight + metrics.borderHeight;\n}\n\nfunction getAutosizeMeasurement(textarea: HTMLTextAreaElement, rows: AutosizeRows) {\n    const metrics = getTextareaMetrics(textarea);\n    const maxHeight = rows.maxRows === undefined ? undefined : getRowsHeight(metrics, rows.maxRows);\n\n    return {\n        contentHeight: textarea.scrollHeight + metrics.borderHeight,\n        minHeight: getRowsHeight(metrics, rows.minRows),\n        maxHeight,\n    };\n}\n\nfunction resetTextareaHeight(textarea: HTMLTextAreaElement) {\n    textarea.style.height = '';\n    textarea.style.overflowY = '';\n}\n\nexport function useTextarea(props: Readonly<TextareaProps>, emitUpdate: (value: string) => void) {\n    const textareaRef = ref<HTMLTextAreaElement | null>(null);\n    const control = useControlState(props);\n\n    const autosizeRows = computed<AutosizeRows>(() => {\n        const minRows =\n            normalizeRows(props.minRows, normalizeRows(props.rows, MIN_ROWS)) ?? MIN_ROWS;\n        const maxRows = normalizeRows(props.maxRows);\n\n        return {\n            minRows,\n            maxRows: maxRows === undefined ? undefined : Math.max(minRows, maxRows),\n        };\n    });\n\n    const nativeRows = computed(() => (props.autosize ? autosizeRows.value.minRows : props.rows));\n\n    const rootClass = computed(() =>\n        bem('rp-textarea', {\n            [`size-${props.size}`]: Boolean(props.size),\n            [`radius-${props.radius}`]: Boolean(props.radius),\n            [`resize-${props.resize}`]: props.resize !== undefined && props.resize !== 'none',\n            autosize: props.autosize,\n            disabled: control.disabled,\n            invalid: control.invalid,\n            valid: control.valid && !control.invalid,\n            readonly: props.readonly,\n        }),\n    );\n\n    const autosizeWatchSource = computed(() => [\n        props.modelValue,\n        props.autosize,\n        props.minRows,\n        props.maxRows,\n        props.rows,\n        props.size,\n    ]);\n\n    function syncTextareaHeight() {\n        const textarea = textareaRef.value;\n        if (!textarea) return;\n\n        if (!props.autosize) {\n            resetTextareaHeight(textarea);\n            return;\n        }\n\n        textarea.style.height = 'auto';\n\n        const { contentHeight, minHeight, maxHeight } = getAutosizeMeasurement(\n            textarea,\n            autosizeRows.value,\n        );\n        const heightLimit = maxHeight ?? Number.POSITIVE_INFINITY;\n        const nextHeight = Math.min(Math.max(contentHeight, minHeight), heightLimit);\n\n        textarea.style.height = `${nextHeight}px`;\n        textarea.style.overflowY =\n            maxHeight !== undefined && contentHeight > maxHeight ? 'auto' : 'hidden';\n    }\n\n    function scheduleTextareaHeightSync() {\n        void nextTick(syncTextareaHeight);\n    }\n\n    function onInput(e: Event) {\n        emitUpdate((e.target as HTMLTextAreaElement).value);\n        syncTextareaHeight();\n    }\n\n    function focusTextarea(e: MouseEvent) {\n        if (control.disabled) return;\n\n        const target = e.target;\n        if (target instanceof Element && isInteractiveElement(target)) return;\n\n        textareaRef.value?.focus();\n    }\n\n    onMounted(scheduleTextareaHeightSync);\n\n    watch(autosizeWatchSource, scheduleTextareaHeightSync);\n\n    return {\n        textareaRef,\n        control,\n        rootClass,\n        nativeRows,\n        onInput,\n        focusTextarea,\n    };\n}\n","<template>\n    <div :class=\"rootClass\" @mousedown=\"focusTextarea\">\n        <textarea\n            :id=\"control.id\"\n            ref=\"textareaRef\"\n            :name=\"name\"\n            class=\"rp-textarea__native\"\n            :value=\"modelValue\"\n            :placeholder=\"placeholder\"\n            :rows=\"nativeRows\"\n            :disabled=\"control.disabled || undefined\"\n            :readonly=\"readonly || undefined\"\n            :required=\"control.required || undefined\"\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            @input=\"onInput\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTextarea } from './useTextarea';\nimport type { TextareaProps } from './types';\n\ndefineOptions({ name: 'RpTextarea' });\n\nconst props = withDefaults(defineProps<TextareaProps>(), {\n    placeholder: '',\n    rows: 3,\n    resize: 'none',\n    autosize: false,\n    minRows: undefined,\n    maxRows: undefined,\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    valid: undefined,\n    readonly: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: string];\n}>();\n\nconst { textareaRef, control, rootClass, nativeRows, onInput, focusTextarea } = useTextarea(\n    props,\n    (value) => {\n        emit('update:modelValue', value);\n    },\n);\n\nvoid textareaRef;\n</script>\n\n<style src=\"./textarea.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <div :class=\"rootClass\" @mousedown=\"focusTextarea\">\n        <textarea\n            :id=\"control.id\"\n            ref=\"textareaRef\"\n            :name=\"name\"\n            class=\"rp-textarea__native\"\n            :value=\"modelValue\"\n            :placeholder=\"placeholder\"\n            :rows=\"nativeRows\"\n            :disabled=\"control.disabled || undefined\"\n            :readonly=\"readonly || undefined\"\n            :required=\"control.required || undefined\"\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            @input=\"onInput\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport { useTextarea } from './useTextarea';\nimport type { TextareaProps } from './types';\n\ndefineOptions({ name: 'RpTextarea' });\n\nconst props = withDefaults(defineProps<TextareaProps>(), {\n    placeholder: '',\n    rows: 3,\n    resize: 'none',\n    autosize: false,\n    minRows: undefined,\n    maxRows: undefined,\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    valid: undefined,\n    readonly: false,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: string];\n}>();\n\nconst { textareaRef, control, rootClass, nativeRows, onInput, focusTextarea } = useTextarea(\n    props,\n    (value) => {\n        emit('update:modelValue', value);\n    },\n);\n\nvoid textareaRef;\n</script>\n\n<style src=\"./textarea.scss\" lang=\"scss\" scoped></style>\n"],"mappings":"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"}