@1doc/1ds-react 2.8.0 → 2.10.0

package/dist/components/Tag/Tag.d.ts

@@ -1,7 +1,7 @@
 import './Tag.css';
 /**
  * Componente Tag para exibir rótulos, categorias e seleções.
- * Suporta aparências outlined/solid, 3 tamanhos e ícones opcionais.
+ * Suporta aparências outlined/solid/soft, 4 tamanhos, formato pílula e ícones opcionais.
  * Ideal para uso em multi-select, filtros e categorização.
  * @quandoUsar Rótulo ESTÁTICO que classifica ou dá status a um item: categoria de um processo, estado ("Em andamento"), prioridade. É leitura, não controle.
  * @quandoNaoUsar Quando o usuário pode remover o item ou alternar a seleção — use `Chips`. Para contagem numérica sobreposta a um ícone, use `Badge`.
@@ -16,22 +16,29 @@ export interface TagProps {
      */
     label?: string;
     /**
-     * Estilo visual da tag.
+     * Estilo visual da tag. `soft` é o fundo claro da cor da variante, sem
+     * contorno (setores, perfil, "Publicado", "Dado simulado").
      * @default 'outlined'
      */
-    appearance?: "outlined" | "solid";
+    appearance?: "outlined" | "solid" | "soft";
+    /**
+     * Formato de pílula (cantos totalmente arredondados).
+     * @default false
+     */
+    pill?: boolean;
     /**
      * Variante semântica de cor (paridade com o Badge) — para tag de STATUS
      * (achado mobile/prefeitura: sem isso, status exigia trocar para Badge).
      * 'neutral' mantém o visual atual.
      * @default 'neutral'
      */
-    variant?: "neutral" | "primary" | "positive" | "negative" | "info";
+    variant?: "neutral" | "primary" | "positive" | "negative" | "info" | "new";
     /**
-     * Tamanho da tag.
+     * Tamanho da tag. `xs` é a compacta de 18px (`line-height: 1`), para linha
+     * de lista e card; `sm` continua com 27px.
      * @default 'md'
      */
-    size?: "sm" | "md" | "lg";
+    size?: "xs" | "sm" | "md" | "lg";
     /**
      * Ícone Font Awesome exibido à esquerda do label.
      */

package/dist/components/Tag/Tag.js

@@ -13,6 +13,7 @@ function Tag(props) {
             props.variant && props.variant !== "neutral"
                 ? `umds-tag--${props.variant}`
                 : "",
+            props.pill ? "umds-tag--pill" : "",
             props.disabled ? "umds-tag--disabled" : "",
             props.className,
         ]

package/dist/components/Text/Text.js

@@ -77,7 +77,7 @@ function Text(props) {
             .filter(Boolean)
             .join(" ");
     }
-    function style() {
+    function estiloInline() {
         const styles = {};
         if (props.maxLines) {
             styles["--umds-text-max-lines"] = String(props.maxLines);
@@ -98,6 +98,6 @@ function Text(props) {
         }
         return out;
     }
-    return (_jsxs(_Fragment, { children: [elementTag() === "h1" ? (_jsx("h1", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h2" ? (_jsx("h2", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h3" ? (_jsx("h3", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h4" ? (_jsx("h4", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h5" ? (_jsx("h5", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h6" ? (_jsx("h6", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "p" ? (_jsx("p", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "span" ? (_jsx("span", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "label" ? (_jsx("label", { htmlFor: props.forId, id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "div" ? (_jsx("div", { id: props.id, style: style(), ...htmlAttrs(), className: classes(), children: props.children })) : null] }));
+    return (_jsxs(_Fragment, { children: [elementTag() === "h1" ? (_jsx("h1", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h2" ? (_jsx("h2", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h3" ? (_jsx("h3", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h4" ? (_jsx("h4", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h5" ? (_jsx("h5", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "h6" ? (_jsx("h6", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "p" ? (_jsx("p", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "span" ? (_jsx("span", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "label" ? (_jsx("label", { htmlFor: props.forId, id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null, elementTag() === "div" ? (_jsx("div", { id: props.id, style: estiloInline(), ...htmlAttrs(), className: classes(), children: props.children })) : null] }));
 }
 export default Text;

package/dist/components/Textarea/Textarea.css

@@ -128,6 +128,14 @@
     resize: none;
 }
 
+/* Somente leitura não é desabilitado: o texto segue lido e a WCAG 1.4.3 vale
+   sem isenção. O placeholder padrão foi calibrado para fundo branco e cai para
+   ~4,2:1 sobre o fundo de somente leitura; neutral-dark-down passa 4,5:1 em
+   todos os temas (1doc 6,78:1 · 1doc-dark 10,83:1 · alto contraste 16,48:1). */
+.umds-textarea--readonly .umds-textarea__control::placeholder {
+    color: var(--umds-semantic-color-neutral-dark-down);
+}
+
 /* Footer (Helper/Error + Counter) */
 .umds-textarea__footer {
     display: flex;

package/dist/components/TimePicker/TimePicker.css

@@ -297,6 +297,14 @@
   border-color: var(--umds-semantic-field-border-default);
 }
 
+/* Somente leitura não é desabilitado: o texto segue lido e a WCAG 1.4.3 vale
+   sem isenção. O placeholder padrão foi calibrado para fundo branco e cai para
+   ~4,2:1 sobre o fundo de somente leitura; neutral-dark-down passa 4,5:1 em
+   todos os temas (1doc 6,78:1 · 1doc-dark 10,83:1 · alto contraste 16,48:1). */
+.umds-timepicker--readonly .umds-timepicker__placeholder {
+  color: var(--umds-semantic-color-neutral-dark-down);
+}
+
 /* ── Alto contraste ──
    O traço do painel é neutral-light-medium — #5A5A5A neste tema, 3:1 sobre o
    preto. As superfícies flutuantes do tema usam a borda branca

package/dist/components/Toast/Toast.css

@@ -123,6 +123,38 @@
   line-height: 1.5;
 }
 
+/* ── Detalhes (details) e ação (actionLabel) ── */
+.umds-toast__details {
+  margin: 0;
+  padding-left: var(--umds-primitive-spacing-xxxs); /* 16px */
+  font-size: var(--umds-primitive-font-size-xxxs); /* 12px */
+  line-height: 1.5;
+}
+
+.umds-toast__action {
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  /* Alvo mínimo de 24px (WCAG 2.5.8). */
+  min-height: var(--umds-primitive-spacing-xxs);
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font-family: inherit;
+  font-size: var(--umds-primitive-font-size-xxxs); /* 12px */
+  font-weight: var(--umds-primitive-font-weight-bold);
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.umds-toast__action:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: var(--umds-primitive-border-radius-xs);
+}
+
 /* ── Fechar ── */
 .umds-toast__close {
   display: flex;

package/dist/components/Toast/Toast.d.ts

@@ -4,6 +4,12 @@ import './Toast.css';
  * na raiz do documento (não fica presa ao overflow do elemento pai).
  * Comunica o resultado de uma ação (sucesso, erro, aviso ou informação) e pode
  * fechar automaticamente após um tempo.
+ *
+ * Com `actionLabel` e `onAction`, o toast ganha uma ação ("Desfazer", "Ver * processo"): um botão depois do texto. Acioná-la chama `onAction` e fecha o
+ * toast. Toast com ação não deve sumir sozinho antes de dar tempo de agir
+ * (WCAG 2.2.1): no `toast()` imperativo o padrão passa a ser `duration: 0`, e no
+ * declarativo vale o que você passar. `details` é uma lista de linhas
+ * curtas abaixo da descrição (o que deu errado, item a item).
  * @quandoUsar Retorno TRANSITÓRIO e não-bloqueante de uma ação recém-executada: "Processo salvo", "Link copiado". Aparece sobreposto e some sozinho.
  * @quandoNaoUsar Para mensagem que precisa continuar visível ou ser relida — use `Alert`. Para erro que impede o usuário de prosseguir, use `Alert` junto ao campo.
  */
@@ -28,6 +34,18 @@ export interface ToastProps {
      * Descrição adicional exibida abaixo da mensagem.
      */
     description?: string;
+    /**
+     * Lista de detalhes, uma linha por item, abaixo da descrição ("Anexo 3 acima   * de 10 MB", "Despacho sem assunto").
+     */
+    details?: string[];
+    /**
+     * Rótulo do botão de ação ("Desfazer"). O botão só aparece com `onAction`.
+     */
+    actionLabel?: string;
+    /**
+     * Chamado ao acionar o botão de ação. Depois dele o toast fecha (`onClose`).
+     */
+    onAction?: (event?: any) => void;
     /**
      * Posição na tela onde o toast é fixado.
      * @default 'top-right'

package/dist/components/Toast/Toast.js

@@ -31,6 +31,19 @@ function Toast(props) {
             return faCircleXmark;
         return faCircleInfo;
     }
+    function detailList() {
+        return props.details || [];
+    }
+    function hasAction() {
+        return !!(props.actionLabel && props.onAction);
+    }
+    function handleAction(event) {
+        if (event)
+            event.stopPropagation();
+        if (props.onAction)
+            props.onAction(event);
+        handleClose(event);
+    }
     function handleClose(event) {
         if (event)
             event.stopPropagation();
@@ -58,6 +71,6 @@ function Toast(props) {
             }
         };
     }, []);
-    return (_jsx(Portal, { container: props.portalContainer, children: _jsx("div", { role: liveRole(), "aria-live": ariaLive(), children: props.open ? (_jsxs("div", { className: toastClasses(), children: [_jsx("div", { className: "umds-toast__icon-wrap", children: _jsx("span", { "aria-hidden": "true", className: "umds-toast__icon", children: _jsx(Icon, { variant: "inherit", customSize: "14px", icon: iconName() }) }) }), _jsxs("div", { className: "umds-toast__body", children: [_jsx("span", { className: "umds-toast__message", children: props.message }), props.description ? (_jsx("span", { className: "umds-toast__description", children: props.description })) : null] }), props.closable !== false ? (_jsx("button", { type: "button", className: "umds-toast__close", onClick: (event) => handleClose(event), "aria-label": props.closeLabel || "Fechar notificação", children: _jsx(Icon, { variant: "inherit", customSize: "18px", icon: faXmark }) })) : null] })) : null }) }));
+    return (_jsx(Portal, { container: props.portalContainer, children: _jsx("div", { role: liveRole(), "aria-live": ariaLive(), children: props.open ? (_jsxs("div", { className: toastClasses(), children: [_jsx("div", { className: "umds-toast__icon-wrap", children: _jsx("span", { "aria-hidden": "true", className: "umds-toast__icon", children: _jsx(Icon, { variant: "inherit", customSize: "14px", icon: iconName() }) }) }), _jsxs("div", { className: "umds-toast__body", children: [_jsx("span", { className: "umds-toast__message", children: props.message }), props.description ? (_jsx("span", { className: "umds-toast__description", children: props.description })) : null, detailList().length > 0 ? (_jsx("ul", { className: "umds-toast__details", children: detailList()?.map((detalhe) => (_jsx("li", { children: detalhe }, detalhe))) })) : null, hasAction() ? (_jsx("button", { type: "button", className: "umds-toast__action", onClick: (event) => handleAction(event), children: props.actionLabel })) : null] }), props.closable !== false ? (_jsx("button", { type: "button", className: "umds-toast__close", onClick: (event) => handleClose(event), "aria-label": props.closeLabel || "Fechar notificação", children: _jsx(Icon, { variant: "inherit", customSize: "18px", icon: faXmark }) })) : null] })) : null }) }));
 }
 export default Toast;

package/dist/components/Toast/ToastStack.js

@@ -17,6 +17,13 @@ function ToastStack(props) {
             .filter(Boolean)
             .join(" ");
     }
+    function actionLabelOf(item) {
+        return item.onAction ? item.actionLabel : undefined;
+    }
+    function handleItemAction(item) {
+        if (item.onAction)
+            item.onAction();
+    }
     function handleItemClose(id) {
         dismissToast(id);
     }
@@ -33,6 +40,6 @@ function ToastStack(props) {
             }
         };
     }, []);
-    return (_jsx("div", { ref: stackRef, className: stackClasses(), children: items?.map((item) => (_jsx(Toast, { open: true, message: item.message, description: item.description, variant: item.variant, duration: item.duration, closable: item.closable, portalContainer: stackRef.current, onClose: (event) => handleItemClose(item.id) }, item.id))) }));
+    return (_jsx("div", { ref: stackRef, className: stackClasses(), children: items?.map((item) => (_jsx(Toast, { open: true, message: item.message, description: item.description, details: item.details, actionLabel: actionLabelOf(item), onAction: (event) => handleItemAction(item), variant: item.variant, duration: item.duration, closable: item.closable, portalContainer: stackRef.current, onClose: (event) => handleItemClose(item.id) }, item.id))) }));
 }
 export default ToastStack;

package/dist/components/Tooltip/Tooltip.css

@@ -153,6 +153,31 @@
   bottom: 12px;
 }
 
+/* ── variant="dark": balão compacto escuro ──
+   background-dark é a superfície invertida do tema (azul-marinho no claro, claro
+   no escuro, branco no alto contraste) e neutral-light-pure o texto sobre ela.
+   Fonte de 12px (a escala do DS não tem o 11px do CrisDoc). */
+.umds-tooltip__floating--dark {
+  max-width: 220px; /* quebra do CrisDoc; maxWidth sobrescreve */
+}
+
+.umds-tooltip__bubble--dark {
+  padding: var(--umds-primitive-spacing-quarck) var(--umds-primitive-spacing-nano);
+  border-radius: var(--umds-primitive-border-radius-xs); /* 4px */
+  background-color: var(--umds-semantic-color-background-dark);
+  color: var(--umds-semantic-color-neutral-light-pure);
+}
+
+.umds-tooltip__bubble--dark .umds-tooltip__title,
+.umds-tooltip__bubble--dark .umds-tooltip__content {
+  color: var(--umds-semantic-color-neutral-light-pure);
+}
+
+.umds-tooltip__bubble--dark .umds-tooltip__arrow {
+  background-color: var(--umds-semantic-color-background-dark);
+  border-color: var(--umds-semantic-color-background-dark);
+}
+
 /* ── Alto contraste ──
    O balão usa neutral-light-pure, que neste tema é preto como a página, e a
    sombra não aparece: sem traço o balão some. Outline para dentro (não

package/dist/components/Tooltip/Tooltip.d.ts

@@ -13,6 +13,17 @@ export interface TooltipProps {
     side?: "top" | "bottom" | "left" | "right";
     /** Alinhamento no eixo cruzado: "center" usa só o `side`; "start"/"end" viram placements compostos (`top-start`, `right-end`…). */
     align?: "start" | "center" | "end";
+    /**
+     * Aparência do balão. `dark` é o compacto escuro (fundo `background-dark`,
+     * texto `neutral-light-pure`, padding 4/8, raio 4, no máximo 220px de
+     * largura): o balão de ícone, sigla e botão de barra de ferramentas. Os dois
+     * tokens são o par invertido do tema, então o contraste vale nos claros,
+     * escuro e alto contraste.
+     * @default 'default'
+     */
+    variant?: "default" | "dark";
+    /** Largura máxima do balão, qualquer valor CSS (`"220px"`, `"20rem"`). Vence o teto de cada variante (280px no padrão, 220px no dark). */
+    maxWidth?: string;
     sideOffset?: number;
     delayDuration?: number;
     disabled?: boolean;

package/dist/components/Tooltip/Tooltip.js

@@ -241,13 +241,28 @@ function Tooltip(props) {
         closeNow();
     }
     function floatingStyle() {
-        return {
+        const estilo = {
             transform: "translate(" + posX + "px, " + posY + "px)",
             visibility: positioned ? "visible" : "hidden",
         };
+        if (props.maxWidth)
+            estilo.maxWidth = props.maxWidth;
+        return estilo;
+    }
+    function floatingClasses() {
+        return [
+            "umds-tooltip__floating",
+            props.variant === "dark" ? "umds-tooltip__floating--dark" : "",
+        ]
+            .filter(Boolean)
+            .join(" ");
     }
     function bubbleClasses() {
-        return ["umds-tooltip__bubble", open ? "umds-tooltip__bubble--open" : ""]
+        return [
+            "umds-tooltip__bubble",
+            props.variant === "dark" ? "umds-tooltip__bubble--dark" : "",
+            open ? "umds-tooltip__bubble--open" : "",
+        ]
             .filter(Boolean)
             .join(" ");
     }
@@ -300,6 +315,6 @@ function Tooltip(props) {
             stopKeydownWatch();
         };
     }, []);
-    return (_jsxs("span", { ref: triggerRef, className: ["umds-tooltip", props.className].filter(Boolean).join(" "), onMouseEnter: (event) => handleOpen(), onMouseLeave: (event) => handleClose(event), children: [_jsx(_Fragment, { children: props.children }), _jsxs("span", { className: "umds-tooltip__descricao", "aria-hidden": "true", id: descIdText(), children: [props.title ? _jsx(_Fragment, { children: tituloDescrito() }) : null, props.content ? _jsx(_Fragment, { children: props.content }) : null] }), _jsx(Portal, { children: mounted ? (_jsx("span", { className: "umds-tooltip__floating", ref: floatingRef, style: floatingStyle(), children: _jsxs("span", { role: "tooltip", className: bubbleClasses(), id: bubbleIdText(), "aria-hidden": !open, children: [_jsxs("span", { className: "umds-tooltip__row", children: [props.icon ? (_jsx(Icon, { size: "sm", variant: "inherit", icon: props.icon })) : null, _jsxs("span", { className: "umds-tooltip__text", children: [props.title ? (_jsx("span", { className: "umds-tooltip__title", children: props.title })) : null, props.content ? (_jsx("span", { className: "umds-tooltip__content", children: _jsx(_Fragment, { children: props.content }) })) : null] })] }), _jsx("span", { ref: arrowRef, className: arrowClasses() })] }) })) : null })] }));
+    return (_jsxs("span", { ref: triggerRef, className: ["umds-tooltip", props.className].filter(Boolean).join(" "), onMouseEnter: (event) => handleOpen(), onMouseLeave: (event) => handleClose(event), children: [_jsx(_Fragment, { children: props.children }), _jsxs("span", { className: "umds-tooltip__descricao", "aria-hidden": "true", id: descIdText(), children: [props.title ? _jsx(_Fragment, { children: tituloDescrito() }) : null, props.content ? _jsx(_Fragment, { children: props.content }) : null] }), _jsx(Portal, { children: mounted ? (_jsx("span", { ref: floatingRef, className: floatingClasses(), style: floatingStyle(), children: _jsxs("span", { role: "tooltip", className: bubbleClasses(), id: bubbleIdText(), "aria-hidden": !open, children: [_jsxs("span", { className: "umds-tooltip__row", children: [props.icon ? (_jsx(Icon, { size: "sm", variant: "inherit", icon: props.icon })) : null, _jsxs("span", { className: "umds-tooltip__text", children: [props.title ? (_jsx("span", { className: "umds-tooltip__title", children: props.title })) : null, props.content ? (_jsx("span", { className: "umds-tooltip__content", children: _jsx(_Fragment, { children: props.content }) })) : null] })] }), _jsx("span", { ref: arrowRef, className: arrowClasses() })] }) })) : null })] }));
 }
 export default Tooltip;

package/dist/index.d.ts

@@ -1,10 +1,14 @@
 export * from "./utils/theme";
 export * from "./utils/toast";
 export * from "./utils/density";
+export * from "./utils/paleta-de-cores";
 export { library } from "@fortawesome/fontawesome-svg-core";
 export { default as Accordion } from "./components/Accordion/Accordion";
 export { default as AILabel } from "./components/AILabel/AILabel";
 export { default as AIContent } from "./components/AIContent/AIContent";
+export { default as Calendar } from "./components/Calendar/Calendar";
+export { default as Coachmark } from "./components/Coachmark/Coachmark";
+export { default as CodeBlock } from "./components/CodeBlock/CodeBlock";
 export { default as ConfirmAIAction } from "./components/ConfirmAIAction/ConfirmAIAction";
 export { default as Alert } from "./components/Alert/Alert";
 export { default as AppHeader } from "./components/AppHeader/AppHeader";
@@ -26,11 +30,13 @@ export { default as Button } from "./components/Button/Button";
 export { default as Card } from "./components/Card/Card";
 export { default as Checkbox } from "./components/Checkbox/Checkbox";
 export { default as Chips } from "./components/Chips/Chips";
+export { default as ColorPicker } from "./components/ColorPicker/ColorPicker";
 export { default as Combobox } from "./components/Combobox/Combobox";
 export { default as ConfirmDialog } from "./components/ConfirmDialog/ConfirmDialog";
 export { default as Container } from "./components/Container/Container";
 export { default as DataTable } from "./components/DataTable/DataTable";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export { default as DescriptionList } from "./components/DescriptionList/DescriptionList";
 export { default as Divider } from "./components/Divider/Divider";
 export { default as DonutChart } from "./components/Chart/DonutChart";
 export { default as Drawer } from "./components/Drawer/Drawer";
@@ -39,15 +45,21 @@ export { default as EmptyState } from "./components/EmptyState/EmptyState";
 export { default as FileInput } from "./components/FileInput/FileInput";
 export { default as Grid } from "./components/Grid/Grid";
 export { default as Icon } from "./components/Icon/Icon";
+export { default as IconPicker } from "./components/IconPicker/IconPicker";
 export { default as Input } from "./components/Input/Input";
 export { default as Kanban } from "./components/Kanban/Kanban";
 export { default as KanbanCard } from "./components/Kanban/KanbanCard";
 export { default as KanbanColumn } from "./components/Kanban/KanbanColumn";
+export { default as Kbd } from "./components/Kbd/Kbd";
 export { default as Link } from "./components/Link/Link";
 export { default as LineChart } from "./components/Chart/LineChart";
+export { default as List } from "./components/List/List";
+export { default as ListItem } from "./components/List/ListItem";
 export { default as Logo } from "./components/Logo/Logo";
 export { default as Modal } from "./components/Modal/Modal";
 export { default as MultiSelect } from "./components/MultiSelect/MultiSelect";
+export { default as OrgChart } from "./components/OrgChart/OrgChart";
+export { default as OtpInput } from "./components/OtpInput/OtpInput";
 export { default as PageHeader } from "./components/PageHeader/PageHeader";
 export { default as Pagination } from "./components/Pagination/Pagination";
 export { default as PhoneInput } from "./components/PhoneInput/PhoneInput";
@@ -55,6 +67,7 @@ export { default as Podium } from "./components/Podium/Podium";
 export { default as ProgressBar } from "./components/ProgressBar/ProgressBar";
 export { default as Radio } from "./components/Radio/Radio";
 export { default as RadioGroup } from "./components/Radio/RadioGroup";
+export { default as RichTextEditor } from "./components/RichTextEditor/RichTextEditor";
 export { default as SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
 export { default as Select } from "./components/Select/Select";
 export { default as SidePanel } from "./components/SidePanel/SidePanel";
@@ -85,6 +98,9 @@ export { default as Tree } from "./components/Tree/Tree";
 export type * from "./components/Accordion/Accordion";
 export type * from "./components/AILabel/AILabel";
 export type * from "./components/AIContent/AIContent";
+export type * from "./components/Calendar/Calendar";
+export type * from "./components/Coachmark/Coachmark";
+export type * from "./components/CodeBlock/CodeBlock";
 export type * from "./components/ConfirmAIAction/ConfirmAIAction";
 export type * from "./components/Alert/Alert";
 export type * from "./components/AppHeader/AppHeader";
@@ -106,11 +122,13 @@ export type * from "./components/Button/Button";
 export type * from "./components/Card/Card";
 export type * from "./components/Checkbox/Checkbox";
 export type * from "./components/Chips/Chips";
+export type * from "./components/ColorPicker/ColorPicker";
 export type * from "./components/Combobox/Combobox";
 export type * from "./components/ConfirmDialog/ConfirmDialog";
 export type * from "./components/Container/Container";
 export type * from "./components/DataTable/DataTable";
 export type * from "./components/DatePicker/DatePicker";
+export type * from "./components/DescriptionList/DescriptionList";
 export type * from "./components/Divider/Divider";
 export type * from "./components/Chart/DonutChart";
 export type * from "./components/Drawer/Drawer";
@@ -119,15 +137,21 @@ export type * from "./components/EmptyState/EmptyState";
 export type * from "./components/FileInput/FileInput";
 export type * from "./components/Grid/Grid";
 export type * from "./components/Icon/Icon";
+export type * from "./components/IconPicker/IconPicker";
 export type * from "./components/Input/Input";
 export type * from "./components/Kanban/Kanban";
 export type * from "./components/Kanban/KanbanCard";
 export type * from "./components/Kanban/KanbanColumn";
+export type * from "./components/Kbd/Kbd";
 export type * from "./components/Link/Link";
 export type * from "./components/Chart/LineChart";
+export type * from "./components/List/List";
+export type * from "./components/List/ListItem";
 export type * from "./components/Logo/Logo";
 export type * from "./components/Modal/Modal";
 export type * from "./components/MultiSelect/MultiSelect";
+export type * from "./components/OrgChart/OrgChart";
+export type * from "./components/OtpInput/OtpInput";
 export type * from "./components/PageHeader/PageHeader";
 export type * from "./components/Pagination/Pagination";
 export type * from "./components/PhoneInput/PhoneInput";
@@ -135,6 +159,7 @@ export type * from "./components/Podium/Podium";
 export type * from "./components/ProgressBar/ProgressBar";
 export type * from "./components/Radio/Radio";
 export type * from "./components/Radio/RadioGroup";
+export type * from "./components/RichTextEditor/RichTextEditor";
 export type * from "./components/SegmentedControl/SegmentedControl";
 export type * from "./components/Select/Select";
 export type * from "./components/SidePanel/SidePanel";

package/dist/index.js

@@ -4,12 +4,17 @@ export * from "./utils/theme";
 export * from "./utils/toast";
 // Densidade global (modo touch ≥44px via data-density)
 export * from "./utils/density";
+// Paleta de cor categórica (primitivos) do ColorPicker
+export * from "./utils/paleta-de-cores";
 // FontAwesome
 export { library } from "@fortawesome/fontawesome-svg-core";
 // Components
 export { default as Accordion } from "./components/Accordion/Accordion";
 export { default as AILabel } from "./components/AILabel/AILabel";
 export { default as AIContent } from "./components/AIContent/AIContent";
+export { default as Calendar } from "./components/Calendar/Calendar";
+export { default as Coachmark } from "./components/Coachmark/Coachmark";
+export { default as CodeBlock } from "./components/CodeBlock/CodeBlock";
 export { default as ConfirmAIAction } from "./components/ConfirmAIAction/ConfirmAIAction";
 export { default as Alert } from "./components/Alert/Alert";
 export { default as AppHeader } from "./components/AppHeader/AppHeader";
@@ -31,11 +36,13 @@ export { default as Button } from "./components/Button/Button";
 export { default as Card } from "./components/Card/Card";
 export { default as Checkbox } from "./components/Checkbox/Checkbox";
 export { default as Chips } from "./components/Chips/Chips";
+export { default as ColorPicker } from "./components/ColorPicker/ColorPicker";
 export { default as Combobox } from "./components/Combobox/Combobox";
 export { default as ConfirmDialog } from "./components/ConfirmDialog/ConfirmDialog";
 export { default as Container } from "./components/Container/Container";
 export { default as DataTable } from "./components/DataTable/DataTable";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export { default as DescriptionList } from "./components/DescriptionList/DescriptionList";
 export { default as Divider } from "./components/Divider/Divider";
 export { default as DonutChart } from "./components/Chart/DonutChart";
 export { default as Drawer } from "./components/Drawer/Drawer";
@@ -44,15 +51,21 @@ export { default as EmptyState } from "./components/EmptyState/EmptyState";
 export { default as FileInput } from "./components/FileInput/FileInput";
 export { default as Grid } from "./components/Grid/Grid";
 export { default as Icon } from "./components/Icon/Icon";
+export { default as IconPicker } from "./components/IconPicker/IconPicker";
 export { default as Input } from "./components/Input/Input";
 export { default as Kanban } from "./components/Kanban/Kanban";
 export { default as KanbanCard } from "./components/Kanban/KanbanCard";
 export { default as KanbanColumn } from "./components/Kanban/KanbanColumn";
+export { default as Kbd } from "./components/Kbd/Kbd";
 export { default as Link } from "./components/Link/Link";
 export { default as LineChart } from "./components/Chart/LineChart";
+export { default as List } from "./components/List/List";
+export { default as ListItem } from "./components/List/ListItem";
 export { default as Logo } from "./components/Logo/Logo";
 export { default as Modal } from "./components/Modal/Modal";
 export { default as MultiSelect } from "./components/MultiSelect/MultiSelect";
+export { default as OrgChart } from "./components/OrgChart/OrgChart";
+export { default as OtpInput } from "./components/OtpInput/OtpInput";
 export { default as PageHeader } from "./components/PageHeader/PageHeader";
 export { default as Pagination } from "./components/Pagination/Pagination";
 export { default as PhoneInput } from "./components/PhoneInput/PhoneInput";
@@ -60,6 +73,7 @@ export { default as Podium } from "./components/Podium/Podium";
 export { default as ProgressBar } from "./components/ProgressBar/ProgressBar";
 export { default as Radio } from "./components/Radio/Radio";
 export { default as RadioGroup } from "./components/Radio/RadioGroup";
+export { default as RichTextEditor } from "./components/RichTextEditor/RichTextEditor";
 export { default as SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
 export { default as Select } from "./components/Select/Select";
 export { default as SidePanel } from "./components/SidePanel/SidePanel";

package/dist/teste/AILabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/teste/AILabel.test.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it, vi } from "vitest";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import AILabel from "../components/AILabel/AILabel";
+/**
+ * `defaultOpen` era declarado e documentado, mas nunca lido: o painel nascia
+ * fechado de qualquer jeito, e a story "Em inglês" usava `open` (controlado)
+ * para contornar — o que travava o clique.
+ */
+describe("AILabel · defaultOpen", () => {
+    it("abre o painel na montagem", () => {
+        render(_jsx(AILabel, { explanation: "Resumo dos despachos.", defaultOpen: true }));
+        expect(screen.getByRole("region")).toHaveTextContent("Resumo dos despachos.");
+        expect(screen.getByRole("button", { name: "Conteúdo gerado por IA" })).toHaveAttribute("aria-expanded", "true");
+    });
+    it("continua não-controlado: o clique fecha e avisa", async () => {
+        const usuario = userEvent.setup();
+        const onOpenChange = vi.fn();
+        render(_jsx(AILabel, { explanation: "Resumo.", defaultOpen: true, onOpenChange: onOpenChange }));
+        await usuario.click(screen.getByRole("button", { name: "Conteúdo gerado por IA" }));
+        expect(screen.queryByRole("region")).not.toBeInTheDocument();
+        expect(onOpenChange).toHaveBeenCalledWith(false);
+    });
+    it("sem defaultOpen nasce fechado", () => {
+        render(_jsx(AILabel, { explanation: "Resumo." }));
+        expect(screen.queryByRole("region")).not.toBeInTheDocument();
+    });
+    it("`open` controlado vence o defaultOpen", () => {
+        render(_jsx(AILabel, { explanation: "Resumo.", defaultOpen: true, open: false }));
+        expect(screen.queryByRole("region")).not.toBeInTheDocument();
+    });
+});

package/dist/teste/AccordionConteudoLivre.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/teste/AccordionConteudoLivre.test.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { render, screen } from "@testing-library/react";
+import Accordion from "../components/Accordion/Accordion";
+describe("Accordion · conteúdo livre por item (React)", () => {
+    it("o content do item aceita qualquer nó (campos, botões)", () => {
+        render(_jsx(Accordion, { items: [
+                {
+                    id: "s1",
+                    title: "Seção 01",
+                    defaultOpen: true,
+                    content: (_jsxs("label", { children: ["Nome ", _jsx("input", { defaultValue: "Maria" })] })),
+                },
+                { id: "s2", title: "Seção 02", content: _jsx("button", { type: "button", children: "Anexar arquivo" }) },
+            ] }));
+        expect(screen.getByDisplayValue("Maria")).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: "Anexar arquivo", hidden: true })).toBeInTheDocument();
+    });
+    it("o título do item é o botão do painel, sem cor própria (herda a neutra do gatilho)", () => {
+        const { container } = render(_jsx(Accordion, { items: [{ id: "a", title: "Seção", content: "x" }] }));
+        const titulo = container.querySelector(".umds-accordion__title");
+        expect(titulo.closest("button")).toHaveClass("umds-accordion__trigger");
+        expect(titulo.getAttribute("style")).toBeNull();
+    });
+    it("o texto simples continua funcionando", () => {
+        render(_jsx(Accordion, { items: [{ id: "a", title: "Seção", content: "Texto do painel", defaultOpen: true }] }));
+        expect(screen.getByText("Texto do painel")).toBeInTheDocument();
+    });
+});

package/dist/teste/AccordionTituloNeutro.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/teste/AccordionTituloNeutro.test.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/react";
+import Accordion from "../components/Accordion/Accordion";
+const ITENS = [
+    { id: "a", title: "Prazos", content: "Dez dias úteis." },
+    { id: "b", title: "Anexos", content: "Até 10 MB." },
+];
+describe("Accordion · titleVariant", () => {
+    it("neutral liga a classe do título neutro; o padrão e default não", () => {
+        const { container, rerender } = render(_jsx(Accordion, { items: ITENS, titleVariant: "neutral" }));
+        const raiz = () => container.firstElementChild;
+        expect(raiz()).toHaveClass("umds-accordion--title-neutral");
+        rerender(_jsx(Accordion, { items: ITENS, titleVariant: "default" }));
+        expect(raiz()).not.toHaveClass("umds-accordion--title-neutral");
+        rerender(_jsx(Accordion, { items: ITENS }));
+        expect(raiz()).not.toHaveClass("umds-accordion--title-neutral");
+    });
+    it("combina com a variant do accordion", () => {
+        const { container } = render(_jsx(Accordion, { items: ITENS, variant: "separated", titleVariant: "neutral" }));
+        expect(container.firstElementChild).toHaveClass("umds-accordion--separated", "umds-accordion--title-neutral");
+    });
+});

package/dist/teste/AppSubheaderRegiao.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/teste/AppSubheaderRegiao.test.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/react";
+import AppSubheader from "../components/AppSubheader/AppSubheader";
+import Breadcrumb from "../components/Breadcrumb/Breadcrumb";
+/** O jsdom não tem layout: a geometria real é conferida pela story "Só a página atual" (play, no navegador); a regra de CSS, pelo teste do Vue. */
+describe("AppSubheader · região do contexto", () => {
+    it("a trilha só com a página atual não tem nada focável dentro da região", () => {
+        const { container } = render(_jsx(AppSubheader, { children: _jsx(Breadcrumb, { items: [{ label: "Painel" }] }) }));
+        const contexto = container.querySelector(".umds-app-subheader__contexto");
+        expect(contexto.querySelector("a, button, [tabindex]")).toBeNull();
+    });
+});

package/dist/teste/AtributosRepassados.test.d.ts

@@ -0,0 +1 @@
+export {};