@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/Icon/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Icon/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAw2EjB,CAAC"}

package/dist-lib/src/components/ui/Icon/index.d.ts

@@ -0,0 +1,5 @@
+export { Icon } from './icon';
+export { iconStyles } from './icon.styles';
+export { icons } from './icons';
+export type { IconProps, IconName, IconSize, IconSizePreset, IconTone, } from './icon.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,MAAM,cAAc,CAAC"}

package/dist-lib/src/components/ui/Kanban/hooks/use-kanban-dnd.d.ts

@@ -0,0 +1,39 @@
+import { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';
+import { KanbanColumn } from '../kanban.types';
+type UseKanbanDnDOptions = {
+    enabled: boolean;
+    columns: KanbanColumn[];
+    /** Lookup `cardId → columnId` pra resolver drop em cima de card específico. */
+    cardColumnLookup: Map<string, string>;
+    onCardMove?: (cardId: string, from: string, to: string) => void | Promise<unknown>;
+};
+export declare const droppableIdForColumn: (id: string) => string;
+export declare const droppableIdForCard: (id: string) => string;
+/**
+ * Encapsula sensors + handlers do `@dnd-kit/core` pro Kanban.
+ *
+ * - PointerSensor com `distance: 5` evita ativar drag em cliques curtos
+ *   (preserva click-to-open do card).
+ * - Tracks `activeCardId` + `fromColumnId` durante drag.
+ * - Tracks `overColumnId` e `overCardId` em `onDragOver` — quando o cursor está
+ *   exatamente sobre outro card, `overCardId` aponta pra ele e `overColumnId`
+ *   resolve pra coluna desse card. Quando está na área vazia da coluna,
+ *   `overColumnId` aponta pra coluna e `overCardId` é null.
+ * - Drop pode resolver pra `column:{id}` (fim da coluna) ou `card:{id}` (antes
+ *   do card hovered) — em ambos os casos, o `to` é a coluna resultante.
+ *
+ * Quando `enabled === false`, retorna estado inerte (handlers no-op).
+ */
+export declare function useKanbanDnD({ enabled, columns, cardColumnLookup, onCardMove, }: UseKanbanDnDOptions): {
+    sensors: import('@dnd-kit/core').SensorDescriptor<import('@dnd-kit/core').SensorOptions>[];
+    activeCardId: string | null;
+    fromColumnId: string | null;
+    overColumnId: string | null;
+    overCardId: string | null;
+    handleDragStart: (event: DragStartEvent) => void;
+    handleDragOver: (event: DragOverEvent) => void;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragCancel: () => void;
+};
+export {};
+//# sourceMappingURL=use-kanban-dnd.d.ts.map

package/dist-lib/src/components/ui/Kanban/hooks/use-kanban-dnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-kanban-dnd.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Kanban/hooks/use-kanban-dnd.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,+EAA+E;IAC/E,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACpF,CAAC;AAWF,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,WAAyB,CAAC;AACzE,eAAO,MAAM,kBAAkB,GAAI,IAAI,MAAM,WAA0B,CAAC;AAExE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,UAAU,GACX,EAAE,mBAAmB;;;;;;6BAgCwB,cAAc;4BAOf,aAAa;2BAQd,YAAY;;EAiCvD"}

package/dist-lib/src/components/ui/Kanban/index.d.ts

@@ -0,0 +1,3 @@
+export { Kanban } from './kanban';
+export type { KanbanProps, KanbanColumn, KanbanCardData, KanbanMenuItem, KanbanRenderCardParams, } from './kanban.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/Kanban/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kanban/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,cAAc,EACd,sBAAsB,GACvB,MAAM,gBAAgB,CAAC"}

package/dist-lib/src/components/ui/Kanban/kanban.d.ts

@@ -0,0 +1,22 @@
+import { KanbanProps } from './kanban.types';
+/**
+ * Kanban — board com colunas verticais (estágios) e cards distribuídos.
+ *
+ * **Dumb primitive**: recebe `columns` + `cards` e callbacks de interação.
+ * Não gerencia state de seleção / detail panel / menus / cards — tudo controlado.
+ *
+ * **Features**:
+ * - Layout default do card (avatar/title/subtitle/description/chip/value/footer)
+ *   OU custom via `renderCard` (consumer fornece o miolo, primitive controla
+ *   wrapper/focus/checkbox/menu positioning).
+ * - Menus padronizados via `getCardMenuItems` / `getColumnMenuItems` (items →
+ *   `<DropdownMenu>` automático) OU callbacks manuais (`onCardMenu` / `onColumnMenu`).
+ * - DnD entre colunas via `enableDnD` + `onCardMove`. Constraints por coluna
+ *   (`canReceiveDrop`, `canDragFrom`). Primitive **não faz revert** automático;
+ *   consumer commita atualizando `cards` props.
+ *
+ * Visual alinhado com TblKanban do sandbox `/design-and-table-v2`, consumindo
+ * tokens DS estritamente.
+ */
+export declare function Kanban({ columns, cards, selectedIds, onToggleSelect, openCardId, onOpenCard, onAddCard, onColumnMenu, getColumnMenuItems, onAddInFooter, hideFooterAdd, onCardMenu, getCardMenuItems, renderCard, enableDnD, onCardMove, emptyLabel, addLabel, className, }: KanbanProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=kanban.d.ts.map

package/dist-lib/src/components/ui/Kanban/kanban.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kanban/kanban.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAIV,WAAW,EAEZ,MAAM,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,aAAqB,EACrB,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAiB,EACjB,UAAU,EACV,UAAwC,EACxC,QAAsB,EACtB,SAAS,GACV,EAAE,WAAW,2CAwFb"}

package/dist-lib/src/components/ui/Kanban/kanban.styles.d.ts

@@ -0,0 +1,150 @@
+/**
+ * Slots tv() pro <Kanban>.
+ *
+ * Réplica visual do TblKanban do sandbox `/design-and-table-v2`, agora consumindo
+ * tokens DS de forma estrita. Header da coluna "solto" (mesma bg do col body),
+ * cards com shadow-sm permanente flutuando sobre bg-muted da coluna.
+ *
+ * Valores fora da escala DS (296px width, line-clamp values, offsets posicionais
+ * dos slots absolute) permanecem como arbitrary literal — calibração visual exata.
+ */
+export declare const root: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const board: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const column: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Header da coluna — solto sobre o bg-muted, sem divider. */
+export declare const columnHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const columnDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "size-[8px] rounded-radius-full shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "size-[8px] rounded-radius-full shrink-0", unknown, unknown, undefined>>;
+export declare const columnTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const columnCount: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Wrapper que empurra os botões de ação pro canto direito. */
+export declare const columnActionsSpacer: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "ml-auto inline-flex items-center gap-gp-2xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "ml-auto inline-flex items-center gap-gp-2xs", unknown, unknown, undefined>>;
+export declare const columnBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Empty state — flex-1 ocupa o resto do col-body e centraliza vertical.
+ * Sem bg/border (transparente sobre col bg). Ícone + texto sutis pra não
+ * competir com cards de colunas vizinhas.
+ */
+export declare const columnEmpty: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Ícone do empty state — discreto, mesma cor do texto. */
+export declare const columnEmptyIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "size-icon-md text-fg-subtle opacity-70", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "size-icon-md text-fg-subtle opacity-70", unknown, unknown, undefined>>;
+/**
+ * Botão "+ Adicionar" no rodapé da coluna — dashed centered.
+ *
+ * Mantido como `<button>` raw porque o variant dashed-ghost não existe no
+ * `<Button>` DS. Estilos migrados pra tokens; min-h alinhado com size sm.
+ */
+export declare const columnAdd: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const card: import('tailwind-variants').TVReturnType<{
+    /** Card selecionado (checkbox marcado) — bg brand-subtle + strip lateral. */
+    selected: {
+        true: string;
+    };
+    /** Card "aberto" no detail panel — destaque com border-brand e ring shadow. */
+    open: {
+        true: string;
+    };
+    /**
+     * Reserva 24px à esquerda pro checkbox aparecer sem sobrepor o avatar.
+     * Aplicado APENAS quando o board tem `onToggleSelect` (showCheckbox=true) —
+     * caso contrário, hover não desloca o conteúdo (visual mais estável).
+     */
+    reserveCheck: {
+        true: string;
+    };
+}, undefined, string[], {
+    /** Card selecionado (checkbox marcado) — bg brand-subtle + strip lateral. */
+    selected: {
+        true: string;
+    };
+    /** Card "aberto" no detail panel — destaque com border-brand e ring shadow. */
+    open: {
+        true: string;
+    };
+    /**
+     * Reserva 24px à esquerda pro checkbox aparecer sem sobrepor o avatar.
+     * Aplicado APENAS quando o board tem `onToggleSelect` (showCheckbox=true) —
+     * caso contrário, hover não desloca o conteúdo (visual mais estável).
+     */
+    reserveCheck: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /** Card selecionado (checkbox marcado) — bg brand-subtle + strip lateral. */
+    selected: {
+        true: string;
+    };
+    /** Card "aberto" no detail panel — destaque com border-brand e ring shadow. */
+    open: {
+        true: string;
+    };
+    /**
+     * Reserva 24px à esquerda pro checkbox aparecer sem sobrepor o avatar.
+     * Aplicado APENAS quando o board tem `onToggleSelect` (showCheckbox=true) —
+     * caso contrário, hover não desloca o conteúdo (visual mais estável).
+     */
+    reserveCheck: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Checkbox absolute top-left — alinhado vertical com o avatar do head.
+ *
+ * Visibility: aparece em hover do card OU foco por teclado (focus-visible).
+ * `focus-visible` (em vez de `focus-within`) evita que o checkbox permaneça
+ * visível ao desmarcar via clique — o foco fica retido no input mas
+ * `focus-visible` só ativa em navegação por teclado.
+ */
+export declare const cardCheck: import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: string;
+    };
+}, undefined, string[], {
+    selected: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Wrapper de posicionamento do menu "⋯" no card.
+ *
+ * Apenas absolute positioning + opacity transitions. O visual do botão
+ * (size, focus ring, hover bg) vem do `<Button>` DS.
+ */
+export declare const cardMenuSlot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Head do card — avatar + título/subtítulo. Reserva 28px à direita pro menu. */
+export declare const cardHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-md pr-[28px]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-md pr-[28px]", unknown, unknown, undefined>>;
+export declare const cardTitleWrap: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 min-w-0 flex flex-col gap-gp-2xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 min-w-0 flex flex-col gap-gp-2xs", unknown, unknown, undefined>>;
+export declare const cardTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const cardSubtitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-caption-sm text-fg-muted [font-variant-numeric:tabular-nums]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-caption-sm text-fg-muted [font-variant-numeric:tabular-nums]", unknown, unknown, undefined>>;
+/** Descrição — line-clamp 2, fg-muted. */
+export declare const cardDesc: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Meta (chip + valor) — flex space-between. */
+export declare const cardMeta: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between gap-gp-md", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center justify-between gap-gp-md", unknown, unknown, undefined>>;
+export declare const cardValue: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-sm font-semibold text-fg-default [font-variant-numeric:tabular-nums]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-sm font-semibold text-fg-default [font-variant-numeric:tabular-nums]", unknown, unknown, undefined>>;
+/** Footer (agent + data) — separador solid no top. */
+export declare const cardFoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Card sendo arrastado — opacity baixa + cursor grabbing. */
+export declare const cardDragging: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "opacity-40 cursor-grabbing", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "opacity-40 cursor-grabbing", unknown, unknown, undefined>>;
+/**
+ * Coluna candidata válida durante drag (over + canReceiveDrop !== false).
+ * Outline brand + bg subtle pra indicar drop zone aceita.
+ */
+export declare const columnDropTarget: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "outline outline-2 outline-offset-[-2px] outline-border-brand bg-bg-brand-subtle/30 transition-[outline,background-color] duration-150", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "outline outline-2 outline-offset-[-2px] outline-border-brand bg-bg-brand-subtle/30 transition-[outline,background-color] duration-150", unknown, unknown, undefined>>;
+/**
+ * Coluna que não aceita drop (canReceiveDrop === false).
+ * Atenuada SEMPRE durante drag (não só when over) — feedback visual que ela
+ * está "fora do jogo". Cursor not-allowed quando o usuário insiste em over.
+ */
+export declare const columnDropInvalidDimmed: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "opacity-50 transition-opacity duration-200", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "opacity-50 transition-opacity duration-200", unknown, unknown, undefined>>;
+export declare const columnDropInvalidOver: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "cursor-not-allowed", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "cursor-not-allowed", unknown, unknown, undefined>>;
+/**
+ * Drop placeholder — slot fino com ícone "+" renderizado na posição exata
+ * onde o card vai aterrissar (antes/depois do card hovered, ou no fim da
+ * coluna quando hover em área vazia). Visual sutil — uma "linha" indicando
+ * inserção, não um card fantasma grande.
+ */
+export declare const dropPlaceholder: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=kanban.styles.d.ts.map

package/dist-lib/src/components/ui/Kanban/kanban.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kanban/kanban.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAIH,eAAO,MAAM,IAAI,sMAKf,CAAC;AAEH,eAAO,MAAM,KAAK,sMAKhB,CAAC;AAIH,eAAO,MAAM,MAAM,sMAMjB,CAAC;AAEH,8DAA8D;AAC9D,eAAO,MAAM,UAAU,sMAMrB,CAAC;AAEH,eAAO,MAAM,SAAS,wQAEpB,CAAC;AAEH,eAAO,MAAM,WAAW,sMAOtB,CAAC;AAEH,eAAO,MAAM,WAAW,sMAQtB,CAAC;AAEH,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,gRAE9B,CAAC;AAIH,eAAO,MAAM,UAAU,sMAMrB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,WAAW,sMAMtB,CAAC;AAEH,2DAA2D;AAC3D,eAAO,MAAM,eAAe,sQAE1B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,SAAS,sMAYpB,CAAC;AAIH,eAAO,MAAM,IAAI;IAiBb,6EAA6E;;;;IAS7E,+EAA+E;;;;IAI/E;;;;OAIG;;;;;IAjBH,6EAA6E;;;;IAS7E,+EAA+E;;;;IAI/E;;;;OAIG;;;;;IAjBH,6EAA6E;;;;IAS7E,+EAA+E;;;;IAI/E;;;;OAIG;;;;qDASL,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;qDAUpB,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,YAAY,sMAQvB,CAAC;AAEH,iFAAiF;AACjF,eAAO,MAAM,QAAQ,oQAEnB,CAAC;AAEH,eAAO,MAAM,aAAa,wQAExB,CAAC;AAEH,eAAO,MAAM,SAAS,sMAKpB,CAAC;AAEH,eAAO,MAAM,YAAY,4TAEvB,CAAC;AAEH,0CAA0C;AAC1C,eAAO,MAAM,QAAQ,sMAMnB,CAAC;AAEH,gDAAgD;AAChD,eAAO,MAAM,QAAQ,gRAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,sVAEpB,CAAC;AAEH,sDAAsD;AACtD,eAAO,MAAM,QAAQ,sMAKnB,CAAC;AAIH,8DAA8D;AAC9D,eAAO,MAAM,YAAY,8OAEvB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,ocAE3B,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,8QAElC,CAAC;AAEH,eAAO,MAAM,qBAAqB,8NAEhC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,eAAe,sMAS1B,CAAC"}

package/dist-lib/src/components/ui/Kanban/kanban.types.d.ts

@@ -0,0 +1,168 @@
+import { ReactNode } from 'react';
+/**
+ * Coluna do Kanban — um "estágio" do workflow.
+ * Visualmente: header com dot colorido + label + badge de contagem + ações.
+ */
+export type KanbanColumn = {
+    /** Identificador único da coluna (usado pra agrupar cards). */
+    id: string;
+    /** Label visível no header. */
+    label: string;
+    /**
+     * Cor do dot do header. Aceita qualquer string CSS válida — ideal usar
+     * uma var de token DS: `var(--color-fg-success)`, `var(--color-fg-warning)`,
+     * `var(--color-fg-info)`, `var(--color-fg-muted)`, ou hex literal pra cores
+     * não-tokenizadas.
+     */
+    dotColor?: string;
+    /**
+     * Override do count exibido no badge. Quando ausente, o Kanban calcula
+     * automaticamente via `cards.filter(c => c.columnId === col.id).length`.
+     */
+    count?: number;
+    /**
+     * Define se esta coluna aceita drop de cards arrastados.
+     * Default: `true`. Use `false` pra colunas "terminais" (ex: Cancelado,
+     * Concluído) que bloqueiam reentrada. Durante drag, colunas inválidas
+     * mostram cursor `not-allowed` e não destacam como drop target.
+     */
+    canReceiveDrop?: boolean;
+    /**
+     * Define se cards desta coluna podem ser arrastados.
+     * Default: `true`. Use `false` pra colunas locked (cards definitivos).
+     */
+    canDragFrom?: boolean;
+};
+/**
+ * Card do Kanban — uma entidade (cliente, tarefa, lead, etc).
+ *
+ * Composto por slots de conteúdo livres (`avatar`, `chip`, `footerLeft`,
+ * `footerRight` são ReactNode) — o consumer monta usando componentes do DS
+ * (`<Avatar>`, `<Chip>`, etc) sem o Kanban ditar visual interno.
+ *
+ * Pra customizar **completamente** o miolo do card (sair do layout default),
+ * usar a prop `renderCard` no `<Kanban>`.
+ */
+export type KanbanCardData = {
+    /** Identificador único do card (usado em selectedIds e openCardId). */
+    id: string;
+    /** Coluna a que o card pertence (deve bater com algum KanbanColumn.id). */
+    columnId: string;
+    /** Título principal (ex: nome do cliente, título da tarefa). */
+    title: ReactNode;
+    /** Subtítulo logo abaixo do título (ex: "CLI-2401", "#TASK-23"). */
+    subtitle?: ReactNode;
+    /**
+     * Descrição curta — exibida entre o head e a meta, com line-clamp 2.
+     * Quando ausente, a área não renderiza (sem espaço vazio).
+     */
+    description?: ReactNode;
+    /** Avatar/ícone à esquerda do head (ex: `<Avatar>MS</Avatar>`, `<Eye />`). */
+    avatar?: ReactNode;
+    /** Chip/badge na linha de meta (ex: `<Chip color="warning">Royal</Chip>`). */
+    chip?: ReactNode;
+    /** Valor à direita da meta (ex: "R$ 4.800,00", "5 dias"). */
+    value?: ReactNode;
+    /** Conteúdo à esquerda do footer (ex: avatar do agent + nome). */
+    footerLeft?: ReactNode;
+    /** Conteúdo à direita do footer (ex: data, prazo). */
+    footerRight?: ReactNode;
+};
+/**
+ * Item de menu padronizado (card ou coluna). Quando `getCardMenuItems` /
+ * `getColumnMenuItems` retorna array desses, o primitive renderiza um
+ * `<DropdownMenu>` automático — consumer não monta o menu manualmente.
+ */
+export type KanbanMenuItem = {
+    /** Texto do item. Ignorado quando `separator: true`. */
+    label?: string;
+    /** Ícone à esquerda (lucide ou qualquer ReactNode). */
+    icon?: ReactNode;
+    /** Handler ao clicar. */
+    onClick?: () => void;
+    /** Tom destrutivo (vermelho). Default: `false`. */
+    destructive?: boolean;
+    /** Desabilita o item (sem hover/click). */
+    disabled?: boolean;
+    /** Se `true`, renderiza `<DropdownMenuSeparator>` e ignora os outros campos. */
+    separator?: boolean;
+};
+/** Parâmetros passados pro callback `renderCard`. */
+export type KanbanRenderCardParams = {
+    card: KanbanCardData;
+    selected: boolean;
+    open: boolean;
+};
+/**
+ * Props do componente raiz `<Kanban>`.
+ *
+ * Dumb: todo o estado de seleção/abertura/menus é controlado externamente.
+ * O componente só renderiza o que recebe — sem state interno de domínio.
+ */
+export type KanbanProps = {
+    /** Definição das colunas (ordem visual = ordem do array). */
+    columns: KanbanColumn[];
+    /** Cards a serem distribuídos pelas colunas via `columnId`. */
+    cards: KanbanCardData[];
+    /** IDs selecionados (Set). Quando presente, checkbox aparece nos cards. */
+    selectedIds?: Set<string>;
+    /** Callback quando o usuário marca/desmarca o checkbox de um card. */
+    onToggleSelect?: (cardId: string) => void;
+    /** ID do card "aberto" no detail panel — pinta com brand-subtle. */
+    openCardId?: string;
+    /** Callback ao clicar no card (fora do checkbox/menu). */
+    onOpenCard?: (cardId: string) => void;
+    /** Callback do botão "+" do header da coluna (criar card naquela coluna). */
+    onAddCard?: (columnId: string) => void;
+    /**
+     * Callback do botão "⋯" do header da coluna (menu manual).
+     * Ignorado se `getColumnMenuItems` estiver fornecido.
+     */
+    onColumnMenu?: (columnId: string, anchor: HTMLElement) => void;
+    /**
+     * Items do menu "⋯" da coluna (modo padronizado). Quando fornecido,
+     * primitive monta `<DropdownMenu>` automático e ignora `onColumnMenu`.
+     */
+    getColumnMenuItems?: (column: KanbanColumn) => KanbanMenuItem[];
+    /** Callback do botão "+ Adicionar" no rodapé da coluna. */
+    onAddInFooter?: (columnId: string) => void;
+    /** Esconde o botão "+ Adicionar" no rodapé da coluna. Default: false. */
+    hideFooterAdd?: boolean;
+    /**
+     * Callback do botão "⋯" do card (menu manual).
+     * Ignorado se `getCardMenuItems` estiver fornecido.
+     */
+    onCardMenu?: (cardId: string, anchor: HTMLElement) => void;
+    /**
+     * Items do menu "⋯" do card (modo padronizado). Quando fornecido,
+     * primitive monta `<DropdownMenu>` automático e ignora `onCardMenu`.
+     */
+    getCardMenuItems?: (card: KanbanCardData) => KanbanMenuItem[];
+    /**
+     * Render custom do **conteúdo interno** do card. Quando ausente, usa
+     * layout default (avatar/title/subtitle/description/chip/value/footerLeft/
+     * footerRight) dos slots de `KanbanCardData`.
+     *
+     * O wrapper externo do card (border, shadow, focus ring, checkbox/menu
+     * positioning, accessibility) é **sempre** controlado pelo primitive —
+     * consumer só substitui o miolo. Garante consistência entre boards.
+     */
+    renderCard?: (params: KanbanRenderCardParams) => ReactNode;
+    /** Habilita DnD entre colunas. Default: `false`. */
+    enableDnD?: boolean;
+    /**
+     * Callback ao soltar card em coluna diferente. `from` = columnId origem;
+     * `to` = columnId destino; `cardId` = card movido. Consumer decide commit
+     * (otimista ou async) atualizando `cards` props. Primitive **não faz revert**
+     * automático — se a operação falhar, consumer mantém `cards` inalterado e
+     * o card volta visualmente.
+     */
+    onCardMove?: (cardId: string, from: string, to: string) => void | Promise<unknown>;
+    /** Texto do empty state quando a coluna não tem cards. */
+    emptyLabel?: string;
+    /** Texto do botão "+ Adicionar" no rodapé da coluna. */
+    addLabel?: string;
+    /** ClassName extra no root. */
+    className?: string;
+};
+//# sourceMappingURL=kanban.types.d.ts.map

package/dist-lib/src/components/ui/Kanban/kanban.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kanban/kanban.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IAEjB,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kEAAkE;IAClE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,qDAAqD;AACrD,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,6DAA6D;IAC7D,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,+DAA+D;IAC/D,KAAK,EAAE,cAAc,EAAE,CAAC;IAGxB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,sEAAsE;IACtE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1C,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGtC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,cAAc,EAAE,CAAC;IAChE,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,cAAc,EAAE,CAAC;IAG9D;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAG3D,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAGnF,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/components/ui/Kpi/index.d.ts

@@ -0,0 +1,5 @@
+export { Kpi } from './kpi';
+export { KpiGroup } from './kpi-group';
+export { KpiDelta } from './kpi-delta';
+export type { KpiProps, KpiGroupProps, KpiDeltaProps, KpiTone, } from './kpi.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/Kpi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,YAAY,EACV,QAAQ,EACR,aAAa,EACb,aAAa,EACb,OAAO,GACR,MAAM,aAAa,CAAC"}

package/dist-lib/src/components/ui/Kpi/kpi-delta.d.ts

@@ -0,0 +1,11 @@
+import { KpiDeltaProps } from './kpi.types';
+/**
+ * KpiDelta — pílula de variação (sobre o Chip). Tom semântico explícito
+ * (success/danger/neutral) + seta opcional. O tom é decisão do consumidor —
+ * "subir" nem sempre é positivo (ex.: tempo de espera).
+ */
+export declare function KpiDelta({ value, tone, direction, className, }: KpiDeltaProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace KpiDelta {
+    var displayName: string;
+}
+//# sourceMappingURL=kpi-delta.d.ts.map

package/dist-lib/src/components/ui/Kpi/kpi-delta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-delta.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi-delta.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAgB,EAChB,SAAS,EACT,SAAS,GACV,EAAE,aAAa,2CAkBf;yBAvBe,QAAQ"}

package/dist-lib/src/components/ui/Kpi/kpi-group.d.ts

@@ -0,0 +1,12 @@
+import { KpiGroupProps } from './kpi.types';
+/** Superfície herdada pelos `Kpi` filhos (card normal vs plain dentro de divided). */
+export declare const KpiSurfaceContext: import('react').Context<"card" | "plain">;
+/**
+ * KpiGroup — layout de composição pros `Kpi`. `columns` (responsivo) e
+ * `divided` (vira 1 card único com divisórias entre os KPIs).
+ */
+export declare function KpiGroup({ columns, divided, children, className, }: KpiGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace KpiGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=kpi-group.d.ts.map

package/dist-lib/src/components/ui/Kpi/kpi-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi-group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,sFAAsF;AACtF,eAAO,MAAM,iBAAiB,2CAA0C,CAAC;AAEzE;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAW,EACX,OAAe,EACf,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,2CAQf;yBAbe,QAAQ"}

package/dist-lib/src/components/ui/Kpi/kpi.d.ts

@@ -0,0 +1,11 @@
+import { KpiProps } from './kpi.types';
+/**
+ * Kpi — card de KPI composável: header (label + ícone por tone), valor +
+ * delta, hint, slot livre (sparkline/chart) e footnote. Use dentro de
+ * `KpiGroup` pra rows/grids; dentro de `KpiGroup divided` ele vira "plain".
+ */
+export declare function Kpi({ label, value, delta, hint, icon, tone, footnote, children, surface, className, }: KpiProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Kpi {
+    var displayName: string;
+}
+//# sourceMappingURL=kpi.d.ts.map

package/dist-lib/src/components/ui/Kpi/kpi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,QAAQ,2CAyBV;yBApCe,GAAG"}