@sentropic/design-system-vue 0.11.0 → 0.12.0

package/dist/FunnelChart.js

@@ -0,0 +1,191 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList, labelColorForTone } from "./chartScale.js";
+const MARGIN = { top: 16, right: 16, bottom: 16, left: 16 };
+const GAP = 6;
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+/**
+ * Magnitude normalisée d'une étape : un entonnoir ne représente que des
+ * grandeurs positives. Les valeurs non finies ou négatives sont ramenées à 0.
+ */
+function magnitude(v) {
+    return Number.isFinite(v) && v > 0 ? v : 0;
+}
+function formatPercent(p) {
+    if (!Number.isFinite(p))
+        return "0%";
+    return `${p % 1 === 0 ? p.toFixed(0) : p.toFixed(1)}%`;
+}
+export const FunnelChart = defineComponent({
+    name: "FunnelChart",
+    props: {
+        data: { type: Array, required: true },
+        orientation: { type: String, default: "vertical" },
+        showPercentages: { type: Boolean, default: true },
+        percentMode: { type: String, default: "ofFirst" },
+        legend: { type: Boolean, default: false },
+        label: { type: String, required: true },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 280 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredIndex = ref(null);
+        function handleLeave() {
+            hoveredIndex.value = null;
+        }
+        function handleVisualPointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredIndex.value = null;
+                return;
+            }
+            const index = Number(target.getAttribute("data-chart-index"));
+            hoveredIndex.value = Number.isInteger(index) ? index : null;
+        }
+        return () => {
+            const data = props.data ?? [];
+            const orientation = props.orientation ?? "vertical";
+            const showPercentages = props.showPercentages ?? true;
+            const percentMode = props.percentMode ?? "ofFirst";
+            const legend = props.legend ?? false;
+            const label = props.label;
+            const width = props.width ?? 480;
+            const height = props.height ?? 280;
+            const first = magnitude(data[0]?.value ?? 0);
+            const percents = data.map((d, i) => {
+                const value = magnitude(d.value);
+                const ref0 = percentMode === "ofPrevious" ? magnitude(data[i - 1]?.value ?? d.value) : first;
+                return ref0 === 0 ? 0 : (value / ref0) * 100;
+            });
+            let segments = [];
+            if (data.length !== 0) {
+                const maxValue = Math.max(0, ...data.map((d) => magnitude(d.value)));
+                const safeMax = maxValue === 0 ? 1 : maxValue;
+                const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
+                const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+                if (orientation === "vertical") {
+                    const band = plotH / data.length;
+                    const segH = Math.max(band - GAP, 1);
+                    const cx = MARGIN.left + plotW / 2;
+                    segments = data.map((d, i) => {
+                        const tone = d.tone ?? TONES[i % TONES.length];
+                        const topHalf = (magnitude(d.value) / safeMax) * (plotW / 2);
+                        const nextVal = data[i + 1] ? magnitude(data[i + 1].value) : magnitude(d.value);
+                        // Forme strictement décroissante : le bas ne dépasse jamais le haut.
+                        const botHalf = Math.min((nextVal / safeMax) * (plotW / 2), topHalf);
+                        const y0 = MARGIN.top + band * i;
+                        const y1 = y0 + segH;
+                        const points = [
+                            `${cx - topHalf},${y0}`,
+                            `${cx + topHalf},${y0}`,
+                            `${cx + botHalf},${y1}`,
+                            `${cx - botHalf},${y1}`,
+                        ].join(" ");
+                        return {
+                            points,
+                            datum: d,
+                            tone,
+                            textColor: labelColorForTone(tone),
+                            cx,
+                            cy: (y0 + y1) / 2,
+                            labelX: cx,
+                            labelY: (y0 + y1) / 2,
+                            percent: percents[i],
+                        };
+                    });
+                }
+                else {
+                    const band = plotW / data.length;
+                    const segW = Math.max(band - GAP, 1);
+                    const cy = MARGIN.top + plotH / 2;
+                    segments = data.map((d, i) => {
+                        const tone = d.tone ?? TONES[i % TONES.length];
+                        const leftHalf = (magnitude(d.value) / safeMax) * (plotH / 2);
+                        const nextVal = data[i + 1] ? magnitude(data[i + 1].value) : magnitude(d.value);
+                        const rightHalf = Math.min((nextVal / safeMax) * (plotH / 2), leftHalf);
+                        const x0 = MARGIN.left + band * i;
+                        const x1 = x0 + segW;
+                        const points = [
+                            `${x0},${cy - leftHalf}`,
+                            `${x1},${cy - rightHalf}`,
+                            `${x1},${cy + rightHalf}`,
+                            `${x0},${cy + leftHalf}`,
+                        ].join(" ");
+                        return {
+                            points,
+                            datum: d,
+                            tone,
+                            textColor: labelColorForTone(tone),
+                            cx: (x0 + x1) / 2,
+                            cy,
+                            labelX: (x0 + x1) / 2,
+                            labelY: cy,
+                            percent: percents[i],
+                        };
+                    });
+                }
+            }
+            const dataValueItems = data.map((d, i) => showPercentages ? `${d.label}: ${d.value} (${formatPercent(percents[i])})` : `${d.label}: ${d.value}`);
+            const legendItems = data.map((d, i) => ({ label: d.label, tone: d.tone ?? TONES[i % TONES.length] }));
+            const hoveredIdx = hoveredIndex.value;
+            const polygons = segments.map((seg, i) => h("polygon", {
+                key: `p${seg.datum.label}`,
+                class: classNames("st-funnelChart__segment", `st-funnelChart__segment--${seg.tone}`, hoveredIdx !== null && hoveredIdx !== i && "st-funnelChart__segment--dim"),
+                points: seg.points,
+                "data-chart-index": i,
+            }));
+            const textChildren = [];
+            segments.forEach((seg) => {
+                textChildren.push(h("text", { key: `lbl${seg.datum.label}`, class: "st-funnelChart__label", x: seg.labelX, y: seg.labelY - 6, "text-anchor": "middle", "dominant-baseline": "middle", style: `fill: ${seg.textColor}` }, seg.datum.label), h("text", { key: `val${seg.datum.label}`, class: "st-funnelChart__value", x: seg.labelX, y: seg.labelY + 8, "text-anchor": "middle", "dominant-baseline": "middle", style: `fill: ${seg.textColor}` }, showPercentages ? `${seg.datum.value} · ${formatPercent(seg.percent)}` : String(seg.datum.value)));
+            });
+            const children = [
+                h("div", {
+                    class: "st-funnelChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handleVisualPointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${width} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%",
+                        height: "100%",
+                        focusable: "false",
+                        "aria-hidden": "true",
+                    }, [...polygons, ...textChildren]),
+                ]),
+                chartDataList(label, dataValueItems),
+            ];
+            if (hoveredIdx !== null && segments[hoveredIdx]) {
+                const seg = segments[hoveredIdx];
+                children.push(h("div", {
+                    class: "st-funnelChart__tooltip",
+                    role: "presentation",
+                    style: `left: ${(seg.cx / width) * 100}%; top: ${(seg.cy / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-funnelChart__tooltipLabel" }, seg.datum.label),
+                    h("span", { class: "st-funnelChart__tooltipValue" }, showPercentages ? `${seg.datum.value} · ${formatPercent(seg.percent)}` : String(seg.datum.value)),
+                ]));
+            }
+            if (legend && legendItems.length > 0) {
+                children.push(h("ul", { class: "st-funnelChart__legend", "aria-hidden": "true" }, legendItems.map((item) => h("li", { key: item.label, class: "st-funnelChart__legendItem" }, [
+                    h("span", { class: `st-funnelChart__legendSwatch st-funnelChart__legendSwatch--${item.tone}`, "aria-hidden": "true" }),
+                    ` ${item.label}`,
+                ]))));
+            }
+            return h("div", { ...attrs, class: classNames("st-funnelChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=FunnelChart.js.map

package/dist/FunnelChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.js","sourceRoot":"","sources":["../src/FunnelChart.ts"],"names":[],"mappings":"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"}

package/dist/GaugeChart.d.ts

@@ -0,0 +1,134 @@
+export type GaugeChartTone = "neutral" | "info" | "success" | "warning" | "error" | "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type GaugeChartThreshold = {
+    value: number;
+    tone: GaugeChartTone;
+};
+export type GaugeChartFormat = "number" | "percent";
+export type GaugeChartProps = {
+    value: number;
+    min?: number;
+    max?: number;
+    thresholds?: GaugeChartThreshold[];
+    label?: string;
+    format?: GaugeChartFormat;
+    unit?: string;
+    size?: number;
+    thickness?: number;
+    startAngle?: number;
+    endAngle?: number;
+    class?: string;
+};
+export declare const GaugeChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thresholds: {
+        type: () => GaugeChartThreshold[];
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    format: {
+        type: () => GaugeChartFormat;
+        default: string;
+    };
+    unit: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thickness: {
+        type: NumberConstructor;
+        default: number;
+    };
+    startAngle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endAngle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thresholds: {
+        type: () => GaugeChartThreshold[];
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    format: {
+        type: () => GaugeChartFormat;
+        default: string;
+    };
+    unit: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thickness: {
+        type: NumberConstructor;
+        default: number;
+    };
+    startAngle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endAngle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    min: number;
+    max: number;
+    size: number;
+    thickness: number;
+    thresholds: GaugeChartThreshold[];
+    format: GaugeChartFormat;
+    unit: string;
+    startAngle: number;
+    endAngle: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=GaugeChart.d.ts.map

package/dist/GaugeChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeChart.d.ts","sourceRoot":"","sources":["../src/GaugeChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAWF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;cAMU,MAAM,mBAAmB,EAAE;;;;;;;;cAE9B,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAFnB,MAAM,mBAAmB,EAAE;;;;;;;;cAE9B,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA8KlD,CAAC"}

package/dist/GaugeChart.js

@@ -0,0 +1,152 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const toRad = (deg) => (deg * Math.PI) / 180;
+const polar = (radius, angle, centerX, centerY) => [centerX + radius * Math.cos(angle), centerY + radius * Math.sin(angle)];
+export const GaugeChart = defineComponent({
+    name: "GaugeChart",
+    props: {
+        value: { type: Number, required: true },
+        min: { type: Number, default: 0 },
+        max: { type: Number, default: 100 },
+        thresholds: { type: Array, default: undefined },
+        label: { type: String, default: undefined },
+        format: { type: String, default: "number" },
+        unit: { type: String, default: undefined },
+        size: { type: Number, default: 220 },
+        thickness: { type: Number, default: 22 },
+        startAngle: { type: Number, default: 180 },
+        endAngle: { type: Number, default: 360 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const value = props.value;
+            const min = props.min ?? 0;
+            const max = props.max ?? 100;
+            const thresholds = props.thresholds;
+            const label = props.label;
+            const format = props.format ?? "number";
+            const unit = props.unit;
+            const size = props.size ?? 220;
+            const thickness = props.thickness ?? 22;
+            const startAngle = props.startAngle ?? 180;
+            const endAngle = props.endAngle ?? 360;
+            const span = Math.max(max - min, 0);
+            const clamped = Math.min(Math.max(value, min), max);
+            const frac = span > 0 ? (clamped - min) / span : 0;
+            const cx = size / 2;
+            const r = size / 2 - thickness / 2 - 2;
+            const a0 = toRad(startAngle);
+            const a1 = toRad(endAngle);
+            const totalAngle = a1 - a0;
+            // Hauteur réelle de l'arc pour cadrer le viewBox.
+            const cyRaw = size / 2;
+            const samples = 64;
+            let minY = Infinity;
+            let maxY = -Infinity;
+            for (let i = 0; i <= samples; i++) {
+                const a = a0 + (totalAngle * i) / samples;
+                const yOuter = cyRaw + (r + thickness / 2) * Math.sin(a);
+                minY = Math.min(minY, yOuter);
+                maxY = Math.max(maxY, yOuter);
+            }
+            minY = Math.min(minY, cyRaw - (r + thickness / 2));
+            const vbHeightRaw = Math.min(maxY, size) - Math.max(minY, 0);
+            const geometry = { cy: cyRaw, vbTop: Math.max(minY, 0), vbHeight: Math.max(vbHeightRaw, thickness) };
+            const cy = geometry.cy;
+            const arcPath = (fromFrac, toFrac) => {
+                const from = a0 + totalAngle * fromFrac;
+                const to = a0 + totalAngle * toFrac;
+                const [x0, y0] = polar(r, from, cx, cy);
+                const [x1, y1] = polar(r, to, cx, cy);
+                const large = Math.abs(to - from) > Math.PI ? 1 : 0;
+                const sweep = totalAngle >= 0 ? 1 : 0;
+                return `M ${x0} ${y0} A ${r} ${r} 0 ${large} ${sweep} ${x1} ${y1}`;
+            };
+            let bands = [];
+            if (thresholds && thresholds.length > 0 && span > 0) {
+                const sorted = [...thresholds].sort((a, b) => a.value - b.value);
+                const segments = [];
+                let start = min;
+                for (const t of sorted) {
+                    const end = Math.min(Math.max(t.value, min), max);
+                    if (end <= start)
+                        continue;
+                    segments.push({ from: (start - min) / span, to: (end - min) / span, tone: t.tone });
+                    start = end;
+                }
+                if (start < max) {
+                    const lastTone = sorted[sorted.length - 1]?.tone ?? "neutral";
+                    segments.push({ from: (start - min) / span, to: 1, tone: lastTone });
+                }
+                bands = segments;
+            }
+            const needleAngle = a0 + totalAngle * frac;
+            const tip = polar(r + thickness / 2, needleAngle, cx, cy);
+            const leftPt = polar(thickness * 0.18, needleAngle + Math.PI / 2, cx, cy);
+            const rightPt = polar(thickness * 0.18, needleAngle - Math.PI / 2, cx, cy);
+            const needle = `M ${leftPt[0]} ${leftPt[1]} L ${tip[0]} ${tip[1]} L ${rightPt[0]} ${rightPt[1]} Z`;
+            let formatted;
+            if (format === "percent") {
+                const pct = span > 0 ? Math.round(frac * 100) : 0;
+                formatted = `${pct}%`;
+            }
+            else {
+                const num = Number.isInteger(clamped) ? String(clamped) : clamped.toFixed(1);
+                formatted = unit ? `${num} ${unit}` : num;
+            }
+            // Inclure la bande de seuil active dans aria-valuetext (a11y : zone succès/alerte/erreur).
+            let activeBandLabel;
+            if (bands.length > 0) {
+                const activeBand = bands.find((b) => b.to >= frac && b.from <= frac) ?? bands[bands.length - 1];
+                if (activeBand)
+                    activeBandLabel = activeBand.tone;
+            }
+            const ariaValueText = [label ? `${label}: ${formatted}` : formatted, activeBandLabel ? `zone ${activeBandLabel}` : undefined]
+                .filter(Boolean)
+                .join(", ");
+            const dataValueItems = [`${label ? `${label}: ` : ""}${formatted} (min ${min}, max ${max})`];
+            const svgChildren = [
+                h("path", { class: "st-gaugeChart__track", d: arcPath(0, 1), fill: "none", "stroke-width": thickness }),
+            ];
+            bands.forEach((band, i) => {
+                svgChildren.push(h("path", {
+                    key: `band${i}`,
+                    class: `st-gaugeChart__band st-gaugeChart__band--${band.tone}`,
+                    d: arcPath(band.from, band.to),
+                    fill: "none",
+                    "stroke-width": thickness,
+                }));
+            });
+            if (bands.length === 0) {
+                svgChildren.push(h("path", { class: "st-gaugeChart__progress", d: arcPath(0, frac), fill: "none", "stroke-width": thickness }));
+            }
+            svgChildren.push(h("path", { class: "st-gaugeChart__needle", d: needle }), h("circle", { class: "st-gaugeChart__hub", cx, cy, r: Math.max(thickness * 0.22, 4) }), h("text", { class: "st-gaugeChart__value", x: cx, y: cy - thickness * 0.55, "text-anchor": "middle", "dominant-baseline": "auto" }, formatted));
+            if (label) {
+                svgChildren.push(h("text", { class: "st-gaugeChart__label", x: cx, y: cy - thickness * 0.05, "text-anchor": "middle", "dominant-baseline": "hanging" }, label));
+            }
+            return h("div", { ...attrs, class: classNames("st-gaugeChart", props.class) }, [
+                h("div", {
+                    class: "st-gaugeChart__visual",
+                    role: "meter",
+                    "aria-valuenow": clamped,
+                    "aria-valuemin": min,
+                    "aria-valuemax": max,
+                    "aria-valuetext": ariaValueText,
+                    "aria-label": label,
+                }, [
+                    h("svg", {
+                        viewBox: `0 ${geometry.vbTop} ${size} ${geometry.vbHeight}`,
+                        width: "100%",
+                        height: "100%",
+                        focusable: "false",
+                        "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+                chartDataList(label ?? "gauge", dataValueItems),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=GaugeChart.js.map

package/dist/GaugeChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeChart.js","sourceRoot":"","sources":["../src/GaugeChart.ts"],"names":[],"mappings":"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"}

package/dist/KpiCard.d.ts

@@ -0,0 +1,151 @@
+export type KpiCardSize = "sm" | "md" | "lg";
+export type KpiCardTrend = "up" | "down" | "flat";
+export type KpiCardFormat = "number" | "currency" | "percent";
+export type KpiCardDeltaFormat = "percent" | "absolute";
+export type KpiCardTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type KpiCardProps = {
+    /**
+     * Valeur principale. Si `format="percent"`, `value` est une FRACTION (0–1) :
+     * passer `0.42` affiche « 42 % » (Intl multiplie par 100). Le formatage ne
+     * s'applique qu'aux `number` ; une `string` est rendue telle quelle.
+     */
+    value: number | string;
+    label: string;
+    /**
+     * Variation. En `deltaFormat="percent"` (défaut), `delta` est une FRACTION :
+     * `0.12` → « +12 % ». NaN/Infinity sont rendus inertes.
+     */
+    delta?: number;
+    deltaFormat?: KpiCardDeltaFormat;
+    trend?: KpiCardTrend;
+    format?: KpiCardFormat;
+    unit?: string;
+    currency?: string;
+    locale?: string;
+    sparkline?: number[];
+    size?: KpiCardSize;
+    tone?: KpiCardTone;
+    class?: string;
+};
+export declare const KpiCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: () => number | string;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    delta: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    deltaFormat: {
+        type: () => KpiCardDeltaFormat;
+        default: string;
+    };
+    trend: {
+        type: () => KpiCardTrend;
+        default: undefined;
+    };
+    format: {
+        type: () => KpiCardFormat;
+        default: string;
+    };
+    unit: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    currency: {
+        type: StringConstructor;
+        default: string;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    sparkline: {
+        type: () => number[];
+        default: undefined;
+    };
+    size: {
+        type: () => KpiCardSize;
+        default: string;
+    };
+    tone: {
+        type: () => KpiCardTone;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: () => number | string;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    delta: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    deltaFormat: {
+        type: () => KpiCardDeltaFormat;
+        default: string;
+    };
+    trend: {
+        type: () => KpiCardTrend;
+        default: undefined;
+    };
+    format: {
+        type: () => KpiCardFormat;
+        default: string;
+    };
+    unit: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    currency: {
+        type: StringConstructor;
+        default: string;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    sparkline: {
+        type: () => number[];
+        default: undefined;
+    };
+    size: {
+        type: () => KpiCardSize;
+        default: string;
+    };
+    tone: {
+        type: () => KpiCardTone;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    tone: KpiCardTone;
+    locale: string;
+    size: KpiCardSize;
+    format: KpiCardFormat;
+    unit: string;
+    currency: string;
+    delta: number;
+    deltaFormat: KpiCardDeltaFormat;
+    trend: KpiCardTrend;
+    sparkline: number[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=KpiCard.d.ts.map