@selectwin/kit 0.1.75 → 0.1.77

package/README.md

@@ -1,29 +1,29 @@
-# @selectwin/kit
-
-Design system da Selectwin — primitivos React, charts SVG (sem dependência de biblioteca de
-gráficos) e tokens CSS, theme-aware (light/dark).
-
-Uso interno da Selectwin. Publicado no npm para facilitar a distribuição entre os apps da casa;
-não há suporte, documentação pública nem garantia de estabilidade de API para terceiros.
-
-## Uso
-
-```bash
-npm i @selectwin/kit
-```
-
-```tsx
-import '@selectwin/kit/styles.css'; // tokens + estilos (uma vez, no root)
-import { SelectButton, SelectSection } from '@selectwin/kit';
-```
-
-Peer deps: **react**, **react-dom** (obrigatórios); **gsap** (opcional — só componentes animados),
-**react-router-dom** (opcional). Tematização = sobrescrever os tokens CSS `--select-*` / `--sw-*`.
-
-## Build
-
-```bash
-npm run build   # → dist/index.js (ESM) + dist/style.css + dist/index.d.ts
-```
-
-`npm publish` roda `prepublishOnly` (= build) e publica só `dist/` (sem sourcemaps).
+# @selectwin/kit
+
+Design system da Selectwin — primitivos React, charts SVG (sem dependência de biblioteca de
+gráficos) e tokens CSS, theme-aware (light/dark).
+
+Uso interno da Selectwin. Publicado no npm para facilitar a distribuição entre os apps da casa;
+não há suporte, documentação pública nem garantia de estabilidade de API para terceiros.
+
+## Uso
+
+```bash
+npm i @selectwin/kit
+```
+
+```tsx
+import '@selectwin/kit/styles.css'; // tokens + estilos (uma vez, no root)
+import { SelectButton, SelectSection } from '@selectwin/kit';
+```
+
+Peer deps: **react**, **react-dom** (obrigatórios); **gsap** (opcional — só componentes animados),
+**react-router-dom** (opcional). Tematização = sobrescrever os tokens CSS `--select-*` / `--sw-*`.
+
+## Build
+
+```bash
+npm run build   # → dist/index.js (ESM) + dist/style.css + dist/index.d.ts
+```
+
+`npm publish` roda `prepublishOnly` (= build) e publica só `dist/` (sem sourcemaps).

package/dist/SelectRecordCard.d.ts

@@ -9,6 +9,9 @@ type SelectRecordCardOwnProps = {
     subtitle?: ReactNode;
     /** Canto direito do topo — tipicamente um SelectRowActions. */
     actions?: ReactNode;
+    /** Visual LARGO entre o cabeçalho e as badges — ocupa a linha inteira do card (ex.: o
+     *  SelectSplitChain do Repart). Para o glifo pequeno do canto use `media`. */
+    body?: ReactNode;
     /** Badges no meio do card (layout, escopo, canal…). */
     tags?: ReactNode;
     /** Rodapé à esquerda: bolinha + rótulo do estado. Sem `status` e sem `meta` o rodapé

package/dist/SelectSplitChain.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface SelectSplitNode {
+    /** Chave de render (o publicId da empresa, por exemplo). */
+    id: string;
+    /** Nome da empresa — cai para o id truncado quando o nome não é conhecido. */
+    label: ReactNode;
+    /** A fatia: "20%", "R$ 20,00". Ausente = sem rótulo (não invente "0%"). */
+    share?: ReactNode;
+    /** Iniciais do nó (padrão: a primeira letra de `label` quando ela é texto). */
+    initials?: string;
+}
+type SelectSplitChainOwnProps = {
+    /** Quem recebe. */
+    nodes: SelectSplitNode[];
+    /** O nó da casa, à esquerda do fio — só quando a sobra é conhecida. */
+    origin?: SelectSplitNode;
+    /** Quantos nós de recebedor cabem antes do "+N" (padrão 3). */
+    max?: number;
+};
+export type SelectSplitChainProps = SelectSplitChainOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSplitChainOwnProps>;
+export declare const SelectSplitChain: import('react').ForwardRefExoticComponent<SelectSplitChainOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSplitChainOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/index.d.ts

@@ -81,6 +81,7 @@ export { detectSelectTheme } from './detectSelectTheme';
 export { SelectDataTable, SELECT_COL_DATETIME, useSelectPageSize } from './SelectDataTable';
 export { SelectCardGrid } from './SelectCardGrid';
 export { SelectRecordCard, SelectLayoutThumb } from './SelectRecordCard';
+export { SelectSplitChain } from './SelectSplitChain';
 export { SelectPagination } from './SelectPagination';
 export { SelectFilterBar } from './SelectFilterBar';
 export { SelectTagSelect } from './SelectTagSelect';
@@ -210,6 +211,7 @@ export type { SelectStatusMeta } from './SelectStatusBadge';
 export type { SelectTimelineItem, SelectTimelineTone } from './SelectTimeline';
 export type { SelectDataColumn } from './SelectDataTable';
 export type { SelectRecordCardProps, SelectRecordCardTone, SelectLayoutThumbProps } from './SelectRecordCard';
+export type { SelectSplitChainProps, SelectSplitNode } from './SelectSplitChain';
 export type { SelectListPagination } from './internal/listChrome';
 export type { SelectPaginationProps } from './SelectPagination';
 export type { SelectFilterDef } from './SelectFilterBar';