@snksergio/design-system 0.19.0 → 0.30.1

package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts

@@ -0,0 +1,113 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * MessageComposer — shell DUMB do input de mensagem (Atendimento + Chat interno).
+ *
+ * Anatomia visual (só a moldura; Textarea/Button/Icon/Chip/Separator trazem os
+ * próprios estilos):
+ *   root        = coluna [replyPreview] + [banner] + [field]
+ *   replyPreview= slot acima da textarea (barra de citação) — só padding/gap
+ *   banner      = slot de aviso ('janela 24h' / read-only) — neutro, só padding
+ *   field       = linha [toolbarStart] + [textarea | recording] + [toolbarEnd] + [send]
+ *   textarea    = wrapper flex-1 que cresce; o <Textarea> do DS vai dentro com
+ *                 classes de moldura (sem borda própria, transparente, auto-grow)
+ *   recording   = slot que SUBSTITUI a textarea quando gravando
+ *
+ * Foco:
+ *   - send → herda o Button do DS (Padrão 1, estático, ring brand)
+ *   - textarea → herda o Textarea do DS (Padrão 2, animado) — aqui só removemos
+ *     borda/ring/bg para a textarea se fundir na moldura externa
+ *
+ * `state` controla a aparência da moldura (open = editável, disabled = apagado,
+ * read-only = sem campo, mostra banner). `disabled` é o ÚLTIMO compoundVariant
+ * (L-006). `size` ajusta padding/min-height do field e da textarea.
+ */
+export declare const messageComposerStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            field: string;
+            textarea: string;
+        };
+        md: {
+            field: string;
+            textarea: string;
+        };
+    };
+    state: {
+        open: {};
+        disabled: {
+            root: string;
+        };
+        "read-only": {};
+    };
+}, {
+    root: string[];
+    replyPreview: string;
+    banner: string[];
+    field: string;
+    toolbarStart: string;
+    toolbarEnd: string;
+    inputArea: string;
+    recording: string;
+    textarea: string[];
+    send: string;
+}, undefined, {
+    size: {
+        sm: {
+            field: string;
+            textarea: string;
+        };
+        md: {
+            field: string;
+            textarea: string;
+        };
+    };
+    state: {
+        open: {};
+        disabled: {
+            root: string;
+        };
+        "read-only": {};
+    };
+}, {
+    root: string[];
+    replyPreview: string;
+    banner: string[];
+    field: string;
+    toolbarStart: string;
+    toolbarEnd: string;
+    inputArea: string;
+    recording: string;
+    textarea: string[];
+    send: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            field: string;
+            textarea: string;
+        };
+        md: {
+            field: string;
+            textarea: string;
+        };
+    };
+    state: {
+        open: {};
+        disabled: {
+            root: string;
+        };
+        "read-only": {};
+    };
+}, {
+    root: string[];
+    replyPreview: string;
+    banner: string[];
+    field: string;
+    toolbarStart: string;
+    toolbarEnd: string;
+    inputArea: string;
+    recording: string;
+    textarea: string[];
+    send: string;
+}, undefined, unknown, unknown, undefined>>;
+export type MessageComposerVariantProps = VariantProps<typeof messageComposerStyles>;
+//# sourceMappingURL=message-composer.styles.d.ts.map

package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-composer.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageComposer/message-composer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2DhC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,OAAO,qBAAqB,CAC7B,CAAC"}

package/dist-lib/src/components/ui/MessageComposer/message-composer.types.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode, KeyboardEvent } from 'react';
+import { MessageComposerVariantProps } from './message-composer.styles';
+/** Estado do composer. `open` = editável · `disabled` = bloqueado · `read-only` = sem campo (mostra banner). */
+export type MessageComposerState = NonNullable<MessageComposerVariantProps["state"]>;
+/** Tamanho do composer (altura/padding do field e da textarea). */
+export type MessageComposerSize = NonNullable<MessageComposerVariantProps["size"]>;
+export interface MessageComposerProps {
+    /** Texto controlado da mensagem. Obrigatório. */
+    value: string;
+    /** Chamado a cada alteração do texto. Obrigatório. */
+    onChange: (value: string) => void;
+    /**
+     * Chamado ao enviar (Enter sem Shift, ou clique no botão de envio).
+     * O composer NÃO valida regra de negócio — só dispara quando há texto e não está disabled.
+     */
+    onSend: () => void;
+    /**
+     * Handler adicional de teclado na textarea. Executa ANTES da lógica interna de
+     * Enter→onSend; chame `e.preventDefault()` aqui para suprimir o envio padrão.
+     */
+    onKeyDown?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    /** Placeholder da textarea. */
+    placeholder?: string;
+    /**
+     * Estado do composer. `open` (default) edita · `disabled` bloqueia o campo ·
+     * `read-only` esconde o campo e exibe somente o `banner`.
+     */
+    state?: MessageComposerState;
+    /** Tamanho. `sm` = field compacto · `md` (default) = padrão. */
+    size?: MessageComposerSize;
+    /** Slot à esquerda da textarea (ex.: emoji, anexo). */
+    toolbarStart?: ReactNode;
+    /** Slot à direita, antes do botão de envio (ex.: mic toggle, ações extra). */
+    toolbarEnd?: ReactNode;
+    /** Barra de citação acima da textarea (reply/quote preview). */
+    replyPreview?: ReactNode;
+    /** Aviso acima do campo (ex.: 'janela de 24h', motivo de read-only). */
+    banner?: ReactNode;
+    /** Indica envio em andamento — coloca o botão de envio em loading e bloqueia. */
+    sending?: boolean;
+    /**
+     * Slot que SUBSTITUI a textarea enquanto grava áudio (waveform, timer, ações).
+     * Quando presente, a textarea não é renderizada.
+     */
+    recording?: ReactNode;
+    /** className do container (root). */
+    className?: string;
+}
+//# sourceMappingURL=message-composer.types.d.ts.map

package/dist-lib/src/components/ui/MessageComposer/message-composer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-composer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageComposer/message-composer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAE7E,gHAAgH;AAChH,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC5C,2BAA2B,CAAC,OAAO,CAAC,CACrC,CAAC;AAEF,mEAAmE;AACnE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAC3C,2BAA2B,CAAC,MAAM,CAAC,CACpC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAChE,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,gEAAgE;IAChE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,uDAAuD;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gEAAgE;IAChE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,6 @@
+export { MessageVariablesPicker } from './message-variables-picker';
+export { messageVariablesPickerStyles } from './message-variables-picker.styles';
+export type { MessageVariablesPickerVariantProps } from './message-variables-picker.styles';
+export { DEFAULT_MESSAGE_VARIABLES, } from './message-variables-picker.types';
+export type { MessageVariable, MessageVariablesPickerProps, } from './message-variables-picker.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageVariablesPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,YAAY,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EACL,yBAAyB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,2BAA2B,GAC5B,MAAM,kCAAkC,CAAC"}

package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.d.ts

@@ -0,0 +1,12 @@
+import { MessageVariablesPickerProps } from './message-variables-picker.types';
+/**
+ * MessageVariablesPicker — picker de variáveis `{{...}}` que emite `onSelect(token)`.
+ *
+ * NÃO contém o textarea — o consumer é responsável por inserir o token no cursor.
+ * Composto a partir de Popover (mobileSheet), Button, Chip, Icon e Separator do DS.
+ *
+ * @example
+ * <MessageVariablesPicker onSelect={(t) => insertAtCursor(t)} />
+ */
+export declare function MessageVariablesPicker({ onSelect, variables, label, triggerVariant, open: openProp, onOpenChange, closeOnSelect, size, className, disabled, }: MessageVariablesPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=message-variables-picker.d.ts.map

package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-variables-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageVariablesPicker/message-variables-picker.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,kCAAkC,CAAC;AAE1C;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAqC,EACrC,KAAmB,EACnB,cAAuB,EACvB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAoB,EACpB,IAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE,2BAA2B,2CAoF7B"}

package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.styles.d.ts

@@ -0,0 +1,57 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * MessageVariablesPicker — só os slots do CONTEÚDO do popover.
+ * O trigger usa o componente Button do DS (estilo via variants do próprio Button),
+ * por isso não tem slot de estilo aqui.
+ */
+export declare const messageVariablesPickerStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {};
+        md: {
+            content: string;
+        };
+    };
+}, {
+    /** Container interno do PopoverContent. */
+    content: string;
+    /** Header opcional ("Variáveis disponíveis"). */
+    header: string;
+    /** Lista de chips. */
+    list: string;
+    /** Estado vazio. */
+    empty: string;
+}, undefined, {
+    size: {
+        sm: {};
+        md: {
+            content: string;
+        };
+    };
+}, {
+    /** Container interno do PopoverContent. */
+    content: string;
+    /** Header opcional ("Variáveis disponíveis"). */
+    header: string;
+    /** Lista de chips. */
+    list: string;
+    /** Estado vazio. */
+    empty: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {};
+        md: {
+            content: string;
+        };
+    };
+}, {
+    /** Container interno do PopoverContent. */
+    content: string;
+    /** Header opcional ("Variáveis disponíveis"). */
+    header: string;
+    /** Lista de chips. */
+    list: string;
+    /** Estado vazio. */
+    empty: string;
+}, undefined, unknown, unknown, undefined>>;
+export type MessageVariablesPickerVariantProps = VariantProps<typeof messageVariablesPickerStyles>;
+//# sourceMappingURL=message-variables-picker.styles.d.ts.map

package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-variables-picker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageVariablesPicker/message-variables-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;IAErC,2CAA2C;;IAE3C,iDAAiD;;IAEjD,sBAAsB;;IAEtB,oBAAoB;;;;;;;;;;IANpB,2CAA2C;;IAE3C,iDAAiD;;IAEjD,sBAAsB;;IAEtB,oBAAoB;;;;;;;;;;IANpB,2CAA2C;;IAE3C,iDAAiD;;IAEjD,sBAAsB;;IAEtB,oBAAoB;;2CAUtB,CAAC;AAEH,MAAM,MAAM,kCAAkC,GAAG,YAAY,CAC3D,OAAO,4BAA4B,CACpC,CAAC"}

package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.types.d.ts

@@ -0,0 +1,36 @@
+import { MessageVariablesPickerVariantProps } from './message-variables-picker.styles';
+/** Variável de mensagem inserível no cursor — `token` é o texto bruto ({{...}}), `label` é o rótulo legível. */
+export type MessageVariable = {
+    /** Texto bruto inserido no cursor (ex: `"{{firstName}}"`). Pode ter trailing space proposital. */
+    token: string;
+    /** Rótulo legível exibido no Chip (ex: `"Primeiro Nome"`). */
+    label: string;
+};
+/**
+ * Variáveis padrão de mensagem do iGreen Hub.
+ *
+ * ⚠️ Trailing spaces são PROPOSITAIS (token concatenado direto no texto da mensagem):
+ * todos têm espaço final EXCETO `{{firstName}}`.
+ */
+export declare const DEFAULT_MESSAGE_VARIABLES: MessageVariable[];
+export type MessageVariablesPickerProps = MessageVariablesPickerVariantProps & {
+    /** Chamado com o token da variável escolhida — o consumer insere no cursor do textarea. */
+    onSelect: (token: string) => void;
+    /** Lista de variáveis exibidas. @default DEFAULT_MESSAGE_VARIABLES */
+    variables?: MessageVariable[];
+    /** Rótulo do trigger (usado no `triggerVariant="button"`). @default "Variáveis" */
+    label?: string;
+    /** `icon` = botão só-ícone (glyph chaves) · `button` = ícone + label. @default "icon" */
+    triggerVariant?: "icon" | "button";
+    /** Estado controlado de abertura. */
+    open?: boolean;
+    /** Callback de mudança de abertura (controlado). */
+    onOpenChange?: (open: boolean) => void;
+    /** Fecha o popover ao selecionar uma variável. @default true */
+    closeOnSelect?: boolean;
+    /** Desabilita o trigger. */
+    disabled?: boolean;
+    /** Classe extra no trigger. */
+    className?: string;
+};
+//# sourceMappingURL=message-variables-picker.types.d.ts.map

package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-variables-picker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageVariablesPicker/message-variables-picker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AAE5F,gHAAgH;AAChH,MAAM,MAAM,eAAe,GAAG;IAC5B,kGAAkG;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,EAAE,eAAe,EAMtD,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,kCAAkC,GAAG;IAC7E,2FAA2F;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sEAAsE;IACtE,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACnC,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/components/ui/Modal/modal.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type ModalSize = "sm" | "md" | "lg";
+export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 export type ModalAction = {
     /** Texto do botão. */
     label: ReactNode;
@@ -55,6 +55,8 @@ export type ModalProps = {
      *   - sm: 440px
      *   - md: 540px (default — match TblViewsModal sandbox)
      *   - lg: 720px
+     *   - xl: 1100px (modais de dados)
+     *   - full: min(1400px, 92vw) — escala com a viewport, mantém margens
      */
     size?: ModalSize;
     /** Esconde o X de fechar no canto superior direito. */

package/dist-lib/src/components/ui/Modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,sBAAsB;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;IAGpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB;;;OAGG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAG7B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAGnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,aAAa,EACb,eAAe,EACf,cAAc,EACd,MAAM,EACN,IAAW,EACX,SAAiB,EACjB,cAAqB,EACrB,SAAS,GACV,EAAE,UAAU,2CAyEZ"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2BvC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG;IACxB,sBAAsB;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;IAGpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB;;;OAGG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAG7B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAGnB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,aAAa,EACb,eAAe,EACf,cAAc,EACd,MAAM,EACN,IAAW,EACX,SAAiB,EACjB,cAAqB,EACrB,SAAS,GACV,EAAE,UAAU,2CA4EZ"}

package/dist-lib/src/components/ui/Modal/modal.styles.d.ts

@@ -13,18 +13,24 @@ export declare const dialog: import('tailwind-variants').TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, string[], {
     size: {
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     size: {
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, string[], unknown, unknown, undefined>>;
 export declare const closeBtn: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
@@ -48,7 +54,7 @@ export declare const headIcon: import('tailwind-variants').TVReturnType<{} | {}
 export declare const headTitleWrap: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 export declare const title: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 export declare const description: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]", unknown, unknown, undefined>>;
-export declare const body: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-[18px] px-pad-4xl py-[22px]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-[18px] px-pad-4xl py-[22px]", unknown, unknown, undefined>>;
+export declare const body: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 /**
  * Default: justify-end (todos os botões à direita).
  * Com tertiary: justify-between (tertiary à esquerda, secondary+primary à direita).

package/dist-lib/src/components/ui/Modal/modal.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Modal/modal.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAIH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;qDAkBjB,CAAC;AAIH,eAAO,MAAM,QAAQ,sMAWnB,CAAC;AAIH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;qDAUf,CAAC;AAEH,eAAO,MAAM,QAAQ,sMAOnB,CAAC;AAEH,eAAO,MAAM,aAAa,sMAMxB,CAAC;AAEH,eAAO,MAAM,KAAK,sMAOhB,CAAC;AAEH,eAAO,MAAM,WAAW,4SAEtB,CAAC;AAIH,eAAO,MAAM,IAAI,oRAEf,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;qDAYf,CAAC;AAEH,sFAAsF;AACtF,eAAO,MAAM,SAAS,gPAEpB,CAAC"}
+{"version":3,"file":"modal.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Modal/modal.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAIH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;qDA+BjB,CAAC;AAIH,eAAO,MAAM,QAAQ,sMAWnB,CAAC;AAIH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;qDAUf,CAAC;AAEH,eAAO,MAAM,QAAQ,sMAOnB,CAAC;AAEH,eAAO,MAAM,aAAa,sMAMxB,CAAC;AAEH,eAAO,MAAM,KAAK,sMAOhB,CAAC;AAEH,eAAO,MAAM,WAAW,4SAEtB,CAAC;AAIH,eAAO,MAAM,IAAI,sMAQf,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;qDAYf,CAAC;AAEH,sFAAsF;AACtF,eAAO,MAAM,SAAS,gPAEpB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { MonthYearPicker } from './month-year-picker';
+export type { MonthYearPickerProps, MonthYearValue, } from './month-year-picker.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MonthYearPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,oBAAoB,EACpB,cAAc,GACf,MAAM,2BAA2B,CAAC"}

package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.d.ts

@@ -0,0 +1,11 @@
+import { MonthYearPickerProps } from './month-year-picker.types';
+/**
+ * MonthYearPicker — seleciona um período mês+ano. `value`/`onValueChange` usam
+ * `"YYYY-MM"`. Rótulos de mês vêm do `Intl` no `locale` (default pt-BR).
+ *
+ * UX: trigger espelha um `Select` (mostra "Julho de 2026"); ao abrir, um popover
+ * traz navegação de ano (‹ 2026 ›) + grade 3×4 de meses. Meses fora de
+ * `[min, max]` ficam desabilitados.
+ */
+export declare const MonthYearPicker: import('react').ForwardRefExoticComponent<MonthYearPickerProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=month-year-picker.d.ts.map

package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-year-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MonthYearPicker/month-year-picker.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAsBtE;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,oHA2J1B,CAAC"}

package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.styles.d.ts

@@ -0,0 +1,113 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * MonthYearPicker — seletor de período mês+ano (valor `YYYY-MM`).
+ *
+ * O DS só tem um `calendar` de dia (react-day-picker), então este compõe um
+ * `Popover` + uma grade de 12 meses com navegação de ano. O `trigger` espelha
+ * 1:1 o `SelectTrigger`/`Combobox` (mesma altura, borda, radius, foco) pra
+ * parear com Selects irmãos num filtro.
+ */
+export declare const monthYearStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            grid?: import('tailwind-merge').ClassNameValue;
+            value?: import('tailwind-merge').ClassNameValue;
+            trigger?: import('tailwind-merge').ClassNameValue;
+            triggerLeadingIcon?: import('tailwind-merge').ClassNameValue;
+            triggerIcon?: import('tailwind-merge').ClassNameValue;
+            yearLabel?: import('tailwind-merge').ClassNameValue;
+            navButton?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            grid?: import('tailwind-merge').ClassNameValue;
+            value?: import('tailwind-merge').ClassNameValue;
+            trigger?: import('tailwind-merge').ClassNameValue;
+            triggerLeadingIcon?: import('tailwind-merge').ClassNameValue;
+            triggerIcon?: import('tailwind-merge').ClassNameValue;
+            yearLabel?: import('tailwind-merge').ClassNameValue;
+            navButton?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string[];
+    triggerLeadingIcon: string;
+    value: string;
+    triggerIcon: string;
+    content: string;
+    header: string;
+    navButton: string[];
+    yearLabel: string;
+    grid: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            grid?: import('tailwind-merge').ClassNameValue;
+            value?: import('tailwind-merge').ClassNameValue;
+            trigger?: import('tailwind-merge').ClassNameValue;
+            triggerLeadingIcon?: import('tailwind-merge').ClassNameValue;
+            triggerIcon?: import('tailwind-merge').ClassNameValue;
+            yearLabel?: import('tailwind-merge').ClassNameValue;
+            navButton?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string[];
+    triggerLeadingIcon: string;
+    value: string;
+    triggerIcon: string;
+    content: string;
+    header: string;
+    navButton: string[];
+    yearLabel: string;
+    grid: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    trigger: string[];
+    triggerLeadingIcon: string;
+    value: string;
+    triggerIcon: string;
+    content: string;
+    header: string;
+    navButton: string[];
+    yearLabel: string;
+    grid: string;
+}, undefined, unknown, unknown, undefined>>;
+export type MonthYearStylesProps = VariantProps<typeof monthYearStyles>;
+/**
+ * Botão de mês da grade — variantes selected/disabled separadas do slot-tv
+ * acima porque precisam de estado por-item.
+ */
+export declare const monthYearMonthButton: import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], {
+    selected: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=month-year-picker.styles.d.ts.map

package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-year-picker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MonthYearPicker/month-year-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkC1B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;qDAmB/B,CAAC"}

package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.types.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+/** Valor do picker — sempre `"YYYY-MM"` (ex.: `"2026-07"` = julho/2026). */
+export type MonthYearValue = string;
+export interface MonthYearPickerProps {
+    /** Valor selecionado (controlado), no formato `"YYYY-MM"`. */
+    value?: MonthYearValue;
+    /** Disparado ao escolher um mês — recebe `"YYYY-MM"`. */
+    onValueChange?: (value: MonthYearValue) => void;
+    /** Texto do trigger quando nada está selecionado. Default `"Selecione o mês"`. */
+    placeholder?: ReactNode;
+    /** Limite inferior selecionável (inclusive), `"YYYY-MM"`. Meses abaixo ficam desabilitados. */
+    min?: MonthYearValue;
+    /** Limite superior selecionável (inclusive), `"YYYY-MM"`. Meses acima ficam desabilitados. */
+    max?: MonthYearValue;
+    /** Locale usado para os rótulos de mês (Intl). Default `"pt-BR"`. */
+    locale?: string;
+    /** Desabilita o trigger. */
+    disabled?: boolean;
+    /** Abertura controlada do dropdown. */
+    open?: boolean;
+    /** Abertura inicial (não-controlada). */
+    defaultOpen?: boolean;
+    /** Notifica mudança de abertura. */
+    onOpenChange?: (open: boolean) => void;
+    /** Alinhamento do dropdown em relação ao trigger. Default `"start"`. */
+    align?: "start" | "center" | "end";
+    /** className aplicada ao trigger (mesmos overrides de um `SelectTrigger`). */
+    className?: string;
+    /** className aplicada ao dropdown (PopoverContent). */
+    contentClassName?: string;
+    /** Rótulo acessível do trigger. */
+    "aria-label"?: string;
+}
+//# sourceMappingURL=month-year-picker.types.d.ts.map

package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-year-picker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MonthYearPicker/month-year-picker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,4EAA4E;AAC5E,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,oBAAoB;IACnC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,kFAAkF;IAClF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+FAA+F;IAC/F,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,8FAA8F;IAC9F,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist-lib/src/components/ui/SingleMenuSidebar/single-menu-sidebar.styles.d.ts

@@ -147,7 +147,7 @@ export declare const menuItem: import('tailwind-variants').TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 export declare const styles: {
     readonly header: {
-        readonly wrapper: "flex h-16 items-center overflow-hidden px-pad-4xl py-pad-md shrink-0";
+        readonly wrapper: "flex h-layout-navbar items-center overflow-hidden px-pad-4xl py-pad-md shrink-0";
         readonly wrapperCollapsed: "justify-center px-0";
         readonly inner: "flex items-center gap-gp-md";
         readonly logo: "shrink-0";

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

@@ -0,0 +1,3 @@
+export { Spinner } from './spinner';
+export type { SpinnerProps } from './spinner.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist-lib/src/components/ui/Spinner/spinner.d.ts

@@ -0,0 +1,11 @@
+import { SpinnerProps } from './spinner.types';
+/**
+ * Spinner — indicador de loading. Gira via `animate-spin` e para automaticamente
+ * quando o usuário pede menos movimento (`prefers-reduced-motion`). Tamanho e cor
+ * são 100% via tokens do DS (ver `spinner.styles.ts`).
+ *
+ * O traço usa `stroke="currentColor"`, então `color="current"` faz o spinner
+ * herdar a cor do texto do container (útil dentro de botões).
+ */
+export declare const Spinner: import('react').ForwardRefExoticComponent<SpinnerProps & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=spinner.d.ts.map

package/dist-lib/src/components/ui/Spinner/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Spinner/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,wGAiClB,CAAC"}

package/dist-lib/src/components/ui/Spinner/spinner.styles.d.ts

@@ -0,0 +1,55 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Spinner — indicador de carregamento (loading) puramente decorativo/visual.
+ *
+ * Desenha um SVG que gira via `animate-spin`. Respeita `prefers-reduced-motion`
+ * (a animação para via `motion-reduce:animate-none`). Tamanho pelos tokens de
+ * ícone (`size-icon-*`) e cor pelos tokens de texto (`text-fg-*` / `currentColor`),
+ * já que o traço usa `stroke="currentColor"`.
+ *
+ * Variantes:
+ *   - size:  sm (size-icon-sm) | md (size-icon-md) | lg (size-icon-lg)
+ *   - color: current (herda o texto do pai) | default | muted | brand | on-brand
+ */
+export declare const spinnerStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        current: string;
+        default: string;
+        muted: string;
+        brand: string;
+        "on-brand": string;
+    };
+}, undefined, string[], {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        current: string;
+        default: string;
+        muted: string;
+        brand: string;
+        "on-brand": string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        current: string;
+        default: string;
+        muted: string;
+        brand: string;
+        "on-brand": string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type SpinnerVariantProps = VariantProps<typeof spinnerStyles>;
+//# sourceMappingURL=spinner.styles.d.ts.map