@sectile/vue 0.2.1

package/dist/toast.d.ts

@@ -0,0 +1,189 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type ToastInput, type ToastItem } from '@sectile/dom/toast';
+import { type PrimitiveAs } from './primitive.js';
+export interface ToastProviderProps {
+    readonly initialToasts?: readonly ToastInput<string>[];
+    readonly defaultDurationMs?: number | null;
+    readonly maxVisible?: number;
+}
+export interface ToastProviderSlotProps {
+    readonly toasts: readonly ToastItem<string>[];
+    readonly paused: boolean;
+    toast(input: ToastInput<string>): void;
+    dismiss(id: string): void;
+    dismissAll(): void;
+}
+export interface ToastPartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface ToastRootProps extends ToastPartProps {
+    readonly value: string;
+}
+export interface ToastRootSlotProps {
+    readonly toast: ToastItem<string> | null;
+    readonly open: boolean;
+}
+export declare const ToastProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    initialToasts: {
+        type: PropType<readonly ToastInput<string>[]>;
+        default: () => never[];
+    };
+    defaultDurationMs: {
+        type: PropType<number | null>;
+        default: number;
+    };
+    maxVisible: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    initialToasts: {
+        type: PropType<readonly ToastInput<string>[]>;
+        default: () => never[];
+    };
+    defaultDurationMs: {
+        type: PropType<number | null>;
+        default: number;
+    };
+    maxVisible: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    initialToasts: readonly ToastInput<string>[];
+    defaultDurationMs: number | null;
+    maxVisible: number;
+}, SlotsType<{
+    default: (props: ToastProviderSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ToastViewport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ToastRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: ToastRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ToastTitle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ToastDescription: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ToastClose: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiJ,KAAK,QAAQ,EAAmB,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AACrO,OAAO,EAAqC,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACxG,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE;AACxK,MAAM,WAAW,sBAAsB;IAAG,QAAQ,CAAC,MAAM,EAAE,SAAS,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AAC1M,MAAM,WAAW,cAAc;IAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;AACzF,MAAM,WAAW,cAAe,SAAQ,cAAc;IAAG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACjF,MAAM,WAAW,kBAAkB;IAAG,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE;AAgBxG,eAAO,MAAM,aAAa;;QAEE,IAAI,EAAW,QAAQ,CAAC,SAAS,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAAE,OAAO;;;QAAmC,IAAI,EAAY,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;QAAE,OAAO;;;QAAyB,IAAI;QAAU,OAAO;;UA2B7M,UAAU;;;;;;;;;;;;;;;;;;aA1Be,CAAC,KAAK,EAAE,sBAAsB,KAAK,UAAU;yEA4BnF,CAAC;AAEH,eAAO,MAAM,aAAa;;QAEN,IAAI;QAAU,OAAO;;;QAA2B,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAAqB,IAAI;QAAW,OAAO;;UAKlK,UAAU;;;;;;;;;;;;;;;;;4EAEvB,CAAC;AAIH,eAAO,MAAM,SAAS;;;;;;QAEoC,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAAqB,IAAI;QAAW,OAAO;;UAEuF,UAAU;;;;;;;;;;;;;;;;;aADhO,CAAC,KAAK,EAAE,kBAAkB,KAAK,UAAU;yEAE/E,CAAC;AAEH,eAAO,MAAM,UAAU;;cAQsJ,QAAQ,CAAC,WAAW,CAAC;;;;QAAuD,IAAI;QAAW,OAAO;;UAA0F,UAAU;;;;;;;;;;;;4EAR9S,CAAC;AACtE,eAAO,MAAM,gBAAgB;;cAOgJ,QAAQ,CAAC,WAAW,CAAC;;;;QAAuD,IAAI;QAAW,OAAO;;UAA0F,UAAU;;;;;;;;;;;;4EAP5R,CAAC;AACxF,eAAO,MAAM,UAAU;;QAEN,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAAyB,IAAI;QAAW,OAAO;;UACC,UAAU;;;;;;;;;;;;4EAC3I,CAAC"}

package/dist/toast.js

@@ -0,0 +1,78 @@
+import { Fragment, computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef } from 'vue';
+import { createToast } from '@sectile/dom/toast';
+import { Primitive } from './primitive.js';
+const key = Symbol('SectileToastProvider');
+export const ToastProvider = defineComponent({
+    name: 'SectileToastProvider',
+    props: { initialToasts: { type: Array, default: () => [] }, defaultDurationMs: { type: Number, default: 5_000 }, maxVisible: { type: Number, default: 3 } },
+    slots: Object,
+    setup(props, { slots }) {
+        const connection = shallowRef();
+        const pending = [];
+        const initialItems = props.initialToasts.map((item) => Object.freeze({ id: item.id, title: item.title.trim(), description: item.description?.trim() || null, kind: item.kind ?? 'info', durationMs: item.durationMs === undefined ? props.defaultDurationMs : item.durationMs, remainingMs: item.durationMs === undefined ? props.defaultDurationMs : item.durationMs }));
+        const state = shallowRef({ items: Object.freeze(initialItems), paused: false });
+        const options = { defaultDurationMs: props.defaultDurationMs, maxVisible: props.maxVisible };
+        const refresh = () => { const next = connection.value?.getSnapshot().state; if (next !== undefined)
+            state.value = next; };
+        const context = {
+            state, connection, options,
+            connect: (root) => {
+                connection.value?.disconnect();
+                connection.value = createToast({ root, initialToasts: props.initialToasts, defaultDurationMs: props.defaultDurationMs, maxVisible: props.maxVisible, onUpdate: refresh });
+                for (const input of pending.splice(0))
+                    connection.value.push(input);
+                root.querySelectorAll('[data-sectile-toast-item]').forEach((node) => { const id = node.dataset['sectileToastItem']; if (id !== undefined)
+                    connection.value?.setToastAttributes(node, id); });
+                root.querySelectorAll('[data-sectile-toast-close]').forEach((node) => { const id = node.dataset['sectileToastClose']; if (id !== undefined)
+                    connection.value?.setCloseButtonAttributes(node, id); });
+                refresh();
+            },
+            disconnect: () => { connection.value?.disconnect(); connection.value = undefined; },
+            push: (input) => { if (connection.value === undefined)
+                pending.push(input);
+            else
+                connection.value.push(input); refresh(); },
+            dismiss: (id) => { connection.value?.dismiss(id); refresh(); },
+            dismissAll: () => { connection.value?.dismissAll(); refresh(); },
+            registerItem: (element, id) => connection.value?.setToastAttributes(element, id),
+            registerClose: (element, id) => connection.value?.setCloseButtonAttributes(element, id),
+        };
+        provide(key, context);
+        onBeforeUnmount(context.disconnect);
+        return () => h(Fragment, null, slots['default']?.({ toasts: state.value.items, paused: state.value.paused, toast: context.push, dismiss: context.dismiss, dismissAll: context.dismissAll }) ?? []);
+    },
+});
+export const ToastViewport = defineComponent({
+    name: 'SectileToastViewport', inheritAttrs: false,
+    props: { label: { type: String, default: 'Notifications' }, as: { type: [String, Object, Function], default: 'ol' }, asChild: { type: Boolean, default: false } },
+    setup(props, { attrs, slots }) {
+        const root = useProvider('ToastViewport');
+        const element = shallowRef();
+        onMounted(() => { if (element.value !== undefined)
+            root.connect(element.value); });
+        return () => h(Primitive, mergeProps(attrs, { as: props.as, asChild: props.asChild, elementRef: (candidate) => { if (candidate instanceof HTMLElement)
+                element.value = candidate; }, role: 'region', 'aria-label': props.label, 'aria-live': 'polite', 'data-scope': 'toast', 'data-part': 'viewport', 'data-paused': String(root.state.value.paused) }), slots);
+    },
+});
+const toastRootKey = Symbol('SectileToastRoot');
+export const ToastRoot = defineComponent({
+    name: 'SectileToastRoot', inheritAttrs: false,
+    props: { value: { type: String, required: true }, as: { type: [String, Object, Function], default: 'li' }, asChild: { type: Boolean, default: false } },
+    slots: Object,
+    setup(props, { attrs, slots }) { const provider = useProvider('ToastRoot'); const item = computed(() => provider.state.value.items.find((candidate) => candidate.id === props.value) ?? null); provide(toastRootKey, { id: props.value, item }); return () => h(Primitive, mergeProps(attrs, { as: props.as, asChild: props.asChild, elementRef: (element) => { if (element instanceof HTMLElement)
+            provider.registerItem(element, props.value); }, hidden: item.value === null, role: item.value?.kind === 'error' ? 'alert' : 'status', 'data-sectile-toast-item': props.value, 'data-scope': 'toast', 'data-part': 'root', 'data-state': item.value === null ? 'closed' : 'open', 'data-kind': item.value?.kind }), { default: () => slots['default']?.({ toast: item.value, open: item.value !== null }) }); },
+});
+export const ToastTitle = toastTextPart('SectileToastTitle', 'title');
+export const ToastDescription = toastTextPart('SectileToastDescription', 'description');
+export const ToastClose = defineComponent({
+    name: 'SectileToastClose', inheritAttrs: false,
+    props: { as: { type: [String, Object, Function], default: 'button' }, asChild: { type: Boolean, default: false } },
+    setup(props, { attrs, slots }) { const provider = useProvider('ToastClose'); const root = useToastRoot('ToastClose'); return () => h(Primitive, mergeProps(attrs, { as: props.as, asChild: props.asChild, elementRef: (element) => { if (element instanceof HTMLButtonElement)
+            provider.registerClose(element, root.id); }, type: props.as === 'button' ? 'button' : undefined, 'aria-label': 'Dismiss notification', 'data-sectile-toast-close': root.id, 'data-scope': 'toast', 'data-part': 'close' }), slots); },
+});
+function toastTextPart(name, part) { return defineComponent({ name, inheritAttrs: false, props: { as: { type: [String, Object, Function], default: part === 'title' ? 'h2' : 'p' }, asChild: { type: Boolean, default: false } }, setup(props, { attrs, slots }) { const root = useToastRoot(name); return () => h(Primitive, mergeProps(attrs, { as: props.as, asChild: props.asChild, 'data-scope': 'toast', 'data-part': part }), { default: () => slots['default']?.() ?? (part === 'title' ? root.item.value?.title : root.item.value?.description) }); } }); }
+function useProvider(part) { const context = inject(key); if (context === undefined)
+    throw new TypeError(`${part} must be used inside ToastProvider.`); return context; }
+function useToastRoot(part) { const context = inject(toastRootKey); if (context === undefined)
+    throw new TypeError(`${part} must be used inside ToastRoot.`); return context; }
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"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"}

package/dist/toggle-button.d.ts

@@ -0,0 +1,81 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type PrimitiveAs } from './primitive.js';
+export interface ToggleButtonProps {
+    readonly modelValue?: boolean;
+    readonly defaultValue?: boolean;
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface ToggleButtonSlotProps {
+    readonly pressed: boolean;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export declare const ToggleButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (_value: boolean) => any;
+}>, {
+    modelValue: boolean;
+    defaultValue: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: ToggleButtonSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type ToggleButtonValueChangeHandler = (value: boolean) => void;
+//# sourceMappingURL=toggle-button.d.ts.map

package/dist/toggle-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../src/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAMb,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAWD,eAAO,MAAM,YAAY;;QAIP,IAAI;QAAW,OAAO;;;QACpB,IAAI;QAAW,OAAO;;;QAC1B,IAAI;QAAW,OAAO;;;QACtB,IAAI;QAAW,OAAO;;;QAC5B,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UA+CtB,UAAU;kCA5CS,OAAO,KAAG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAGtC,CAAC,KAAK,EAAE,qBAAqB,KAAK,UAAU;yEAsDvD,CAAC;AAEH,MAAM,MAAM,8BAA8B,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC"}

package/dist/toggle-button.js

@@ -0,0 +1,75 @@
+import { computed, defineComponent, h, mergeProps, shallowRef, watch, } from 'vue';
+import { createToggleButtonController, getToggleButtonAttributes, } from '@sectile/dom/toggle-button';
+import { Primitive } from './primitive.js';
+export const ToggleButton = defineComponent({
+    name: 'SectileToggleButton',
+    inheritAttrs: false,
+    props: {
+        modelValue: { type: Boolean, default: undefined },
+        defaultValue: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+        as: { type: [String, Object, Function], default: 'button' },
+        asChild: { type: Boolean, default: false },
+    },
+    emits: {
+        'update:modelValue': (_value) => true,
+    },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const controlled = props.modelValue !== undefined;
+        const controller = shallowRef(createController(controlled, controlled ? props.modelValue : props.defaultValue, props, emit));
+        const snapshot = shallowRef(controller.value.getSnapshot());
+        const refresh = () => { snapshot.value = controller.value.getSnapshot(); };
+        const rebuild = () => {
+            const pressed = controlled ? props.modelValue : snapshot.value.state.pressed;
+            controller.value = createController(controlled, pressed, props, emit);
+            refresh();
+        };
+        watch(() => props.modelValue, (value) => {
+            if (!controlled || value === undefined)
+                return;
+            const result = controller.value.syncControlledValue(value);
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            snapshot.value = result.value;
+        });
+        watch([() => props.disabled, () => props.readonly], rebuild);
+        const slotProps = computed(() => Object.freeze({
+            pressed: snapshot.value.state.pressed,
+            disabled: props.disabled,
+            readonly: props.readonly,
+        }));
+        const attributes = computed(() => getToggleButtonAttributes(snapshot.value.state, {
+            disabled: props.disabled,
+            readOnly: props.readonly,
+            native: true,
+        }));
+        const handleClick = (event) => {
+            if (event.defaultPrevented)
+                return;
+            if (controller.value.handleEvent('toggle'))
+                refresh();
+        };
+        return () => h(Primitive, mergeProps(attrs, attributes.value, {
+            as: props.as,
+            asChild: props.asChild,
+            ...(props.as === 'button' && !props.asChild ? { type: 'button' } : {}),
+            onClick: handleClick,
+        }), {
+            default: () => slots['default']?.(slotProps.value),
+        });
+    },
+});
+function createController(controlled, pressed, props, emit) {
+    const result = createToggleButtonController({
+        ...(controlled ? { pressed } : { defaultPressed: pressed }),
+        disabled: props.disabled,
+        readOnly: props.readonly,
+        onPressedChange: (next) => emit('update:modelValue', next),
+    });
+    if (!result.ok)
+        throw new TypeError(result.error.message);
+    return result.value;
+}
+//# sourceMappingURL=toggle-button.js.map

package/dist/toggle-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../src/toggle-button.ts"],"names":[],"mappings":"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"}