@ark-ui/vue/dist/components/toggle/use-toggle.cjs

A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.

const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
const require_clean_props = require("../../utils/clean-props.cjs");
let vue = require("vue");
let _zag_js_vue = require("@zag-js/vue");
let _zag_js_toggle = require("@zag-js/toggle");
_zag_js_toggle = require_runtime.__toESM(_zag_js_toggle, 1);
//#region src/components/toggle/use-toggle.ts
function useToggle(props, emit) {
	const machineProps = (0, vue.computed)(() => {
		const localProps = (0, vue.toValue)(props);
		return {
			...require_clean_props.cleanProps(localProps),
			onPressedChange: (value) => {
				emit?.("pressedChange", value);
				emit?.("update:pressed", value);
				localProps.onPressedChange?.(value);
			}
		};
	});
	const service = (0, _zag_js_vue.useMachine)(_zag_js_toggle.machine, machineProps);
	return (0, vue.computed)(() => _zag_js_toggle.connect(service, _zag_js_vue.normalizeProps));
}
//#endregion
exports.useToggle = useToggle;