@wirekyt/vue 0.0.1 → 0.0.3

package/dist/toast.js

@@ -0,0 +1,189 @@
+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 { n as wire } from "./factory-8Ao0DEy3.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, unref, useId, withCtx } from "vue";
+import * as toast from "@wirekyt/dom/machines/toast";
+import { anatomy as toastAnatomy } from "@wirekyt/dom/machines/toast";
+//#region src/components/toast/create-toaster.ts
+const createToaster = (props) => {
+	return toast.createStore(props);
+};
+//#endregion
+//#region src/components/toast/use-context.ts
+const [ToastProvider, useToastContext] = createContext("ToastContext");
+//#endregion
+//#region src/components/toast/action-trigger.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "action-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(toast).getActionTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/close-trigger.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "close-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(toast).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/context.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const toast = useToastContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(toast))));
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/description.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "description",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(toast).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/root.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(toast).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [
+					createElementVNode("div", normalizeProps(guardReactiveProps(unref(toast).getGhostBeforeProps())), null, 16),
+					renderSlot(_ctx.$slots, "default"),
+					createElementVNode("div", normalizeProps(guardReactiveProps(unref(toast).getGhostAfterProps())), null, 16)
+				]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/title.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "title",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(toast).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/toaster-item.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "toaster-item",
+	props: {
+		value: {},
+		index: {},
+		parent: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+		const machineProps = computed(() => ({
+			...props.value,
+			index: props.index,
+			parent: props.parent,
+			getRootNode: env?.value.getRootNode
+		}));
+		const service = useMachine(toast.machine, machineProps);
+		ToastProvider(computed(() => toast.connect(service, normalizeProps$1)));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(props.value)));
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/toaster.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "toaster",
+	props: {
+		toaster: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const locale = useLocaleContext(DEFAULT_LOCALE);
+		const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+		const service = useMachine(toast.group.machine, {
+			store: props.toaster,
+			id: useId(),
+			dir: locale?.value.dir,
+			getRootNode: env?.value.getRootNode
+		});
+		const api = computed(() => toast.group.connect(service, normalizeProps$1));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, normalizeProps(guardReactiveProps(api.value.getGroupProps())), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(api.value.getToasts(), (toastItem, index) => {
+					return openBlock(), createBlock(_sfc_main$7, {
+						key: toastItem.id,
+						value: toastItem,
+						parent: unref(service),
+						index
+					}, {
+						default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, slotProps))]),
+						_: 3
+					}, 8, [
+						"value",
+						"parent",
+						"index"
+					]);
+				}), 128))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/toast.ts
+var toast_exports = /* @__PURE__ */ __exportAll({
+	ActionTrigger: () => _sfc_main,
+	CloseTrigger: () => _sfc_main$1,
+	Context: () => _sfc_main$2,
+	Description: () => _sfc_main$3,
+	Root: () => _sfc_main$4,
+	Title: () => _sfc_main$5
+});
+//#endregion
+export { toast_exports as Toast, _sfc_main as ToastActionTrigger, _sfc_main$1 as ToastCloseTrigger, _sfc_main$2 as ToastContext, _sfc_main$3 as ToastDescription, _sfc_main$4 as ToastRoot, _sfc_main$5 as ToastTitle, _sfc_main$6 as Toaster, createToaster, toastAnatomy, useToastContext };

package/dist/toggle-group.cjs

@@ -0,0 +1,150 @@
+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_toggle_group = require("@wirekyt/dom/machines/toggle-group");
+_wirekyt_dom_machines_toggle_group = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_toggle_group, 1);
+//#region src/components/toggle-group/use-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = require_utils.createContext("ToggleGroupContext");
+//#endregion
+//#region src/components/toggle-group/context.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const toggleGroup = useToggleGroupContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(toggleGroup))));
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/item.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const toggleGroup = useToggleGroupContext();
+		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)(toggleGroup).getItemProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/root-provider.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const toggleGroup = (0, vue.computed)(() => props.value);
+		ToggleGroupProvider(toggleGroup);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(toggleGroup.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.ts
+const useToggleGroup = (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),
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localProps.onValueChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_toggle_group.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_toggle_group.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/toggle-group/root.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.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 (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(toggleGroup).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => _sfc_main,
+	Item: () => _sfc_main$1,
+	Root: () => _sfc_main$2,
+	RootProvider: () => _sfc_main$3
+});
+//#endregion
+Object.defineProperty(exports, "ToggleGroup", {
+	enumerable: true,
+	get: function() {
+		return toggle_group_exports;
+	}
+});
+exports.ToggleGroupContext = _sfc_main;
+exports.ToggleGroupItem = _sfc_main$1;
+exports.ToggleGroupRoot = _sfc_main$2;
+exports.ToggleGroupRootProvider = _sfc_main$3;
+Object.defineProperty(exports, "toggleGroupAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_toggle_group.anatomy;
+	}
+});
+exports.useToggleGroup = useToggleGroup;
+exports.useToggleGroupContext = useToggleGroupContext;

package/dist/toggle-group.d.cts

@@ -0,0 +1,122 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-B-o8jLyV.cjs";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as toggleGroup from "@wirekyt/dom/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails, anatomy as toggleGroupAnatomy } from "@wirekyt/dom/machines/toggle-group";
+//#region src/components/toggle-group/item.vue.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ToggleGroupItemProps extends ToggleGroupItemBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, "disabled" | "value"> {}
+declare const _default$1: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle-group/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseToggleGroupReturn>;
+}
+interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ToggleGroupRootProviderProps extends ToggleGroupRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<ToggleGroupRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleGroupRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle-group/types.d.ts
+interface RootProps {
+  defaultValue?: string[];
+  deselectable?: boolean;
+  disabled?: boolean;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    item(value: string): string;
+  }>;
+  loopFocus?: boolean;
+  modelValue?: string[];
+  multiple?: boolean;
+  orientation?: toggleGroup.Orientation;
+  rovingFocus?: boolean;
+}
+type RootEmits = {
+  valueChange: [details: toggleGroup.ValueChangeDetails];
+  "update:modelValue": [value: string[]];
+};
+//#endregion
+//#region src/components/toggle-group/root.vue.d.ts
+interface ToggleGroupRootBaseProps extends RootProps, PolymorphicProps {}
+interface ToggleGroupRootProps extends ToggleGroupRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface ToggleGroupRootEmits extends RootEmits {}
+declare const _default$2: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  valueChange: (details: import("@wirekyt/dom/machines/toggle-group").ValueChangeDetails) => any;
+  "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleGroupRootProps> & Readonly<{
+  onValueChange?: ((details: import("@wirekyt/dom/machines/toggle-group").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+  disabled: boolean;
+  multiple: boolean;
+  loopFocus: boolean;
+  rovingFocus: boolean;
+  deselectable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace toggle_group_d_exports {
+  export { _default as Context, ToggleGroupContextProps as ContextProps, _default$1 as Item, ToggleGroupItemBaseProps as ItemBaseProps, ToggleGroupItemProps as ItemProps, _default$2 as Root, ToggleGroupRootBaseProps as RootBaseProps, ToggleGroupRootEmits as RootEmits, ToggleGroupRootProps as RootProps, _default$3 as RootProvider, ToggleGroupRootProviderBaseProps as RootProviderBaseProps, ToggleGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.d.ts
+interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Props, "dir" | "getRootNode">, "id"> {
+  modelValue?: toggleGroup.Props["value"];
+}
+interface UseToggleGroupReturn extends ComputedRef<toggleGroup.Api<PropTypes>> {}
+declare const useToggleGroup: (props?: MaybeRef<UseToggleGroupProps>, emit?: EmitFn$1<ToggleGroupRootEmits>) => UseToggleGroupReturn;
+//#endregion
+//#region src/components/toggle-group/use-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+declare const ToggleGroupProvider: (opts: UseToggleGroupContext) => void, useToggleGroupContext: (fallback?: UseToggleGroupContext | undefined) => UseToggleGroupContext;
+//#endregion
+//#region src/components/toggle-group/context.vue.d.ts
+interface ToggleGroupContextProps extends SlotsType<{
+  default: UnwrapRef<UseToggleGroupContext>;
+}> {}
+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(toggleGroup: UnwrapRef<UseToggleGroupContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { toggle_group_d_exports as ToggleGroup, _default as ToggleGroupContext, type ToggleGroupContextProps, _default$1 as ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps, _default$2 as ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootEmits, type ToggleGroupRootProps, _default$3 as ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, type ToggleGroupValueChangeDetails, type UseToggleGroupContext, type UseToggleGroupProps, type UseToggleGroupReturn, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };

package/dist/toggle-group.d.ts

@@ -0,0 +1,122 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as toggleGroup from "@wirekyt/dom/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails, anatomy as toggleGroupAnatomy } from "@wirekyt/dom/machines/toggle-group";
+//#region src/components/toggle-group/item.vue.d.ts
+interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ToggleGroupItemProps extends ToggleGroupItemBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, "disabled" | "value"> {}
+declare const _default$1: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle-group/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseToggleGroupReturn>;
+}
+interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ToggleGroupRootProviderProps extends ToggleGroupRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<ToggleGroupRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleGroupRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle-group/types.d.ts
+interface RootProps {
+  defaultValue?: string[];
+  deselectable?: boolean;
+  disabled?: boolean;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    item(value: string): string;
+  }>;
+  loopFocus?: boolean;
+  modelValue?: string[];
+  multiple?: boolean;
+  orientation?: toggleGroup.Orientation;
+  rovingFocus?: boolean;
+}
+type RootEmits = {
+  valueChange: [details: toggleGroup.ValueChangeDetails];
+  "update:modelValue": [value: string[]];
+};
+//#endregion
+//#region src/components/toggle-group/root.vue.d.ts
+interface ToggleGroupRootBaseProps extends RootProps, PolymorphicProps {}
+interface ToggleGroupRootProps extends ToggleGroupRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface ToggleGroupRootEmits extends RootEmits {}
+declare const _default$2: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  valueChange: (details: import("@wirekyt/dom/machines/toggle-group").ValueChangeDetails) => any;
+  "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleGroupRootProps> & Readonly<{
+  onValueChange?: ((details: import("@wirekyt/dom/machines/toggle-group").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+  disabled: boolean;
+  multiple: boolean;
+  loopFocus: boolean;
+  rovingFocus: boolean;
+  deselectable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace toggle_group_d_exports {
+  export { _default as Context, ToggleGroupContextProps as ContextProps, _default$1 as Item, ToggleGroupItemBaseProps as ItemBaseProps, ToggleGroupItemProps as ItemProps, _default$2 as Root, ToggleGroupRootBaseProps as RootBaseProps, ToggleGroupRootEmits as RootEmits, ToggleGroupRootProps as RootProps, _default$3 as RootProvider, ToggleGroupRootProviderBaseProps as RootProviderBaseProps, ToggleGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.d.ts
+interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Props, "dir" | "getRootNode">, "id"> {
+  modelValue?: toggleGroup.Props["value"];
+}
+interface UseToggleGroupReturn extends ComputedRef<toggleGroup.Api<PropTypes>> {}
+declare const useToggleGroup: (props?: MaybeRef<UseToggleGroupProps>, emit?: EmitFn$1<ToggleGroupRootEmits>) => UseToggleGroupReturn;
+//#endregion
+//#region src/components/toggle-group/use-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+declare const ToggleGroupProvider: (opts: UseToggleGroupContext) => void, useToggleGroupContext: (fallback?: UseToggleGroupContext | undefined) => UseToggleGroupContext;
+//#endregion
+//#region src/components/toggle-group/context.vue.d.ts
+interface ToggleGroupContextProps extends SlotsType<{
+  default: UnwrapRef<UseToggleGroupContext>;
+}> {}
+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(toggleGroup: UnwrapRef<UseToggleGroupContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { toggle_group_d_exports as ToggleGroup, _default as ToggleGroupContext, type ToggleGroupContextProps, _default$1 as ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps, _default$2 as ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootEmits, type ToggleGroupRootProps, _default$3 as ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, type ToggleGroupValueChangeDetails, type UseToggleGroupContext, type UseToggleGroupProps, type UseToggleGroupReturn, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };