@wirekyt/vue 0.0.1 → 0.0.3

package/dist/segment-group.js

@@ -0,0 +1,298 @@
+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 { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as segmentGroup from "@wirekyt/dom/machines/radio-group";
+import { anatomy } from "@wirekyt/dom/machines/radio-group";
+//#region src/components/segment-group/use-context.ts
+const [SegmentGroupProvider, useSegmentGroupContext] = createContext("SegmentGroupContext");
+//#endregion
+//#region src/components/segment-group/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const segmentGroup = useSegmentGroupContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(segmentGroup))));
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/anatomy.ts
+const segmentGroupAnatomy = anatomy.rename("segment-group");
+const parts = segmentGroupAnatomy.build();
+//#endregion
+//#region src/components/segment-group/indicator.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const segmentGroup = useSegmentGroupContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(segmentGroup).getIndicatorProps(), {
+				"as-child": __props.asChild,
+				"data-scope": unref(parts).indicator.attrs["data-scope"],
+				"data-part": unref(parts).indicator.attrs["data-part"]
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as-child",
+				"data-scope",
+				"data-part"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/use-item-context.ts
+const [SegmentGroupItemProvider, useSegmentGroupItemContext] = createContext("SegmentGroupItemContext");
+//#endregion
+//#region src/components/segment-group/item-context.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "item-context",
+	setup(__props) {
+		const item = useSegmentGroupItemContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(item))));
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/use-item-props-context.ts
+const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext("SegmentGroupItemPropsContext");
+//#endregion
+//#region src/components/segment-group/item-control.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "item-control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const segmentGroup = useSegmentGroupContext();
+		const itemProps = useSegmentGroupItemPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(segmentGroup).getItemControlProps(unref(itemProps)), {
+				"as-child": __props.asChild,
+				"data-scope": unref(parts).itemControl.attrs["data-scope"],
+				"data-part": unref(parts).itemControl.attrs["data-part"]
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as-child",
+				"data-scope",
+				"data-part"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/item-hidden-input.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "item-hidden-input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const segmentGroup = useSegmentGroupContext();
+		const itemProps = useSegmentGroupItemPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps(unref(segmentGroup).getItemHiddenInputProps(unref(itemProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/item-text.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "item-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const segmentGroup = useSegmentGroupContext();
+		const itemProps = useSegmentGroupItemPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(segmentGroup).getItemTextProps(unref(itemProps)), {
+				"data-scope": unref(parts).itemText.attrs["data-scope"],
+				"data-part": unref(parts).itemText.attrs["data-part"],
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-scope",
+				"data-part",
+				"as-child"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/item.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "item",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const segmentGroup = useSegmentGroupContext();
+		SegmentGroupItemPropsProvider(props);
+		SegmentGroupItemProvider(computed(() => segmentGroup.value.getItemState(props)));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(segmentGroup).getItemProps(props), {
+				"data-scope": unref(parts).item.attrs["data-scope"],
+				"data-part": unref(parts).item.attrs["data-part"],
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-scope",
+				"data-part",
+				"as-child"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/label.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const segmentGroup = useSegmentGroupContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(segmentGroup).getLabelProps(), {
+				"as-child": __props.asChild,
+				"data-scope": unref(parts).label.attrs["data-scope"],
+				"data-part": unref(parts).label.attrs["data-part"]
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as-child",
+				"data-scope",
+				"data-part"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/root-provider.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const segmentGroup = computed(() => props.value);
+		SegmentGroupProvider(segmentGroup);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(segmentGroup.value.getRootProps(), {
+				"data-scope": unref(parts).root.attrs["data-scope"],
+				"data-part": unref(parts).root.attrs["data-part"],
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-scope",
+				"data-part",
+				"as-child"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/use-segment-group.ts
+const useSegmentGroup = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			value: localProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localProps.onValueChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(segmentGroup.machine, context);
+	return computed(() => segmentGroup.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/segment-group/root.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		defaultValue: {},
+		disabled: { type: Boolean },
+		form: {},
+		id: {},
+		ids: {},
+		modelValue: {},
+		name: {},
+		orientation: {},
+		readOnly: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		readOnly: void 0
+	}),
+	emits: ["valueChange", "update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const segmentGroup = useSegmentGroup(__props, __emit);
+		SegmentGroupProvider(segmentGroup);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(segmentGroup).getRootProps(), {
+				"data-scope": unref(parts).root.attrs["data-scope"],
+				"data-part": unref(parts).root.attrs["data-part"],
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-scope",
+				"data-part",
+				"as-child"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/segment-group/segment-group.ts
+var segment_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Indicator: () => _sfc_main$1,
+	Item: () => _sfc_main$2,
+	ItemContext: () => _sfc_main$3,
+	ItemControl: () => _sfc_main$4,
+	ItemHiddenInput: () => _sfc_main$5,
+	ItemText: () => _sfc_main$6,
+	Label: () => _sfc_main$7,
+	Root: () => _sfc_main$8,
+	RootProvider: () => _sfc_main$9
+});
+//#endregion
+export { segment_group_exports as SegmentGroup, _sfc_main as SegmentGroupContext, _sfc_main$1 as SegmentGroupIndicator, _sfc_main$2 as SegmentGroupItem, _sfc_main$3 as SegmentGroupItemContext, _sfc_main$4 as SegmentGroupItemControl, _sfc_main$5 as SegmentGroupItemHiddenInput, _sfc_main$6 as SegmentGroupItemText, _sfc_main$7 as SegmentGroupLabel, _sfc_main$8 as SegmentGroupRoot, _sfc_main$9 as SegmentGroupRootProvider, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };