@snksergio/design-system 0.5.0 → 0.5.1

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":"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"}

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

@@ -0,0 +1,16 @@
+export { MenuSidebar } from './menu-sidebar';
+export { SidebarRail } from './sidebar-rail';
+export type { SidebarRailProps } from './sidebar-rail';
+export { SidebarPanel } from './sidebar-panel';
+export type { SidebarPanelProps } from './sidebar-panel';
+export { SidebarItem, SidebarPill } from './sidebar-item';
+export type { SidebarItemProps } from './sidebar-item';
+export { SidebarSubgroup } from './sidebar-subgroup';
+export type { SidebarSubgroupProps } from './sidebar-subgroup';
+export { SidebarSection } from './sidebar-section';
+export type { SidebarSectionProps } from './sidebar-section';
+export { SidebarBrandIcon } from './sidebar-brand';
+export { useControllable } from './use-sidebar-state';
+export { useMediaQuery } from './use-media-query';
+export type { SidebarProps, SidebarContext, SidebarMenuItem, SidebarSection as SidebarSectionData, SidebarBookmarkItem, SidebarChatItem, SidebarBadgeKind, } from './sidebar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,YAAY,EACV,YAAY,EACZ,cAAc,EACd,eAAe,EACf,cAAc,IAAI,kBAAkB,EACpC,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,iBAAiB,CAAC"}

package/dist-lib/src/components/ui/MenuSidebar/menu-sidebar.d.ts

@@ -0,0 +1,25 @@
+import { SidebarProps } from './sidebar.types';
+/**
+ * MenuSidebar — composição completa (rail + panel) data-driven.
+ *
+ * Modo all-in-one: passa `contexts` e o componente gerencia tudo.
+ * Para composição manual, use os subcomponentes:
+ *   `<SidebarRail>` + `<SidebarPanel>` + `<SidebarItem>` + `<SidebarSubgroup>` + `<SidebarSection>`.
+ *
+ * Estados controlled/uncontrolled:
+ *   - activeContextId / defaultActiveContextId / onContextChange
+ *   - activeItemHref  / defaultActiveItemHref  / onItemClick
+ *   - panelCollapsed  / defaultPanelCollapsed  / onPanelCollapseChange
+ *
+ * Hover-to-expand (desktop):
+ *   - `expandOnHover` (default true) + estado colapsado → panel vira overlay flutuante.
+ *
+ * Mobile responsive:
+ *   - Detecta breakpoint (default `max-md` = 767px) via matchMedia.
+ *   - Mobile: vira drawer fixed overlay; panel sempre aberto (sem rail-only);
+ *     close button (X) no canto + backdrop scrim clicável pra fechar.
+ *   - Estado: mobileOpen / defaultMobileOpen / onMobileOpenChange.
+ *   - Trigger externo: qualquer botão que altere `mobileOpen` (hamburger no header da app).
+ */
+export declare function MenuSidebar({ contexts, brand, user, showRailAdd, onRailAddClick, activeContextId, defaultActiveContextId, onContextChange, activeItemHref, defaultActiveItemHref, onItemClick, panelCollapsed, defaultPanelCollapsed, onPanelCollapseChange, expandOnHover, onPanelTitleClick, mobileOpen, defaultMobileOpen, onMobileOpenChange, mobileBreakpoint, className, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-sidebar.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/menu-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/menu-sidebar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,iBAAiB,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAW,EACX,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,aAAoB,EACpB,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,gBAAuC,EACvC,SAAS,GACV,EAAE,YAAY,2CA0Jd"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-brand.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Logo iGreen — default usado no rail.
+ * Single-color (currentColor) pra herdar o fg-on-brand.
+ */
+export declare function SidebarBrandIcon({ size }: {
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-brand.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-brand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-brand.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-brand.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAwBhE"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-item.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent, ReactNode } from 'react';
+import { SidebarMenuItem, SidebarBadgeKind } from './sidebar.types';
+export type SidebarItemProps = {
+    item: SidebarMenuItem;
+    active?: boolean;
+    subitem?: boolean;
+    /** Quando true, o ícone usa cor de brand (usado em groups com filho ativo) */
+    iconBrand?: boolean;
+    onClick?: (e: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    className?: string;
+};
+export declare const SidebarItem: import('react').ForwardRefExoticComponent<SidebarItemProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export declare function SidebarPill({ kind, active, children, className, }: {
+    kind?: SidebarBadgeKind;
+    active?: boolean;
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-item.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,oIAsDvB,CAAC;AAIF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAMA"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-panel.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { SidebarContext, SidebarMenuItem } from './sidebar.types';
+export type SidebarPanelProps = {
+    context: SidebarContext;
+    collapsed?: boolean;
+    /** Quando true: panel renderiza como overlay absoluto (hover-to-expand) */
+    floating?: boolean;
+    activeItemHref?: string;
+    onItemClick?: (item: SidebarMenuItem) => void;
+    /** Quando passados, o título vira um dropdown switcher de contextos */
+    contexts?: SidebarContext[];
+    onContextChange?: (id: string) => void;
+    /** Fallback: callback ao clicar no título (usado quando contexts não passado) */
+    onTitleClick?: () => void;
+    /** Conteúdo custom no body (substitui items/sections quando passado) */
+    children?: ReactNode;
+    className?: string;
+};
+export declare function SidebarPanel({ context, collapsed, floating, activeItemHref, onItemClick, contexts, onContextChange, onTitleClick, children, className, }: SidebarPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-panel.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBvC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,uEAAuE;IACvE,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,cAAc,EACd,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CAwFnB"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-rail.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { SidebarContext } from './sidebar.types';
+export type SidebarRailProps = {
+    contexts: SidebarContext[];
+    activeContextId: string;
+    onContextChange: (id: string) => void;
+    brand?: ReactNode;
+    user?: ReactNode;
+    showAdd?: boolean;
+    onAddClick?: () => void;
+    className?: string;
+};
+export declare function SidebarRail({ contexts, activeContextId, onContextChange, brand, user, showAdd, onAddClick, className, }: SidebarRailProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-rail.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-rail.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-rail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,eAAe,EACf,eAAe,EACf,KAAK,EACL,IAAI,EACJ,OAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,2CA8ClB"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-section.d.ts

@@ -0,0 +1,10 @@
+import { SidebarSection as SidebarSectionData } from './sidebar.types';
+export type SidebarSectionProps = {
+    section: SidebarSectionData;
+    /** Estado controlado — se omitido, gerencia internamente */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export declare function SidebarSection({ section, open, onOpenChange, className, }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-section.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CA4FrB"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-subgroup.d.ts

@@ -0,0 +1,13 @@
+import { SidebarMenuItem } from './sidebar.types';
+export type SidebarSubgroupProps = {
+    item: SidebarMenuItem;
+    activeItemHref?: string;
+    onItemClick?: (item: SidebarMenuItem) => void;
+    /** Estado controlado de collapse — se omitido, gerencia internamente */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export declare function SidebarSubgroup({ item, activeItemHref, onItemClick, open, defaultOpen, onOpenChange, className, }: SidebarSubgroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-subgroup.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-subgroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-subgroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-subgroup.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,cAAc,EACd,WAAW,EACX,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,oBAAoB,2CAuDtB"}