base-ui-vue 0.1.0

package/dist/button/Button.js

@@ -0,0 +1,453 @@
+import { computed, createBlock, createCommentVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toValue, unref, useAttrs, watchEffect, withCtx } from "vue";
+import { isHTMLElement } from "@floating-ui/utils/dom";
+
+//#region src/merge-props/mergeProps.ts
+function makeEventPreventable(event) {
+	const baseUIEvent = event;
+	if (!baseUIEvent.preventBaseUIHandler) baseUIEvent.preventBaseUIHandler = () => {
+		baseUIEvent.baseUIHandlerPrevented = true;
+	};
+	return baseUIEvent;
+}
+function mergeClasses(ourClass, theirClass) {
+	if (theirClass) {
+		if (ourClass) return `${theirClass} ${ourClass}`;
+		return theirClass;
+	}
+	return ourClass;
+}
+function mergeObjects(a, b) {
+	if (a && !b) return a;
+	if (!a && b) return b;
+	if (a || b) return {
+		...a,
+		...b
+	};
+}
+function isEventHandler(key, value) {
+	return key.startsWith("on") && key.charCodeAt(2) >= 65 && key.charCodeAt(2) <= 90 && (typeof value === "function" || Array.isArray(value) || typeof value === "undefined");
+}
+/**
+* Merges Vue prop/attr objects using Base UI Vue semantics.
+*
+* Later props overwrite earlier ones, except for:
+* - Event listeners: merged so the rightmost listener runs first and can prevent earlier listeners.
+* - `class`: merged in rightmost-first order.
+* - `style`: merged using Vue's native style merging.
+*/
+function mergeProps$1(...args) {
+	const definedArgs = args.filter((arg) => arg != null);
+	const merged = mergeProps(...definedArgs);
+	const classValue = mergeClassValues(definedArgs);
+	if (classValue !== void 0) merged.class = classValue;
+	for (const propName in merged) if (isEventHandler(propName, merged[propName])) merged[propName] = wrapEventHandlers(merged[propName]);
+	return merged;
+}
+/**
+* Merges an array of Vue prop/attr objects using the same semantics as {@link mergeProps}.
+*
+* Useful when prop layers are assembled dynamically before being bound with `v-bind`.
+*/
+function mergePropsN(props) {
+	const definedProps = props.filter((prop) => prop != null);
+	if (definedProps.length === 0) return {};
+	return mergeProps$1(...definedProps);
+}
+function mergeClassValues(args) {
+	const classValues = args.map((props) => props?.class).filter((value) => value != null);
+	if (classValues.length === 0) return;
+	return normalizeClass(classValues.reverse());
+}
+function wrapEventHandlers(handlers) {
+	if (Array.isArray(handlers)) {
+		const flatHandlers = handlers.flat(Infinity).filter((handler) => typeof handler === "function");
+		return (...args) => {
+			const preventableArgs = getPreventableArgs(args);
+			if (preventableArgs) {
+				let result;
+				for (let i = flatHandlers.length - 1; i >= 0; i -= 1) {
+					const handlerResult = flatHandlers[i](...preventableArgs.args);
+					if (result === void 0) result = handlerResult;
+					if (preventableArgs.event.baseUIHandlerPrevented) break;
+				}
+				return result;
+			}
+			let result;
+			for (let i = flatHandlers.length - 1; i >= 0; i -= 1) {
+				const handlerResult = flatHandlers[i](...args);
+				if (result === void 0) result = handlerResult;
+			}
+			return result;
+		};
+	}
+	if (typeof handlers !== "function") return handlers;
+	return (...args) => {
+		const preventableArgs = getPreventableArgs(args);
+		if (preventableArgs) return handlers(...preventableArgs.args);
+		return handlers(...args);
+	};
+}
+function getPreventableArgs(args) {
+	const eventIndex = args.findIndex(isPreventableEventArg);
+	if (eventIndex === -1) return null;
+	const nextArgs = [...args];
+	const event = makeEventPreventable(nextArgs[eventIndex]);
+	nextArgs[eventIndex] = event;
+	return {
+		args: nextArgs,
+		event
+	};
+}
+function isPreventableEventArg(value) {
+	return Boolean(value && typeof value === "object" && (value instanceof Event || "nativeEvent" in value || "preventBaseUIHandler" in value));
+}
+
+//#endregion
+//#region src/utils/empty.ts
+function NOOP() {}
+const EMPTY_ARRAY = Object.freeze([]);
+const EMPTY_OBJECT = Object.freeze({});
+
+//#endregion
+//#region src/utils/getStateAttributesProps.ts
+function getStateAttributesProps(state, customMapping) {
+	const props = {};
+	for (const key in state) {
+		const value = state[key];
+		if (customMapping && Object.prototype.hasOwnProperty.call(customMapping, key)) {
+			const customProps = customMapping[key](value);
+			if (customProps != null) Object.assign(props, customProps);
+			continue;
+		}
+		if (value === true) props[`data-${key.toLowerCase()}`] = "";
+		else if (value !== false && value != null) props[`data-${key.toLowerCase()}`] = value.toString();
+	}
+	return props;
+}
+
+//#endregion
+//#region src/utils/slot.ts
+/**
+* Pass as the `as` prop to make a component renderless.
+*/
+const Slot = Symbol("Slot");
+
+//#endregion
+//#region src/utils/useMergedRefs.ts
+/**
+* Merges multiple refs or ref callbacks into a single template ref callback.
+* Returns `undefined` when all input refs are nullish (optimization to avoid no-op callbacks).
+*
+* Supports cleanup callbacks: if a callback ref returns a function, it will be
+* called on unmount (when the ref receives `null`) instead of calling the
+* callback with `null` directly.
+*
+* Vue-specific: automatically unwraps `ComponentPublicInstance` to its root `$el`,
+* since Vue template refs on components return the instance, not the DOM element.
+*
+* @example
+* ```vue
+* <script setup>
+* const internalRef = ref(null)
+* const externalRef = ref(null)
+*
+* const mergedRef = useMergedRefs(internalRef, externalRef)
+* <\/script>
+*
+* <template>
+*   <div :ref="mergedRef"></div>
+* </template>
+* ```
+*/
+function useMergedRefs(...refs) {
+	if (refs.every((ref) => ref == null)) return;
+	const cleanupCallbacks = Array.from({ length: refs.length }, () => null);
+	return (el) => {
+		const instance = el && "$el" in el ? el.$el : el;
+		if (instance != null) for (let i = 0; i < refs.length; i += 1) {
+			const ref = refs[i];
+			if (ref == null) continue;
+			if (typeof ref === "function") {
+				const refCleanup = ref(instance);
+				if (typeof refCleanup === "function") cleanupCallbacks[i] = refCleanup;
+			} else if ("value" in ref) ref.value = instance;
+		}
+		else for (let i = 0; i < refs.length; i += 1) {
+			const ref = refs[i];
+			if (ref == null) continue;
+			if (typeof ref === "function") {
+				const cleanupCallback = cleanupCallbacks[i];
+				if (typeof cleanupCallback === "function") {
+					cleanupCallback();
+					cleanupCallbacks[i] = null;
+				} else ref(null);
+			} else if ("value" in ref) ref.value = null;
+		}
+	};
+}
+
+//#endregion
+//#region src/utils/useRenderElement.ts
+/**
+* Renders a Base UI element (internal composable).
+*
+* Assembles state-to-data-attribute conversion, class/style resolution,
+* and ref wrapping into a single composable used by all polymorphic components.
+*
+* @param params - The render element parameters.
+*/
+function useRenderElement(params) {
+	const renderless = computed(() => params.componentProps.as === Slot);
+	return {
+		tag: computed(() => {
+			if (renderless.value) return;
+			return params.componentProps.as ?? params.defaultTagName ?? "div";
+		}),
+		mergedProps: computed(() => {
+			const state = unref(params.state);
+			const rawProps = unref(params.props) ?? EMPTY_OBJECT;
+			const merged = {
+				...getStateAttributesProps(state, params.stateAttributesMapping),
+				...rawProps
+			};
+			const resolvedClass = typeof params.componentProps.class === "function" ? params.componentProps.class(state) : params.componentProps.class;
+			const resolvedStyle = typeof params.componentProps.style === "function" ? params.componentProps.style(state) : params.componentProps.style;
+			if (resolvedClass !== void 0) merged.class = normalizeClass$1(merged.class, resolvedClass);
+			if (resolvedStyle !== void 0) merged.style = normalizeStyle(merged.style, resolvedStyle);
+			return merged;
+		}),
+		renderless,
+		state: params.state,
+		ref: params.ref ? useMergedRefs(params.ref) : void 0
+	};
+}
+function normalizeClass$1(currentValue, nextValue) {
+	if (currentValue == null) return nextValue;
+	if (nextValue == null) return currentValue;
+	if (typeof currentValue === "string" && typeof nextValue === "string") return mergeClasses(currentValue, nextValue);
+	return [currentValue, nextValue];
+}
+function normalizeStyle(currentValue, nextValue) {
+	if (currentValue == null) return nextValue;
+	if (nextValue == null) return currentValue;
+	if (isPlainObject(currentValue) && isPlainObject(nextValue)) return mergeObjects(currentValue, nextValue);
+	return [currentValue, nextValue];
+}
+function isPlainObject(value) {
+	return value != null && typeof value === "object" && !Array.isArray(value);
+}
+
+//#endregion
+//#region src/composite/root/CompositeRootContext.ts
+const compositeRootContextKey = Symbol("CompositeRootContext");
+function useCompositeRootContext(optional = false) {
+	const context = inject(compositeRootContextKey, void 0);
+	if (context === void 0 && !optional) throw new Error("Base UI Vue: CompositeRootContext is missing. Composite parts must be placed within <CompositeRoot>.");
+	return context;
+}
+
+//#endregion
+//#region src/utils/error.ts
+let set;
+if (process.env.NODE_ENV !== "production") set = /* @__PURE__ */ new Set();
+function error(...messages) {
+	if (process.env.NODE_ENV !== "production") {
+		const messageKey = messages.join(" ");
+		if (!set.has(messageKey)) {
+			set.add(messageKey);
+			console.error(`Base UI Vue: ${messageKey}`);
+		}
+	}
+}
+
+//#endregion
+//#region src/utils/useFocusableWhenDisabled.ts
+function useFocusableWhenDisabled(params) {
+	return { props: computed(() => {
+		const focusableWhenDisabled = toValue(params.focusableWhenDisabled);
+		const disabled = toValue(params.disabled);
+		const composite = toValue(params.composite) ?? false;
+		const tabIndexProp = toValue(params.tabIndex) ?? 0;
+		const isNativeButton = toValue(params.isNativeButton);
+		const isFocusableComposite = composite && focusableWhenDisabled !== false;
+		const isNonFocusableComposite = composite && focusableWhenDisabled === false;
+		const additionalProps = { onKeydown(event) {
+			if (disabled && focusableWhenDisabled && event.key !== "Tab") event.preventDefault();
+		} };
+		if (!composite) {
+			additionalProps.tabIndex = tabIndexProp;
+			if (!isNativeButton && disabled) additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;
+		}
+		if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled) additionalProps["aria-disabled"] = disabled;
+		if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) additionalProps.disabled = disabled;
+		return additionalProps;
+	}) };
+}
+
+//#endregion
+//#region src/use-button/useButton.ts
+function useButton(parameters = {}) {
+	const buttonRef = ref(null);
+	const { props: focusableWhenDisabledProps } = useFocusableWhenDisabled({
+		focusableWhenDisabled: () => toValue(parameters.focusableWhenDisabled) ?? false,
+		disabled: () => toValue(parameters.disabled) ?? false,
+		isNativeButton: () => toValue(parameters.native) ?? true,
+		tabIndex: () => toValue(parameters.tabIndex) ?? 0
+	});
+	if (process.env.NODE_ENV !== "production") watchEffect(() => {
+		if (!buttonRef.value) return;
+		const isButtonTag = isButtonElement(buttonRef.value);
+		if (toValue(parameters.native) ?? true) {
+			if (!isButtonTag) error("A component that acts as a button expected a native <button> because the `nativeButton` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the `as` prop, or set `nativeButton` to `false`.");
+		} else if (isButtonTag) error("A component that acts as a button expected a non-<button> because the `nativeButton` prop is false. Rendering a <button> keeps native behavior while Base UI Vue applies non-native attributes and handlers, which can add unintended extra attributes (such as `role` or `aria-disabled`). Use a non-<button> in the `as` prop, or set `nativeButton` to `true`.");
+	});
+	const isCompositeItem = useCompositeRootContext(true) !== void 0;
+	const updateDisabled = () => {
+		const element = buttonRef.value;
+		if (!isButtonElement(element)) return;
+		if (isCompositeItem && toValue(parameters.disabled) && focusableWhenDisabledProps.value.disabled === void 0 && element.disabled) element.disabled = false;
+	};
+	watchEffect(updateDisabled, { flush: "post" });
+	const getButtonProps = (externalProps = {}) => {
+		const { onClick: externalOnClick, onMousedown: externalOnMousedown, onKeydown: externalOnKeydown, onKeyup: externalOnKeyup, onPointerdown: externalOnPointerdown, ...otherExternalProps } = externalProps;
+		const disabled = toValue(parameters.disabled) ?? false;
+		const isNativeButton = toValue(parameters.native) ?? true;
+		return mergeProps$1({
+			type: isNativeButton ? "button" : void 0,
+			onClick(event) {
+				if (disabled) {
+					event.preventDefault();
+					return;
+				}
+				externalOnClick?.(event);
+			},
+			onMousedown(event) {
+				if (!disabled) externalOnMousedown?.(event);
+			},
+			onKeydown(event) {
+				if (disabled) return;
+				makeEventPreventable(event);
+				externalOnKeydown?.(event);
+				if (event.baseUIHandlerPrevented) return;
+				if (event.target === event.currentTarget && !isNativeButton && !isValidLinkElement(buttonRef.value)) {
+					const isEnterKey = event.key === "Enter";
+					if (event.key === " " || isEnterKey) event.preventDefault();
+					if (isEnterKey) externalOnClick?.(event);
+				}
+			},
+			onKeyup(event) {
+				if (disabled) return;
+				makeEventPreventable(event);
+				externalOnKeyup?.(event);
+				if (event.baseUIHandlerPrevented) return;
+				if (event.target === event.currentTarget && !isNativeButton && event.key === " ") externalOnClick?.(event);
+			},
+			onPointerdown(event) {
+				if (disabled) {
+					event.preventDefault();
+					return;
+				}
+				externalOnPointerdown?.(event);
+			}
+		}, !isNativeButton ? { role: "button" } : void 0, focusableWhenDisabledProps.value, otherExternalProps);
+	};
+	return {
+		getButtonProps,
+		buttonRef
+	};
+}
+function isButtonElement(elem) {
+	return isHTMLElement(elem) && elem.tagName === "BUTTON";
+}
+function isValidLinkElement(elem) {
+	return Boolean(elem?.tagName === "A" && elem?.href);
+}
+
+//#endregion
+//#region src/button/Button.vue?vue&type=script&setup=true&lang.ts
+var Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "BaseUIButton",
+	inheritAttrs: false,
+	__name: "Button",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		focusableWhenDisabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		nativeButton: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		},
+		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 { getButtonProps, buttonRef } = useButton({
+			disabled: () => props.disabled,
+			focusableWhenDisabled: () => props.focusableWhenDisabled,
+			native: computed(() => {
+				if (props.nativeButton !== void 0) return props.nativeButton;
+				return typeof props.as === "string" && props.as.toLowerCase() === "button";
+			})
+		});
+		const state = computed(() => ({ disabled: props.disabled }));
+		const { tag, mergedProps, renderless, ref: renderRef } = useRenderElement({
+			componentProps: props,
+			state,
+			props: computed(() => getButtonProps({ ...attrs })),
+			defaultTagName: "button",
+			ref: buttonRef
+		});
+		return (_ctx, _cache) => {
+			return unref(renderless) ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				ref: unref(renderRef),
+				props: unref(mergedProps),
+				state: state.value
+			}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), mergeProps({
+				key: 1,
+				ref: unref(renderRef)
+			}, unref(mergedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { state: state.value })]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/button/Button.vue
+var Button_default = Button_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { Button_default, EMPTY_OBJECT, NOOP, Slot, makeEventPreventable, mergeClasses, mergeObjects, mergeProps$1 as mergeProps, mergePropsN, useButton, useMergedRefs, useRenderElement };
+//# sourceMappingURL=Button.js.map

package/dist/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["mergeProps","vueMergeProps","normalizeClass","mergeProps"],"sources":["../../src/merge-props/mergeProps.ts","../../src/utils/empty.ts","../../src/utils/getStateAttributesProps.ts","../../src/utils/slot.ts","../../src/utils/useMergedRefs.ts","../../src/utils/useRenderElement.ts","../../src/composite/root/CompositeRootContext.ts","../../src/utils/error.ts","../../src/utils/useFocusableWhenDisabled.ts","../../src/use-button/useButton.ts","../../src/button/Button.vue","../../src/button/Button.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/composite/composite.cjs

@@ -0,0 +1,56 @@
+let _floating_ui_utils_dom = require("@floating-ui/utils/dom");
+
+//#region src/composite/composite.ts
+const ARROW_UP = "ArrowUp";
+const ARROW_DOWN = "ArrowDown";
+const ARROW_LEFT = "ArrowLeft";
+const ARROW_RIGHT = "ArrowRight";
+const HOME = "Home";
+const END = "End";
+const HORIZONTAL_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT]);
+const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
+const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
+const ALL_KEYS = new Set([
+	...ARROW_KEYS,
+	HOME,
+	END
+]);
+
+//#endregion
+Object.defineProperty(exports, 'ARROW_DOWN', {
+  enumerable: true,
+  get: function () {
+    return ARROW_DOWN;
+  }
+});
+Object.defineProperty(exports, 'ARROW_LEFT', {
+  enumerable: true,
+  get: function () {
+    return ARROW_LEFT;
+  }
+});
+Object.defineProperty(exports, 'ARROW_RIGHT', {
+  enumerable: true,
+  get: function () {
+    return ARROW_RIGHT;
+  }
+});
+Object.defineProperty(exports, 'ARROW_UP', {
+  enumerable: true,
+  get: function () {
+    return ARROW_UP;
+  }
+});
+Object.defineProperty(exports, 'END', {
+  enumerable: true,
+  get: function () {
+    return END;
+  }
+});
+Object.defineProperty(exports, 'HOME', {
+  enumerable: true,
+  get: function () {
+    return HOME;
+  }
+});
+//# sourceMappingURL=composite.cjs.map

package/dist/composite/composite.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite.cjs","names":[],"sources":["../../src/composite/composite.ts"],"sourcesContent":[],"mappings":";;;AAqBA,MAAa,WAAW;AACxB,MAAa,aAAa;AAC1B,MAAa,aAAa;AAC1B,MAAa,cAAc;AAC3B,MAAa,OAAO;AACpB,MAAa,MAAM;AAEnB,MAAa,kBAAkB,IAAI,IAAI,CAAC,YAAY,YAAY,CAAC;AAOjE,MAAa,gBAAgB,IAAI,IAAI,CAAC,UAAU,WAAW,CAAC;AAO5D,MAAa,aAAa,IAAI,IAAI,CAAC,GAAG,iBAAiB,GAAG,cAAc,CAAC;AACzE,MAAa,WAAW,IAAI,IAAI;CAAC,GAAG;CAAY;CAAM;CAAI,CAAC"}

package/dist/composite/composite.js

@@ -0,0 +1,21 @@
+import { isHTMLElement } from "@floating-ui/utils/dom";
+
+//#region src/composite/composite.ts
+const ARROW_UP = "ArrowUp";
+const ARROW_DOWN = "ArrowDown";
+const ARROW_LEFT = "ArrowLeft";
+const ARROW_RIGHT = "ArrowRight";
+const HOME = "Home";
+const END = "End";
+const HORIZONTAL_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT]);
+const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
+const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
+const ALL_KEYS = new Set([
+	...ARROW_KEYS,
+	HOME,
+	END
+]);
+
+//#endregion
+export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, END, HOME };
+//# sourceMappingURL=composite.js.map

package/dist/composite/composite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite.js","names":[],"sources":["../../src/composite/composite.ts"],"sourcesContent":[],"mappings":";;;AAqBA,MAAa,WAAW;AACxB,MAAa,aAAa;AAC1B,MAAa,aAAa;AAC1B,MAAa,cAAc;AAC3B,MAAa,OAAO;AACpB,MAAa,MAAM;AAEnB,MAAa,kBAAkB,IAAI,IAAI,CAAC,YAAY,YAAY,CAAC;AAOjE,MAAa,gBAAgB,IAAI,IAAI,CAAC,UAAU,WAAW,CAAC;AAO5D,MAAa,aAAa,IAAI,IAAI,CAAC,GAAG,iBAAiB,GAAG,cAAc,CAAC;AACzE,MAAa,WAAW,IAAI,IAAI;CAAC,GAAG;CAAY;CAAM;CAAI,CAAC"}