@evixcard/evx-ui-kit 1.14.0 → 1.16.0

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

@@ -92,8 +92,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     disabled: boolean;
     placeholder: string;
     error: boolean;
-    searchPlaceholder: string;
     noResultsText: string;
+    searchPlaceholder: string;
     clearable: boolean;
     clearAllLabel: string;
     clearSearchLabel: string;

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

@@ -45,11 +45,11 @@ declare const __VLS_component: import('vue').DefineComponent<EvConfirmDialogProp
     destructive: boolean;
     loadingLabel: string;
     blur: boolean;
+    loading: boolean;
     showCloseButton: boolean;
     closeLabel: string;
     confirmLabel: string;
     cancelLabel: string;
-    loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/EvMultiSelect/EvMultiSelect.behavior.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,16 +1,5 @@
-import { EvFieldSize } from '../EvSelectBase/fieldSize';
-import { EvMultiSelectOption, EvMultiSelectValue } from './types';
-type __VLS_Props = {
-    options: EvMultiSelectOption[];
-    placeholder?: string;
-    searchable?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    label?: string;
-    /** Control min-height — sm ≈40 / md ≈42 (default) / lg ≈56. Grows with chips. */
-    size?: EvFieldSize;
-    class?: string;
-};
+import { EvMultiSelectProps, EvMultiSelectValue } from './types';
+type __VLS_Props = EvMultiSelectProps;
 type __VLS_PublicProps = {
     modelValue?: EvMultiSelectValue[];
 } & __VLS_Props;
@@ -19,13 +8,22 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: EvMultiSelectValue[]) => any) | undefined;
 }>, {
-    size: EvFieldSize;
+    size: import('../EvSelect').EvSelectSize;
     disabled: boolean;
     placeholder: string;
     error: boolean;
     searchable: boolean;
+    selectionDisplay: "wrap" | "collapse";
+    searchPlacement: "dropdown" | "inline";
+    removeOnBackspace: boolean;
+    clearSearchOnSelect: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
+    triggerRef: HTMLDivElement;
+    containerRef: HTMLDivElement;
+    searchRef: HTMLInputElement;
+    measureRef: HTMLDivElement;
+    summaryRef: HTMLSpanElement;
     panelRef: HTMLDivElement;
 }, any>;
 export default _default;

package/dist/components/EvMultiSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { default as EvMultiSelect } from './EvMultiSelect.vue';
-export type { EvMultiSelectOption, EvMultiSelectValue } from './types';
+export type { EvMultiSelectOption, EvMultiSelectProps, EvMultiSelectValue } from './types';

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

@@ -1,5 +1,22 @@
+import { InputHTMLAttributes } from 'vue';
+import { EvFieldSize } from '../EvSelectBase/fieldSize';
 export type EvMultiSelectValue = string | number;
 export interface EvMultiSelectOption {
     value: EvMultiSelectValue;
     label: string;
 }
+export interface EvMultiSelectProps {
+    options: EvMultiSelectOption[];
+    inputAttrs?: Pick<InputHTMLAttributes, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-required'>;
+    placeholder?: string;
+    searchable?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+    size?: EvFieldSize;
+    selectionDisplay?: 'wrap' | 'collapse';
+    searchPlacement?: 'dropdown' | 'inline';
+    removeOnBackspace?: boolean;
+    clearSearchOnSelect?: boolean;
+    class?: string;
+}

package/dist/components/EvMultiSelect/useChipOverflow.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export declare function useChipOverflow(enabled: Ref<boolean>, labels: Ref<string[]>, controlRef: Ref<HTMLElement | null>, inlineSearch: Ref<boolean>): {
+    containerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    measureRef: Ref<HTMLElement | null, HTMLElement | null>;
+    summaryRef: Ref<HTMLElement | null, HTMLElement | null>;
+    visibleCount: Ref<number, number>;
+    firstChipWidth: Ref<number | undefined, number | undefined>;
+};

package/dist/components/EvPhoneInput/EvPhoneInput.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+import { EvPhoneInputProps, EvPhoneInputStrings } from './types';
+declare const _default: import('vue').DefineComponent<EvPhoneInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    "update:country": (value: string) => any;
+    validity: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<EvPhoneInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:country"?: ((value: string) => any) | undefined;
+    onValidity?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    error: boolean;
+    locale: import('./types').EvPhoneLocale;
+    country: string;
+    strings: Partial<EvPhoneInputStrings>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/EvPhoneInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EvPhoneInput } from './EvPhoneInput.vue';
+export type { EvPhoneInputProps, EvPhoneInputStrings, EvPhoneLocale } from './types';

package/dist/components/EvPhoneInput/phone.d.ts

@@ -0,0 +1,16 @@
+import { CountryCode } from 'libphonenumber-js/min';
+export type { CountryCode };
+export type EvPhoneValidationErrorCode = 'empty' | 'country_required' | 'country_mismatch' | 'invalid';
+export interface EvPhoneParseResult {
+    canonical: string | null;
+    errorCode: EvPhoneValidationErrorCode | null;
+}
+export declare function asPhoneCountryCode(value: string | null | undefined): CountryCode | null;
+export declare function nationalFromE164(modelValue: string, country: CountryCode): string;
+export interface InternationalPhoneInputResult {
+    country: CountryCode;
+    nationalNumber: string;
+    canonical: string;
+}
+export declare function applyInternationalPhoneInput(value: string, currentCountry: CountryCode): InternationalPhoneInputResult | null;
+export declare function parseEvPhone(raw: string | null | undefined, countryCode: string | null | undefined): EvPhoneParseResult;

package/dist/components/EvPhoneInput/phone.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,24 @@
+export interface EvPhoneLocale {
+    regionNames: string | string[];
+    countrySortLocale: string;
+}
+export interface EvPhoneInputStrings {
+    label: string;
+    placeholder: string;
+    countryPlaceholder: string;
+    countryHeaderTitle: string;
+    countrySearchPlaceholder: string;
+    countryNoResultsText: string;
+    countrySelectorLabel: (name: string | null, dialCode: string) => string;
+    errorCountryRequired: string;
+    errorCountryMismatch: string;
+    errorInvalid: string;
+}
+export interface EvPhoneInputProps {
+    modelValue?: string;
+    country?: string;
+    disabled?: boolean;
+    error?: boolean;
+    locale?: EvPhoneLocale;
+    strings?: Partial<EvPhoneInputStrings>;
+}

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

@@ -74,10 +74,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     size: EvSelectSize;
     disabled: boolean;
     required: boolean;
+    noResultsText: string;
     native: boolean;
     searchable: boolean;
     searchPlaceholder: string;
-    noResultsText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
     trigger: HTMLButtonElement;

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

@@ -1,7 +1,7 @@
 import { EvSkeletonProps } from './types';
 declare const _default: import('vue').DefineComponent<EvSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvSkeletonProps> & Readonly<{}>, {
-    durationMs: number;
     animation: import('./types').EvSkeletonAnimation;
+    durationMs: number;
     shape: import('./types').EvSkeletonShape;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

package/dist/components/EvSmartSearch/EvSmartSearch.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,63 @@
+import { EvInputSize } from '../EvInput/types';
+import { EvSmartSearchOption } from './types';
+export interface EvSmartSearchProps<T extends EvSmartSearchOption = EvSmartSearchOption> {
+    /** Current search value */
+    modelValue?: string;
+    /** Search results (options to display in dropdown) */
+    options?: T[];
+    /** Loading state — shows spinner in dropdown */
+    loading?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Size of the underlying EvSearch */
+    size?: EvInputSize;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Clear button label */
+    clearLabel?: string;
+    /** No results message when options.length === 0 and not loading */
+    noResultsText?: string;
+    /** Custom class for the wrapper */
+    class?: string;
+    /** Input class passed to EvSearch */
+    inputClass?: string;
+    /** Optional debounce delay in ms (consumer's responsibility to debounce if needed) */
+    debounce?: number;
+}
+declare const _default: <T extends EvSmartSearchOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSelect?: ((option: T) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelect" | "onUpdate:modelValue"> & EvSmartSearchProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /** Slot for rendering each option */
+        option(props: {
+            option: T;
+            active: boolean;
+            highlighted: (text: string) => string;
+        }): unknown;
+        /** Optional slot for empty state (when no results) */
+        empty?: () => unknown;
+    }> & {
+        /** Slot for rendering each option */
+        option(props: {
+            option: T;
+            active: boolean;
+            highlighted: (text: string) => string;
+        }): unknown;
+        /** Optional slot for empty state (when no results) */
+        empty?: () => unknown;
+    };
+    emit: {
+        (e: "update:modelValue", value: string): void;
+        (e: "select", option: T): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/EvSmartSearch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EvSmartSearch } from './EvSmartSearch.vue';
+export type { EvSmartSearchOption } from './types';

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

@@ -0,0 +1,8 @@
+export interface EvSmartSearchOption {
+    /** Unique value for the option */
+    value: string | number;
+    /** Display label */
+    label: string;
+    /** Optional metadata */
+    meta?: string;
+}