@evixcard/evx-ui-kit 1.7.1 → 1.9.0

package/dist/components/EvBadge/variants.d.ts

@@ -1,4 +1,4 @@
-export type BadgeVariant = 'active' | 'inactive' | 'pending' | 'warning' | 'info' | 'error' | 'count' | 'count-neutral';
+export type BadgeVariant = 'active' | 'success' | 'inactive' | 'pending' | 'warning' | 'info' | 'confirmed' | 'error' | 'count' | 'count-neutral';
 export declare const badgeBase = "inline-flex items-center";
 export declare const statusBase = "px-3 py-1 rounded-full text-xs-regular ring-1 ring-inset";
 export declare const countBase = "px-1.5 py-0.5 rounded text-[10px] font-medium leading-none";

package/dist/components/EvButton/variants.d.ts

@@ -10,6 +10,9 @@ export declare const variants: {
     danger: string;
     success: string;
     warning: string;
+    action: string;
+    growth: string;
+    accent: string;
     icon: string;
 };
 export declare const sizes: {

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

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

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

@@ -0,0 +1,52 @@
+/**
+ * DEV-631 — root container brick of the `EvCard.*` compound family.
+ * Token-driven, polymorphic (`div`/`button`/`a`), `class` always twMerge'd.
+ * Selection is controlled/external — `selected` is a purely visual state; the
+ * select checkbox lives in the recipe, not here.
+ */
+export interface EvCardProps {
+    /** Polymorphic root element. */
+    as?: 'div' | 'button' | 'a';
+    /** Visual selected state (border-brand-blue + #F5F8FF). Controlled externally. */
+    selected?: boolean;
+    /** Hover affordance + cursor for clickable cards. */
+    interactive?: boolean;
+    /** Dims + blocks interaction; native `disabled` when `as="button"`. */
+    disabled?: boolean;
+    /** Visual-only dim (e.g. a hidden/archived card) — stays interactive. */
+    dimmed?: boolean;
+    /** Padding scale: none=0, sm=12px, md=16px. */
+    padding?: 'none' | 'sm' | 'md';
+    /** Radius: md=8px, lg=12px, xl=16px. */
+    radius?: 'md' | 'lg' | 'xl';
+    class?: string;
+}
+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<EvCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<EvCardProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    as: "div" | "button" | "a";
+    disabled: boolean;
+    radius: "md" | "lg" | "xl";
+    selected: boolean;
+    interactive: boolean;
+    dimmed: boolean;
+    padding: "none" | "sm" | "md";
+}, {}, {}, {}, 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/EvCard/EvCardActions.spec.d.ts

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

package/dist/components/EvCard/EvCardActions.vue.d.ts

@@ -0,0 +1,26 @@
+/** DEV-631 — bottom action row; optional top divider. */
+export interface EvCardActionsProps {
+    divided?: boolean;
+    justify?: 'start' | 'center' | 'end' | 'between';
+    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<EvCardActionsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardActionsProps> & Readonly<{}>, {
+    divided: boolean;
+    justify: "start" | "center" | "end" | "between";
+}, {}, {}, {}, 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/EvCard/EvCardAvatar.spec.d.ts

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

package/dist/components/EvCard/EvCardAvatar.vue.d.ts

@@ -0,0 +1,23 @@
+/** DEV-631 — round avatar brick: image when `src` is set, else the name initial. */
+export interface EvCardAvatarProps {
+    src?: string;
+    name?: string;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvCardAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardAvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/EvCard/EvCardField.spec.d.ts

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

package/dist/components/EvCard/EvCardField.vue.d.ts

@@ -0,0 +1,32 @@
+/** DEV-631 — label/value unit. Default slot wins over the `value` prop. */
+export interface EvCardFieldProps {
+    label?: string;
+    value?: string | number;
+    align?: 'start' | 'end';
+    /** Tabular figures for aligned numbers/dates. */
+    numeric?: boolean;
+    /** Single-line truncation of the value. Disable for chips / wrapping values. */
+    truncate?: boolean;
+    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<EvCardFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardFieldProps> & Readonly<{}>, {
+    truncate: boolean;
+    numeric: boolean;
+    align: "start" | "end";
+}, {}, {}, {}, 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/EvCard/EvCardHeader.spec.d.ts

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

package/dist/components/EvCard/EvCardHeader.vue.d.ts

@@ -0,0 +1,25 @@
+/** DEV-631 — top row: title block (default slot) + #trailing (badge / menu). */
+export interface EvCardHeaderProps {
+    align?: 'start' | 'center' | 'end';
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        trailing?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvCardHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardHeaderProps> & Readonly<{}>, {
+    align: "start" | "center" | "end";
+}, {}, {}, {}, 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/EvCard/EvCardMedia.spec.d.ts

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

package/dist/components/EvCard/EvCardMedia.vue.d.ts

@@ -0,0 +1,32 @@
+/** DEV-631 — cover/media region. Framed by default (concentric 4px inner radius). */
+export interface EvCardMediaProps {
+    /** Aspect ratio token, applied as inline `aspect-ratio` (e.g. '8/5'). */
+    ratio?: string;
+    /** Concentric frame: outer p-1 + inner ring + rounded-[4px]. */
+    framed?: boolean;
+    objectFit?: 'cover' | 'contain';
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        placeholder?(_: {}): any;
+        overlay?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvCardMediaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardMediaProps> & Readonly<{}>, {
+    ratio: string;
+    framed: boolean;
+    objectFit: "cover" | "contain";
+}, {}, {}, {}, 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/EvCard/EvCardMeta.spec.d.ts

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

package/dist/components/EvCard/EvCardMeta.vue.d.ts

@@ -0,0 +1,24 @@
+/** DEV-631 — small muted meta line (e.g. '#1024 · 5 denom.'). */
+export interface EvCardMetaProps {
+    tabularNums?: boolean;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvCardMetaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardMetaProps> & Readonly<{}>, {
+    tabularNums: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/EvCard/EvCardOverlayBadge.spec.d.ts

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

package/dist/components/EvCard/EvCardOverlayBadge.vue.d.ts

@@ -0,0 +1,26 @@
+/** DEV-631 — corner badge over `EvCardMedia` (e.g. Popular / Hidden). */
+export interface EvCardOverlayBadgeProps {
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    tone?: 'dark' | 'light';
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvCardOverlayBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardOverlayBadgeProps> & Readonly<{}>, {
+    position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    tone: "dark" | "light";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/EvCard/EvCardSection.spec.d.ts

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

package/dist/components/EvCard/EvCardSection.vue.d.ts

@@ -0,0 +1,26 @@
+/** DEV-631 — body section; optional top divider + field-grid mode. */
+export interface EvCardSectionProps {
+    divided?: boolean;
+    cols?: 1 | 2 | 3;
+    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<EvCardSectionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardSectionProps> & Readonly<{}>, {
+    divided: boolean;
+    cols: 1 | 2 | 3;
+}, {}, {}, {}, 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/EvCard/EvCardSubtitle.spec.d.ts

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

package/dist/components/EvCard/EvCardSubtitle.vue.d.ts

@@ -0,0 +1,24 @@
+/** DEV-631 — muted subtitle line under the title. */
+export interface EvCardSubtitleProps {
+    lines?: 1 | 2;
+    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<EvCardSubtitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardSubtitleProps> & Readonly<{}>, {
+    lines: 1 | 2;
+}, {}, {}, {}, 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/EvCard/EvCardTitle.spec.d.ts

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

package/dist/components/EvCard/EvCardTitle.vue.d.ts

@@ -0,0 +1,24 @@
+/** DEV-631 — card title. Clamps + auto title-attr tooltip for truncated text. */
+export interface EvCardTitleProps {
+    lines?: 1 | 2 | 3;
+    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<EvCardTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvCardTitleProps> & Readonly<{}>, {
+    lines: 1 | 2 | 3;
+}, {}, {}, {}, 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/EvCard/index.d.ts

@@ -0,0 +1,22 @@
+export { default as EvCard } from './EvCard.vue';
+export { default as EvCardMedia } from './EvCardMedia.vue';
+export { default as EvCardOverlayBadge } from './EvCardOverlayBadge.vue';
+export { default as EvCardHeader } from './EvCardHeader.vue';
+export { default as EvCardTitle } from './EvCardTitle.vue';
+export { default as EvCardSubtitle } from './EvCardSubtitle.vue';
+export { default as EvCardSection } from './EvCardSection.vue';
+export { default as EvCardField } from './EvCardField.vue';
+export { default as EvCardActions } from './EvCardActions.vue';
+export { default as EvCardMeta } from './EvCardMeta.vue';
+export { default as EvCardAvatar } from './EvCardAvatar.vue';
+export type { EvCardProps } from './EvCard.vue';
+export type { EvCardMediaProps } from './EvCardMedia.vue';
+export type { EvCardOverlayBadgeProps } from './EvCardOverlayBadge.vue';
+export type { EvCardHeaderProps } from './EvCardHeader.vue';
+export type { EvCardTitleProps } from './EvCardTitle.vue';
+export type { EvCardSubtitleProps } from './EvCardSubtitle.vue';
+export type { EvCardSectionProps } from './EvCardSection.vue';
+export type { EvCardFieldProps } from './EvCardField.vue';
+export type { EvCardActionsProps } from './EvCardActions.vue';
+export type { EvCardMetaProps } from './EvCardMeta.vue';
+export type { EvCardAvatarProps } from './EvCardAvatar.vue';

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

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

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

@@ -1,9 +1,14 @@
+type __VLS_Props = {
+    variant?: 'default' | 'brand';
+};
 type __VLS_PublicProps = {
     modelValue?: boolean;
-};
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    variant: "default" | "brand";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/EvDataTable/EvDataCard.spec.d.ts

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

package/dist/components/EvDataTable/EvDataCard.vue.d.ts

@@ -0,0 +1,39 @@
+import { EvDataTableColumn } from './types.ts';
+declare const _default: <T extends Record<string, unknown> = Record<string, unknown>>(__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 onClick?: (() => any) | undefined;
+        readonly onToggle?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onToggle"> & {
+        row: T;
+        /** Column shown as the card heading (top, full width). */
+        titleColumn?: EvDataTableColumn;
+        /** Columns rendered in the label:value grid. */
+        gridColumns?: EvDataTableColumn[];
+        /** Column rendered in the actions footer (right-aligned). */
+        actionsColumn?: EvDataTableColumn;
+        selectable?: boolean;
+        selected?: boolean;
+        selectLabel?: string;
+        /** Grid density for the label:value section. */
+        gridCols?: 1 | 2 | 3;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: unknown;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: unknown;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: unknown;
+    }) => any>>;
+    emit: ((evt: "click") => void) & ((evt: "toggle") => 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/EvDataTable/EvDataTable.vue.d.ts

@@ -3,28 +3,32 @@ declare const _default: <T extends Record<string, unknown> = Record<string, unkn
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSort?: ((field: string, direction: "desc" | "asc") => any) | undefined;
         readonly "onUpdate:page"?: ((page: number) => any) | undefined;
+        readonly "onUpdate:view"?: ((value: "table" | "cards") => any) | undefined;
         readonly "onRow-click"?: ((row: T) => any) | undefined;
         readonly "onUpdate:selectedKeys"?: ((keys: (string | number)[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:page" | "onSort" | "onRow-click" | "onUpdate:selectedKeys"> & EvDataTableProps<T> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:page" | "onSort" | "onUpdate:view" | "onRow-click" | "onUpdate:selectedKeys"> & ({
+        view?: "table" | "cards";
+    } & EvDataTableProps<T>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Partial<Record<`cell-${string}`, (_: {
         row: T;
         value: unknown;
-    }) => any>> & Partial<Record<`cell-${string}`, (_: {
-        row: T;
-        value: unknown;
-    }) => any>> & Partial<Record<`cell-${string}`, (_: {
-        row: T;
-        value: unknown;
-    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+    }) => any>> & Partial<Record<number, (_: {
         row: T;
         value: unknown;
     }) => any>> & {
         empty?(_: {}): any;
         empty?(_: {}): any;
+        card?(_: {
+            row: T;
+            index: number;
+            selected: boolean;
+            selectable: boolean;
+            toggleSelect: () => void;
+        }): any;
     };
-    emit: ((evt: "sort", field: string, direction: "desc" | "asc") => void) & ((evt: "update:page", page: number) => void) & ((evt: "row-click", row: T) => void) & ((evt: "update:selectedKeys", keys: (string | number)[]) => void);
+    emit: (((evt: "sort", field: string, direction: "desc" | "asc") => void) & ((evt: "update:page", page: number) => void) & ((evt: "row-click", row: T) => void) & ((evt: "update:selectedKeys", keys: (string | number)[]) => void)) & ((evt: "update:view", value: "table" | "cards") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,2 +1,3 @@
 export { default as EvDataTable } from './EvDataTable.vue';
+export { default as EvDataCard } from './EvDataCard.vue';
 export type { EvDataTableColumn, EvDataTableProps } from './types.ts';

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

@@ -24,6 +24,16 @@ export interface EvDataTableProps<T extends Record<string, unknown> = Record<str
     mobileLayout?: 'auto' | 'cards' | 'table';
     /** Column key used as the card title in card layout. Defaults to the first column. */
     cardTitleKey?: string;
+    /** Card grid density for the label:value section. Default 2. */
+    cardGridCols?: 1 | 2 | 3;
+    /**
+     * Scope of the Card/Table view toggle (DEV-611):
+     * - false (default): legacy — toggle under lg only, desktop always table (`mobileLayout` rules).
+     * - true: toggle shown at ALL breakpoints and switches table<->cards on desktop too,
+     *   driven by the `view` v-model (defaults to 'table'). When true, `mobileLayout` is
+     *   ignored and the card list renders as a responsive grid (1/2/3 cols by breakpoint).
+     */
+    viewToggle?: boolean;
     /**
      * Accessible-name builder for the per-row selection checkbox (card + table).
      * Defaults to `Select <rowKey value>`. The header select-all is always "Select all".

package/dist/components/EvIcon/icons.d.ts

@@ -11,6 +11,7 @@ export declare const icons: {
     'layout-dashboard': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     'layout-grid': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     layers: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
+    list: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     table: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     menu: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     'chevron-left': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
@@ -64,6 +65,7 @@ export declare const icons: {
     settings: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     image: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     sparkles: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
+    star: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     construction: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     'chevrons-up-down': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     'ellipsis-vertical': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;

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

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

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

@@ -10,6 +10,7 @@ export interface EvRadioProps {
     label?: string;
     disabled?: boolean;
     name?: string;
+    variant?: 'default' | 'brand';
 }
 declare const _default: import('vue').DefineComponent<EvRadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;

package/dist/components/EvRadio/EvRadioOption.vue.d.ts

@@ -2,6 +2,7 @@ export interface EvRadioOptionProps {
     value: any;
     disabled?: boolean;
     as?: string | object;
+    variant?: 'default' | 'brand';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -25,6 +26,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<EvRadioOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvRadioOptionProps> & Readonly<{}>, {
+    variant: "default" | "brand";
     as: string | object;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -2,6 +2,13 @@ import { SegmentOption } from './types';
 interface Props {
     options: SegmentOption[];
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * When true AND there are exactly 2 options, the whole control behaves as a
+     * boolean toggle: a click (or Enter/Space) anywhere flips to the other option,
+     * so the user doesn't have to aim at the inactive segment. With ≠2 options it
+     * is ignored and the control stays a normal segmented selector.
+     */
+    toggle?: boolean;
     class?: string;
 }
 type __VLS_Props = Props;
@@ -14,5 +21,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
+    toggle: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

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

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

@@ -1,9 +1,14 @@
+type __VLS_Props = {
+    variant?: 'default' | 'brand';
+};
 type __VLS_PublicProps = {
     modelValue?: boolean;
-};
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    variant: "default" | "brand";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;