@sprawlify/vue 0.0.72 → 0.0.73

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

@@ -0,0 +1,154 @@
+import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
+import { a as Optional } from "../../types-DIEO6uP3.js";
+import { r as PropTypes } from "../../index-CCRVRFFQ.js";
+import * as vue448 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, SlotsType, UnwrapRef, VNodeChild } from "vue";
+import * as toast from "@sprawlify/primitives/machines/toast";
+import { ActionOptions, ActionOptions as ToastActionOptions, Placement, Placement as ToastPlacement, PromiseOptions, PromiseOptions as ToastPromiseOptions, Status, Status as ToastStatus, StatusChangeDetails, StatusChangeDetails as ToastStatusChangeDetails, StoreProps, StoreProps as ToastStoreProps, Type, Type as ToastType, anatomy as toastAnatomy } from "@sprawlify/primitives/machines/toast";
+
+//#region src/components/toast/create-toaster.d.ts
+interface CreateToasterProps extends Optional<Partial<toast.StoreProps>, 'placement'> {
+  placement: toast.Placement;
+}
+interface CreateToasterReturn extends toast.Store<VNodeChild> {}
+declare const createToaster: (props: CreateToasterProps) => CreateToasterReturn;
+//#endregion
+//#region src/components/toast/toast-action-trigger.vue.d.ts
+interface ToastActionTriggerBaseProps extends PolymorphicProps {}
+interface ToastActionTriggerProps extends ToastActionTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue448.DefineComponent<ToastActionTriggerProps, {}, {}, {}, {}, vue448.ComponentOptionsMixin, vue448.ComponentOptionsMixin, {}, string, vue448.PublicProps, Readonly<ToastActionTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue448.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toast/toast-close-trigger.vue.d.ts
+interface ToastCloseTriggerBaseProps extends PolymorphicProps {}
+interface ToastCloseTriggerProps extends ToastCloseTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$1: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue448.DefineComponent<ToastCloseTriggerProps, {}, {}, {}, {}, vue448.ComponentOptionsMixin, vue448.ComponentOptionsMixin, {}, string, vue448.PublicProps, Readonly<ToastCloseTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue448.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toast/use-toast-context.d.ts
+interface UseToastContext extends ComputedRef<toast.Api<PropTypes>> {}
+//#endregion
+//#region src/components/toast/toast-context.vue.d.ts
+interface ToastContextProps extends SlotsType<{
+  default: UnwrapRef<UseToastContext>;
+}> {}
+declare const _default$2: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue448.DefineComponent<{}, {}, {}, {}, {}, vue448.ComponentOptionsMixin, vue448.ComponentOptionsMixin, {}, string, vue448.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue448.ComponentProvideOptions, true, {}, any>, {
+  default(toast: UnwrapRef<UseToastContext>): unknown;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toast/toast-description.vue.d.ts
+interface ToastDescriptionBaseProps extends PolymorphicProps {}
+interface ToastDescriptionProps extends ToastDescriptionBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue448.DefineComponent<ToastDescriptionProps, {}, {}, {}, {}, vue448.ComponentOptionsMixin, vue448.ComponentOptionsMixin, {}, string, vue448.PublicProps, Readonly<ToastDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue448.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toast/toast-root.vue.d.ts
+interface ToastRootBaseProps extends PolymorphicProps {}
+interface ToastRootProps extends ToastRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue448.DefineComponent<ToastRootProps, {}, {}, {}, {}, vue448.ComponentOptionsMixin, vue448.ComponentOptionsMixin, {}, string, vue448.PublicProps, Readonly<ToastRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue448.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toast/toast-title.vue.d.ts
+interface ToastTitleBaseProps extends PolymorphicProps {}
+interface ToastTitleProps extends ToastTitleBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue448.DefineComponent<ToastTitleProps, {}, {}, {}, {}, vue448.ComponentOptionsMixin, vue448.ComponentOptionsMixin, {}, string, vue448.PublicProps, Readonly<ToastTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue448.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/toast/toaster.vue.d.ts
+type ToastOptions = toast.Options<VNodeChild>;
+interface ToasterBaseProps extends PolymorphicProps {
+  toaster: CreateToasterReturn;
+}
+interface ToasterProps extends ToasterBaseProps, /** @vue-ignore */HTMLAttributes, /** @vue-ignore */SlotsType<{
+  default: ToastOptions;
+}> {}
+declare var __VLS_15: {
+  title?: VNodeChild;
+  description?: VNodeChild;
+  duration?: number | undefined;
+  removeDelay?: number | undefined;
+  id?: string | undefined;
+  type?: toast.Type | undefined;
+  onStatusChange?: ((details: toast.StatusChangeDetails) => void) | undefined;
+  action?: toast.ActionOptions | undefined;
+  closable?: boolean | undefined;
+  meta?: Record<string, any> | undefined;
+  promise?: Promise<any> | (() => Promise<any>) | undefined;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: vue448.DefineComponent<{}, {}, {}, {}, {}, vue448.ComponentOptionsMixin, vue448.ComponentOptionsMixin, {}, string, vue448.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue448.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default$6: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace toast_d_exports {
+  export { ActionOptions, _default as ActionTrigger, ToastActionTriggerBaseProps as ActionTriggerBaseProps, ToastActionTriggerProps as ActionTriggerProps, _default$1 as CloseTrigger, ToastCloseTriggerBaseProps as CloseTriggerBaseProps, ToastCloseTriggerProps as CloseTriggerProps, _default$2 as Context, ToastContextProps as ContextProps, _default$3 as Description, ToastDescriptionBaseProps as DescriptionBaseProps, ToastDescriptionProps as DescriptionProps, ToastOptions as Options, Placement, PromiseOptions, _default$4 as Root, ToastRootBaseProps as RootBaseProps, ToastRootProps as RootProps, Status, StatusChangeDetails, StoreProps, _default$5 as Title, ToastTitleBaseProps as TitleBaseProps, ToastTitleProps as TitleProps, Type };
+}
+//#endregion
+export { type CreateToasterProps, type CreateToasterReturn, toast_d_exports as Toast, type ToastActionOptions, _default as ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, _default$1 as ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, _default$2 as ToastContext, type ToastContextProps, _default$3 as ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps, type ToastOptions, type ToastPlacement, type ToastPromiseOptions, _default$4 as ToastRoot, type ToastRootBaseProps, type ToastRootProps, type ToastStatus, type ToastStatusChangeDetails, type ToastStoreProps, _default$5 as ToastTitle, type ToastTitleBaseProps, type ToastTitleProps, type ToastType, _default$6 as Toaster, type ToasterBaseProps, type ToasterProps, type UseToastContext, createToaster, toastAnatomy, useToastContext };

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 sprawlify } from "../../factory-Co08Aw8u.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";
+import { anatomy as toastAnatomy } 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,101 @@
+import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
+import { r as EmitFn$1 } from "../../types-DIEO6uP3.js";
+import { r as PropTypes } from "../../index-CCRVRFFQ.js";
+import * as vue1884 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as _sprawlify_primitives_anatomy7 from "@sprawlify/primitives/anatomy";
+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: vue1884.DefineComponent<ToggleRootProps, {}, {}, {}, {}, vue1884.ComponentOptionsMixin, vue1884.ComponentOptionsMixin, {
+  pressedChange: (pressed: boolean) => any;
+  "update:pressed": (pressed: boolean) => any;
+}, string, vue1884.PublicProps, Readonly<ToggleRootProps> & Readonly<{
+  onPressedChange?: ((pressed: boolean) => any) | undefined;
+  "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  defaultPressed: boolean;
+  pressed: boolean;
+}, {}, {}, {}, string, vue1884.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: vue1884.DefineComponent<ToggleIndicatorProps, {}, {}, {}, {}, vue1884.ComponentOptionsMixin, vue1884.ComponentOptionsMixin, {}, string, vue1884.PublicProps, Readonly<ToggleIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1884.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-anatomy.d.ts
+declare const toggleAnatomy: _sprawlify_primitives_anatomy7.Anatomy<"root" | "indicator">;
+//#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<vue1884.DefineComponent<{}, {}, {}, {}, {}, vue1884.ComponentOptionsMixin, vue1884.ComponentOptionsMixin, {}, string, vue1884.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue1884.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,131 @@
+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 sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, withCtx } from "vue";
+import { createAnatomy } from "@sprawlify/primitives/anatomy";
+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-anatomy.ts
+const toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+const parts = toggleAnatomy.build();
+
+//#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 };