@sectile/vue 0.2.1

package/dist/internal/popup.js

@@ -0,0 +1,238 @@
+import { Fragment, Teleport, computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, ref, shallowRef, watch, } from 'vue';
+import { Primitive } from '../primitive.js';
+import { useHostDirection, useHostId, useHostPortalTarget } from '../host-provider.js';
+export function createPopupComponents(config) {
+    const contextKey = Symbol(`Sectile${config.scope}Root`);
+    const useRoot = (part) => {
+        const context = inject(contextKey);
+        if (context === undefined)
+            throw new TypeError(`${part} must be used inside ${config.scope} Root.`);
+        return context;
+    };
+    const primitiveProps = {
+        as: { type: [String, Object, Function], default: 'div' },
+        asChild: { type: Boolean, default: false },
+    };
+    const buttonProps = {
+        as: { type: [String, Object, Function], default: 'button' },
+        asChild: { type: Boolean, default: false },
+    };
+    const Root = defineComponent({
+        name: `Sectile${pascal(config.scope)}Root`,
+        props: {
+            open: { type: Boolean, default: undefined },
+            defaultOpen: { type: Boolean, default: false },
+            disabled: { type: Boolean, default: false },
+            modal: { type: Boolean, default: config.modal },
+            label: { type: String, default: undefined },
+            autoFocus: { type: Boolean, default: true },
+            restoreFocus: { type: Boolean, default: true },
+            trapFocus: { type: Boolean, default: config.modal },
+            closeOnInteractOutside: { type: Boolean, default: config.closeOnInteractOutside ?? false },
+            side: { type: String, default: 'bottom' },
+            align: { type: String, default: 'center' },
+            sideOffset: { type: Number, default: 8 },
+            collisionPadding: { type: [Number, Object], default: 8 },
+            collisionBoundary: { type: [String, Object, Array], default: undefined },
+            avoidCollisions: { type: Boolean, default: true },
+            arrowPadding: { type: [Number, Object], default: 8 },
+            hideWhenDetached: { type: Boolean, default: true },
+            strategy: { type: String, default: 'fixed' },
+            middleware: { type: Array, default: undefined },
+            autoUpdate: { type: [Boolean, Object], default: undefined },
+        },
+        emits: {
+            'update:open': (_open) => true,
+            'position-change': (_position) => true,
+        },
+        slots: Object,
+        setup(props, { emit, slots }) {
+            const controlled = props.open !== undefined;
+            const localOpen = ref(controlled ? props.open : props.defaultOpen);
+            const trigger = shallowRef();
+            const anchor = shallowRef();
+            const arrow = shallowRef();
+            const content = shallowRef();
+            const connection = shallowRef();
+            const id = useHostId();
+            const contentID = `sectile-${config.scope}-${id}-content`;
+            const titleID = `sectile-${config.scope}-${id}-title`;
+            const descriptionID = `sectile-${config.scope}-${id}-description`;
+            const open = computed(() => localOpen.value);
+            const disabled = computed(() => props.disabled);
+            const modal = computed(() => props.modal);
+            const update = () => {
+                if (connection.value === undefined)
+                    return;
+                void connection.value.getSnapshot().revision;
+            };
+            const disconnect = () => {
+                connection.value?.disconnect();
+                connection.value = undefined;
+            };
+            const connect = () => {
+                if (content.value === undefined)
+                    return;
+                disconnect();
+                connection.value = config.create({
+                    root: content.value,
+                    ...(trigger.value === undefined ? {} : { trigger: trigger.value }),
+                    ...(anchor.value === undefined ? {} : { anchor: anchor.value }),
+                    ...(arrow.value === undefined ? {} : { arrow: arrow.value }),
+                    ...(controlled ? { open: props.open } : { defaultOpen: localOpen.value }),
+                    disabled: props.disabled,
+                    modal: props.modal,
+                    ...(props.label === undefined ? { labelledBy: titleID } : { label: props.label }),
+                    describedBy: descriptionID,
+                    autoFocus: props.autoFocus,
+                    restoreFocus: props.restoreFocus,
+                    trapFocus: props.trapFocus,
+                    closeOnInteractOutside: props.closeOnInteractOutside,
+                    side: props.side,
+                    align: props.align,
+                    sideOffset: props.sideOffset,
+                    collisionPadding: props.collisionPadding,
+                    ...(props.collisionBoundary === undefined ? {} : { collisionBoundary: props.collisionBoundary }),
+                    avoidCollisions: props.avoidCollisions,
+                    arrowPadding: props.arrowPadding,
+                    hideWhenDetached: props.hideWhenDetached,
+                    strategy: props.strategy,
+                    ...(props.middleware === undefined ? {} : { middleware: props.middleware }),
+                    ...(props.autoUpdate === undefined ? {} : { autoUpdate: props.autoUpdate }),
+                    onOpenChange: (next) => {
+                        if (!controlled)
+                            localOpen.value = next;
+                        emit('update:open', next);
+                    },
+                    onPositionChange: (position) => { emit('position-change', position); },
+                    onUpdate: update,
+                });
+                update();
+            };
+            watch(() => props.open, (next) => {
+                if (!controlled || next === undefined || connection.value === undefined)
+                    return;
+                const result = connection.value.syncControlledValue(next);
+                if (!result.ok)
+                    throw new TypeError(`${config.scope} controlled open state could not be synchronized.`);
+                localOpen.value = next;
+            });
+            onBeforeUnmount(disconnect);
+            provide(contextKey, {
+                open, disabled, modal, contentID, titleID, descriptionID, trigger, anchor, arrow, content, connect, disconnect,
+                close: () => { connection.value?.handleEvent('close'); },
+            });
+            return () => h(Fragment, null, slots['default']?.({ open: open.value, disabled: props.disabled }) ?? []);
+        },
+    });
+    const Trigger = defineComponent({
+        name: `Sectile${pascal(config.scope)}Trigger`, inheritAttrs: false, props: buttonProps,
+        setup(props, { attrs, slots }) {
+            const root = useRoot('Trigger');
+            onMounted(root.connect);
+            return () => h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild,
+                elementRef: (element) => { root.trigger.value = element instanceof HTMLElement ? element : undefined; },
+                type: props.as === 'button' ? 'button' : undefined,
+                disabled: root.disabled.value,
+                'aria-haspopup': config.role === 'tooltip' ? undefined : 'dialog',
+                'aria-expanded': config.triggerMode === 'click' ? String(root.open.value) : undefined,
+                'aria-controls': config.role === 'tooltip' ? undefined : root.contentID,
+                'aria-describedby': config.role === 'tooltip' ? root.contentID : undefined,
+                'data-scope': config.scope, 'data-part': 'trigger', 'data-state': root.open.value ? 'open' : 'closed',
+            }), slots);
+        },
+    });
+    const Content = defineComponent({
+        name: `Sectile${pascal(config.scope)}Content`, inheritAttrs: false, props: primitiveProps,
+        setup(props, { attrs, slots }) {
+            const root = useRoot('Content');
+            const direction = useHostDirection();
+            onMounted(root.connect);
+            onBeforeUnmount(root.disconnect);
+            return () => h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild,
+                elementRef: (element) => { root.content.value = element instanceof HTMLElement ? element : undefined; },
+                id: root.contentID, role: config.role, hidden: !root.open.value, dir: direction.value,
+                'aria-modal': config.role === 'tooltip' ? undefined : String(root.modal.value),
+                'aria-labelledby': root.titleID, 'aria-describedby': root.descriptionID,
+                'data-scope': config.scope, 'data-part': 'content', 'data-state': root.open.value ? 'open' : 'closed',
+            }), slots);
+        },
+    });
+    const Anchor = defineComponent({
+        name: `Sectile${pascal(config.scope)}Anchor`, inheritAttrs: false, props: primitiveProps,
+        setup(props, { attrs, slots }) {
+            const root = useRoot('Anchor');
+            onMounted(root.connect);
+            return () => h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild,
+                elementRef: (element) => { root.anchor.value = element instanceof HTMLElement ? element : undefined; },
+                'data-scope': config.scope, 'data-part': 'anchor',
+            }), slots);
+        },
+    });
+    const Arrow = defineComponent({
+        name: `Sectile${pascal(config.scope)}Arrow`, inheritAttrs: false, props: primitiveProps,
+        setup(props, { attrs, slots }) {
+            const root = useRoot('Arrow');
+            onMounted(root.connect);
+            return () => h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild,
+                elementRef: (element) => { root.arrow.value = element instanceof HTMLElement ? element : undefined; },
+                'aria-hidden': 'true', 'data-scope': config.scope, 'data-part': 'arrow',
+            }), slots);
+        },
+    });
+    const Overlay = defineComponent({
+        name: `Sectile${pascal(config.scope)}Overlay`, inheritAttrs: false, props: primitiveProps,
+        setup(props, { attrs, slots }) {
+            const root = useRoot('Overlay');
+            return () => h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild, hidden: !root.open.value, 'aria-hidden': 'true',
+                'data-scope': config.scope, 'data-part': 'overlay', 'data-state': root.open.value ? 'open' : 'closed',
+                onClick: (event) => { if (event.target === event.currentTarget)
+                    root.close(); },
+            }), slots);
+        },
+    });
+    const Title = createLabelPart('Title', 'title', (root) => root.titleID);
+    const Description = createLabelPart('Description', 'description', (root) => root.descriptionID);
+    const Close = defineComponent({
+        name: `Sectile${pascal(config.scope)}Close`, inheritAttrs: false, props: buttonProps,
+        setup(props, { attrs, slots }) {
+            const root = useRoot('Close');
+            return () => h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild, type: props.as === 'button' ? 'button' : undefined,
+                'data-scope': config.scope, 'data-part': 'close', onClick: root.close,
+            }), slots);
+        },
+    });
+    const Portal = defineComponent({
+        name: `Sectile${pascal(config.scope)}Portal`,
+        props: { to: { type: [String, Object], default: undefined }, disabled: { type: Boolean, default: false } },
+        setup(props, { slots }) {
+            const portalTarget = useHostPortalTarget();
+            return () => h(Teleport, {
+                to: props.to ?? portalTarget.value ?? 'body',
+                disabled: props.disabled,
+            }, slots['default']?.());
+        },
+    });
+    function createLabelPart(name, part, id) {
+        return defineComponent({
+            name: `Sectile${pascal(config.scope)}${name}`, inheritAttrs: false, props: primitiveProps,
+            setup(props, { attrs, slots }) {
+                const root = useRoot(name);
+                return () => h(Primitive, mergeProps(attrs, {
+                    as: props.as, asChild: props.asChild, id: id(root), 'data-scope': config.scope, 'data-part': part,
+                }), slots);
+            },
+        });
+    }
+    return Object.freeze({ Root, Trigger, Anchor, Portal, Overlay, Content, Title, Description, Close, Arrow });
+}
+function pascal(value) {
+    return value.split('-').map((part) => part[0]?.toUpperCase() + part.slice(1)).join('');
+}
+//# sourceMappingURL=popup.js.map

package/dist/internal/popup.js.map

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

package/dist/internal/tabs-context.d.ts

@@ -0,0 +1,25 @@
+import { type ComputedRef } from 'vue';
+import type { PartContract } from './part-contract.js';
+import type { HostDirection } from '../host-provider.js';
+export interface TabsIDs {
+    readonly trigger: string;
+    readonly content: string;
+}
+export interface TabsRootContext {
+    readonly value: ComputedRef<string>;
+    readonly highlighted: ComputedRef<string | null>;
+    readonly disabled: ComputedRef<boolean>;
+    readonly readonly: ComputedRef<boolean>;
+    readonly disabledItems: ComputedRef<ReadonlySet<string>>;
+    readonly orientation: ComputedRef<'horizontal' | 'vertical'>;
+    readonly direction: ComputedRef<HostDirection>;
+    readonly partContract: PartContract;
+    select(value: string, target: HTMLElement): void;
+    keydown(event: KeyboardEvent): void;
+    ids(value: string): TabsIDs;
+    relativeTarget(direction: -1 | 1): string | null;
+    activateRelative(direction: -1 | 1): boolean;
+}
+export declare const tabsRootContextKey: unique symbol;
+export declare function useTabsRootContext(part: string): TabsRootContext;
+//# sourceMappingURL=tabs-context.d.ts.map

package/dist/internal/tabs-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../src/internal/tabs-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;IAC7D,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAC/C,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IACjD,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC;IACjD,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;CAC9C;AAED,eAAO,MAAM,kBAAkB,eAA4B,CAAC;AAE5D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAIhE"}

package/dist/internal/tabs-context.js

@@ -0,0 +1,9 @@
+import { inject } from 'vue';
+export const tabsRootContextKey = Symbol('SectileTabsRoot');
+export function useTabsRootContext(part) {
+    const root = inject(tabsRootContextKey);
+    if (root === undefined)
+        throw new TypeError(`${part} must be used inside TabsRoot.`);
+    return root;
+}
+//# sourceMappingURL=tabs-context.js.map

package/dist/internal/tabs-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-context.js","sourceRoot":"","sources":["../../src/internal/tabs-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,KAAK,CAAC;AAyB/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAE5D,MAAM,UAAU,kBAAkB,CAAC,IAAY;IAC7C,MAAM,IAAI,GAAG,MAAM,CAAkB,kBAAkB,CAAC,CAAC;IACzD,IAAI,IAAI,KAAK,SAAS;QAAE,MAAM,IAAI,SAAS,CAAC,GAAG,IAAI,gCAAgC,CAAC,CAAC;IACrF,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/listbox.d.ts

@@ -0,0 +1,275 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type PrimitiveAs } from './primitive.js';
+export type ListboxSelectionMode = 'single' | 'multiple';
+export type ListboxValue = string | readonly string[];
+export interface ListboxRootProps {
+    readonly items: readonly string[];
+    readonly selectionMode?: ListboxSelectionMode;
+    readonly modelValue?: ListboxValue;
+    readonly defaultValue?: ListboxValue;
+    readonly disabledItems?: readonly string[];
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly name?: string;
+    readonly form?: string;
+    readonly required?: boolean;
+    readonly textValue?: (id: string) => string;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export type ListboxTextValueResolver = NonNullable<ListboxRootProps['textValue']>;
+export interface ListboxRootSlotProps {
+    readonly value: ListboxValue;
+    readonly highlightedValue: string | null;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface ListboxItemProps {
+    readonly value: string;
+    readonly disabled?: boolean;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface ListboxItemSlotProps {
+    readonly value: string;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
+    readonly disabled: boolean;
+}
+export interface ListboxPartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const ListboxRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    selectionMode: {
+        type: PropType<ListboxSelectionMode>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<ListboxValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<ListboxValue>;
+        default: undefined;
+    };
+    disabledItems: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textValue: {
+        type: PropType<ListboxTextValueResolver>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: ListboxValue) => boolean;
+    highlight: (_value: string | null) => boolean;
+    activate: (_value: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    selectionMode: {
+        type: PropType<ListboxSelectionMode>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<ListboxValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<ListboxValue>;
+        default: undefined;
+    };
+    disabledItems: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textValue: {
+        type: PropType<ListboxTextValueResolver>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onActivate?: (_value: string) => any;
+    onHighlight?: (_value: string | null) => any;
+    "onUpdate:modelValue"?: (_value: ListboxValue) => any;
+}>, {
+    selectionMode: ListboxSelectionMode;
+    modelValue: ListboxValue;
+    defaultValue: ListboxValue;
+    disabledItems: readonly string[];
+    disabled: boolean;
+    readonly: boolean;
+    orientation: "horizontal" | "vertical";
+    name: string;
+    form: string;
+    required: boolean;
+    textValue: (id: string) => string;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: ListboxRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type ListboxValueChangeHandler = (value: ListboxValue) => void;
+export type ListboxHighlightHandler = (value: string | null) => void;
+export type ListboxActivateHandler = (value: string) => void;
+export declare const ListboxItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: ListboxItemSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ListboxItemText: 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: ListboxItemSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ListboxItemIndicator: 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: ListboxItemSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=listbox.d.ts.map

package/dist/listbox.d.ts.map

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