@selectwin/kit 0.1.122 → 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.
@@ -13,9 +13,15 @@ type SelectStackOwnProps = {
13
13
  inlineAlign?: CrossAlign;
14
14
  as?: LayoutEl;
15
15
  className?: string;
16
+ /**
17
+ * Take the whole height of the parent (a card body stretched to its grid neighbour). With
18
+ * `align="space-between"` the first child sits at the top and the last at the bottom, so the
19
+ * extra room lands BETWEEN them instead of as an empty band under the content.
20
+ */
21
+ fill?: boolean;
16
22
  };
17
23
  export type SelectStackProps = SelectStackOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectStackOwnProps>;
18
- export declare function SelectStack({ children, gap, align, inlineAlign, as, className, ...rest }: SelectStackProps): import("react").JSX.Element;
24
+ export declare function SelectStack({ children, gap, align, inlineAlign, as, className, fill, ...rest }: SelectStackProps): import("react").JSX.Element;
19
25
  type SelectInlineOwnProps = {
20
26
  children: ReactNode;
21
27
  gap?: SelectSpace;
@@ -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[];
@@ -14,11 +14,17 @@ export interface SelectProgressItem {
14
14
  /** Override this row's bar colour. */
15
15
  color?: string;
16
16
  }
17
- export declare function SelectProgressList({ items, format, color, emptyText, }: {
17
+ export declare function SelectProgressList({ items, format, color, emptyText, spread, }: {
18
18
  items: SelectProgressItem[];
19
19
  format?: (n: number) => string;
20
20
  /** One colour for every bar (else the chart ramp, one hue per row). */
21
21
  color?: string;
22
22
  emptyText?: string;
23
+ /**
24
+ * Grow into the free height of a flex-column parent and space the rows EVENLY (first at the
25
+ * top, last at the bottom). For a card stretched to its neighbour's height in a grid row: the
26
+ * extra room is shared between the rows instead of piling up as an empty band.
27
+ */
28
+ spread?: boolean;
23
29
  }): import("react").JSX.Element;
24
30
  export {};
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- export type SelectSpotlightTone = 'inverse' | 'critical' | 'warning' | 'info' | 'neutral';
2
+ export type SelectSpotlightTone = 'inverse' | 'critical' | 'warning' | 'info' | 'success' | 'neutral';
3
3
  type SelectSpotlightOwnProps = {
4
4
  tone?: SelectSpotlightTone;
5
5
  media?: ReactNode;
@@ -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>>;
@@ -23,4 +23,15 @@ type ChartTooltipOwnProps = {
23
23
  };
24
24
  export type ChartTooltipProps = ChartTooltipOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ChartTooltipOwnProps>;
25
25
  export declare function ChartTooltip({ tip, className, ...rest }: ChartTooltipProps): import("react").JSX.Element | null;
26
+ /**
27
+ * The same tip, but floating over the PAGE: a fixed layer portalled to `document.body`, with
28
+ * `tip.x/y` in VIEWPORT coordinates (`getBoundingClientRect`). For charts whose container clips —
29
+ * a heatmap that scrolls sideways is `overflow: auto`, so a tip inside it was cut and pushed a
30
+ * scrollbar into the card. The layer is the tip's offsetParent, so the horizontal clamp keeps it
31
+ * inside the viewport. Any scroll hides it (the point moved under the cursor).
32
+ */
33
+ export declare function FloatingChartTooltip({ tip, onDismiss }: {
34
+ tip: ChartTipState | null;
35
+ onDismiss: () => void;
36
+ }): import('react').ReactPortal | null;
26
37
  export {};