@selectwin/kit 0.1.111 → 0.1.112

package/dist/SelectMoney.d.ts

@@ -20,11 +20,17 @@ export declare function SelectMoney({ cents, sensitive, }: {
     sensitive?: boolean;
 }): import("react").JSX.Element;
 type SelectMetricDeltaOwnProps = {
-    /** Variation as a percentage (e.g. 12.4 or -3.1). null → "—". */
+    /** Variation as a percentage (e.g. 12.4 or -3.1), or in percentage POINTS with `unit="points"`. null → "—". */
     value: number | null | undefined;
     /** When true a negative delta is the good one (chargeback, recusas) → green. */
     invert?: boolean;
     caption?: string;
+    /**
+     * `percent` (default): relative change — "▲ +12,4%".
+     * `points`: difference between two RATES, in percentage points — "▲ +2,3 p.p.". A taxa de
+     * aprovação que foi de 80% para 82% subiu 2 p.p., não 2%: com o "%" o lojista lê variação relativa.
+     */
+    unit?: 'percent' | 'points';
 };
 export type SelectMetricDeltaProps = SelectMetricDeltaOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectMetricDeltaOwnProps>;
 export declare const SelectMetricDelta: import('react').ForwardRefExoticComponent<SelectMetricDeltaOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectMetricDeltaOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/index.js

@@ -7243,24 +7243,24 @@ var Ya = new Intl.NumberFormat("pt-BR", {
 	signDisplay: "exceptZero",
 	minimumFractionDigits: 1,
 	maximumFractionDigits: 1
-}), Xa = r(function({ value: e, invert: t = !1, caption: n, className: r, ...i }, a) {
+}), Xa = r(function({ value: e, invert: t = !1, caption: n, unit: r = "percent", className: i, ...a }, o) {
 	if (e == null || !Number.isFinite(e)) return /* @__PURE__ */ h("span", {
-		ref: a,
-		...i,
-		className: `select-delta select-delta--muted${r ? " " + r : ""}`,
+		ref: o,
+		...a,
+		className: `select-delta select-delta--muted${i ? " " + i : ""}`,
 		children: ["—", n ? ` ${n}` : ""]
 	});
-	let o = e === 0, s = e > 0, c = o ? null : t ? !s : s, l = c == null ? "muted" : c ? "up" : "down", u = o ? "" : s ? "▲" : "▼";
+	let s = e === 0, c = e > 0, l = s ? null : t ? !c : c, u = l == null ? "muted" : l ? "up" : "down", d = s ? "" : c ? "▲" : "▼";
 	return /* @__PURE__ */ h("span", {
-		ref: a,
-		...i,
-		className: `select-delta${r ? " " + r : ""}`,
+		ref: o,
+		...a,
+		className: `select-delta${i ? " " + i : ""}`,
 		children: [/* @__PURE__ */ h("span", {
-			className: `select-delta__value select-delta__value--${l}`,
+			className: `select-delta__value select-delta__value--${u}`,
 			children: [
-				u ? `${u} ` : "",
+				d ? `${d} ` : "",
 				Ya.format(e),
-				"%"
+				r === "points" ? " p.p." : "%"
 			]
 		}), n != null && /* @__PURE__ */ m("span", {
 			className: "select-delta__caption",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selectwin/kit",
-  "version": "0.1.111",
+  "version": "0.1.112",
   "description": "Selectwin design-system kit — primitivos React, charts SVG e tokens (theme-aware, sem dependência de biblioteca de chart).",
   "type": "module",
   "repository": {