@sectile/vue 0.2.1

package/dist/multi-thumb-slider.d.ts

@@ -0,0 +1,299 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MultiThumbSliderPolicies } from '@sectile/dom/multi-thumb-slider';
+import { type PrimitiveAs } from './primitive.js';
+export interface MultiThumbSliderRootProps {
+    readonly thumbs: readonly string[];
+    readonly modelValue?: readonly (number | string)[];
+    readonly defaultValue?: readonly (number | string)[];
+    readonly min?: number | string;
+    readonly max?: number | string;
+    readonly step?: number | string;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly label?: string;
+    readonly getThumbLabel?: (id: string) => string;
+    readonly formatValue?: (value: string, id: string) => string;
+    readonly policies?: MultiThumbSliderPolicies;
+    readonly name?: string;
+    readonly form?: string;
+    readonly required?: boolean;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export type MultiThumbSliderThumbLabelResolver = NonNullable<MultiThumbSliderRootProps['getThumbLabel']>;
+export type MultiThumbSliderValueFormatter = NonNullable<MultiThumbSliderRootProps['formatValue']>;
+export interface MultiThumbSliderRootSlotProps {
+    readonly values: readonly string[];
+    readonly percentages: readonly number[];
+    readonly activeThumb: string | null;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface MultiThumbSliderThumbProps {
+    readonly value: string;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface MultiThumbSliderThumbSlotProps extends MultiThumbSliderRootSlotProps {
+    readonly value: string;
+    readonly index: number;
+    readonly percentage: number;
+}
+export interface MultiThumbSliderPartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const MultiThumbSliderRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    thumbs: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<readonly (number | string)[]>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<readonly (number | string)[]>;
+        default: undefined;
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getThumbLabel: {
+        type: PropType<MultiThumbSliderThumbLabelResolver>;
+        default: undefined;
+    };
+    formatValue: {
+        type: PropType<MultiThumbSliderValueFormatter>;
+        default: undefined;
+    };
+    policies: {
+        type: PropType<MultiThumbSliderPolicies>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_values: readonly string[]) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    thumbs: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<readonly (number | string)[]>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<readonly (number | string)[]>;
+        default: undefined;
+    };
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getThumbLabel: {
+        type: PropType<MultiThumbSliderThumbLabelResolver>;
+        default: undefined;
+    };
+    formatValue: {
+        type: PropType<MultiThumbSliderValueFormatter>;
+        default: undefined;
+    };
+    policies: {
+        type: PropType<MultiThumbSliderPolicies>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (_values: readonly string[]) => any;
+}>, {
+    modelValue: readonly (string | number)[];
+    defaultValue: readonly (string | number)[];
+    min: string | number;
+    max: string | number;
+    step: string | number;
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+    readonly: boolean;
+    label: string;
+    getThumbLabel: (id: string) => string;
+    formatValue: (value: string, id: string) => string;
+    policies: MultiThumbSliderPolicies;
+    name: string;
+    form: string;
+    required: boolean;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: MultiThumbSliderRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type MultiThumbSliderValueChangeHandler = (values: readonly string[]) => void;
+export declare const MultiThumbSliderTrack: 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;
+}, SlotsType<{
+    default: (props: MultiThumbSliderRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const MultiThumbSliderRange: 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;
+}, SlotsType<{
+    default: (props: MultiThumbSliderRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const MultiThumbSliderThumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => 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;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: MultiThumbSliderThumbSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=multi-thumb-slider.d.ts.map

package/dist/multi-thumb-slider.d.ts.map

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

package/dist/multi-thumb-slider.js

@@ -0,0 +1,204 @@
+import { computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef, watch, } from 'vue';
+import { createMultiThumbSlider, } from '@sectile/dom/multi-thumb-slider';
+import { createSliderControllerFromRange } from '@sectile/dom/slider';
+import { hiddenValueSubmissionCapabilities, useCompositeFormControl, } from './internal/form-control.js';
+import { Primitive } from './primitive.js';
+const key = Symbol('SectileMultiThumbSliderRoot');
+const partProps = { as: { type: [String, Object, Function], default: 'span' }, asChild: { type: Boolean, default: false } };
+export const MultiThumbSliderRoot = defineComponent({
+    name: 'SectileMultiThumbSliderRoot', inheritAttrs: false,
+    props: {
+        thumbs: { type: Array, required: true },
+        modelValue: { type: Array, default: undefined },
+        defaultValue: { type: Array, default: undefined },
+        min: { type: [Number, String], default: 0 }, max: { type: [Number, String], default: 100 }, step: { type: [Number, String], default: 1 },
+        orientation: { type: String, default: 'horizontal' },
+        disabled: { type: Boolean, default: false }, readonly: { type: Boolean, default: false }, label: { type: String, default: undefined },
+        getThumbLabel: { type: Function, default: undefined },
+        formatValue: { type: Function, default: undefined },
+        policies: { type: Object, default: undefined },
+        name: { type: String, default: undefined }, form: { type: String, default: undefined },
+        required: { type: Boolean, default: false },
+        as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false },
+    },
+    emits: { 'update:modelValue': (_values) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const root = shallowRef();
+        const track = shallowRef();
+        const submissions = new Map();
+        const connection = shallowRef();
+        const local = shallowRef(normalizeValues(props.modelValue ?? props.defaultValue ?? props.thumbs.map(() => props.min)));
+        const controlled = props.modelValue !== undefined;
+        const rangeController = computed(() => {
+            const result = createSliderControllerFromRange({ min: String(props.min), max: String(props.max), step: String(props.step) });
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            return result.value;
+        });
+        const current = computed(() => normalizeValues(props.modelValue ?? local.value));
+        const percentages = computed(() => current.value.map((value) => {
+            const tick = rangeController.value.range.tickOf(value);
+            if (tick === null)
+                throw new TypeError(`Multi-thumb slider value ${value} is outside its exact range.`);
+            return rangeController.value.range.count === 0 ? 0 : tick / rangeController.value.range.count * 100;
+        }));
+        const active = shallowRef(props.thumbs[0] ?? null);
+        const participation = useCompositeFormControl({
+            root: () => root.value ?? null,
+            focusTarget: () => root.value?.querySelector('[data-sectile-multi-thumb]') ?? root.value ?? null,
+            submissions: () => current.value.flatMap((_value, index) => {
+                const element = submissions.get(index);
+                return element === undefined ? [] : [{
+                        element: () => element,
+                        relativeName: [index],
+                        capabilities: hiddenValueSubmissionCapabilities,
+                    }];
+            }),
+        });
+        const state = computed(() => Object.freeze({
+            values: current.value, percentages: percentages.value, activeThumb: active.value,
+            disabled: props.disabled, readonly: props.readonly,
+        }));
+        const ticks = (values) => values.map((value) => {
+            const tick = rangeController.value.range.tickOf(value);
+            if (tick === null)
+                throw new TypeError(`Multi-thumb slider value ${value} is outside its exact range.`);
+            return tick;
+        });
+        const refresh = () => {
+            if (connection.value === undefined)
+                return;
+            local.value = connection.value.getValues();
+            active.value = connection.value.getSnapshot().state.cursor.current;
+        };
+        const connect = () => {
+            connection.value?.disconnect();
+            if (root.value === undefined)
+                return;
+            connection.value = createMultiThumbSlider({
+                root: root.value, ...(track.value === undefined ? {} : { track: track.value }), thumbs: props.thumbs,
+                min: String(props.min), max: String(props.max), step: String(props.step),
+                ...(controlled ? { values: ticks(current.value) } : { defaultValues: ticks(current.value) }),
+                disabled: props.disabled, readOnly: props.readonly, orientation: props.orientation,
+                ...(props.label === undefined ? {} : { label: props.label }),
+                ...(props.getThumbLabel === undefined ? {} : { getThumbLabel: props.getThumbLabel }),
+                ...(props.formatValue === undefined ? {} : { formatValue: props.formatValue }),
+                ...(props.policies === undefined ? {} : { policies: props.policies }),
+                onValuesChange: (nextTicks) => {
+                    const next = Object.freeze(nextTicks.map((tick) => {
+                        const value = rangeController.value.range.valueAt(tick);
+                        if (value === null)
+                            throw new TypeError(`Multi-thumb slider tick ${tick} is outside its exact range.`);
+                        return value;
+                    }));
+                    local.value = next;
+                    emit('update:modelValue', next);
+                },
+                onUpdate: refresh,
+            });
+            refreshThumbs();
+            refresh();
+        };
+        const refreshThumbs = () => {
+            if (root.value === undefined || connection.value === undefined)
+                return;
+            root.value.querySelectorAll('[data-sectile-multi-thumb]').forEach((element) => {
+                const id = element.dataset['sectileMultiThumb'];
+                if (id !== undefined)
+                    connection.value?.setThumbAttributes(element, id);
+            });
+        };
+        provide(key, {
+            state, thumbs: computed(() => props.thumbs), orientation: computed(() => props.orientation), connection: computed(() => connection.value),
+            registerTrack: (element) => { track.value = element; }, registerThumb: (id, element) => connection.value?.setThumbAttributes(element, id),
+        });
+        onMounted(connect);
+        onBeforeUnmount(() => connection.value?.disconnect());
+        watch([() => props.thumbs, () => props.min, () => props.max, () => props.step, () => props.orientation,
+            () => props.disabled, () => props.readonly, () => props.policies], connect);
+        watch(() => props.modelValue, (values) => {
+            if (!controlled || values === undefined || connection.value === undefined)
+                return;
+            const result = connection.value.syncControlledValues({ values: ticks(normalizeValues(values)), highlightedValue: active.value });
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            refresh();
+        });
+        return () => {
+            const style = Object.fromEntries(percentages.value.map((value, index) => [`--sectile-thumb-${index}-percentage`, `${value}%`]));
+            const visual = h(Primitive, mergeProps(participation.controlProps.value, attrs, {
+                as: props.as, asChild: props.asChild, elementRef: (node) => { root.value = node instanceof HTMLElement ? node : undefined; },
+                role: 'group', 'aria-label': props.label, 'data-scope': 'multi-thumb-slider', 'data-part': 'root',
+                'data-orientation': props.orientation, style,
+            }), { default: () => slots['default']?.(state.value) });
+            if (props.name === undefined && props.form === undefined && !props.required && !participation.participating)
+                return visual;
+            return [visual, ...current.value.map((value, index) => h('input', {
+                    key: index,
+                    ref: (element) => {
+                        if (element instanceof HTMLInputElement)
+                            submissions.set(index, element);
+                        else
+                            submissions.delete(index);
+                    },
+                    type: 'hidden',
+                    name: props.name,
+                    form: props.form,
+                    value,
+                    disabled: props.disabled,
+                }))];
+        };
+    },
+});
+export const MultiThumbSliderTrack = defineComponent({
+    name: 'SectileMultiThumbSliderTrack', inheritAttrs: false, props: partProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('MultiThumbSliderTrack');
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, elementRef: (node) => root.registerTrack(node instanceof HTMLElement ? node : undefined),
+            'data-scope': 'multi-thumb-slider', 'data-part': 'track', 'data-orientation': root.orientation.value,
+        }), { default: () => slots['default']?.(root.state.value) });
+    },
+});
+export const MultiThumbSliderRange = defineComponent({
+    name: 'SectileMultiThumbSliderRange', inheritAttrs: false, props: partProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('MultiThumbSliderRange');
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, 'aria-hidden': 'true', 'data-scope': 'multi-thumb-slider', 'data-part': 'range',
+            style: {
+                '--sectile-range-start': `${Math.min(...root.state.value.percentages)}%`,
+                '--sectile-range-end': `${Math.max(...root.state.value.percentages)}%`,
+            },
+        }), { default: () => slots['default']?.(root.state.value) });
+    },
+});
+export const MultiThumbSliderThumb = defineComponent({
+    name: 'SectileMultiThumbSliderThumb', inheritAttrs: false,
+    props: { value: { type: String, required: true }, ...partProps },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('MultiThumbSliderThumb');
+        const slot = computed(() => {
+            const index = root.thumbs.value.indexOf(props.value);
+            return { ...root.state.value, value: props.value, index, percentage: root.state.value.percentages[index] ?? 0 };
+        });
+        return () => {
+            const index = root.thumbs.value.indexOf(props.value);
+            return h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild,
+                elementRef: (node) => { if (node instanceof HTMLElement)
+                    root.registerThumb(props.value, node); },
+                'data-sectile-multi-thumb': props.value, 'data-scope': 'multi-thumb-slider', 'data-part': 'thumb',
+                'data-index': index, style: { '--sectile-thumb-percentage': `${root.state.value.percentages[index] ?? 0}%` },
+            }), { default: () => slots['default']?.({ ...slot.value, index, percentage: root.state.value.percentages[index] ?? 0 }) });
+        };
+    },
+});
+function normalizeValues(values) { return Object.freeze(values.map(String)); }
+function useRoot(part) { const root = inject(key); if (root === undefined)
+    throw new TypeError(`${part} must be used inside MultiThumbSliderRoot.`); return root; }
+//# sourceMappingURL=multi-thumb-slider.js.map

package/dist/multi-thumb-slider.js.map

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

package/dist/navigation-menu.d.ts

@@ -0,0 +1,114 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { MenuItem, MenuSubContent, NavigationMenuRoot } from './menu.js';
+import { type PrimitiveAs } from './primitive.js';
+export { NavigationMenuRoot };
+export { MenuItem as NavigationMenuLink, MenuItem as NavigationMenuTrigger, MenuSubContent as NavigationMenuContent };
+export type { MenuItemProps as NavigationMenuItemProps, MenuItemSlotProps as NavigationMenuItemSlotProps, MenuRootProps as NavigationMenuRootProps, MenuRootSlotProps as NavigationMenuRootSlotProps, MenuSubContentProps as NavigationMenuContentProps, } from './menu.js';
+export declare const NavigationMenuList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    as: PrimitiveAs;
+}, SlotsType<{
+    default: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const NavigationMenuItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    as: PrimitiveAs;
+}, SlotsType<{
+    default: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const NavigationMenuViewport: 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;
+}, SlotsType<{
+    default: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const NavigationMenuIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        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;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+    open: boolean;
+}, SlotsType<{
+    default: (props: {
+        open: boolean;
+    }) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../src/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,QAAQ,IAAI,qBAAqB,EAAE,cAAc,IAAI,qBAAqB,EAAE,CAAC;AACtH,YAAY,EACV,aAAa,IAAI,uBAAuB,EACxC,iBAAiB,IAAI,2BAA2B,EAChD,aAAa,IAAI,uBAAuB,EACxC,iBAAiB,IAAI,2BAA2B,EAChD,mBAAmB,IAAI,0BAA0B,GAClD,MAAM,WAAW,CAAC;AAOnB,eAAO,MAAM,kBAAkB;;QAHlB,IAAI;QAAW,OAAO;;;cADS,QAAQ,CAAC,WAAW,CAAC;;;UAQnB,UAAU;;;;;;;;;;;;;aADhB,MAAM,UAAU;yEAEtD,CAAC;AAEH,eAAO,MAAM,kBAAkB;;QAVlB,IAAI;QAAW,OAAO;;;cADS,QAAQ,CAAC,WAAW,CAAC;;;UAenB,UAAU;;;;;;;;;;;;;aADhB,MAAM,UAAU;yEAEtD,CAAC;AAEH,eAAO,MAAM,sBAAsB;;QAlB3B,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UAoBW,UAAU;;;;;;;;;;;;;aADhB,MAAM,UAAU;yEAEtD,CAAC;AAEH,eAAO,MAAM,uBAAuB;;QAxB5B,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;;QAyBhB,IAAI;QAAW,OAAO;;UAI1B,UAAU;;;;;;;;;;;;;;;;;;aAHe,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,UAAU;yEAK9E,CAAC"}