@mantine-vue/spotlight 3.0.0 → 3.1.0

package/lib/components/SpotlightAction/SpotlightAction.types.d.ts

@@ -0,0 +1,34 @@
+import type { VNodeChild } from 'vue';
+import type { MantineNode, SectionSlots } from '@mantine-vue/core';
+export type SpotlightActionStylesNames = 'action' | 'actionLabel' | 'actionDescription' | 'actionSection' | 'actionBody';
+export interface SpotlightActionSlots extends SectionSlots {
+    default?: () => VNodeChild;
+}
+/** Props accepted by `SpotlightAction`. */
+export interface SpotlightActionProps {
+    /** Action label, pass string to use in default filter. */
+    label?: string;
+    /** Action description, pass string to use in default filter. */
+    description?: string;
+    /** Section displayed on the left side of the label, for example, icon. */
+    leftSection?: MantineNode;
+    /** Section displayed on the right side of the label, for example, hotkey. */
+    rightSection?: MantineNode;
+    /** Determines whether left and right sections should have dimmed styles. @default true */
+    dimmedSections?: boolean;
+    /** Determines whether search query should be highlighted in action label. @default false */
+    highlightQuery?: boolean;
+    /** Key of `theme.colors` or any valid CSS color that will be used to highlight search query. @default 'yellow' */
+    highlightColor?: string;
+    /** Determines whether the spotlight should be closed when action is triggered, overrides `closeOnActionTrigger` prop set on `Spotlight`. */
+    closeSpotlightOnTrigger?: boolean;
+    /** Keywords that are used for default filtering, not displayed anywhere, can be a string: "react,router,javascript" or an array: ['react', 'router', 'javascript']. */
+    keywords?: string | string[];
+    /** CSS classes applied to component elements. */
+    classNames?: Record<string, any>;
+    /** Inline styles applied to component elements. */
+    styles?: Record<string, any>;
+    /** CSS variables applied to component elements. */
+    vars?: Record<string, any>;
+    [key: string]: any;
+}

package/lib/components/SpotlightAction/SpotlightAction.vue.d.ts

@@ -0,0 +1,11 @@
+import type { SpotlightActionSlots } from './SpotlightAction.types';
+type __VLS_Slots = SpotlightActionSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/SpotlightAction/index.d.ts

@@ -0,0 +1,18 @@
+export declare const SpotlightAction: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./SpotlightAction.types").SpotlightActionSlots;
+}) & {
+    classes: Record<string, string>;
+};
+export type { SpotlightActionProps, SpotlightActionSlots, SpotlightActionStylesNames, } from './SpotlightAction.types';

package/lib/components/SpotlightActionsGroup/SpotlightActionsGroup.types.d.ts

@@ -0,0 +1,13 @@
+export type SpotlightActionsGroupStylesNames = 'actionsGroup';
+/** Props accepted by `SpotlightActionsGroup`. */
+export interface SpotlightActionsGroupProps {
+    /** Group label. */
+    label?: string;
+    /** CSS classes applied to component elements. */
+    classNames?: Record<string, any>;
+    /** Inline styles applied to component elements. */
+    styles?: Record<string, any>;
+    /** CSS variables applied to component elements. */
+    vars?: Record<string, any>;
+    [key: string]: any;
+}

package/lib/components/SpotlightActionsGroup/SpotlightActionsGroup.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/SpotlightActionsGroup/index.d.ts

@@ -0,0 +1,20 @@
+export declare const SpotlightActionsGroup: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & {
+    classes: Record<string, string>;
+};
+export type { SpotlightActionsGroupProps, SpotlightActionsGroupStylesNames, } from './SpotlightActionsGroup.types';

package/lib/components/SpotlightActionsList/SpotlightActionsList.types.d.ts

@@ -0,0 +1,13 @@
+export type SpotlightActionsListStylesNames = 'actionsList' | 'actionsListInner';
+/** Props accepted by `SpotlightActionsList`. */
+export interface SpotlightActionsListProps {
+    /** Actions-list id used by keyboard navigation. */
+    id?: string;
+    /** CSS classes applied to component elements. */
+    classNames?: Record<string, any>;
+    /** Inline styles applied to component elements. */
+    styles?: Record<string, any>;
+    /** CSS variables applied to component elements. */
+    vars?: Record<string, any>;
+    [key: string]: any;
+}

package/lib/components/SpotlightActionsList/SpotlightActionsList.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/SpotlightActionsList/index.d.ts

@@ -0,0 +1,20 @@
+export declare const SpotlightActionsList: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & {
+    classes: Record<string, string>;
+};
+export type { SpotlightActionsListProps, SpotlightActionsListStylesNames, } from './SpotlightActionsList.types';

package/lib/components/SpotlightEmpty/SpotlightEmpty.types.d.ts

@@ -0,0 +1,11 @@
+export type SpotlightEmptyStylesNames = 'empty';
+/** Props accepted by `SpotlightEmpty`. */
+export interface SpotlightEmptyProps {
+    /** CSS classes applied to component elements. */
+    classNames?: Record<string, any>;
+    /** Inline styles applied to component elements. */
+    styles?: Record<string, any>;
+    /** CSS variables applied to component elements. */
+    vars?: Record<string, any>;
+    [key: string]: any;
+}

package/lib/components/SpotlightEmpty/SpotlightEmpty.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/SpotlightEmpty/index.d.ts

@@ -0,0 +1,20 @@
+export declare const SpotlightEmpty: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & {
+    classes: Record<string, string>;
+};
+export type { SpotlightEmptyProps, SpotlightEmptyStylesNames } from './SpotlightEmpty.types';

package/lib/components/SpotlightFooter/SpotlightFooter.types.d.ts

@@ -0,0 +1,11 @@
+export type SpotlightFooterStylesNames = 'footer';
+/** Props accepted by `SpotlightFooter`. */
+export interface SpotlightFooterProps {
+    /** CSS classes applied to component elements. */
+    classNames?: Record<string, any>;
+    /** Inline styles applied to component elements. */
+    styles?: Record<string, any>;
+    /** CSS variables applied to component elements. */
+    vars?: Record<string, any>;
+    [key: string]: any;
+}

package/lib/components/SpotlightFooter/SpotlightFooter.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/SpotlightFooter/index.d.ts

@@ -0,0 +1,20 @@
+export declare const SpotlightFooter: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & {
+    classes: Record<string, string>;
+};
+export type { SpotlightFooterProps, SpotlightFooterStylesNames } from './SpotlightFooter.types';

package/lib/components/SpotlightRoot/SpotlightRoot.types.d.ts

@@ -0,0 +1,53 @@
+import type { VNodeChild } from 'vue';
+import type { SpotlightStore } from '../../spotlight.store';
+export type SpotlightRootStylesNames = 'root' | 'body' | 'close' | 'content' | 'header' | 'inner' | 'overlay' | 'title' | 'search' | 'actionsList' | 'actionsListInner' | 'action' | 'empty' | 'footer' | 'actionBody' | 'actionLabel' | 'actionDescription' | 'actionSection' | 'actionsGroup';
+export interface SpotlightRootSlots {
+    default?: () => VNodeChild;
+}
+/** Props accepted by `SpotlightRoot`. */
+export interface SpotlightRootProps {
+    /** Spotlight store, can be used to create multiple instances of spotlight. */
+    store?: SpotlightStore;
+    /** Controlled Spotlight search query. */
+    query?: string;
+    /** Determines whether the search query should be cleared when the spotlight is closed. @default true */
+    clearQueryOnClose?: boolean;
+    /** Keyboard shortcut or a list of shortcuts to trigger spotlight. @default 'mod + K' */
+    shortcut?: string | string[] | null;
+    /** A list of tags which when focused will be ignored by shortcut. @default ['input', 'textarea', 'select'] */
+    tagsToIgnore?: string[];
+    /** Determines whether shortcut should trigger based in contentEditable. @default false */
+    triggerOnContentEditable?: boolean;
+    /** If set, spotlight will not be rendered. */
+    disabled?: boolean;
+    /** Forces opened state, useful for tests. */
+    forceOpened?: boolean;
+    /** Determines whether spotlight should be closed when one of the actions is triggered. @default true */
+    closeOnActionTrigger?: boolean;
+    /** Spotlight content max-height. Ignored unless `scrollable` prop is set. @default 400 */
+    maxHeight?: string | number;
+    /** Determines whether the actions list should be scrollable. If not set, `maxHeight` is ignored. @default false */
+    scrollable?: boolean;
+    /** CSS classes applied to component elements. */
+    classNames?: Record<string, any>;
+    /** Inline styles applied to component elements. */
+    styles?: Record<string, any>;
+    /** CSS variables applied to component elements. */
+    vars?: Record<string, any>;
+    /** If set, all Mantine classes are removed from component elements. @default false */
+    unstyled?: boolean;
+    [key: string]: any;
+}
+/** Events emitted by `SpotlightRoot`. */
+export interface SpotlightRootEmits {
+    /** Emitted when the search query changes. */
+    'update:query': [query: string];
+    /** Emitted when the search query changes. */
+    'query-change': [query: string];
+    /** Emitted when spotlight opens. */
+    'spotlight-open': [];
+    /** Emitted when spotlight closes. */
+    'spotlight-close': [];
+    /** Emitted when the spotlight exit transition finishes. */
+    'exit-transition-end': [];
+}

package/lib/components/SpotlightRoot/SpotlightRoot.vue.d.ts

@@ -0,0 +1,23 @@
+import type { SpotlightRootSlots } from './SpotlightRoot.types';
+type __VLS_Slots = SpotlightRootSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:query": (query: string) => any;
+    "query-change": (query: string) => any;
+    "spotlight-open": () => any;
+    "spotlight-close": () => any;
+    "exit-transition-end": () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    "onUpdate:query"?: ((query: string) => any) | undefined;
+    "onQuery-change"?: ((query: string) => any) | undefined;
+    "onSpotlight-open"?: (() => any) | undefined;
+    "onSpotlight-close"?: (() => any) | undefined;
+    "onExit-transition-end"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/SpotlightRoot/index.d.ts

@@ -0,0 +1,48 @@
+export declare const SpotlightRoot: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        "onUpdate:query"?: ((query: string) => any) | undefined;
+        "onQuery-change"?: ((query: string) => any) | undefined;
+        "onSpotlight-open"?: (() => any) | undefined;
+        "onSpotlight-close"?: (() => any) | undefined;
+        "onExit-transition-end"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:query": (query: string) => any;
+        "query-change": (query: string) => any;
+        "spotlight-open": () => any;
+        "spotlight-close": () => any;
+        "exit-transition-end": () => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{
+        "onUpdate:query"?: ((query: string) => any) | undefined;
+        "onQuery-change"?: ((query: string) => any) | undefined;
+        "onSpotlight-open"?: (() => any) | undefined;
+        "onSpotlight-close"?: (() => any) | undefined;
+        "onExit-transition-end"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
+    "onUpdate:query"?: ((query: string) => any) | undefined;
+    "onQuery-change"?: ((query: string) => any) | undefined;
+    "onSpotlight-open"?: (() => any) | undefined;
+    "onSpotlight-close"?: (() => any) | undefined;
+    "onExit-transition-end"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:query": (query: string) => any;
+    "query-change": (query: string) => any;
+    "spotlight-open": () => any;
+    "spotlight-close": () => any;
+    "exit-transition-end": () => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./SpotlightRoot.types").SpotlightRootSlots;
+}) & {
+    classes: Record<string, string>;
+};
+export type { SpotlightRootEmits, SpotlightRootProps, SpotlightRootSlots, SpotlightRootStylesNames, } from './SpotlightRoot.types';

package/lib/components/SpotlightSearch/SpotlightSearch.types.d.ts

@@ -0,0 +1,25 @@
+import type { InputFactory, Vars } from '@mantine-vue/core';
+export type SpotlightSearchStylesNames = 'input' | 'wrapper' | 'section' | 'bottomSection';
+/** Props accepted by `SpotlightSearch`. */
+export interface SpotlightSearchProps {
+    /** Input size @default 'lg' */
+    size?: string | number;
+    /** Controlled input value. */
+    modelValue?: string;
+    /** CSS classes applied to component elements. */
+    classNames?: Record<string, any>;
+    /** Inline styles applied to component elements. */
+    styles?: Record<string, any>;
+    /** CSS variables applied to component elements. Keyed to `Input`, which this renders. */
+    vars?: Vars<InputFactory>;
+    [key: string]: any;
+}
+/** Events emitted by `SpotlightSearch`. */
+export interface SpotlightSearchEmits {
+    /** Emitted when the search input changes. */
+    'update:modelValue': [value: string];
+    /** Emitted when the search input changes. */
+    change: [value: string];
+    /** Emitted when a key is pressed. */
+    keydown: [event: KeyboardEvent];
+}

package/lib/components/SpotlightSearch/SpotlightSearch.vue.d.ts

@@ -0,0 +1,11 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+    keydown: (event: KeyboardEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/SpotlightSearch/index.d.ts

@@ -0,0 +1,36 @@
+export declare const SpotlightSearch: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string) => any;
+        keydown: (event: KeyboardEvent) => any;
+        "update:modelValue": (value: string) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+    keydown: (event: KeyboardEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    classes: Record<string, string>;
+};
+export type { SpotlightSearchEmits, SpotlightSearchProps, SpotlightSearchStylesNames, } from './SpotlightSearch.types';

package/lib/default-spotlight-filter.d.ts

@@ -1,2 +1,2 @@
-import type { SpotlightFilterFunction } from './Spotlight';
+import type { SpotlightFilterFunction } from './components/Spotlight/Spotlight.types';
 export declare const defaultSpotlightFilter: SpotlightFilterFunction;

package/lib/index.d.mts

@@ -1,12 +1,19 @@
 export { spotlight, createSpotlight, createSpotlightStore, useSpotlight, openSpotlight, closeSpotlight, toggleSpotlight, } from './spotlight.store';
 export type { SpotlightState, SpotlightStore } from './spotlight.store';
 export { isActionsGroup } from './is-actions-group';
-export { Spotlight } from './Spotlight';
-export { SpotlightRoot } from './SpotlightRoot';
-export { SpotlightAction } from './SpotlightAction';
-export { SpotlightActionsGroup } from './SpotlightActionsGroup';
-export { SpotlightActionsList } from './SpotlightActionsList';
-export { SpotlightEmpty } from './SpotlightEmpty';
-export { SpotlightFooter } from './SpotlightFooter';
-export { SpotlightSearch } from './SpotlightSearch';
-export type { SpotlightActionData, SpotlightActionGroupData, SpotlightActions, SpotlightActionProps, SpotlightActionStylesNames, SpotlightActionsGroupProps, SpotlightActionsGroupStylesNames, SpotlightActionsListProps, SpotlightActionsListStylesNames, SpotlightEmptyProps, SpotlightEmptyStylesNames, SpotlightFilterFunction, SpotlightFooterProps, SpotlightFooterStylesNames, SpotlightProps, SpotlightRootProps, SpotlightRootStylesNames, SpotlightSearchProps, SpotlightSearchStylesNames, SpotlightStylesNames, } from './Spotlight';
+export { Spotlight } from './components/Spotlight';
+export { SpotlightRoot } from './components/SpotlightRoot';
+export { SpotlightAction } from './components/SpotlightAction';
+export { SpotlightActionsGroup } from './components/SpotlightActionsGroup';
+export { SpotlightActionsList } from './components/SpotlightActionsList';
+export { SpotlightEmpty } from './components/SpotlightEmpty';
+export { SpotlightFooter } from './components/SpotlightFooter';
+export { SpotlightSearch } from './components/SpotlightSearch';
+export type { SpotlightActionData, SpotlightActionGroupData, SpotlightActions, SpotlightEmits, SpotlightFilterFunction, SpotlightProps, SpotlightStylesNames, } from './components/Spotlight';
+export type { SpotlightActionProps, SpotlightActionStylesNames } from './components/SpotlightAction';
+export type { SpotlightActionsGroupProps, SpotlightActionsGroupStylesNames, } from './components/SpotlightActionsGroup';
+export type { SpotlightActionsListProps, SpotlightActionsListStylesNames, } from './components/SpotlightActionsList';
+export type { SpotlightEmptyProps, SpotlightEmptyStylesNames } from './components/SpotlightEmpty';
+export type { SpotlightFooterProps, SpotlightFooterStylesNames } from './components/SpotlightFooter';
+export type { SpotlightRootEmits, SpotlightRootProps, SpotlightRootStylesNames, } from './components/SpotlightRoot';
+export type { SpotlightSearchEmits, SpotlightSearchProps, SpotlightSearchStylesNames, } from './components/SpotlightSearch';

package/lib/index.d.ts

@@ -1,12 +1,19 @@
 export { spotlight, createSpotlight, createSpotlightStore, useSpotlight, openSpotlight, closeSpotlight, toggleSpotlight, } from './spotlight.store';
 export type { SpotlightState, SpotlightStore } from './spotlight.store';
 export { isActionsGroup } from './is-actions-group';
-export { Spotlight } from './Spotlight';
-export { SpotlightRoot } from './SpotlightRoot';
-export { SpotlightAction } from './SpotlightAction';
-export { SpotlightActionsGroup } from './SpotlightActionsGroup';
-export { SpotlightActionsList } from './SpotlightActionsList';
-export { SpotlightEmpty } from './SpotlightEmpty';
-export { SpotlightFooter } from './SpotlightFooter';
-export { SpotlightSearch } from './SpotlightSearch';
-export type { SpotlightActionData, SpotlightActionGroupData, SpotlightActions, SpotlightActionProps, SpotlightActionStylesNames, SpotlightActionsGroupProps, SpotlightActionsGroupStylesNames, SpotlightActionsListProps, SpotlightActionsListStylesNames, SpotlightEmptyProps, SpotlightEmptyStylesNames, SpotlightFilterFunction, SpotlightFooterProps, SpotlightFooterStylesNames, SpotlightProps, SpotlightRootProps, SpotlightRootStylesNames, SpotlightSearchProps, SpotlightSearchStylesNames, SpotlightStylesNames, } from './Spotlight';
+export { Spotlight } from './components/Spotlight';
+export { SpotlightRoot } from './components/SpotlightRoot';
+export { SpotlightAction } from './components/SpotlightAction';
+export { SpotlightActionsGroup } from './components/SpotlightActionsGroup';
+export { SpotlightActionsList } from './components/SpotlightActionsList';
+export { SpotlightEmpty } from './components/SpotlightEmpty';
+export { SpotlightFooter } from './components/SpotlightFooter';
+export { SpotlightSearch } from './components/SpotlightSearch';
+export type { SpotlightActionData, SpotlightActionGroupData, SpotlightActions, SpotlightEmits, SpotlightFilterFunction, SpotlightProps, SpotlightStylesNames, } from './components/Spotlight';
+export type { SpotlightActionProps, SpotlightActionStylesNames } from './components/SpotlightAction';
+export type { SpotlightActionsGroupProps, SpotlightActionsGroupStylesNames, } from './components/SpotlightActionsGroup';
+export type { SpotlightActionsListProps, SpotlightActionsListStylesNames, } from './components/SpotlightActionsList';
+export type { SpotlightEmptyProps, SpotlightEmptyStylesNames } from './components/SpotlightEmpty';
+export type { SpotlightFooterProps, SpotlightFooterStylesNames } from './components/SpotlightFooter';
+export type { SpotlightRootEmits, SpotlightRootProps, SpotlightRootStylesNames, } from './components/SpotlightRoot';
+export type { SpotlightSearchEmits, SpotlightSearchProps, SpotlightSearchStylesNames, } from './components/SpotlightSearch';

package/lib/is-actions-group.d.ts

@@ -1,2 +1,2 @@
-import type { SpotlightActionData, SpotlightActionGroupData } from './Spotlight';
+import type { SpotlightActionData, SpotlightActionGroupData } from './components/Spotlight/Spotlight.types';
 export declare function isActionsGroup(item: SpotlightActionData | SpotlightActionGroupData): item is SpotlightActionGroupData;

package/lib/limit-actions.d.ts

@@ -1,2 +1,2 @@
-import type { SpotlightActions } from './Spotlight';
+import type { SpotlightActions } from './components/Spotlight/Spotlight.types';
 export declare function limitActions(actions: SpotlightActions[], limit: number): SpotlightActions[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/spotlight",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Vue command center components equivalent to @mantine/spotlight",
   "license": "MIT",
   "files": [
@@ -36,9 +36,9 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/core": "3.0.0",
-    "@mantine-vue/hooks": "3.0.0",
-    "@mantine-vue/store": "3.0.0",
+    "@mantine-vue/core": "3.1.0",
+    "@mantine-vue/hooks": "3.1.0",
+    "@mantine-vue/store": "3.1.0",
     "vue": "^3.5.0"
   }
 }