@evixcard/evx-ui-kit 0.1.20 → 0.2.0

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

@@ -0,0 +1,27 @@
+export type EvAlertVariant = 'info' | 'warning' | 'success' | 'error';
+export interface EvAlertProps {
+    variant?: EvAlertVariant;
+    title?: string;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvAlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvAlertProps> & Readonly<{}>, {
+    variant: EvAlertVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as EvAlert } from './EvAlert.vue';
+export type { EvAlertVariant, EvAlertProps } from './EvAlert.vue';

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

@@ -0,0 +1,25 @@
+export interface EvAppBackgroundProps {
+    /**
+     * Desktop (≥ 640px) background image URL. The component renders nothing visually
+     * if this is omitted on desktop viewports — consumers are expected to import the
+     * webp/png asset via their bundler and pass the resolved URL in.
+     */
+    desktopSrc?: string;
+    /** Mobile (< 640px) background image URL. Falls back to desktopSrc when not set. */
+    mobileSrc?: string;
+    /** Base color shown while the image loads. */
+    backgroundColor?: string;
+    /**
+     * Reserved for future ambient-motion variants. The current background is a static
+     * image; the prop preserves API parity with EvBackground.
+     */
+    animate?: boolean;
+    /** @see animate — currently unused. */
+    speed?: number;
+}
+declare const _default: import('vue').DefineComponent<EvAppBackgroundProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvAppBackgroundProps> & Readonly<{}>, {
+    animate: boolean;
+    backgroundColor: string;
+    speed: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as EvAppBackground } from './EvAppBackground.vue';
+export type { EvAppBackgroundProps } from './EvAppBackground.vue';

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

@@ -0,0 +1,54 @@
+import { EvPopupSize } from '../EvPopup';
+export interface EvConfirmDialogProps {
+    isOpen: boolean;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    loading?: boolean;
+    destructive?: boolean;
+    error?: string | null;
+    /**
+     * Underlying EvPopup size. Defaults to `sm` for confirmation dialogs — gives a
+     * compact `max-w-sm rounded-2xl` panel with a smaller title that suits action
+     * prompts better than the generic-purpose `md` popup.
+     */
+    size?: EvPopupSize;
+    /** Show the top-right close (X) button. Default `false` for confirm dialogs. */
+    showCloseButton?: boolean;
+    /** Use the blurred / darker backdrop. Default `true` for confirm dialogs. */
+    blur?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvConfirmDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    close: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<EvConfirmDialogProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    size: EvPopupSize;
+    blur: boolean;
+    showCloseButton: boolean;
+    confirmLabel: string;
+    cancelLabel: string;
+    loading: boolean;
+    destructive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as EvConfirmDialog } from './EvConfirmDialog.vue';
+export type { EvConfirmDialogProps } from './EvConfirmDialog.vue';

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

@@ -0,0 +1,35 @@
+export interface EvCookieBannerProps {
+    visible: boolean;
+    text?: string;
+    learnMoreHref?: string;
+    acceptAllLabel?: string;
+    acceptEssentialLabel?: string;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvCookieBannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "accept-all": () => any;
+    "accept-essential": () => any;
+}, string, import('vue').PublicProps, Readonly<EvCookieBannerProps> & Readonly<{
+    "onAccept-all"?: (() => any) | undefined;
+    "onAccept-essential"?: (() => any) | undefined;
+}>, {
+    acceptAllLabel: string;
+    acceptEssentialLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as EvCookieBanner } from './EvCookieBanner.vue';
+export type { EvCookieBannerProps } from './EvCookieBanner.vue';

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

@@ -0,0 +1,28 @@
+export type EvGlassCardVariant = 'default' | 'blue' | 'purple' | 'pink' | 'dark';
+export interface EvGlassCardProps {
+    variant?: EvGlassCardVariant;
+    animated?: boolean;
+    bubbles?: number;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvGlassCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvGlassCardProps> & Readonly<{}>, {
+    variant: EvGlassCardVariant;
+    animated: boolean;
+    bubbles: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as EvGlassCard } from './EvGlassCard.vue';
+export type { EvGlassCardVariant, EvGlassCardProps } from './EvGlassCard.vue';

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

@@ -0,0 +1,22 @@
+export interface EvHowToStepProps {
+    number: number | string;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvHowToStepProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvHowToStepProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as EvHowToStep } from './EvHowToStep.vue';
+export type { EvHowToStepProps } from './EvHowToStep.vue';

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

@@ -1,6 +1,23 @@
+export type EvPopupSize = 'sm' | 'md';
 export interface EvPopupProps {
     isOpen: boolean;
     title?: string;
+    /**
+     * Panel size preset.
+     * - `md` (default): wider panel (`max-w-[500px]`, `rounded-lg`) with a large
+     *   title (`text-[24px] font-bold`) — used for generic informational dialogs.
+     * - `sm`: compact panel (`max-w-sm`, `rounded-2xl`) with a smaller, near-black
+     *   title (`text-lg font-semibold text-[#231F20]`) — designed for confirmation
+     *   modals and other action-focused flows.
+     */
+    size?: EvPopupSize;
+    /** When `false`, the top-right close (X) button is hidden. Default: `true`. */
+    showCloseButton?: boolean;
+    /**
+     * When `true`, the backdrop uses `bg-black/40 backdrop-blur-sm` instead of the
+     * default `bg-black/30`. Pair with destructive or attention-demanding flows.
+     */
+    blur?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -15,7 +32,11 @@ declare const __VLS_component: import('vue').DefineComponent<EvPopupProps, {}, {
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<EvPopupProps> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    size: EvPopupSize;
+    blur: boolean;
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,2 +1,2 @@
 export { default as EvPopup } from './EvPopup.vue';
-export type { EvPopupProps } from './EvPopup.vue';
+export type { EvPopupProps, EvPopupSize } from './EvPopup.vue';

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

@@ -0,0 +1,32 @@
+import { EvSelectOption, EvSelectSize } from './types';
+type __VLS_Props = {
+    modelValue?: string | number | null;
+    options: EvSelectOption[];
+    placeholder?: string;
+    size?: EvSelectSize;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string | null;
+    helperText?: string | null;
+    class?: string;
+    selectClass?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | null) => any;
+    change: (value: Event) => any;
+    focus: (value: FocusEvent) => any;
+    blur: (value: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onFocus?: ((value: FocusEvent) => any) | undefined;
+    onBlur?: ((value: FocusEvent) => any) | undefined;
+}>, {
+    size: EvSelectSize;
+    disabled: boolean;
+    required: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,6 @@
+export type EvSelectSize = 'sm' | 'md';
+export interface EvSelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,36 @@
+export type EvSpinnerNamedSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type EvSpinnerNumericSize = 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
+export type EvSpinnerSize = EvSpinnerNamedSize | EvSpinnerNumericSize;
+export type EvSpinnerVariant = 'arc' | 'track';
+export interface EvSpinnerProps {
+    /**
+     * Spinner dimension. Accepts named tokens (`xs`/`sm`/`md`/`lg`/`xl`) for
+     * design-system parity, or a numeric Tailwind size (3/4/5/6/8/10/12/16) for
+     * pixel-perfect compatibility with existing inline `h-{n}` spinners.
+     */
+    size?: EvSpinnerSize;
+    /**
+     * Visual style:
+     * - `arc` (default): top + right border colored, the rest transparent —
+     *   produces a half-arc that traces around as it spins.
+     * - `track`: a faded ring (uses `color-mix()` to tint `color` to ~20% alpha)
+     *   with the top border at full opacity — produces a "track + indicator"
+     *   wheel similar to `border-X/20 + border-t-X` snippets in product code.
+     */
+    variant?: EvSpinnerVariant;
+    /** Indicator color (any CSS color). Default: `#232525`. */
+    color?: string;
+    /** Override track tint for the `track` variant (default: 20% alpha of `color`). */
+    trackColor?: string;
+    /** Extra classes for the root element. */
+    class?: string;
+    /** Accessible label (announced to screen readers). */
+    label?: string;
+}
+declare const _default: import('vue').DefineComponent<EvSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvSpinnerProps> & Readonly<{}>, {
+    size: EvSpinnerSize;
+    variant: EvSpinnerVariant;
+    label: string;
+    color: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as EvSpinner } from './EvSpinner.vue';
+export type { EvSpinnerSize, EvSpinnerNamedSize, EvSpinnerNumericSize, EvSpinnerVariant, EvSpinnerProps, } from './EvSpinner.vue';