@sprawlify/vue 0.0.72 → 0.0.74

package/dist/components/toast/index.js

@@ -0,0 +1,265 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as toastAnatomy } from "../../toast-anatomy-CssUp7TT.js";
+import { t as sprawlify } from "../../factory-DxZQviAU.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, unref, useId, withCtx } from "vue";
+import * as toast from "@sprawlify/primitives/machines/toast";
+
+//#region src/components/toast/create-toaster.ts
+const createToaster = (props) => {
+	return toast.createStore(props);
+};
+
+//#endregion
+//#region src/components/toast/use-toast-context.ts
+const [ToastProvider, useToastContext] = createContext("ToastContext");
+
+//#endregion
+//#region src/components/toast/toast-action-trigger.vue?vue&type=script&setup=true&lang.ts
+var toast_action_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toast-action-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(toast).getActionTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toast/toast-action-trigger.vue
+var toast_action_trigger_default = toast_action_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toast-close-trigger.vue?vue&type=script&setup=true&lang.ts
+var toast_close_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toast-close-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(toast).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toast/toast-close-trigger.vue
+var toast_close_trigger_default = toast_close_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toast-context.vue?vue&type=script&setup=true&lang.ts
+var toast_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toast-context",
+	setup(__props) {
+		const toast = useToastContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(toast))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toast/toast-context.vue
+var toast_context_default = toast_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toast-description.vue?vue&type=script&setup=true&lang.ts
+var toast_description_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toast-description",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(toast).getDescriptionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toast/toast-description.vue
+var toast_description_default = toast_description_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toast-root.vue?vue&type=script&setup=true&lang.ts
+var toast_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toast-root",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/toast-root.vue
+var toast_root_default = toast_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toast-title.vue?vue&type=script&setup=true&lang.ts
+var toast_title_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toast-title",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const toast = useToastContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(toast).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toast/toast-title.vue
+var toast_title_default = toast_title_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toaster-item.vue?vue&type=script&setup=true&lang.ts
+var toaster_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toaster-item",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		index: {
+			type: Number,
+			required: true
+		},
+		parent: {
+			type: null,
+			required: true
+		}
+	},
+	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-item.vue
+var toaster_item_default = toaster_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toaster.vue?vue&type=script&setup=true&lang.ts
+var toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toaster",
+	props: {
+		toaster: {
+			type: Object,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	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(sprawlify).div, normalizeProps(guardReactiveProps(api.value.getGroupProps())), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(api.value.getToasts(), (toastItem, index) => {
+					return openBlock(), createBlock(toaster_item_default, {
+						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/toaster.vue
+var toaster_default = toaster_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toast/toast.ts
+var toast_exports = /* @__PURE__ */ __exportAll({
+	ActionTrigger: () => toast_action_trigger_default,
+	CloseTrigger: () => toast_close_trigger_default,
+	Context: () => toast_context_default,
+	Description: () => toast_description_default,
+	Root: () => toast_root_default,
+	Title: () => toast_title_default
+});
+
+//#endregion
+export { toast_exports as Toast, toast_action_trigger_default as ToastActionTrigger, toast_close_trigger_default as ToastCloseTrigger, toast_context_default as ToastContext, toast_description_default as ToastDescription, toast_root_default as ToastRoot, toast_title_default as ToastTitle, toaster_default as Toaster, createToaster, toastAnatomy, useToastContext };

package/dist/components/toggle/index.d.ts

@@ -0,0 +1,98 @@
+import { t as PolymorphicProps } from "../../factory-D5HMCjkS.js";
+import { r as EmitFn$1 } from "../../types-DVbnnQPS.js";
+import { r as PropTypes } from "../../index-DmKzfNVe.js";
+import { t as toggleAnatomy } from "../../toggle-anatomy-DFzkjtVR.js";
+import * as vue955 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as toggle from "@sprawlify/primitives/machines/toggle";
+
+//#region src/components/toggle/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/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: vue955.DefineComponent<ToggleRootProps, {}, {}, {}, {}, vue955.ComponentOptionsMixin, vue955.ComponentOptionsMixin, {
+  pressedChange: (pressed: boolean) => any;
+  "update:pressed": (pressed: boolean) => any;
+}, string, vue955.PublicProps, Readonly<ToggleRootProps> & Readonly<{
+  onPressedChange?: ((pressed: boolean) => any) | undefined;
+  "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  defaultPressed: boolean;
+  pressed: boolean;
+}, {}, {}, {}, string, vue955.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/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: vue955.DefineComponent<ToggleIndicatorProps, {}, {}, {}, {}, vue955.ComponentOptionsMixin, vue955.ComponentOptionsMixin, {}, string, vue955.PublicProps, Readonly<ToggleIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue955.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-toggle-context.d.ts
+interface UseToggleContext extends UseToggleReturn {}
+//#endregion
+//#region src/components/toggle/toggle-context.vue.d.ts
+interface ToggleContextProps extends SlotsType<{
+  default: UnwrapRef<UseToggleContext>;
+}> {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue955.DefineComponent<{}, {}, {}, {}, {}, vue955.ComponentOptionsMixin, vue955.ComponentOptionsMixin, {}, string, vue955.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue955.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/components/toggle/index.js

@@ -0,0 +1,126 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as toggleAnatomy } from "../../toggle-anatomy-D8XJQLnW.js";
+import { t as sprawlify } from "../../factory-DxZQviAU.js";
+import { t as cleanProps } from "../../clean-props-DsGHTEpm.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, withCtx } from "vue";
+import * as toggle from "@sprawlify/primitives/machines/toggle";
+
+//#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/use-toggle-context.ts
+const [ToggleProvider, useToggleContext] = createContext("ToggleContext");
+
+//#endregion
+//#region src/components/toggle/toggle-root.vue?vue&type=script&setup=true&lang.ts
+var toggle_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toggle-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		defaultPressed: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		pressed: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		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(sprawlify).button, mergeProps(unref(toggle).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toggle/toggle-root.vue
+var toggle_root_default = toggle_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toggle/toggle-indicator.vue?vue&type=script&setup=true&lang.ts
+var toggle_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toggle-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const toggle = useToggleContext();
+		const fallback = computed(() => !toggle.value.pressed);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(toggle).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [!fallback.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : renderSlot(_ctx.$slots, "fallback", { key: 1 })]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toggle/toggle-indicator.vue
+var toggle_indicator_default = toggle_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toggle/toggle-context.vue?vue&type=script&setup=true&lang.ts
+var toggle_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toggle-context",
+	setup(__props) {
+		const toggle = useToggleContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(toggle))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toggle/toggle-context.vue
+var toggle_context_default = toggle_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toggle/toggle.ts
+var toggle_exports = /* @__PURE__ */ __exportAll({
+	Context: () => toggle_context_default,
+	Indicator: () => toggle_indicator_default,
+	Root: () => toggle_root_default
+});
+
+//#endregion
+export { toggle_exports as Toggle, toggle_context_default as ToggleContext, toggle_indicator_default as ToggleIndicator, toggle_root_default as ToggleRoot, toggleAnatomy, useToggle, useToggleContext };

package/dist/components/toggle-group/index.d.ts

@@ -0,0 +1,128 @@
+import { t as PolymorphicProps } from "../../factory-D5HMCjkS.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-DVbnnQPS.js";
+import { r as PropTypes } from "../../index-DmKzfNVe.js";
+import { t as toggleGroupAnatomy } from "../../toggle-group-anatomy-L0_56E8r.js";
+import * as vue830 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
+import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails } from "@sprawlify/primitives/machines/toggle-group";
+
+//#region src/components/toggle-group/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<vue830.DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, vue830.ComponentOptionsMixin, vue830.ComponentOptionsMixin, {}, string, vue830.PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue830.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle-group/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<vue830.DefineComponent<ToggleGroupRootProviderProps, {}, {}, {}, {}, vue830.ComponentOptionsMixin, vue830.ComponentOptionsMixin, {}, string, vue830.PublicProps, Readonly<ToggleGroupRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue830.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toggle-group/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/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<vue830.DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, vue830.ComponentOptionsMixin, vue830.ComponentOptionsMixin, {
+  valueChange: (details: toggleGroup.ValueChangeDetails) => any;
+  "update:modelValue": (value: string[]) => any;
+}, string, vue830.PublicProps, Readonly<ToggleGroupRootProps> & Readonly<{
+  onValueChange?: ((details: toggleGroup.ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+  disabled: boolean;
+  deselectable: boolean;
+  loopFocus: boolean;
+  multiple: boolean;
+  rovingFocus: boolean;
+}, {}, {}, {}, string, vue830.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'> {
+  /**
+   * The v-model value of the toggle group
+   */
+  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-toggle-group-context.d.ts
+interface UseToggleGroupContext extends UseToggleGroupReturn {}
+//#endregion
+//#region src/components/toggle-group/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<vue830.DefineComponent<{}, {}, {}, {}, {}, vue830.ComponentOptionsMixin, vue830.ComponentOptionsMixin, {}, string, vue830.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue830.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 };