@sabrenski/spire-ui-vue 0.3.21 → 0.3.23

package/dist/components/Autocomplete/Autocomplete.vue.d.ts

@@ -1,6 +1,9 @@
-import { nextTick, Component } from 'vue';
+import { nextTick } from 'vue';
 import { AutocompleteProps, AutocompleteOptionData } from './types';
+declare function open(): void;
+declare function close(): void;
 declare function focus(): void;
+declare function toggle(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -16,8 +19,14 @@ declare function __VLS_template(): {
         }): any;
         default?(_: {}): any;
         default?(_: {}): any;
-        empty?(_: {}): any;
-        empty?(_: {}): any;
+        empty?(_: {
+            searchQuery: string;
+            isLoading: false;
+        }): any;
+        empty?(_: {
+            searchQuery: string;
+            isLoading: false;
+        }): any;
     };
     refs: {
         inputRef: HTMLInputElement;
@@ -129,8 +138,8 @@ declare function __VLS_template(): {
                 readonly invalid?: boolean | undefined;
                 readonly clearable?: boolean | undefined;
                 readonly loading?: boolean | undefined;
-                readonly icon?: Component | undefined;
-                readonly iconEnd?: Component | undefined;
+                readonly icon?: import('vue').Component | undefined;
+                readonly iconEnd?: import('vue').Component | undefined;
                 readonly onClear?: (() => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -212,6 +221,10 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AutocompleteProps, {
     focus: typeof focus;
     inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    open: typeof open;
+    close: typeof close;
+    toggle: typeof toggle;
+    isOpen: import('vue').Ref<boolean, boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     search: (query: string) => any;
     "update:modelValue": (value: string | string[] | undefined) => any;
@@ -228,7 +241,6 @@ declare const __VLS_component: import('vue').DefineComponent<AutocompleteProps,
     placement: import('../..').Placement;
     invalid: boolean;
     loading: boolean;
-    placeholder: string;
     readonly: boolean;
     clearable: boolean;
     minQueryLength: number;
@@ -236,8 +248,6 @@ declare const __VLS_component: import('vue').DefineComponent<AutocompleteProps,
     allowCustomValue: boolean;
     chips: boolean;
     maxChips: number;
-    emptyMessage: string;
-    loadingMessage: string;
     strategy: "absolute" | "fixed";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
@@ -349,8 +359,8 @@ declare const __VLS_component: import('vue').DefineComponent<AutocompleteProps,
             readonly invalid?: boolean | undefined;
             readonly clearable?: boolean | undefined;
             readonly loading?: boolean | undefined;
-            readonly icon?: Component | undefined;
-            readonly iconEnd?: Component | undefined;
+            readonly icon?: import('vue').Component | undefined;
+            readonly iconEnd?: import('vue').Component | undefined;
             readonly onClear?: (() => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;

package/dist/components/Autocomplete/types.d.ts

@@ -1,13 +1,14 @@
-import { InjectionKey, Ref, Component } from 'vue';
+import { InjectionKey, Ref } from 'vue';
 import { Placement } from '../../composables';
-export type AutocompleteSize = 'sm' | 'md' | 'lg';
+export type AutocompleteSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type AutocompleteVariant = 'outline' | 'filled' | 'underline';
 export interface AutocompleteOptionData {
     value: string;
     label: string;
     disabled?: boolean;
     description?: string;
-    icon?: Component;
+    /** Icon name to display (e.g., 'UserIcon', 'SettingsIcon') */
+    icon?: string;
 }
 export interface AutocompleteProps {
     /** Bound value - string for single, string[] for multiple */
@@ -62,7 +63,8 @@ export interface AutocompleteOptionProps {
     label?: string;
     disabled?: boolean;
     description?: string;
-    icon?: Component;
+    /** Icon name to display (e.g., 'UserIcon', 'SettingsIcon') */
+    icon?: string;
 }
 export interface AutocompleteContext {
     multiple: Ref<boolean>;
@@ -70,12 +72,12 @@ export interface AutocompleteContext {
     activeValue: Ref<string | null>;
     isOpen: Ref<boolean>;
     size: Ref<AutocompleteSize>;
-    registerOption: (value: string, label: string, disabled: boolean, icon?: Component, id?: string) => void;
+    registerOption: (value: string, label: string, disabled: boolean, icon?: string, id?: string) => void;
     unregisterOption: (value: string) => void;
     selectOption: (value: string) => void;
     setActiveOption: (value: string | null) => void;
     getOptionLabel: (value: string) => string;
-    getOptionIcon: (value: string) => Component | undefined;
+    getOptionIcon: (value: string) => string | undefined;
     getOptionId: (value: string) => string | undefined;
 }
 export declare const AUTOCOMPLETE_INJECTION_KEY: InjectionKey<AutocompleteContext>;

package/dist/composables/useLabels/index.d.ts

@@ -38,6 +38,8 @@ export interface SpireLabels {
         loading: string;
         clearSelection: string;
         search: string;
+        createItem: (query: string) => string;
+        moreItems: (count: number) => string;
     };
     /** Modal component labels */
     modal: {