@wirekyt/vue 0.0.1 → 0.0.3

package/dist/signature-pad.js

@@ -0,0 +1,237 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as normalizeProps$1, d as useForwardExpose, m as createContext, s as useMachine } 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 { n as wire } from "./factory-8Ao0DEy3.js";
+import { h as useFieldContext } from "./field-C3pLqz1S.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderList, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as signaturepad from "@wirekyt/dom/machines/signature-pad";
+import { anatomy as signaturePadAnatomy } from "@wirekyt/dom/machines/signature-pad";
+//#region src/components/signature-pad/use-context.ts
+const [SignaturePadProvider, useSignaturePadContext] = createContext("SignaturePadContext");
+//#endregion
+//#region src/components/signature-pad/clear-trigger.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "clear-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const signaturePad = useSignaturePadContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(signaturePad).getClearTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/context.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const signaturepad = useSignaturePadContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(signaturepad))));
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/control.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const signaturePad = useSignaturePadContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(signaturePad).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/guide.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "guide",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const signaturePad = useSignaturePadContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(signaturePad).getGuideProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/hidden-input.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "hidden-input",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const signaturePad = useSignaturePadContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(signaturePad).getHiddenInputProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/label.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const signaturePad = useSignaturePadContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(signaturePad).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/root-provider.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const signaturePad = computed(() => props.value);
+		SignaturePadProvider(signaturePad);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(signaturePad.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/use-signature-pad.ts
+const useSignaturePad = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const field = useFieldContext();
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			ids: {
+				label: field?.value.ids.label,
+				hiddenInput: field?.value.ids.control
+			},
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			required: field?.value.required,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onDraw: (details) => {
+				emit?.("update:paths", details.paths);
+				emit?.("draw", details);
+				localProps.onDraw?.(details);
+			},
+			onDrawEnd: (details) => {
+				emit?.("drawEnd", details);
+				localProps.onDrawEnd?.(details);
+			}
+		};
+	});
+	const service = useMachine(signaturepad.machine, context);
+	return computed(() => signaturepad.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/signature-pad/root.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		disabled: { type: Boolean },
+		drawing: {},
+		defaultPaths: {},
+		id: {},
+		ids: {},
+		name: {},
+		readOnly: { type: Boolean },
+		required: { type: Boolean },
+		translations: {},
+		asChild: { type: Boolean }
+	}, {
+		readOnly: void 0,
+		disabled: void 0,
+		required: void 0
+	}),
+	emits: [
+		"update:paths",
+		"draw",
+		"drawEnd"
+	],
+	setup(__props, { emit: __emit }) {
+		const signaturepad = useSignaturePad(__props, __emit);
+		SignaturePadProvider(signaturepad);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(signaturepad).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/segment.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "segment",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const signaturePad = useSignaturePadContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).svg, mergeProps(unref(signaturePad).getSegmentProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [
+					_cache[0] || (_cache[0] = createElementVNode("title", null, "Signature", -1)),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(signaturePad).paths, (path, i) => {
+						return openBlock(), createElementBlock("path", mergeProps({ key: i }, { ref_for: true }, unref(signaturePad).getSegmentPathProps({ path })), null, 16);
+					}), 128)),
+					unref(signaturePad).currentPath ? (openBlock(), createElementBlock("path", normalizeProps(mergeProps({ key: 0 }, unref(signaturePad).getSegmentPathProps({ path: unref(signaturePad).currentPath }))), null, 16)) : createCommentVNode("v-if", true)
+				]),
+				_: 1
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/signature-pad/signature-pad.ts
+var signature_pad_exports = /* @__PURE__ */ __exportAll({
+	ClearTrigger: () => _sfc_main,
+	Context: () => _sfc_main$1,
+	Control: () => _sfc_main$2,
+	Guide: () => _sfc_main$3,
+	HiddenInput: () => _sfc_main$4,
+	Label: () => _sfc_main$5,
+	Root: () => _sfc_main$6,
+	RootProvider: () => _sfc_main$7,
+	Segment: () => _sfc_main$8
+});
+//#endregion
+export { signature_pad_exports as SignaturePad, _sfc_main as SignaturePadClearTrigger, _sfc_main$1 as SignaturePadContext, _sfc_main$2 as SignaturePadControl, _sfc_main$3 as SignaturePadGuide, _sfc_main$4 as SignaturePadHiddenInput, _sfc_main$5 as SignaturePadLabel, _sfc_main$6 as SignaturePadRoot, _sfc_main$7 as SignaturePadRootProvider, _sfc_main$8 as SignaturePadSegment, signaturePadAnatomy, useSignaturePad, useSignaturePadContext };

package/dist/slider.cjs

@@ -0,0 +1,350 @@
+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_slider = require("@wirekyt/dom/machines/slider");
+_wirekyt_dom_machines_slider = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_slider, 1);
+//#region src/components/slider/use-context.ts
+const [SliderProvider, useSliderContext] = require_utils.createContext("SliderContext");
+//#endregion
+//#region src/components/slider/context.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const slider = useSliderContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(slider))));
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/control.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		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)(slider).getControlProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/use-thumb-props-context.ts
+const [SliderThumbPropsProvider, useSliderThumbPropsContext] = require_utils.createContext("SliderThumbPropsContext");
+//#endregion
+//#region src/components/slider/dragging-indicator.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "dragging-indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		const thumbProps = useSliderThumbPropsContext();
+		const slots = (0, vue.useSlots)();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)((0, vue.unref)(slider).getDraggingIndicatorProps((0, vue.unref)(thumbProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(slots.default?.() || (0, vue.unref)(slider).getThumbValue((0, vue.unref)(thumbProps).index)), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/hidden-input.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "hidden-input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		const thumbProps = useSliderThumbPropsContext();
+		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)(slider).getHiddenInputProps((0, vue.unref)(thumbProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/label.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		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)(slider).getLabelProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/marker-group.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "marker-group",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		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)(slider).getMarkerGroupProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/marker.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "marker",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const slider = useSliderContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)((0, vue.unref)(slider).getMarkerProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/range.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "range",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		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)(slider).getRangeProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/root-provider.vue
+const _sfc_main$9 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const slider = (0, vue.computed)(() => props.value);
+		SliderProvider(slider);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(slider.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/use-slider.ts
+const useSlider = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const context = (0, vue.computed)(() => {
+		const localProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			value: localProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localProps),
+			onFocusChange: (details) => {
+				emit?.("focusChange", details);
+				localProps.onFocusChange?.(details);
+			},
+			onValueChangeEnd: (details) => {
+				emit?.("valueChangeEnd", details);
+				localProps.onValueChangeEnd?.(details);
+			},
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localProps.onValueChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_slider.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_slider.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/slider/root.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		"aria-label": {},
+		"aria-labelledby": {},
+		defaultValue: {},
+		dir: {},
+		disabled: { type: Boolean },
+		form: {},
+		getAriaValueText: { type: Function },
+		getRootNode: { type: Function },
+		id: {},
+		ids: {},
+		invalid: { type: Boolean },
+		largeStep: {},
+		max: {},
+		min: {},
+		minStepsBetweenThumbs: {},
+		modelValue: {},
+		name: {},
+		orientation: {},
+		origin: {},
+		readOnly: { type: Boolean },
+		step: {},
+		thumbAlignment: {},
+		thumbCollisionBehavior: {},
+		thumbSize: {},
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		invalid: void 0,
+		readOnly: void 0
+	}),
+	emits: [
+		"focusChange",
+		"valueChange",
+		"valueChangeEnd",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const slider = useSlider(__props, __emit);
+		SliderProvider(slider);
+		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)(slider).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/thumb.vue
+const _sfc_main$10 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "thumb",
+	props: {
+		index: {},
+		name: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const slider = useSliderContext();
+		SliderThumbPropsProvider(props);
+		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)(slider).getThumbProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/track.vue
+const _sfc_main$11 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "track",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		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)(slider).getTrackProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/value-text.vue
+const _sfc_main$12 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "value-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const slider = useSliderContext();
+		const slots = (0, vue.useSlots)();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)((0, vue.unref)(slider).getValueTextProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(slots.default?.() || (0, vue.unref)(slider).value.join(", ")), 1)])]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/slider/slider.ts
+var slider_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => _sfc_main,
+	Control: () => _sfc_main$1,
+	DraggingIndicator: () => _sfc_main$2,
+	HiddenInput: () => _sfc_main$3,
+	Label: () => _sfc_main$4,
+	Marker: () => _sfc_main$5,
+	MarkerGroup: () => _sfc_main$6,
+	Range: () => _sfc_main$7,
+	Root: () => _sfc_main$8,
+	RootProvider: () => _sfc_main$9,
+	Thumb: () => _sfc_main$10,
+	Track: () => _sfc_main$11,
+	ValueText: () => _sfc_main$12
+});
+//#endregion
+Object.defineProperty(exports, "Slider", {
+	enumerable: true,
+	get: function() {
+		return slider_exports;
+	}
+});
+exports.SliderContext = _sfc_main;
+exports.SliderControl = _sfc_main$1;
+exports.SliderDraggingIndicator = _sfc_main$2;
+exports.SliderHiddenInput = _sfc_main$3;
+exports.SliderLabel = _sfc_main$4;
+exports.SliderMarker = _sfc_main$5;
+exports.SliderMarkerGroup = _sfc_main$6;
+exports.SliderRange = _sfc_main$7;
+exports.SliderRoot = _sfc_main$8;
+exports.SliderRootProvider = _sfc_main$9;
+exports.SliderThumb = _sfc_main$10;
+exports.SliderTrack = _sfc_main$11;
+exports.SliderValueText = _sfc_main$12;
+Object.defineProperty(exports, "sliderAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_slider.anatomy;
+	}
+});
+exports.useSlider = useSlider;
+exports.useSliderContext = useSliderContext;