@selectwin/kit 0.1.123 → 0.1.124

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,6 +6,11 @@ type SelectListCardOwnProps = {
6
6
  headerAction?: ReactNode;
7
7
  /** Borderless footer below the rows box (e.g. "Updated · View all"). */
8
8
  footer?: ReactNode;
9
+ /**
10
+ * Linhas mais baixas (0.1.124) — para um card de resumo que divide a linha da grade com outros
11
+ * (cinco nomes num card de um terço sem esticar a linha inteira).
12
+ */
13
+ dense?: boolean;
9
14
  children: ReactNode;
10
15
  };
11
16
  export type SelectListCardProps = SelectListCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectListCardOwnProps>;
@@ -3,6 +3,8 @@ export interface SelectMiniStat {
3
3
  key?: string;
4
4
  label: ReactNode;
5
5
  value: ReactNode;
6
+ /** Linha de apoio sob o número ("398 de 1.284", "mediana entre compras"). */
7
+ hint?: ReactNode;
6
8
  }
7
9
  type SelectMiniStatsOwnProps = {
8
10
  items: SelectMiniStat[];
@@ -74,6 +74,8 @@ type SelectUserCellOwnProps = {
74
74
  name: ReactNode;
75
75
  secondary?: ReactNode;
76
76
  src?: string;
77
+ /** Um selo ao lado do nome ("Inadimplente") — sem roubar a largura da linha de baixo. */
78
+ badge?: ReactNode;
77
79
  };
78
80
  export type SelectUserCellProps = SelectUserCellOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectUserCellOwnProps>;
79
81
  export declare const SelectUserCell: import('react').ForwardRefExoticComponent<SelectUserCellOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectUserCellOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
package/dist/index.js CHANGED
@@ -6664,17 +6664,23 @@ function ga({ enabled: e, open: t, id: n, children: r }) {
6664
6664
  })
6665
6665
  }) : /* @__PURE__ */ m(p, { children: r });
6666
6666
  }
6667
- var _a = r(function({ name: e, secondary: t, src: n, className: r, ...i }, a) {
6667
+ var _a = r(function({ name: e, secondary: t, src: n, badge: r, className: i, ...a }, o) {
6668
6668
  return /* @__PURE__ */ h("span", {
6669
- ref: a,
6670
- ...i,
6671
- className: `select-usercell${r ? " " + r : ""}`,
6669
+ ref: o,
6670
+ ...a,
6671
+ className: `select-usercell${i ? " " + i : ""}`,
6672
6672
  children: [/* @__PURE__ */ m(_i, {
6673
6673
  name: typeof e == "string" ? e : void 0,
6674
6674
  src: n
6675
6675
  }), /* @__PURE__ */ h("span", {
6676
6676
  className: "select-usercell__text",
6677
- children: [/* @__PURE__ */ m("span", {
6677
+ children: [r ? /* @__PURE__ */ h("span", {
6678
+ className: "select-usercell__line",
6679
+ children: [/* @__PURE__ */ m("span", {
6680
+ className: "select-usercell__name",
6681
+ children: e
6682
+ }), r]
6683
+ }) : /* @__PURE__ */ m("span", {
6678
6684
  className: "select-usercell__name",
6679
6685
  children: e
6680
6686
  }), t && /* @__PURE__ */ m("span", {
@@ -10623,13 +10629,20 @@ var qs = r(function({ value: e, max: t = 100, size: n = 64, thickness: r, tone:
10623
10629
  className: `select-ministats select-ministats--${t}${n ? " " + n : ""}`,
10624
10630
  children: e.map((e, t) => /* @__PURE__ */ h("div", {
10625
10631
  className: "select-ministats__item",
10626
- children: [/* @__PURE__ */ m("dt", {
10627
- className: "select-ministats__label",
10628
- children: e.label
10629
- }), /* @__PURE__ */ m("dd", {
10630
- className: "select-ministats__value",
10631
- children: e.value
10632
- })]
10632
+ children: [
10633
+ /* @__PURE__ */ m("dt", {
10634
+ className: "select-ministats__label",
10635
+ children: e.label
10636
+ }),
10637
+ /* @__PURE__ */ m("dd", {
10638
+ className: "select-ministats__value",
10639
+ children: e.value
10640
+ }),
10641
+ e.hint != null && /* @__PURE__ */ m("dd", {
10642
+ className: "select-ministats__hint",
10643
+ children: e.hint
10644
+ })
10645
+ ]
10633
10646
  }, e.key ?? t))
10634
10647
  });
10635
10648
  }), ec = r(function({ brand: e, lastDigits: t, caption: n, className: r, ...i }, a) {
@@ -25219,11 +25232,11 @@ var wl = r(function({ name: e, price: t, priceSuffix: n, headerAction: r, summar
25219
25232
  })]
25220
25233
  })]
25221
25234
  });
25222
- }), Tl = r(function({ title: e, description: t, headerAction: n, footer: r, children: i, className: a, ...o }, s) {
25235
+ }), Tl = r(function({ title: e, description: t, headerAction: n, footer: r, dense: i = !1, children: a, className: o, ...s }, c) {
25223
25236
  return /* @__PURE__ */ h("div", {
25224
- ref: s,
25225
- ...o,
25226
- className: `select-listcard${a ? " " + a : ""}`,
25237
+ ref: c,
25238
+ ...s,
25239
+ className: `select-listcard${i ? " select-listcard--dense" : ""}${o ? " " + o : ""}`,
25227
25240
  children: [
25228
25241
  (e || n) && /* @__PURE__ */ h("div", {
25229
25242
  className: "select-listcard__head",
@@ -25245,7 +25258,7 @@ var wl = r(function({ name: e, price: t, priceSuffix: n, headerAction: r, summar
25245
25258
  className: "select-listcard__body",
25246
25259
  children: /* @__PURE__ */ m("div", {
25247
25260
  className: "select-listcard__rows",
25248
- children: i
25261
+ children: a
25249
25262
  })
25250
25263
  }),
25251
25264
  r && /* @__PURE__ */ m("div", {