@vunset/vue 0.0.0-stage → 1.0.0-rc.2

package/dist/components/toast/ToastAction.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useToastRootContext } from "../../composables/use-toast.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/toast/ToastAction.vue?vue&type=script&setup=true&lang.ts
+var ToastAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "ToastAction",
+	inheritAttrs: false,
+	__name: "ToastAction",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { actionProps, state, toast, close } = useToastRootContext();
+		const merged = usePartProps(actionProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps(unref(state), {
+					toast: unref(toast),
+					close: unref(close)
+				}))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { ToastAction_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toast/ToastClose.js

@@ -0,0 +1,5 @@
+import ToastClose_vue_vue_type_script_setup_true_lang_default from "./ToastClose.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastClose.vue
+var ToastClose_default = ToastClose_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastClose_default as default };

package/dist/components/toast/ToastClose.vue.d.ts

@@ -0,0 +1,20 @@
+import { type ToastSlotProps } from '../../composables/use-toast';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /** @slotOnly The element carries only `data-part="close"`. */
+    default(props: ToastSlotProps): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/ToastClose.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useToastRootContext } from "../../composables/use-toast.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/toast/ToastClose.vue?vue&type=script&setup=true&lang.ts
+var ToastClose_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "ToastClose",
+	inheritAttrs: false,
+	__name: "ToastClose",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { closeProps, state, toast, close } = useToastRootContext();
+		const merged = usePartProps(closeProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps(unref(state), {
+					toast: unref(toast),
+					close: unref(close)
+				}))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { ToastClose_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toast/ToastDescription.js

@@ -0,0 +1,5 @@
+import ToastDescription_vue_vue_type_script_setup_true_lang_default from "./ToastDescription.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastDescription.vue
+var ToastDescription_default = ToastDescription_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastDescription_default as default };

package/dist/components/toast/ToastDescription.vue.d.ts

@@ -0,0 +1,20 @@
+import { type ToastSlotProps } from '../../composables/use-toast';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /** Shows the toast's `text` when left empty. */
+    default(props: ToastSlotProps): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/ToastDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useRegisteredId } from "../../shared/labeling.js";
+import { useToastRootContext } from "../../composables/use-toast.js";
+import { createBlock, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/toast/ToastDescription.vue?vue&type=script&setup=true&lang.ts
+var ToastDescription_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "ToastDescription",
+	inheritAttrs: false,
+	__name: "ToastDescription",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { descriptionProps, state, toast, close, registerDescription } = useToastRootContext();
+		const id = useRegisteredId(registerDescription);
+		const merged = usePartProps(() => ({
+			...descriptionProps.value,
+			id: id.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps(unref(state), {
+					toast: unref(toast),
+					close: unref(close)
+				}), () => [createTextVNode(toDisplayString(unref(toast).text), 1)])]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { ToastDescription_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toast/ToastProgress.js

@@ -0,0 +1,5 @@
+import ToastProgress_vue_vue_type_script_setup_true_lang_default from "./ToastProgress.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastProgress.vue
+var ToastProgress_default = ToastProgress_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastProgress_default as default };

package/dist/components/toast/ToastProgress.vue.d.ts

@@ -0,0 +1,30 @@
+import { type ToastSlotProps } from '../../composables/use-toast';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: ToastSlotProps & {
+        /**
+         * The timeout's full length, in milliseconds.
+         * @attribute `--toast-duration` in `ms`
+         */
+        duration: number;
+        /**
+         * Whether the timeout is held, while the stack is expanded or the toast leaves.
+         * @attribute `data-paused`
+         */
+        paused: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/ToastProgress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useToastRootContext } from "../../composables/use-toast.js";
+import { createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/toast/ToastProgress.vue?vue&type=script&setup=true&lang.ts
+var ToastProgress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "ToastProgress",
+	inheritAttrs: false,
+	__name: "ToastProgress",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { progressProps, state, toast, close, timer } = useToastRootContext();
+		const merged = usePartProps(progressProps);
+		return (_ctx, _cache) => {
+			return unref(timer) ? (openBlock(), createBlock(unref(Part), mergeProps({
+				key: unref(timer).cycle,
+				as: props.as
+			}, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps(unref(state), {
+					toast: unref(toast),
+					close: unref(close),
+					duration: unref(timer).duration,
+					paused: unref(timer).paused
+				}))]),
+				_: 3
+			}, 16, ["as"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { ToastProgress_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toast/ToastRoot.js

@@ -0,0 +1,5 @@
+import ToastRoot_vue_vue_type_script_setup_true_lang_default from "./ToastRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastRoot.vue
+var ToastRoot_default = ToastRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastRoot_default as default };

package/dist/components/toast/ToastRoot.vue.d.ts

@@ -0,0 +1,21 @@
+import { type ToastSlotProps, type ToastSwipeDirection } from '../../composables/use-toast';
+type __VLS_Props = {
+    /** The ways a swipe dismisses it; `[]` turns swiping off. @default ['down', 'right'] */
+    swipeDirection?: ToastSwipeDirection | ToastSwipeDirection[];
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: ToastSlotProps): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, import("../../composables/use-toast").UseToastRootReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/ToastRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { provideToastRootContext, useToastRoot } from "../../composables/use-toast.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/toast/ToastRoot.vue?vue&type=script&setup=true&lang.ts
+var ToastRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "ToastRoot",
+	inheritAttrs: false,
+	__name: "ToastRoot",
+	props: {
+		swipeDirection: {},
+		as: { default: "div" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const api = useToastRoot({ swipeDirection: () => props.swipeDirection });
+		provideToastRootContext(api);
+		__expose(api);
+		const merged = usePartProps(api.rootProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps(unref(api).state.value, {
+					toast: unref(api).toast.value,
+					close: unref(api).close
+				}))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { ToastRoot_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toast/ToastTitle.js

@@ -0,0 +1,5 @@
+import ToastTitle_vue_vue_type_script_setup_true_lang_default from "./ToastTitle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastTitle.vue
+var ToastTitle_default = ToastTitle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastTitle_default as default };

package/dist/components/toast/ToastTitle.vue.d.ts

@@ -0,0 +1,20 @@
+import { type ToastSlotProps } from '../../composables/use-toast';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /** Shows the toast's `title` when left empty. */
+    default(props: ToastSlotProps): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/ToastTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useRegisteredId } from "../../shared/labeling.js";
+import { useToastRootContext } from "../../composables/use-toast.js";
+import { createBlock, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/toast/ToastTitle.vue?vue&type=script&setup=true&lang.ts
+var ToastTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "ToastTitle",
+	inheritAttrs: false,
+	__name: "ToastTitle",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { titleProps, state, toast, close, registerTitle } = useToastRootContext();
+		const id = useRegisteredId(registerTitle);
+		const merged = usePartProps(() => ({
+			...titleProps.value,
+			id: id.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps(unref(state), {
+					toast: unref(toast),
+					close: unref(close)
+				}), () => [createTextVNode(toDisplayString(unref(toast).title), 1)])]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { ToastTitle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toast/ToastViewport.js

@@ -0,0 +1,5 @@
+import ToastViewport_vue_vue_type_script_setup_true_lang_default from "./ToastViewport.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastViewport.vue
+var ToastViewport_default = ToastViewport_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastViewport_default as default };

package/dist/components/toast/ToastViewport.vue.d.ts

@@ -0,0 +1,47 @@
+import { type ToastPosition, type ToastStore } from '../../composables/use-toast';
+import { type Toast } from '../../composables/use-toast';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Which corner or edge of the viewport the stack sits in. @default 'bottom-end' */
+    position?: ToastPosition;
+    /** How many toasts stay in the stack; the rest wait their turn. @default 3 */
+    limit?: number;
+    /** Milliseconds before a toast that names no `timeout` dismisses itself. @default 5000 */
+    timeout?: number;
+    /** Names the region for assistive technology. @default 'Notifications' */
+    label?: string;
+    /** A store other than the shared one, for a second app or a server render. */
+    store?: ToastStore;
+    /** Element or component to render. */
+    as?: string | object;
+}, import("../../composables/use-toast").UseToastViewportReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Which corner or edge of the viewport the stack sits in. @default 'bottom-end' */
+    position?: ToastPosition;
+    /** How many toasts stay in the stack; the rest wait their turn. @default 3 */
+    limit?: number;
+    /** Milliseconds before a toast that names no `timeout` dismisses itself. @default 5000 */
+    timeout?: number;
+    /** Names the region for assistive technology. @default 'Notifications' */
+    label?: string;
+    /** A store other than the shared one, for a second app or a server render. */
+    store?: ToastStore;
+    /** Element or component to render. */
+    as?: string | object;
+}> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /**
+     * The template every toast is rendered with: a `ToastRoot` and whatever goes in it.
+     * @template
+     */
+    default(props: {
+        /** The toast being rendered. */
+        toast: Toast<any>;
+    }): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/ToastViewport.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,75 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { provideToastItemContext, provideToastViewportContext, useToastViewport } from "../../composables/use-toast.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, renderSlot, toRef, unref, withCtx } from "vue";
+//#region src/components/toast/ToastViewport.vue?vue&type=script&setup=true&lang.ts
+/**
+* One entry in the stack. Private to the viewport.
+*
+* It exists only to hold a `provide`, which Vue can do just once per component
+* setup — the viewport cannot provide a different toast on each pass of its own
+* loop. That is what lets the template be registered once and still have every
+* part inside it know which toast it is rendering, instead of the template
+* having to thread a `toast` prop through by hand.
+*
+* A render function rather than a template, because a toast may carry a
+* renderer of its own and `<component :is>` would mistake that function for a
+* functional component and call it with a props object instead of the toast.
+*
+* Declared in a plain `<script>` block so it is created once for the module
+* rather than once per viewport instance.
+*/
+var ToastItem = defineComponent({
+	name: "ToastItem",
+	inheritAttrs: false,
+	props: { toast: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { slots }) {
+		provideToastItemContext(computed(() => props.toast));
+		return () => props.toast.slot ? props.toast.slot(props.toast) : slots.default?.({ toast: props.toast });
+	}
+});
+var ToastViewport_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "ToastViewport",
+	inheritAttrs: false,
+	__name: "ToastViewport",
+	props: {
+		position: {},
+		limit: {},
+		timeout: {},
+		label: {},
+		store: {},
+		as: { default: "div" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const api = useToastViewport({
+			store: props.store,
+			position: toRef(() => props.position),
+			limit: toRef(() => props.limit),
+			timeout: toRef(() => props.timeout),
+			label: toRef(() => props.label)
+		});
+		provideToastViewportContext({ store: api.store });
+		__expose(api);
+		const merged = usePartProps(api.viewportProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(api).toasts.value, (toast) => {
+					return openBlock(), createBlock(unref(ToastItem), {
+						key: toast.id,
+						toast
+					}, {
+						default: withCtx(({ toast: current }) => [renderSlot(_ctx.$slots, "default", { toast: current })]),
+						_: 3
+					}, 8, ["toast"]);
+				}), 128))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { ToastViewport_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toggle/Toggle.js

@@ -0,0 +1,5 @@
+import Toggle_vue_vue_type_script_setup_true_lang_default from "./Toggle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toggle/Toggle.vue
+var Toggle_default = Toggle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Toggle_default as default };

package/dist/components/toggle/Toggle.vue.d.ts

@@ -0,0 +1,41 @@
+import { type ToggleValue } from './use-toggle';
+type __VLS_Props = {
+    /** Whether it is on, bound with `v-model`. Inside a `ToggleGroup`, the group owns this. */
+    modelValue?: boolean;
+    /** Starts on, when no `v-model` owns it. */
+    defaultPressed?: boolean;
+    /** Can't be pressed. Inside a `ToggleGroup`, follows the group too. */
+    disabled?: boolean;
+    /** Names it inside a `ToggleGroup`, whose value lists the pressed ones. Required there. */
+    value?: ToggleValue;
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    pressed: boolean;
+    disabled: boolean;
+    invalid: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, import("./use-toggle").UseToggleReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (pressed: boolean, event?: Event | undefined) => any;
+    "update:modelValue": (pressed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((pressed: boolean, event?: Event | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((pressed: boolean) => any) | undefined;
+}>, {
+    as: string | object;
+    modelValue: boolean;
+    disabled: boolean;
+    defaultPressed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toggle/Toggle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { useToggle } from "./use-toggle.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toRef, unref, useAttrs, withCtx } from "vue";
+//#region src/components/toggle/Toggle.vue?vue&type=script&setup=true&lang.ts
+var Toggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "Toggle",
+	inheritAttrs: false,
+	__name: "Toggle",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultPressed: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		value: {},
+		as: { default: "button" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const api = useToggle({
+			pressed: toRef(() => props.modelValue),
+			defaultPressed: toRef(() => props.defaultPressed),
+			disabled: toRef(() => props.disabled),
+			value: toRef(() => props.value),
+			onChange: (pressed, event) => {
+				emit("update:modelValue", pressed);
+				emit("change", pressed, event);
+			}
+		});
+		__expose(api);
+		const attrs = useAttrs();
+		const rootProps = computed(() => mergeProps$1(api.rootProps.value, attrs));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, rootProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api).state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { Toggle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toggle/ToggleGroup.js

@@ -0,0 +1,5 @@
+import ToggleGroup_vue_vue_type_script_setup_true_lang_default from "./ToggleGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toggle/ToggleGroup.vue
+var ToggleGroup_default = ToggleGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToggleGroup_default as default };

package/dist/components/toggle/ToggleGroup.vue.d.ts

@@ -0,0 +1,64 @@
+import { type ModelModifiers } from '../../shared/model-modifiers';
+import { type ToggleGroupValue } from './use-toggle';
+import type { Orientation } from '../../shared/use-roving-focus';
+type __VLS_Props = {
+    /** The pressed toggles' values, bound with `v-model`: one value or `null`, an array with `multiple`. */
+    modelValue?: ToggleGroupValue;
+    /** `v-model.optional` writes `undefined` once the value is emptied. */
+    modelModifiers?: ModelModifiers;
+    /** The pressed toggles at first, when no `v-model` owns them. */
+    defaultValue?: ToggleGroupValue;
+    /** Lets more than one toggle be on; the model becomes an array. */
+    multiple?: boolean;
+    /** Keeps one toggle on: the last one refuses to come up, and an empty group presses its first. */
+    required?: boolean;
+    /** Disables every toggle in the group. Inside a `FieldRoot`, follows the field. */
+    disabled?: boolean;
+    /** Marks the value invalid, for styling through `data-invalid`. Inside a `FieldRoot`, follows the field. */
+    invalid?: boolean;
+    /** Submits each pressed toggle's value under this name. Inside a `FieldRoot`, the field's name. */
+    name?: string;
+    /** The id of a `<form>` to submit with, when the group sits outside it. */
+    form?: string;
+    /** Which arrow keys move between the toggles. */
+    orientation?: Orientation;
+    /** Whether arrow keys wrap past the first and last toggle. @default true, or `false` inside a toolbar */
+    loop?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    multiple: boolean;
+    orientation: Orientation;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, import("./use-toggle").UseToggleGroupReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: ToggleGroupValue) => any;
+    "update:modelValue": (value: ToggleGroupValue | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: ToggleGroupValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ToggleGroupValue | undefined) => any) | undefined;
+}>, {
+    defaultValue: ToggleGroupValue;
+    required: boolean;
+    invalid: boolean;
+    orientation: Orientation;
+    as: string | object;
+    modelValue: ToggleGroupValue;
+    disabled: boolean;
+    loop: boolean;
+    multiple: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};