@wirekyt/vue 0.0.1 → 0.0.3

package/dist/toggle-group.js

@@ -0,0 +1,132 @@
+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 toggleGroup from "@wirekyt/dom/machines/toggle-group";
+import { anatomy as toggleGroupAnatomy } from "@wirekyt/dom/machines/toggle-group";
+//#region src/components/toggle-group/use-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = createContext("ToggleGroupContext");
+//#endregion
+//#region src/components/toggle-group/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const toggleGroup = useToggleGroupContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(toggleGroup))));
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/item.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "item",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const toggleGroup = useToggleGroupContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(toggleGroup).getItemProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/root-provider.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const toggleGroup = computed(() => props.value);
+		ToggleGroupProvider(toggleGroup);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(toggleGroup.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.ts
+const useToggleGroup = (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(toggleGroup.machine, context);
+	return computed(() => toggleGroup.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/toggle-group/root.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		defaultValue: {},
+		deselectable: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {},
+		ids: {},
+		loopFocus: { type: Boolean },
+		modelValue: {},
+		multiple: { type: Boolean },
+		orientation: {},
+		rovingFocus: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		deselectable: void 0,
+		loopFocus: void 0,
+		multiple: void 0,
+		rovingFocus: void 0
+	}),
+	emits: ["valueChange", "update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const toggleGroup = useToggleGroup(__props, __emit);
+		ToggleGroupProvider(toggleGroup);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(toggleGroup).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Item: () => _sfc_main$1,
+	Root: () => _sfc_main$2,
+	RootProvider: () => _sfc_main$3
+});
+//#endregion
+export { toggle_group_exports as ToggleGroup, _sfc_main as ToggleGroupContext, _sfc_main$1 as ToggleGroupItem, _sfc_main$2 as ToggleGroupRoot, _sfc_main$3 as ToggleGroupRootProvider, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };

package/dist/toggle.cjs

@@ -0,0 +1,107 @@
+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_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_anatomy = require("@wirekyt/dom/anatomy");
+let _wirekyt_dom_machines_toggle = require("@wirekyt/dom/machines/toggle");
+_wirekyt_dom_machines_toggle = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_toggle, 1);
+//#region src/components/toggle/use-context.ts
+const [ToggleProvider, useToggleContext] = require_utils.createContext("ToggleContext");
+//#endregion
+//#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 = require_utils.useMachine(_wirekyt_dom_machines_toggle.machine, machineProps);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_toggle.connect(service, require_utils.normalizeProps));
+}
+//#endregion
+//#region src/components/toggle/root.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		defaultPressed: { type: Boolean },
+		disabled: { type: Boolean },
+		pressed: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		defaultPressed: void 0,
+		pressed: void 0
+	}),
+	emits: ["pressedChange", "update:pressed"],
+	setup(__props, { emit: __emit }) {
+		const toggle = useToggle(__props, __emit);
+		ToggleProvider(toggle);
+		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)(toggle).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle/indicator.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const toggle = useToggleContext();
+		const fallback = (0, vue.computed)(() => !toggle.value.pressed);
+		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)(toggle).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [!fallback.value ? (0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, void 0, 0) : (0, vue.renderSlot)(_ctx.$slots, "fallback", {}, void 0, void 0, 1)]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle/anatomy.ts
+const toggleAnatomy = (0, _wirekyt_dom_anatomy.createAnatomy)("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+//#endregion
+//#region src/components/toggle/context.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const toggle = useToggleContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(toggle))));
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => _sfc_main,
+	Indicator: () => _sfc_main$1,
+	Root: () => _sfc_main$2
+});
+//#endregion
+Object.defineProperty(exports, "Toggle", {
+	enumerable: true,
+	get: function() {
+		return toggle_exports;
+	}
+});
+exports.ToggleContext = _sfc_main;
+exports.ToggleIndicator = _sfc_main$1;
+exports.ToggleRoot = _sfc_main$2;
+exports.toggleAnatomy = toggleAnatomy;
+exports.useToggle = useToggle;
+exports.useToggleContext = useToggleContext;

package/dist/toggle.d.cts

@@ -0,0 +1,98 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { i as EmitFn$1, l as PropTypes } from "./index-B-o8jLyV.cjs";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/types.d.ts
+interface RootProps {
+  defaultPressed?: boolean;
+  disabled?: boolean;
+  pressed?: boolean;
+}
+type RootEmits = {
+  pressedChange: [pressed: boolean];
+  "update:pressed": [pressed: boolean];
+};
+//#endregion
+//#region src/components/toggle/root.vue.d.ts
+interface ToggleRootBaseProps extends RootProps, PolymorphicProps {}
+interface ToggleRootProps extends ToggleRootBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, "disabled"> {}
+interface ToggleRootEmits extends RootEmits {}
+declare var __VLS_8$1: {};
+type __VLS_Slots$1 = {} & {
+  default?: (props: typeof __VLS_8$1) => any;
+};
+declare const __VLS_base$1: import("vue").DefineComponent<ToggleRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  pressedChange: (pressed: boolean) => any;
+  "update:pressed": (pressed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleRootProps> & Readonly<{
+  onPressedChange?: ((pressed: boolean) => any) | undefined;
+  "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  defaultPressed: boolean;
+  pressed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$2: typeof __VLS_export$2;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle/indicator.vue.d.ts
+interface ToggleIndicatorBaseProps extends PolymorphicProps {}
+interface ToggleIndicatorProps extends ToggleIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare var __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  fallback?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToggleIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base, __VLS_Slots>;
+declare const _default$1: typeof __VLS_export$1;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle/use-toggle.d.ts
+interface UseToggleProps extends toggle.Props {}
+interface UseToggleReturn extends ComputedRef<toggle.Api<PropTypes>> {}
+declare function useToggle(props: MaybeRef<UseToggleProps>, emit?: EmitFn$1<RootEmits>): UseToggleReturn;
+//#endregion
+//#region src/components/toggle/use-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+declare const ToggleProvider: (opts: UseToggleContext) => void, useToggleContext: (fallback?: UseToggleContext | undefined) => UseToggleContext;
+//#endregion
+//#region src/components/toggle/anatomy.d.ts
+declare const toggleAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+//#endregion
+//#region src/components/toggle/context.vue.d.ts
+interface ToggleContextProps extends SlotsType<{
+  default: UnwrapRef<UseToggleContext>;
+}> {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(toggle: UnwrapRef<UseToggleContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace toggle_d_exports {
+  export { _default as Context, ToggleContextProps as ContextProps, _default$1 as Indicator, ToggleIndicatorBaseProps as IndicatorBaseProps, ToggleIndicatorProps as IndicatorProps, _default$2 as Root, ToggleRootBaseProps as RootBaseProps, ToggleRootEmits as RootEmits, ToggleRootProps as RootProps };
+}
+//#endregion
+export { toggle_d_exports as Toggle, _default as ToggleContext, type ToggleContextProps, _default$1 as ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps, _default$2 as ToggleRoot, type ToggleRootBaseProps, type ToggleRootEmits, type ToggleRootProps, type UseToggleContext, type UseToggleProps, type UseToggleReturn, toggleAnatomy, useToggle, useToggleContext };

package/dist/toggle.d.ts

@@ -0,0 +1,98 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes } from "./index-BSoF1D-v.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/types.d.ts
+interface RootProps {
+  defaultPressed?: boolean;
+  disabled?: boolean;
+  pressed?: boolean;
+}
+type RootEmits = {
+  pressedChange: [pressed: boolean];
+  "update:pressed": [pressed: boolean];
+};
+//#endregion
+//#region src/components/toggle/root.vue.d.ts
+interface ToggleRootBaseProps extends RootProps, PolymorphicProps {}
+interface ToggleRootProps extends ToggleRootBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, "disabled"> {}
+interface ToggleRootEmits extends RootEmits {}
+declare var __VLS_8$1: {};
+type __VLS_Slots$1 = {} & {
+  default?: (props: typeof __VLS_8$1) => any;
+};
+declare const __VLS_base$1: import("vue").DefineComponent<ToggleRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  pressedChange: (pressed: boolean) => any;
+  "update:pressed": (pressed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleRootProps> & Readonly<{
+  onPressedChange?: ((pressed: boolean) => any) | undefined;
+  "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  defaultPressed: boolean;
+  pressed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$2: typeof __VLS_export$2;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle/indicator.vue.d.ts
+interface ToggleIndicatorBaseProps extends PolymorphicProps {}
+interface ToggleIndicatorProps extends ToggleIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare var __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  fallback?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToggleIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base, __VLS_Slots>;
+declare const _default$1: typeof __VLS_export$1;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle/use-toggle.d.ts
+interface UseToggleProps extends toggle.Props {}
+interface UseToggleReturn extends ComputedRef<toggle.Api<PropTypes>> {}
+declare function useToggle(props: MaybeRef<UseToggleProps>, emit?: EmitFn$1<RootEmits>): UseToggleReturn;
+//#endregion
+//#region src/components/toggle/use-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+declare const ToggleProvider: (opts: UseToggleContext) => void, useToggleContext: (fallback?: UseToggleContext | undefined) => UseToggleContext;
+//#endregion
+//#region src/components/toggle/anatomy.d.ts
+declare const toggleAnatomy: import("@wirekyt/dom/anatomy").Anatomy<"root" | "indicator">;
+//#endregion
+//#region src/components/toggle/context.vue.d.ts
+interface ToggleContextProps extends SlotsType<{
+  default: UnwrapRef<UseToggleContext>;
+}> {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(toggle: UnwrapRef<UseToggleContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace toggle_d_exports {
+  export { _default as Context, ToggleContextProps as ContextProps, _default$1 as Indicator, ToggleIndicatorBaseProps as IndicatorBaseProps, ToggleIndicatorProps as IndicatorProps, _default$2 as Root, ToggleRootBaseProps as RootBaseProps, ToggleRootEmits as RootEmits, ToggleRootProps as RootProps };
+}
+//#endregion
+export { toggle_d_exports as Toggle, _default as ToggleContext, type ToggleContextProps, _default$1 as ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps, _default$2 as ToggleRoot, type ToggleRootBaseProps, type ToggleRootEmits, type ToggleRootProps, type UseToggleContext, type UseToggleProps, type UseToggleReturn, toggleAnatomy, useToggle, useToggleContext };

package/dist/toggle.js

@@ -0,0 +1,94 @@
+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 { 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, withCtx } from "vue";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+import * as toggle from "@wirekyt/dom/machines/toggle";
+//#region src/components/toggle/use-context.ts
+const [ToggleProvider, useToggleContext] = createContext("ToggleContext");
+//#endregion
+//#region src/components/toggle/use-toggle.ts
+function useToggle(props, emit) {
+	const machineProps = computed(() => {
+		const localProps = toValue(props);
+		return {
+			...cleanProps(localProps),
+			onPressedChange: (value) => {
+				emit?.("pressedChange", value);
+				emit?.("update:pressed", value);
+				localProps.onPressedChange?.(value);
+			}
+		};
+	});
+	const service = useMachine(toggle.machine, machineProps);
+	return computed(() => toggle.connect(service, normalizeProps$1));
+}
+//#endregion
+//#region src/components/toggle/root.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		defaultPressed: { type: Boolean },
+		disabled: { type: Boolean },
+		pressed: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		defaultPressed: void 0,
+		pressed: void 0
+	}),
+	emits: ["pressedChange", "update:pressed"],
+	setup(__props, { emit: __emit }) {
+		const toggle = useToggle(__props, __emit);
+		ToggleProvider(toggle);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(toggle).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle/indicator.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const toggle = useToggleContext();
+		const fallback = computed(() => !toggle.value.pressed);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(toggle).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [!fallback.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 1)]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle/anatomy.ts
+const toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+//#endregion
+//#region src/components/toggle/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const toggle = useToggleContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(toggle))));
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Indicator: () => _sfc_main$1,
+	Root: () => _sfc_main$2
+});
+//#endregion
+export { toggle_exports as Toggle, _sfc_main as ToggleContext, _sfc_main$1 as ToggleIndicator, _sfc_main$2 as ToggleRoot, toggleAnatomy, useToggle, useToggleContext };