@evixcard/evx-ui-kit 1.8.0 → 1.9.1

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/EvDataTable/EvDataTable.vue.d.ts

@@ -20,6 +20,13 @@ declare const _default: <T extends Record<string, unknown> = Record<string, unkn
     }) => 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)) & ((evt: "update:view", value: "table" | "cards") => void);
 }>) => import('vue').VNode & {

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

@@ -65,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/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;