@gyramais/gyra-design 0.2.48 → 0.2.49

package/dist/emails/email/components/Rail/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Rail";
+export * from "./RailStep";
+export * from "./RailMini";
+export * from "./RailGate";
+export * from "./labels";
+export * from "./types";

package/dist/emails/email/components/Rail/labels.d.ts

@@ -0,0 +1,25 @@
+import type { RailDecision, RailGateCondition, RailStepKind, RailStepStatus } from "./types";
+import type { StatusTagVariant } from "../StatusTag";
+/**
+ * Vocabulario em portugues da esteira. Fica num arquivo so para que o rail, o
+ * conector e o (futuro) modo frase leiam exatamente os mesmos rotulos: dois
+ * vocabularios para o mesmo enum ja e um debito conhecido do gyra-operation.
+ */
+export declare const KIND_LABEL: Record<RailStepKind, string>;
+/** Glifo do card GYR-1623: ◉ análise · ⊕ aprofundar · ✋ checkpoint · ⌘ vínculos. */
+export declare const KIND_GLYPH: Record<RailStepKind, string>;
+export declare const GATE_LABEL: Record<RailGateCondition, string>;
+export declare const GATE_DESCRIPTION: Record<RailGateCondition, string>;
+export declare const GATE_ORDER: Array<RailGateCondition>;
+export declare const STATUS_LABEL: Record<RailStepStatus, string>;
+export declare const DECISION_LABEL: Record<RailDecision, string>;
+export declare const DECISION_VARIANT: Record<RailDecision, StatusTagVariant>;
+export declare const STATUS_VARIANT: Record<RailStepStatus, StatusTagVariant>;
+/**
+ * O que a pilula de estado mostra: quando a etapa terminou e registrou uma
+ * decisao, a decisao vence o "concluida" (e o que o analista quer ler).
+ */
+export declare const resolveStatusTag: (status?: RailStepStatus, decision?: RailDecision) => {
+    title: string;
+    variant: StatusTagVariant;
+} | undefined;

package/dist/emails/email/components/Rail/types.d.ts

@@ -0,0 +1,75 @@
+import React from "react";
+/**
+ * Rail — vocabulario da esteira Gyra+.
+ *
+ * O modelo espelha 1:1 o `OperationStep` do gyra-operation (kind + runIf +
+ * order), de proposito: o construtor e o acompanhamento ao vivo leem o MESMO
+ * array. Quem consome so troca `mode`.
+ */
+/** edit = construtor. run = acompanhamento ao vivo. Mesma arvore. */
+export type RailMode = "edit" | "run";
+/** Os 4 tipos de etapa. Espelha `StepKind` do gyra-operation. */
+export type RailStepKind = "ANALYSIS" | "DEEPEN" | "CHECKPOINT" | "RELATIONSHIPS";
+/**
+ * A condicao do conector: sempre avaliada contra a ULTIMA decisao registrada
+ * na esteira. Espelha `Gate` do gyra-operation.
+ */
+export type RailGateCondition = "ALWAYS" | "IF_APPROVED" | "IF_APPROVED_OR_ALERT" | "IF_REPROVED";
+/** Estado de execucao de uma etapa (so tem significado no modo run). */
+export type RailStepStatus = "PENDING" | "RUNNING" | "WAITING" | "DONE" | "SKIPPED" | "ERROR";
+/** A decisao que a etapa registrou (nem toda etapa decide). */
+export type RailDecision = "APPROVED" | "ALERT" | "REPROVED";
+/**
+ * Folha de uma etapa de Vinculos: um relatorio derivado (socio, 1o nivel,
+ * filial...). Cada folha e linkavel.
+ */
+export type RailLeaf = {
+    id: string;
+    title: string;
+    /** Ex: "Socia · Socio PF v3". */
+    subtitle?: string;
+    /** CPF/CNPJ. Renderizado em IBM Plex Mono. */
+    document?: string;
+    status?: RailStepStatus;
+    decision?: RailDecision;
+    /** Quando presente, a folha vira ancora. Senao, botao com `onOpen`. */
+    href?: string;
+    onOpen?: () => void;
+    disabled?: boolean;
+};
+/** Uma etapa da esteira (o dado; o componente que a desenha se chama RailStep). */
+export type RailStepData = {
+    id: string;
+    kind: RailStepKind;
+    title: string;
+    /** Politica, camada, niveis de vinculo... */
+    subtitle?: React.ReactNode;
+    /**
+     * A condicao do conector que fica ACIMA desta etapa. A primeira etapa da
+     * esteira nao tem conector, entao o campo e ignorado nela.
+     */
+    runIf?: RailGateCondition;
+    status?: RailStepStatus;
+    decision?: RailDecision;
+    /**
+     * Por que a etapa nao disparou. Renderizado FORA do cartao translucido, em
+     * contraste cheio: etapa pulada mostra o motivo a vista.
+     */
+    reason?: string;
+    /** Chips/tags extras no header (camada, custo, tier...). */
+    meta?: React.ReactNode;
+    /** Acoes da etapa no modo run (ex: "Decidir agora"). */
+    actions?: React.ReactNode;
+    /** Slot livre de conteudo: seletor de politica, niveis, o que o consumer quiser. */
+    content?: React.ReactNode;
+    /** Folhas (relatorios derivados). So faz sentido em RELATIONSHIPS. */
+    leaves?: RailLeaf[];
+    /** Rotulo da lista de folhas. Default: "Relatorios derivados". */
+    leavesLabel?: string;
+    /** Quando presente, o titulo vira link para o relatorio da etapa. */
+    href?: string;
+    /** Etapa desabilitada (nao editavel, nao clicavel). */
+    disabled?: boolean;
+    /** Trava so o conector desta etapa (ex: etapa herdada de um modelo). */
+    gateLocked?: boolean;
+};

package/dist/emails/email/components/SegmentedPicker/SegmentedPicker.d.ts

@@ -21,7 +21,13 @@ type SegmentedPickerProps = {
     /** primary: solid filled trigger; secondary: outlined/ghost trigger. */
     variant?: "primary" | "secondary";
     disabled?: boolean;
+    /**
+     * Alinhamento do menu em relacao ao gatilho. Default `start`: o menu e mais
+     * largo que a pilula, e alinhado pelo fim ele cresce para a ESQUERDA — de
+     * dentro de uma gaveta ou de um card, isso o joga para fora do container.
+     */
+    align?: "start" | "center" | "end";
 };
-declare const SegmentedPicker: ({ id, className, value, options, onChange, variant, disabled, }: SegmentedPickerProps) => React.JSX.Element | null;
+declare const SegmentedPicker: ({ id, className, value, options, onChange, variant, disabled, align, }: SegmentedPickerProps) => React.JSX.Element | null;
 export { SegmentedPicker };
 export type { SegmentedPickerProps, SegmentedPickerOption };

package/dist/emails/email/components/Switch/Switch.d.ts

@@ -5,7 +5,13 @@ type SwitchProps = {
     className?: string;
     disabled?: boolean;
     checked?: boolean;
+    /**
+     * Nome do controle. Um switch sozinho numa linha de tabela nao tem rotulo
+     * visivel nenhum: sem isto o leitor de tela anuncia so "alternar".
+     */
+    title?: string;
+    "aria-label"?: string;
     onCheckedChange?: (checked: boolean) => void;
 };
-declare const Switch: ({ id, className, disabled, checked, onCheckedChange, }: SwitchProps) => React.JSX.Element;
+declare const Switch: ({ id, className, disabled, checked, onCheckedChange, ...props }: SwitchProps) => React.JSX.Element;
 export { Switch };

package/dist/emails/email/components/Table/Table.d.ts

@@ -19,24 +19,11 @@ type TableProps = {
         text?: string;
     };
     headlesss?: boolean;
-    /**
-     * Estado de carregamento da tabela. O desenho depende de JA existir dado:
-     *
-     * - **sem linhas** (primeira carga): linhas de skeleton na forma das
-     *   `columns`, entao a tabela nao muda de largura quando o dado chega.
-     * - **com linhas** (refetch por filtro, busca ou acao de linha): as linhas
-     *   ficam, esmaecidas, com uma barra fina de progresso no topo. Apagar o
-     *   que o usuario esta lendo para mostrar um placeholder e' pior do que
-     *   deixar o dado velho a vista por um instante.
-     */
-    loading?: boolean;
-    /** Quantas linhas de skeleton desenhar na primeira carga. Padrao 5. */
-    loadingRows?: number;
     onRowClick?: (e: React.MouseEvent<HTMLTableRowElement, MouseEvent>, data: any) => void;
     /** Optional per-row className. Receives the row's data object and its
      *  zero-based index. Useful for transient state highlights (e.g. a row
      *  that just finished processing in real-time). */
     rowClassName?: (data: any, index: number) => string | undefined;
 };
-declare const Table: ({ id, className, height, type, columns, data, empty, headlesss, loading, loadingRows, onRowClick, rowClassName, }: TableProps) => React.JSX.Element;
+declare const Table: ({ id, className, height, type, columns, data, empty, headlesss, onRowClick, rowClassName, }: TableProps) => React.JSX.Element;
 export { Table };

package/dist/emails/email/index.d.ts

@@ -37,6 +37,7 @@ import "./components/Popover/index.css";
 import "./components/ProcessingChip/index.css";
 import "./components/Progress/index.css";
 import "./components/RadioGroup/index.css";
+import "./components/Rail/index.css";
 import "./components/RichInput/index.css";
 import "./components/Row/index.css";
 import "./components/ScoreBar/index.css";
@@ -45,7 +46,6 @@ import "./components/SegmentedToggle/index.css";
 import "./components/Select/index.css";
 import "./components/Selector/index.css";
 import "./components/SelectTree/index.css";
-import "./components/Skeleton/index.css";
 import "./components/PickerPopover/index.css";
 import "./components/MultiSelectPicker/index.css";
 import "./components/RuleSearchPicker/index.css";