@wirekyt/vue 0.0.1 → 0.0.3

package/dist/checkbox.js

@@ -0,0 +1,324 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$1, c as normalizeProps$1, d as useForwardExpose, m as createContext, s as useMachine, t as useVModel } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { t as toBooleanValue } from "./boolean-BCaEpMxQ.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { u as useFieldsetContext } from "./fieldset-ByP_r1Uq.js";
+import { h as useFieldContext } from "./field-C3pLqz1S.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toRefs, toValue, unref, useId, withCtx } from "vue";
+import * as checkbox from "@wirekyt/dom/machines/checkbox";
+import { anatomy } from "@wirekyt/dom/machines/checkbox";
+//#region src/components/checkbox/use-context.ts
+const [CheckboxProvider, useCheckboxContext] = createContext("CheckboxContext");
+//#endregion
+//#region src/components/checkbox/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const checkbox = useCheckboxContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(checkbox))));
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/control.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const checkbox = useCheckboxContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(checkbox).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/anatomy.ts
+const checkboxAnatomy = anatomy.extendWith("group");
+//#endregion
+//#region src/components/checkbox/use-group.ts
+function useCheckboxGroup(props, emit) {
+	const fieldset = useFieldsetContext();
+	const disabled = computed(() => props.disabled ?? fieldset?.value?.disabled);
+	const invalid = computed(() => props.invalid ?? fieldset?.value?.invalid);
+	const interactive = computed(() => !(disabled.value || props.readOnly));
+	const { defaultValue } = toRefs(props);
+	const valueRef = useVModel(props, "modelValue", emit, {
+		defaultValue: defaultValue?.value ?? [],
+		passive: props.modelValue === void 0,
+		eventName: ["valueChange", "update:modelValue"]
+	});
+	const isChecked = (val) => {
+		return valueRef.value.some((v) => String(v) === String(val));
+	};
+	const toggleValue = (val) => {
+		if (isChecked(val)) removeValue(val);
+		else addValue(val);
+	};
+	const isAtMax = computed(() => props.maxSelectedValues != null && valueRef.value.length >= props.maxSelectedValues);
+	const addValue = (val) => {
+		if (!interactive.value) return;
+		if (isChecked(val)) return;
+		if (isAtMax.value) return;
+		valueRef.value = valueRef.value.concat(val);
+	};
+	const removeValue = (val) => {
+		if (!interactive.value) return;
+		valueRef.value = valueRef.value.filter((v) => String(v) !== String(val));
+	};
+	const getItemProps = (itemProps) => {
+		const checked = itemProps.value != null ? isChecked(itemProps.value) : void 0;
+		return {
+			checked,
+			onCheckedChange() {
+				if (itemProps.value != null) toggleValue(itemProps.value);
+			},
+			name: props.name,
+			disabled: toBooleanValue(disabled.value) || isAtMax.value && !checked,
+			readOnly: props.readOnly,
+			invalid: invalid.value
+		};
+	};
+	const setValue = (value) => {
+		valueRef.value = value;
+	};
+	return computed(() => ({
+		isChecked,
+		value: valueRef.value,
+		name: props.name,
+		disabled: toBooleanValue(disabled.value),
+		readOnly: props.readOnly,
+		invalid: invalid.value,
+		addValue,
+		setValue,
+		toggleValue,
+		getItemProps
+	}));
+}
+//#endregion
+//#region src/components/checkbox/use-group-context.ts
+const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext("CheckboxGroupContext");
+//#endregion
+//#region src/components/checkbox/group.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "group",
+	props: /*@__PURE__*/ mergeDefaults({
+		defaultValue: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		readOnly: { type: Boolean },
+		name: {},
+		invalid: { type: Boolean },
+		maxSelectedValues: {},
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		readOnly: void 0,
+		invalid: void 0
+	}),
+	emits: ["valueChange", "update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		CheckboxGroupContextProvider(useCheckboxGroup(__props, __emit));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps({ role: "group" }, { ...unref(checkboxAnatomy).build().group.attrs }, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/group-provider.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "group-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		CheckboxGroupContextProvider(computed(() => props.value));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps({ role: "group" }, unref(checkboxAnatomy).build().group.attrs, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/hidden-input.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "hidden-input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const checkbox = useCheckboxContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(checkbox).getHiddenInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/indicator.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "indicator",
+	props: {
+		indeterminate: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const checkbox = useCheckboxContext();
+		const isHidden = computed(() => props.indeterminate ? checkbox.value.indeterminate : checkbox.value.checked);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(checkbox).getIndicatorProps(), {
+				hidden: !isHidden.value,
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["hidden", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/label.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const checkbox = useCheckboxContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(checkbox).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/root-provider.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const checkbox = computed(() => props.value);
+		CheckboxProvider(checkbox);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(checkbox.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/use.ts
+const useCheckbox = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const field = useFieldContext();
+	const checkboxGroup = useCheckboxGroupContext();
+	const computedProps = computed(() => {
+		const propsValue = toValue(props);
+		return mergeProps$1(checkboxGroup?.value.getItemProps({ value: propsValue.value }) ?? {}, propsValue);
+	});
+	const context = computed(() => {
+		const localProps = toValue(computedProps);
+		return {
+			id,
+			ids: {
+				label: field?.value.ids.label,
+				hiddenInput: field?.value.ids.control
+			},
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			invalid: field?.value.invalid,
+			required: field?.value.required,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onCheckedChange(details) {
+				emit?.("checkedChange", details);
+				emit?.("update:checked", details.checked);
+				localProps.onCheckedChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(checkbox.machine, context);
+	return computed(() => checkbox.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/checkbox/root.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		checked: {},
+		defaultChecked: {},
+		disabled: { type: Boolean },
+		form: {},
+		id: {},
+		ids: {},
+		invalid: { type: Boolean },
+		name: {},
+		readOnly: { type: Boolean },
+		required: { type: Boolean },
+		value: {},
+		asChild: { type: Boolean }
+	}, {
+		checked: void 0,
+		defaultChecked: void 0,
+		disabled: void 0,
+		invalid: void 0,
+		readOnly: void 0,
+		required: void 0
+	}),
+	emits: ["checkedChange", "update:checked"],
+	setup(__props, { emit: __emit }) {
+		const checkbox = useCheckbox(__props, __emit);
+		CheckboxProvider(checkbox);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(checkbox).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/checkbox.ts
+var checkbox_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Control: () => _sfc_main$1,
+	Group: () => _sfc_main$2,
+	GroupProvider: () => _sfc_main$3,
+	HiddenInput: () => _sfc_main$4,
+	Indicator: () => _sfc_main$5,
+	Label: () => _sfc_main$6,
+	Root: () => _sfc_main$7,
+	RootProvider: () => _sfc_main$8
+});
+//#endregion
+export { checkbox_exports as Checkbox, _sfc_main as CheckboxContext, _sfc_main$1 as CheckboxControl, _sfc_main$2 as CheckboxGroup, _sfc_main$3 as CheckboxGroupProvider, _sfc_main$4 as CheckboxHiddenInput, _sfc_main$5 as CheckboxIndicator, _sfc_main$6 as CheckboxLabel, _sfc_main$7 as CheckboxRoot, _sfc_main$8 as CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };

package/dist/clean-props--1kqQE0Y.js

@@ -0,0 +1,8 @@
+//#region src/utils/clean-props.ts
+const cleanProps = (obj) => {
+	const result = {};
+	for (const [key, value] of Object.entries(obj)) if (value !== void 0) result[key] = value;
+	return result;
+};
+//#endregion
+export { cleanProps as t };

package/dist/clean-props-MyKqus13.cjs

@@ -0,0 +1,13 @@
+//#region src/utils/clean-props.ts
+const cleanProps = (obj) => {
+	const result = {};
+	for (const [key, value] of Object.entries(obj)) if (value !== void 0) result[key] = value;
+	return result;
+};
+//#endregion
+Object.defineProperty(exports, "cleanProps", {
+	enumerable: true,
+	get: function() {
+		return cleanProps;
+	}
+});

package/dist/client-only.cjs

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+//#region src/components/client-only/client-only.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "client-only",
+	setup(__props) {
+		const isClient = (0, vue.ref)(false);
+		(0, vue.onMounted)(() => {
+			isClient.value = true;
+		});
+		return (_ctx, _cache) => {
+			return isClient.value ? (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, void 0, 0) : (0, vue.renderSlot)(_ctx.$slots, "fallback", {}, void 0, void 0, 1);
+		};
+	}
+});
+//#endregion
+exports.ClientOnly = _sfc_main;

package/dist/client-only.d.cts

@@ -0,0 +1,18 @@
+//#region src/components/client-only/client-only.vue.d.ts
+type ClientOnlyProps = {};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+} & {
+  fallback?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as ClientOnly, type ClientOnlyProps };

package/dist/client-only.d.ts

@@ -0,0 +1,18 @@
+//#region src/components/client-only/client-only.vue.d.ts
+type ClientOnlyProps = {};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+} & {
+  fallback?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as ClientOnly, type ClientOnlyProps };

package/dist/client-only.js

@@ -0,0 +1,16 @@
+import { defineComponent, onMounted, ref, renderSlot } from "vue";
+//#region src/components/client-only/client-only.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "client-only",
+	setup(__props) {
+		const isClient = ref(false);
+		onMounted(() => {
+			isClient.value = true;
+		});
+		return (_ctx, _cache) => {
+			return isClient.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as ClientOnly };

package/dist/clipboard.cjs

@@ -0,0 +1,229 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_clipboard = require("@wirekyt/dom/machines/clipboard");
+_wirekyt_dom_machines_clipboard = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_clipboard, 1);
+//#region src/components/clipboard/use-context.ts
+const [ClipboardProvider, useClipboardContext] = require_utils.createContext("ClipboardContext");
+//#endregion
+//#region src/components/clipboard/context.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const clipboard = useClipboardContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(clipboard))));
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/control.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const clipboard = useClipboardContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(clipboard).getControlProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/indicator.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const clipboard = useClipboardContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(clipboard).getIndicatorProps({ copied: (0, vue.unref)(clipboard).copied }), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.unref)(clipboard).copied ? (0, vue.renderSlot)(_ctx.$slots, "copied", {}, void 0, void 0, 0) : (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/input.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const clipboard = useClipboardContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).input, (0, vue.mergeProps)((0, vue.unref)(clipboard).getInputProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/label.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const clipboard = useClipboardContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).label, (0, vue.mergeProps)((0, vue.unref)(clipboard).getLabelProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/root-provider.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const clipboard = (0, vue.computed)(() => props.value);
+		ClipboardProvider(clipboard);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(clipboard.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/use.ts
+const useClipboard = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const context = (0, vue.computed)(() => {
+		const localeProps = (0, vue.toValue)(props);
+		return {
+			id,
+			getRootNode: env?.value.getRootNode,
+			value: localeProps.modelValue,
+			onStatusChange: (details) => emit?.("statusChange", details),
+			...require_clean_props.cleanProps(localeProps),
+			onValueChange(details) {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localeProps.onValueChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_clipboard.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_clipboard.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/clipboard/root.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: {
+		translations: {},
+		defaultValue: {},
+		id: {},
+		ids: {},
+		modelValue: {},
+		timeout: {},
+		asChild: { type: Boolean }
+	},
+	emits: [
+		"statusChange",
+		"valueChange",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const clipboard = useClipboard(__props, __emit);
+		ClipboardProvider(clipboard);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(clipboard).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/trigger.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const clipboard = useClipboardContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(clipboard).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/value-text.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "value-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const clipboard = useClipboardContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, { "as-child": __props.asChild }, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(clipboard).value), 1)])]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/clipboard/clipboard.ts
+var clipboard_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => _sfc_main,
+	Control: () => _sfc_main$1,
+	Indicator: () => _sfc_main$2,
+	Input: () => _sfc_main$3,
+	Label: () => _sfc_main$4,
+	Root: () => _sfc_main$5,
+	RootProvider: () => _sfc_main$6,
+	Trigger: () => _sfc_main$7,
+	ValueText: () => _sfc_main$8
+});
+//#endregion
+Object.defineProperty(exports, "Clipboard", {
+	enumerable: true,
+	get: function() {
+		return clipboard_exports;
+	}
+});
+exports.ClipboardContext = _sfc_main;
+exports.ClipboardControl = _sfc_main$1;
+exports.ClipboardIndicator = _sfc_main$2;
+exports.ClipboardInput = _sfc_main$3;
+exports.ClipboardLabel = _sfc_main$4;
+exports.ClipboardRoot = _sfc_main$5;
+exports.ClipboardRootProvider = _sfc_main$6;
+exports.ClipboardTrigger = _sfc_main$7;
+exports.ClipboardValueText = _sfc_main$8;
+Object.defineProperty(exports, "clipboardAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_clipboard.anatomy;
+	}
+});
+exports.useClipboard = useClipboard;
+exports.useClipboardContext = useClipboardContext;