@evixcard/evx-ui-kit 0.2.0 → 1.0.0

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

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

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

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

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

@@ -5,6 +5,9 @@ interface Props {
     variant: Variant;
     isLoading: boolean;
     isDisabled: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    loadingText?: string;
+    fullWidth: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -15,15 +18,16 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Props>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
+declare const __VLS_component: import('vue').DefineComponent<Partial<Props>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<Partial<Props>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
     size: EvButtonSize;
     variant: Variant;
     isLoading: boolean;
     isDisabled: boolean;
+    fullWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/EvButton/tokens.spec.d.ts

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

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

@@ -4,6 +4,10 @@ export declare const variants: {
     link: string;
     ghost: string;
     black: string;
+    third: string;
+    danger: string;
+    success: string;
+    warning: string;
     icon: string;
 };
 export declare const sizes: {

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

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

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

@@ -0,0 +1,24 @@
+import { EvDataTableProps } 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 onSort?: ((field: string, direction: "desc" | "asc") => any) | undefined;
+        readonly "onUpdate:page"?: ((page: number) => 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>, "onSort" | "onUpdate:page" | "onRow-click" | "onUpdate:selectedKeys"> & EvDataTableProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: unknown;
+    }) => any>> & {
+        empty?(_: {}): 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);
+}>) => 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/index.d.ts

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

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

@@ -0,0 +1,17 @@
+export interface EvDataTableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    class?: string;
+}
+export interface EvDataTableProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    data?: T[];
+    columns: EvDataTableColumn[];
+    sortField?: string;
+    sortDirection?: 'asc' | 'desc';
+    page?: number;
+    pageSize?: number;
+    selectable?: boolean;
+    selectedKeys?: (string | number)[];
+    rowKey?: string;
+}

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

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

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

@@ -0,0 +1,38 @@
+export type EvModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface EvModalProps {
+    open: boolean;
+    title: string;
+    size?: EvModalSize;
+    closable?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+        panelRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EvModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<EvModalProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    size: EvModalSize;
+    closable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    panelRef: HTMLDivElement;
+}, 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/EvModal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as EvModal } from './EvModal.vue';
+export type { EvModalProps, EvModalSize } from './EvModal.vue';
+export { __resetModalStackForTests } from './modalStack.ts';

package/dist/components/EvModal/modalStack.d.ts

@@ -0,0 +1,9 @@
+export interface ModalLayer {
+    backdropZ: number;
+    panelZ: number;
+}
+export declare function acquireModalZ(): ModalLayer;
+export declare function releaseModalZ(layer: ModalLayer): void;
+export declare function acquireScrollLock(): void;
+export declare function releaseScrollLock(): void;
+export declare function __resetModalStackForTests(): void;

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

@@ -7,7 +7,7 @@ export interface EvPopupProps {
      * - `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
+     *   title (`text-lg font-semibold text-foreground`) — designed for confirmation
      *   modals and other action-focused flows.
      */
     size?: EvPopupSize;

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

@@ -18,7 +18,7 @@ export interface EvSpinnerProps {
      *   wheel similar to `border-X/20 + border-t-X` snippets in product code.
      */
     variant?: EvSpinnerVariant;
-    /** Indicator color (any CSS color). Default: `#232525`. */
+    /** Indicator color (any CSS color). Default: `var(--foreground)`. */
     color?: string;
     /** Override track tint for the `track` variant (default: 20% alpha of `color`). */
     trackColor?: string;
@@ -30,7 +30,7 @@ export interface EvSpinnerProps {
 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;
+    label: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

package/dist/components/charts/ChartTooltip.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartTooltipStyle } from './useChartTheme.ts';
+export interface ChartTooltipItem {
+    label: string;
+    color: string;
+    value: string | number;
+}
+type __VLS_Props = {
+    visible: boolean;
+    x: number;
+    y: number;
+    title?: string;
+    items: ChartTooltipItem[];
+    style: ChartTooltipStyle;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/charts/EvxAreaChart.spec.d.ts

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

package/dist/components/charts/EvxAreaChart.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxAreaChartProps {
+    data: ChartRow[];
+    xKey?: string;
+    yKeys?: string[];
+    seriesLabels?: string[];
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxAreaChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxAreaChartProps> & Readonly<{}>, {
+    height: number;
+    xKey: string;
+    yKeys: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/EvxBarChart.spec.d.ts

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

package/dist/components/charts/EvxBarChart.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxBarChartProps {
+    data: ChartRow[];
+    xKey?: string;
+    yKeys?: string[];
+    seriesLabels?: string[];
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxBarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxBarChartProps> & Readonly<{}>, {
+    height: number;
+    xKey: string;
+    yKeys: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/EvxComposedChart.spec.d.ts

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

package/dist/components/charts/EvxComposedChart.vue.d.ts

@@ -0,0 +1,18 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxComposedChartProps {
+    data: ChartRow[];
+    xKey?: string;
+    barKeys?: string[];
+    lineKeys?: string[];
+    seriesLabels?: string[];
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxComposedChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxComposedChartProps> & Readonly<{}>, {
+    height: number;
+    xKey: string;
+    barKeys: string[];
+    lineKeys: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/EvxLineChart.spec.d.ts

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

package/dist/components/charts/EvxLineChart.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxLineChartProps {
+    data: ChartRow[];
+    xKey?: string;
+    yKeys?: string[];
+    seriesLabels?: string[];
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxLineChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxLineChartProps> & Readonly<{}>, {
+    height: number;
+    xKey: string;
+    yKeys: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/EvxPieChart.spec.d.ts

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

package/dist/components/charts/EvxPieChart.vue.d.ts

@@ -0,0 +1,17 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxPieChartProps {
+    data: ChartRow[];
+    nameKey?: string;
+    valueKey?: string;
+    donut?: boolean;
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxPieChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxPieChartProps> & Readonly<{}>, {
+    height: number;
+    nameKey: string;
+    valueKey: string;
+    donut: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/EvxRadarChart.spec.d.ts

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

package/dist/components/charts/EvxRadarChart.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxRadarChartProps {
+    data: ChartRow[];
+    nameKey?: string;
+    valueKeys?: string[];
+    seriesLabels?: string[];
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxRadarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxRadarChartProps> & Readonly<{}>, {
+    height: number;
+    nameKey: string;
+    valueKeys: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/EvxRadialChart.spec.d.ts

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

package/dist/components/charts/EvxRadialChart.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxRadialChartProps {
+    data: ChartRow[];
+    nameKey?: string;
+    valueKey?: string;
+    max?: number;
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxRadialChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxRadialChartProps> & Readonly<{}>, {
+    height: number;
+    nameKey: string;
+    valueKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,8 @@
+export { default as EvxAreaChart, type EvxAreaChartProps } from './EvxAreaChart.vue';
+export { default as EvxBarChart, type EvxBarChartProps } from './EvxBarChart.vue';
+export { default as EvxLineChart, type EvxLineChartProps } from './EvxLineChart.vue';
+export { default as EvxPieChart, type EvxPieChartProps } from './EvxPieChart.vue';
+export { default as EvxRadarChart, type EvxRadarChartProps } from './EvxRadarChart.vue';
+export { default as EvxRadialChart, type EvxRadialChartProps } from './EvxRadialChart.vue';
+export { default as EvxComposedChart, type EvxComposedChartProps } from './EvxComposedChart.vue';
+export type { ChartRow } from './useCartesianFrame.ts';

package/dist/components/charts/useCartesianFrame.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+export type ChartRow = Record<string, number | string>;
+interface FrameOptions {
+    wrapperRef: Ref<HTMLElement | null>;
+    data: () => ChartRow[];
+    xKey: () => string;
+    yKeys: () => string[];
+    height: () => number;
+    mode?: 'point' | 'band';
+    bandPadding?: number;
+}
+export declare const CHART_MARGIN: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export declare function useCartesianFrame(opts: FrameOptions): {
+    width: Ref<number, number>;
+    margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    innerW: import('vue').ComputedRef<number>;
+    innerH: import('vue').ComputedRef<number>;
+    categories: import('vue').ComputedRef<string[]>;
+    xPoint: import('vue').ComputedRef<import('d3-scale').ScalePoint<string>>;
+    xBand: import('vue').ComputedRef<import('d3-scale').ScaleBand<string>>;
+    y: import('vue').ComputedRef<import('d3-scale').ScaleLinear<number, number, never>>;
+    yTicks: import('vue').ComputedRef<number[]>;
+    maxY: import('vue').ComputedRef<number>;
+    hoverIndex: Ref<number | null, number | null>;
+    onMove: (e: MouseEvent) => void;
+    onLeave: () => void;
+};
+export {};

package/dist/components/charts/useChartTheme.d.ts

@@ -0,0 +1,22 @@
+export interface ChartTooltipStyle {
+    border: string;
+    radius: number;
+    shadow: string;
+    background: string;
+}
+export declare function useChartTheme(): {
+    colors: import('vue').Ref<string[], string[]>;
+    axis: import('vue').Ref<string, string>;
+    grid: import('vue').Ref<string, string>;
+    tooltip: import('vue').Ref<{
+        border: string;
+        radius: number;
+        shadow: string;
+        background: string;
+    }, ChartTooltipStyle | {
+        border: string;
+        radius: number;
+        shadow: string;
+        background: string;
+    }>;
+};