@selectwin/kit 0.1.187 → 0.1.188

package/README.md

@@ -28,6 +28,11 @@ import { SelectLocaleProvider } from '@selectwin/kit';
 
 A prop de texto do componente (`confirmLabel`, `noun`…) sempre ganha do dicionário.
 
+Tom corporativo (0.1.188): cantos mais retos, botão e segmentado em pílula (`--select-radius-button`), rótulos de KPI
+e cabeçalho de tabela em caixa-alta espaçada. Nos gráficos, cor é situação: verde `--select-chart-paid` = pago, dourado
+`--select-chart-pending` (+ `-edge`) = pendente, `--select-chart-compare` = o período anterior, e os cinzas
+`--select-chart-ramp-1..4` para categoria. O app que quer o visual antigo sobrescreve esses tokens.
+
 Peer deps: **react**, **react-dom** (obrigatórios); **gsap** (opcional — só componentes animados),
 **react-router-dom** (opcional). Tematização = sobrescrever os tokens CSS `--select-*` / `--sw-*`.
 

package/dist/SelectColumnChart.d.ts

@@ -27,7 +27,16 @@ type SelectColumnChartOwnProps = {
     /** Custom hover card for slot `index`; return null for no card there. Default: the slot's
      *  label as title and one row per series. */
     tooltip?: (index: number) => SelectColumnTooltip | null;
+    /** O período anterior: uma barra clara ao lado de cada barra ("Semana anterior"). Entra na escala e no tooltip. */
+    compare?: {
+        name: string;
+        data: number[];
+    };
+    /** A média tracejada — da soma de cada ponto (empilhado) ou da 1ª série (agrupado) —, com "Média R$ 32,5 mil". */
+    average?: boolean | {
+        label?: string;
+    };
 };
 export type SelectColumnChartProps = SelectColumnChartOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectColumnChartOwnProps>;
-export declare function SelectColumnChart({ series, labels, height, format, stacked, marker, tooltip, className, ...rest }: SelectColumnChartProps): import("react").JSX.Element;
+export declare function SelectColumnChart({ series, labels, height, format, stacked, marker, tooltip, compare, average, className, ...rest }: SelectColumnChartProps): import("react").JSX.Element;
 export {};

package/dist/SelectKpiBand.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type SelectKpiBandOwnProps = {
+    children: ReactNode;
+};
+export type SelectKpiBandProps = SelectKpiBandOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectKpiBandOwnProps>;
+export declare const SelectKpiBand: import('react').ForwardRefExoticComponent<SelectKpiBandOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectPage.d.ts

@@ -10,6 +10,10 @@ export interface SelectPageAction {
 type SelectPageOwnProps = {
     title?: ReactNode;
     subtitle?: ReactNode;
+    /** Acima do título, em caixa-alta espaçada ("Produção · Segunda, 02 de novembro") — 0.1.188, o tom corporativo. */
+    eyebrow?: ReactNode;
+    /** Um filete separa o cabeçalho do conteúdo (as telas de painel, como o Início). */
+    divided?: boolean;
     primaryAction?: SelectPageAction;
     secondaryActions?: SelectPageAction[];
     /** Custom node in the header action area (e.g. an "Ações" overflow menu on detail

package/dist/SelectTooltip.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { SelectPlacement } from './positioning';
-export declare function SelectTooltip({ content, children, placement, delay, openOnClick, }: {
+export declare function SelectTooltip({ content, children, placement, delay, openOnClick, disabled, }: {
     content: ReactNode;
     children: ReactNode;
     placement?: SelectPlacement;
@@ -9,4 +9,7 @@ export declare function SelectTooltip({ content, children, placement, delay, ope
      *  touch, where hover never happens. While pinned the tip accepts the pointer, so the
      *  text can be selected. */
     openOnClick?: boolean;
+    /** Não abre (0.1.188): o gatilho já mostra o mesmo conteúdo noutro lugar (ex.: o painel de páginas do trilho aberto
+     *  ao lado do ícone). O embrulho continua no lugar, então o gatilho não remonta nem perde o foco. */
+    disabled?: boolean;
 }): import("react").JSX.Element;

package/dist/chartUtils.d.ts

@@ -76,6 +76,9 @@ export interface SelectChartSeries {
      *  gradient — the second encoding for "not happened yet" (scheduled, projected), so the
      *  difference never rides on color alone. */
     pattern?: 'hatch';
+    /** SelectColumnChart: o contorno da barra — para a cor clara que sozinha não chega a 3:1 no fundo (o dourado do
+     *  pendente usa `var(--select-chart-pending-edge)`). */
+    edge?: string;
     /** SelectLineChart: linha tracejada e mais clara, sem área — a COMPARAÇÃO (o período anterior),
      *  que fica atrás da série principal sem disputar com ela. Pode ser mais curta que `labels`. */
     dashed?: boolean;

package/dist/index.d.ts

@@ -134,6 +134,8 @@ export { SelectMoney, SelectSensitiveValue, SelectMetricDelta, SelectHideMoneyTo
 export { SelectBalanceCard } from './SelectBalanceCard';
 export { SelectFeeBreakdown } from './SelectFeeBreakdown';
 export { SelectKpiCard } from './SelectKpiCard';
+export { SelectKpiBand } from './SelectKpiBand';
+export type { SelectKpiBandProps } from './SelectKpiBand';
 export { SelectInsight, SelectInsightList, SelectInsightRow, formatInsightImpact } from './SelectInsight';
 export { SelectAssistant, SelectChatMessage, SelectChatTurn, SelectChatTyping } from './SelectAssistant';
 export { SelectNumberedList, SelectNumberedItem } from './SelectNumberedList';