@proef/common-ui 0.0.0-stage → 2.2.1

package/dist/esm/legacy/components/ui/Escolha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Escolha.js","sources":["../../../../../src/legacy/components/ui/Escolha.tsx"],"sourcesContent":["import React from 'react'\r\nimport SelectInput from '../../../v1/primitives/forms/SelectInput/SelectInput'\r\n\r\nexport interface OpcaoEscolha {\r\n  valor: string\r\n  rotulo: string\r\n  /** Texto pequeno por baixo do rótulo, na lista. */\r\n  descricao?: string\r\n}\r\n\r\nexport interface EscolhaProps {\r\n  valor: string\r\n  /** Opções: texto simples (valor = rótulo) ou { valor, rotulo, descricao }. */\r\n  opcoes: readonly string[] | readonly OpcaoEscolha[]\r\n  onMudar: (valor: string) => void\r\n  /** Nome acessível (leitores de ecrã). */\r\n  rotulo: string\r\n  /** Texto do botão sem nada escolhido. */\r\n  placeholder?: string\r\n  /** Primeira opção \"vazia\" (valor ''), para desfazer a escolha (ex.: \"Todas\"). */\r\n  opcaoVazia?: string\r\n  disabled?: boolean\r\n  /** Caixa de pesquisa no topo da lista. Por omissão, só com mais de 10 opções. */\r\n  pesquisa?: boolean\r\n  /** Largura (classes tailwind). Por omissão a do conteúdo, entre 10rem e 18rem (etiqueta: a do texto). */\r\n  className?: string\r\n  /** 'barra' (omissão): a altura dos botões e filtros. 'formulario': a altura dos campos dos formulários legacy (38px). */\r\n  tamanho?: 'barra' | 'formulario'\r\n  /** 'campo' (omissão) ou 'etiqueta': o botão é uma etiqueta arredondada, com as cores de `corEtiqueta`. */\r\n  aspeto?: 'campo' | 'etiqueta'\r\n  /** Classes de cor da etiqueta (fundo, texto e variante dark:), normalmente conforme o valor escolhido. */\r\n  corEtiqueta?: string\r\n}\r\n\r\n/**\r\n * Migrado para o V1: adaptador do `SelectInput` (a mesma lista desenhada, nomes antigos e textos em português).\r\n * @deprecated Legacy — usar o `SelectInput` do V1. Ver Storybook › Legacy.\r\n */\r\nexport default function Escolha({\r\n  valor,\r\n  opcoes,\r\n  onMudar,\r\n  rotulo,\r\n  placeholder = 'Escolher…',\r\n  opcaoVazia,\r\n  disabled = false,\r\n  pesquisa,\r\n  className,\r\n  tamanho = 'barra',\r\n  aspeto = 'campo',\r\n  corEtiqueta,\r\n}: EscolhaProps) {\r\n  const etiqueta = aspeto === 'etiqueta'\r\n  return (\r\n    <SelectInput\r\n      aria-label={rotulo}\r\n      value={valor}\r\n      onValueChange={onMudar}\r\n      options={opcoes.map((o) => (typeof o === 'string' ? o : { value: o.valor, label: o.rotulo, description: o.descricao }))}\r\n      placeholder={placeholder}\r\n      placeholderOption={false}\r\n      emptyOption={opcaoVazia}\r\n      disabled={disabled}\r\n      searchable={pesquisa}\r\n      variant={etiqueta ? 'pill' : 'field'}\r\n      pillClassName={corEtiqueta}\r\n      tall={tamanho === 'formulario'}\r\n      labels={{ search: 'Pesquisar…', searchIn: 'Pesquisar em {label}', noResults: 'Sem resultados' }}\r\n      className={`inline-block ${className ?? (etiqueta ? '' : 'min-w-[10rem] max-w-[18rem]')}`}\r\n    />\r\n  )\r\n}\r\n"],"names":[],"mappings":";;AAsCA,SAAwB,QAAQ;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AACF,GAAiB;AACf,QAAM,WAAW,WAAW;AAC5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,SAAS,OAAO,IAAI,CAAC,MAAO,OAAO,MAAM,WAAW,IAAI,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE,QAAQ,aAAa,EAAE,WAAY;AAAA,MACtH;AAAA,MACA,mBAAmB;AAAA,MACnB,aAAa;AAAA,MACb;AAAA,MACA,YAAY;AAAA,MACZ,SAAS,WAAW,SAAS;AAAA,MAC7B,eAAe;AAAA,MACf,MAAM,YAAY;AAAA,MAClB,QAAQ,EAAE,QAAQ,cAAc,UAAU,wBAAwB,WAAW,iBAAA;AAAA,MAC7E,WAAW,gBAAgB,cAAc,WAAW,KAAK,8BAA8B;AAAA,IAAA;AAAA,EAAA;AAG7F;"}

package/dist/esm/legacy/components/ui/FaixaAviso.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { Notice } from "../../../v1/primitives/display/Notice/Notice.js";
+const TOM = { aviso: "warning", info: "info", erro: "error" };
+function FaixaAviso({ children, tom = "aviso", acao, icone }) {
+  return /* @__PURE__ */ jsx(
+    Notice,
+    {
+      variant: "banner",
+      tone: TOM[tom],
+      icon: icone ?? null,
+      action: acao ? { label: acao.rotulo, onClick: acao.onClick } : void 0,
+      children
+    }
+  );
+}
+export {
+  FaixaAviso as default
+};
+//# sourceMappingURL=FaixaAviso.js.map

package/dist/esm/legacy/components/ui/FaixaAviso.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaixaAviso.js","sources":["../../../../../src/legacy/components/ui/FaixaAviso.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\r\nimport Notice from '../../../v1/primitives/display/Notice/Notice'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport type TomFaixa = 'aviso' | 'info' | 'erro'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface FaixaAvisoProps {\r\n  children: ReactNode\r\n  tom?: TomFaixa\r\n  /** Ação à direita (ex: \"Voltar ao meu perfil\" no \"Ver como\"). */\r\n  acao?: { rotulo: ReactNode; onClick: () => void }\r\n  icone?: ReactNode\r\n}\r\n\r\nconst TOM: Record<TomFaixa, 'warning' | 'info' | 'error'> = { aviso: 'warning', info: 'info', erro: 'error' }\r\n\r\n/**\r\n * Migrado para o V1: adaptador do `Notice` com `variant=\"banner\"` (faixa no topo da página).\r\n * @deprecated Legacy — usar o `Notice` do V1. Ver Storybook › Legacy.\r\n */\r\nexport default function FaixaAviso({ children, tom = 'aviso', acao, icone }: FaixaAvisoProps) {\r\n  return (\r\n    <Notice\r\n      variant=\"banner\"\r\n      tone={TOM[tom]}\r\n      icon={icone ?? null}\r\n      action={acao ? { label: acao.rotulo, onClick: acao.onClick } : undefined}\r\n    >\r\n      {children}\r\n    </Notice>\r\n  )\r\n}\r\n"],"names":[],"mappings":";;AAeA,MAAM,MAAsD,EAAE,OAAO,WAAW,MAAM,QAAQ,MAAM,QAAA;AAMpG,SAAwB,WAAW,EAAE,UAAU,MAAM,SAAS,MAAM,SAA0B;AAC5F,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,IAAI,GAAG;AAAA,MACb,MAAM,SAAS;AAAA,MACf,QAAQ,OAAO,EAAE,OAAO,KAAK,QAAQ,SAAS,KAAK,QAAA,IAAY;AAAA,MAE9D;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/legacy/components/ui/MenuAcoes.js

@@ -0,0 +1,116 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useMemo, useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { usePainelFlutuante, CLS_PAINEL, clsItem } from "./painelFlutuante.js";
+function MenuAcoes({ acoes, rotulo, titulo, alinhar = "direita", disabled = false }) {
+  const p = usePainelFlutuante(alinhar);
+  const itens = useMemo(() => acoes.filter((a) => !!a), [acoes]);
+  const ativas = itens.map((a, i) => a.desativado ? -1 : i).filter((i) => i >= 0);
+  const [ativo, setAtivo] = useState(-1);
+  useEffect(() => {
+    if (p.aberto) setAtivo(ativas[0] ?? -1);
+  }, [p.aberto]);
+  const executar = (a) => {
+    if (a.desativado) return;
+    p.fechar();
+    a.onClick();
+  };
+  const teclado = (e) => {
+    if (!p.aberto) {
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        e.preventDefault();
+        p.setAberto(true);
+      }
+      return;
+    }
+    const pos = ativas.indexOf(ativo);
+    if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      p.fechar();
+      p.refBotao.current?.focus();
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setAtivo(ativas[Math.min(ativas.length - 1, pos + 1)] ?? -1);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setAtivo(ativas[Math.max(0, pos - 1)] ?? -1);
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const a = itens[ativo];
+      if (a) executar(a);
+    } else if (e.key === "Tab") {
+      p.fechar();
+    }
+  };
+  if (itens.length === 0) return null;
+  const botao = rotulo ? /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref: p.refBotao,
+      type: "button",
+      disabled,
+      title: titulo,
+      "aria-haspopup": "menu",
+      "aria-expanded": p.aberto,
+      onClick: (e) => {
+        e.stopPropagation();
+        p.setAberto((a) => !a);
+      },
+      className: `inline-flex items-center gap-1 px-3.5 py-1.5 rounded-md text-[11px] font-black uppercase tracking-widest transition-colors whitespace-nowrap border disabled:opacity-50 disabled:cursor-not-allowed ${p.aberto ? "bg-proef-navy text-white border-proef-navy dark:bg-proef-blue dark:border-proef-blue" : "bg-white text-slate-500 border-slate-200 hover:border-proef-navy hover:text-proef-navy dark:bg-slate-800 dark:text-slate-300 dark:border-slate-700 dark:hover:border-slate-400 dark:hover:text-white"}`,
+      children: [
+        rotulo,
+        /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: `h-3.5 w-3.5 transition-transform ${p.aberto ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
+      ]
+    }
+  ) : /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: p.refBotao,
+      type: "button",
+      disabled,
+      title: titulo,
+      "aria-label": titulo ?? "Ações",
+      "aria-haspopup": "menu",
+      "aria-expanded": p.aberto,
+      onClick: (e) => {
+        e.stopPropagation();
+        p.setAberto((a) => !a);
+      },
+      className: `appearance-none cursor-pointer border-0 p-1.5 rounded-lg text-slate-500 hover:bg-slate-100 hover:text-slate-800 dark:text-slate-400 dark:hover:bg-slate-700 dark:hover:text-white disabled:opacity-50 ${p.aberto ? "bg-slate-100 dark:bg-slate-700" : "bg-transparent"}`,
+      children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1.8" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.8" }),
+        /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1.8" })
+      ] })
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "relative inline-block", onKeyDown: teclado, children: [
+    botao,
+    p.aberto && createPortal(
+      /* @__PURE__ */ jsx("div", { ref: p.refPainel, style: p.estilo, className: CLS_PAINEL, role: "menu", onClick: (e) => e.stopPropagation(), onKeyDown: teclado, children: itens.map((a, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        a.separador && i > 0 && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-slate-100 dark:border-slate-800" }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            disabled: a.desativado,
+            onMouseEnter: () => !a.desativado && setAtivo(i),
+            onClick: () => executar(a),
+            className: `appearance-none border-0 ${clsItem(i === ativo, a.perigo)} disabled:opacity-40 disabled:cursor-not-allowed`,
+            children: [
+              a.icone && /* @__PURE__ */ jsx("span", { className: "shrink-0 [&>svg]:h-4 [&>svg]:w-4", children: a.icone }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: a.rotulo })
+            ]
+          }
+        )
+      ] }, i)) }),
+      document.body
+    )
+  ] });
+}
+export {
+  MenuAcoes as default
+};
+//# sourceMappingURL=MenuAcoes.js.map

package/dist/esm/legacy/components/ui/MenuAcoes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuAcoes.js","sources":["../../../../../src/legacy/components/ui/MenuAcoes.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, type ReactNode } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { CLS_PAINEL, clsItem, usePainelFlutuante } from './painelFlutuante'\r\n\r\nexport interface AcaoMenu {\r\n  rotulo: ReactNode\r\n  onClick: () => void\r\n  /** Ícone à esquerda (ex.: um ícone do lucide-react com className=\"h-4 w-4\"). */\r\n  icone?: ReactNode\r\n  /** Ação destrutiva (eliminar, fechar…): a vermelho. */\r\n  perigo?: boolean\r\n  desativado?: boolean\r\n  /** Linha separadora antes deste item. */\r\n  separador?: boolean\r\n}\r\n\r\nexport interface MenuAcoesProps {\r\n  /** Itens; `false`/`null`/`undefined` são ignorados (para `cond && {...}`). */\r\n  acoes: (AcaoMenu | false | null | undefined)[]\r\n  /**\r\n   * Conteúdo do botão. Sem rótulo, o botão é o ícone \"⋯\" (ações de uma linha de tabela).\r\n   * Com rótulo, é um botão como o Btn, com uma seta.\r\n   */\r\n  rotulo?: ReactNode\r\n  /** Nome acessível / tooltip do botão. */\r\n  titulo?: string\r\n  /** Lado para onde a lista abre, a partir do botão. Por omissão, alinhada à direita do botão. */\r\n  alinhar?: 'esquerda' | 'direita'\r\n  disabled?: boolean\r\n}\r\n\r\n/**\r\n * Botão que abre uma lista de ações (ex.: \"Ações do ano\", o \"⋯\" de cada linha). Mesmo aspeto da lista da\r\n * Escolha. Teclado: ↑/↓ percorrem, Enter executa, Esc fecha. Os cliques não chegam à linha da tabela.\r\n */\r\nexport default function MenuAcoes({ acoes, rotulo, titulo, alinhar = 'direita', disabled = false }: MenuAcoesProps) {\r\n  const p = usePainelFlutuante(alinhar)\r\n  const itens = useMemo(() => acoes.filter((a): a is AcaoMenu => !!a), [acoes])\r\n  const ativas = itens.map((a, i) => (a.desativado ? -1 : i)).filter((i) => i >= 0)\r\n  const [ativo, setAtivo] = useState(-1)\r\n\r\n  useEffect(() => {\r\n    if (p.aberto) setAtivo(ativas[0] ?? -1)\r\n  }, [p.aberto]) // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  const executar = (a: AcaoMenu) => {\r\n    if (a.desativado) return\r\n    p.fechar()\r\n    a.onClick()\r\n  }\r\n\r\n  const teclado = (e: React.KeyboardEvent) => {\r\n    if (!p.aberto) {\r\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\r\n        e.preventDefault()\r\n        p.setAberto(true)\r\n      }\r\n      return\r\n    }\r\n    const pos = ativas.indexOf(ativo)\r\n    if (e.key === 'Escape') {\r\n      e.preventDefault()\r\n      e.stopPropagation()\r\n      p.fechar()\r\n      p.refBotao.current?.focus()\r\n    } else if (e.key === 'ArrowDown') {\r\n      e.preventDefault()\r\n      setAtivo(ativas[Math.min(ativas.length - 1, pos + 1)] ?? -1)\r\n    } else if (e.key === 'ArrowUp') {\r\n      e.preventDefault()\r\n      setAtivo(ativas[Math.max(0, pos - 1)] ?? -1)\r\n    } else if (e.key === 'Enter') {\r\n      e.preventDefault()\r\n      const a = itens[ativo]\r\n      if (a) executar(a)\r\n    } else if (e.key === 'Tab') {\r\n      p.fechar()\r\n    }\r\n  }\r\n\r\n  if (itens.length === 0) return null\r\n\r\n  const botao = rotulo ? (\r\n    <button\r\n      ref={p.refBotao}\r\n      type=\"button\"\r\n      disabled={disabled}\r\n      title={titulo}\r\n      aria-haspopup=\"menu\"\r\n      aria-expanded={p.aberto}\r\n      onClick={(e) => {\r\n        e.stopPropagation()\r\n        p.setAberto((a) => !a)\r\n      }}\r\n      className={`inline-flex items-center gap-1 px-3.5 py-1.5 rounded-md text-[11px] font-black uppercase tracking-widest transition-colors whitespace-nowrap border disabled:opacity-50 disabled:cursor-not-allowed ${\r\n        p.aberto\r\n          ? 'bg-proef-navy text-white border-proef-navy dark:bg-proef-blue dark:border-proef-blue'\r\n          : 'bg-white text-slate-500 border-slate-200 hover:border-proef-navy hover:text-proef-navy dark:bg-slate-800 dark:text-slate-300 dark:border-slate-700 dark:hover:border-slate-400 dark:hover:text-white'\r\n      }`}\r\n    >\r\n      {rotulo}\r\n      <svg viewBox=\"0 0 24 24\" className={`h-3.5 w-3.5 transition-transform ${p.aberto ? 'rotate-180' : ''}`} fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\r\n        <path d=\"m6 9 6 6 6-6\" />\r\n      </svg>\r\n    </button>\r\n  ) : (\r\n    <button\r\n      ref={p.refBotao}\r\n      type=\"button\"\r\n      disabled={disabled}\r\n      title={titulo}\r\n      aria-label={titulo ?? 'Ações'}\r\n      aria-haspopup=\"menu\"\r\n      aria-expanded={p.aberto}\r\n      onClick={(e) => {\r\n        e.stopPropagation()\r\n        p.setAberto((a) => !a)\r\n      }}\r\n      className={`appearance-none cursor-pointer border-0 p-1.5 rounded-lg text-slate-500 hover:bg-slate-100 hover:text-slate-800 dark:text-slate-400 dark:hover:bg-slate-700 dark:hover:text-white disabled:opacity-50 ${\r\n        p.aberto ? 'bg-slate-100 dark:bg-slate-700' : 'bg-transparent'\r\n      }`}\r\n    >\r\n      <svg viewBox=\"0 0 24 24\" className=\"h-4 w-4\" fill=\"currentColor\" aria-hidden>\r\n        <circle cx=\"5\" cy=\"12\" r=\"1.8\" />\r\n        <circle cx=\"12\" cy=\"12\" r=\"1.8\" />\r\n        <circle cx=\"19\" cy=\"12\" r=\"1.8\" />\r\n      </svg>\r\n    </button>\r\n  )\r\n\r\n  return (\r\n    <div className=\"relative inline-block\" onKeyDown={teclado}>\r\n      {botao}\r\n      {p.aberto &&\r\n        createPortal(\r\n          <div ref={p.refPainel} style={p.estilo} className={CLS_PAINEL} role=\"menu\" onClick={(e) => e.stopPropagation()} onKeyDown={teclado}>\r\n            {itens.map((a, i) => (\r\n              <React.Fragment key={i}>\r\n                {a.separador && i > 0 && <div className=\"my-1 border-t border-slate-100 dark:border-slate-800\" />}\r\n                <button\r\n                  type=\"button\"\r\n                  role=\"menuitem\"\r\n                  disabled={a.desativado}\r\n                  onMouseEnter={() => !a.desativado && setAtivo(i)}\r\n                  onClick={() => executar(a)}\r\n                  className={`appearance-none border-0 ${clsItem(i === ativo, a.perigo)} disabled:opacity-40 disabled:cursor-not-allowed`}\r\n                >\r\n                  {a.icone && <span className=\"shrink-0 [&>svg]:h-4 [&>svg]:w-4\">{a.icone}</span>}\r\n                  <span className=\"truncate\">{a.rotulo}</span>\r\n                </button>\r\n              </React.Fragment>\r\n            ))}\r\n          </div>,\r\n          document.body\r\n        )}\r\n    </div>\r\n  )\r\n}\r\n"],"names":[],"mappings":";;;;AAmCA,SAAwB,UAAU,EAAE,OAAO,QAAQ,QAAQ,UAAU,WAAW,WAAW,SAAyB;AAClH,QAAM,IAAI,mBAAmB,OAAO;AACpC,QAAM,QAAQ,QAAQ,MAAM,MAAM,OAAO,CAAC,MAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;AAC5E,QAAM,SAAS,MAAM,IAAI,CAAC,GAAG,MAAO,EAAE,aAAa,KAAK,CAAE,EAAE,OAAO,CAAC,MAAM,KAAK,CAAC;AAChF,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAErC,YAAU,MAAM;AACd,QAAI,EAAE,OAAQ,UAAS,OAAO,CAAC,KAAK,EAAE;AAAA,EACxC,GAAG,CAAC,EAAE,MAAM,CAAC;AAEb,QAAM,WAAW,CAAC,MAAgB;AAChC,QAAI,EAAE,WAAY;AAClB,MAAE,OAAA;AACF,MAAE,QAAA;AAAA,EACJ;AAEA,QAAM,UAAU,CAAC,MAA2B;AAC1C,QAAI,CAAC,EAAE,QAAQ;AACb,UAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAE,eAAA;AACF,UAAE,UAAU,IAAI;AAAA,MAClB;AACA;AAAA,IACF;AACA,UAAM,MAAM,OAAO,QAAQ,KAAK;AAChC,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,eAAA;AACF,QAAE,gBAAA;AACF,QAAE,OAAA;AACF,QAAE,SAAS,SAAS,MAAA;AAAA,IACtB,WAAW,EAAE,QAAQ,aAAa;AAChC,QAAE,eAAA;AACF,eAAS,OAAO,KAAK,IAAI,OAAO,SAAS,GAAG,MAAM,CAAC,CAAC,KAAK,EAAE;AAAA,IAC7D,WAAW,EAAE,QAAQ,WAAW;AAC9B,QAAE,eAAA;AACF,eAAS,OAAO,KAAK,IAAI,GAAG,MAAM,CAAC,CAAC,KAAK,EAAE;AAAA,IAC7C,WAAW,EAAE,QAAQ,SAAS;AAC5B,QAAE,eAAA;AACF,YAAM,IAAI,MAAM,KAAK;AACrB,UAAI,YAAY,CAAC;AAAA,IACnB,WAAW,EAAE,QAAQ,OAAO;AAC1B,QAAE,OAAA;AAAA,IACJ;AAAA,EACF;AAEA,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,QAAQ,SACZ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,EAAE;AAAA,MACP,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,iBAAc;AAAA,MACd,iBAAe,EAAE;AAAA,MACjB,SAAS,CAAC,MAAM;AACd,UAAE,gBAAA;AACF,UAAE,UAAU,CAAC,MAAM,CAAC,CAAC;AAAA,MACvB;AAAA,MACA,WAAW,uMACT,EAAE,SACE,yFACA,sMACN;AAAA,MAEC,UAAA;AAAA,QAAA;AAAA,QACD,oBAAC,OAAA,EAAI,SAAQ,aAAY,WAAW,oCAAoC,EAAE,SAAS,eAAe,EAAE,IAAI,MAAK,QAAO,QAAO,gBAAe,aAAa,GAAG,eAAc,SAAQ,gBAAe,SAAQ,eAAW,MAChN,UAAA,oBAAC,QAAA,EAAK,GAAE,eAAA,CAAe,EAAA,CACzB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,EAAE;AAAA,MACP,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,cAAY,UAAU;AAAA,MACtB,iBAAc;AAAA,MACd,iBAAe,EAAE;AAAA,MACjB,SAAS,CAAC,MAAM;AACd,UAAE,gBAAA;AACF,UAAE,UAAU,CAAC,MAAM,CAAC,CAAC;AAAA,MACvB;AAAA,MACA,WAAW,yMACT,EAAE,SAAS,mCAAmC,gBAChD;AAAA,MAEA,UAAA,qBAAC,SAAI,SAAQ,aAAY,WAAU,WAAU,MAAK,gBAAe,eAAW,MAC1E,UAAA;AAAA,QAAA,oBAAC,YAAO,IAAG,KAAI,IAAG,MAAK,GAAE,OAAM;AAAA,4BAC9B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,OAAM;AAAA,4BAC/B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAA,CAAM;AAAA,MAAA,EAAA,CAClC;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,qBAAC,OAAA,EAAI,WAAU,yBAAwB,WAAW,SAC/C,UAAA;AAAA,IAAA;AAAA,IACA,EAAE,UACD;AAAA,MACE,oBAAC,OAAA,EAAI,KAAK,EAAE,WAAW,OAAO,EAAE,QAAQ,WAAW,YAAY,MAAK,QAAO,SAAS,CAAC,MAAM,EAAE,gBAAA,GAAmB,WAAW,SACxH,UAAA,MAAM,IAAI,CAAC,GAAG,MACb,qBAAC,MAAM,UAAN,EACE,UAAA;AAAA,QAAA,EAAE,aAAa,IAAI,KAAK,oBAAC,OAAA,EAAI,WAAU,wDAAuD;AAAA,QAC/F;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,UAAU,EAAE;AAAA,YACZ,cAAc,MAAM,CAAC,EAAE,cAAc,SAAS,CAAC;AAAA,YAC/C,SAAS,MAAM,SAAS,CAAC;AAAA,YACzB,WAAW,4BAA4B,QAAQ,MAAM,OAAO,EAAE,MAAM,CAAC;AAAA,YAEpE,UAAA;AAAA,cAAA,EAAE,SAAS,oBAAC,QAAA,EAAK,WAAU,oCAAoC,YAAE,OAAM;AAAA,cACxE,oBAAC,QAAA,EAAK,WAAU,YAAY,YAAE,OAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACvC,KAZmB,CAarB,CACD,GACH;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ;"}

package/dist/esm/legacy/components/ui/Passos.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function Passos({ passos, atual, onMudar, livre = false, rotulo = "Passos" }) {
+  const iAtual = passos.findIndex((p) => p.id === atual);
+  return /* @__PURE__ */ jsx("nav", { "aria-label": rotulo, className: "bg-white border border-slate-200 rounded-xl px-4 py-3 dark:bg-slate-900 dark:border-slate-700", children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-2", children: passos.map((p, i) => {
+    const eAtual = i === iAtual;
+    const clicavel = !!onMudar && !eAtual && (livre || p.concluido);
+    const circulo = p.erro ? "bg-incumprido border-incumprido text-white" : eAtual ? "bg-proef-navy border-proef-navy text-white" : p.concluido ? "bg-proef-turquoise border-proef-turquoise text-proef-navy" : "bg-white border-slate-300 text-slate-500 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-400";
+    const conteudo = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: `inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 text-xs font-extrabold ${circulo}`,
+          children: p.erro ? "!" : p.concluido && !eAtual ? "✓" : i + 1
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: `text-xs font-bold whitespace-nowrap ${eAtual ? "text-proef-navy dark:text-slate-100" : "text-slate-500"}`, children: [
+        p.rotulo,
+        p.erro && /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (com erros)" }),
+        p.concluido && !p.erro && /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (concluído)" })
+      ] })
+    ] });
+    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 flex-1 min-w-fit", "aria-current": eAtual ? "step" : void 0, children: [
+      clicavel ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onMudar(p.id), className: "flex items-center gap-2 rounded-md hover:underline", children: conteudo }) : /* @__PURE__ */ jsx("span", { className: "flex items-center gap-2", children: conteudo }),
+      i < passos.length - 1 && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: `h-0.5 flex-1 min-w-4 ${p.concluido ? "bg-proef-turquoise" : "bg-slate-200"}` })
+    ] }, p.id);
+  }) }) });
+}
+export {
+  Passos as default
+};
+//# sourceMappingURL=Passos.js.map

package/dist/esm/legacy/components/ui/Passos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Passos.js","sources":["../../../../../src/legacy/components/ui/Passos.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface Passo<T extends string> {\r\n  id: T\r\n  rotulo: ReactNode\r\n  /** Passo já preenchido e válido (✓). */\r\n  concluido?: boolean\r\n  /** Passo com erros por corrigir. */\r\n  erro?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface PassosProps<T extends string> {\r\n  passos: Passo<T>[]\r\n  atual: T\r\n  /** Sem isto, os passos são só indicação (não se clica). */\r\n  onMudar?: (id: T) => void\r\n  /**\r\n   * Todos os passos clicáveis. Num registo já existente (editar/visualizar)\r\n   * pode-se saltar para qualquer passo; num novo, só para os já concluídos.\r\n   */\r\n  livre?: boolean\r\n  rotulo?: string\r\n}\r\n\r\n/**\r\n * Barra de passos para formulários longos (página própria, não pop-up).\r\n *\r\n * Mostra onde se está, o que já está feito e onde há erros — o que um\r\n * formulário de seis secções seguidas não diz.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport default function Passos<T extends string>({ passos, atual, onMudar, livre = false, rotulo = 'Passos' }: PassosProps<T>) {\r\n  const iAtual = passos.findIndex((p) => p.id === atual)\r\n  return (\r\n    <nav aria-label={rotulo} className=\"bg-white border border-slate-200 rounded-xl px-4 py-3 dark:bg-slate-900 dark:border-slate-700\">\r\n      <ol className=\"flex flex-wrap items-center gap-2\">\r\n        {passos.map((p, i) => {\r\n          const eAtual = i === iAtual\r\n          const clicavel = !!onMudar && !eAtual && (livre || p.concluido)\r\n          const circulo = p.erro\r\n            ? 'bg-incumprido border-incumprido text-white'\r\n            : eAtual\r\n              ? 'bg-proef-navy border-proef-navy text-white'\r\n              : p.concluido\r\n                ? 'bg-proef-turquoise border-proef-turquoise text-proef-navy'\r\n                : 'bg-white border-slate-300 text-slate-500 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-400'\r\n          const conteudo = (\r\n            <>\r\n              <span\r\n                aria-hidden=\"true\"\r\n                className={`inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 text-xs font-extrabold ${circulo}`}\r\n              >\r\n                {p.erro ? '!' : p.concluido && !eAtual ? '✓' : i + 1}\r\n              </span>\r\n              <span className={`text-xs font-bold whitespace-nowrap ${eAtual ? 'text-proef-navy dark:text-slate-100' : 'text-slate-500'}`}>\r\n                {p.rotulo}\r\n                {p.erro && <span className=\"sr-only\"> (com erros)</span>}\r\n                {p.concluido && !p.erro && <span className=\"sr-only\"> (concluído)</span>}\r\n              </span>\r\n            </>\r\n          )\r\n          return (\r\n            <li key={p.id} className=\"flex items-center gap-2 flex-1 min-w-fit\" aria-current={eAtual ? 'step' : undefined}>\r\n              {clicavel ? (\r\n                <button type=\"button\" onClick={() => onMudar!(p.id)} className=\"flex items-center gap-2 rounded-md hover:underline\">\r\n                  {conteudo}\r\n                </button>\r\n              ) : (\r\n                <span className=\"flex items-center gap-2\">{conteudo}</span>\r\n              )}\r\n              {i < passos.length - 1 && (\r\n                <span aria-hidden=\"true\" className={`h-0.5 flex-1 min-w-4 ${p.concluido ? 'bg-proef-turquoise' : 'bg-slate-200'}`} />\r\n              )}\r\n            </li>\r\n          )\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  )\r\n}\r\n"],"names":[],"mappings":";AAiCA,SAAwB,OAAyB,EAAE,QAAQ,OAAO,SAAS,QAAQ,OAAO,SAAS,YAA4B;AAC7H,QAAM,SAAS,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,KAAK;AACrD,SACE,oBAAC,OAAA,EAAI,cAAY,QAAQ,WAAU,iGACjC,UAAA,oBAAC,MAAA,EAAG,WAAU,qCACX,UAAA,OAAO,IAAI,CAAC,GAAG,MAAM;AACpB,UAAM,SAAS,MAAM;AACrB,UAAM,WAAW,CAAC,CAAC,WAAW,CAAC,WAAW,SAAS,EAAE;AACrD,UAAM,UAAU,EAAE,OACd,+CACA,SACE,+CACA,EAAE,YACA,8DACA;AACR,UAAM,WACJ,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAW,yGAAyG,OAAO;AAAA,UAE1H,UAAA,EAAE,OAAO,MAAM,EAAE,aAAa,CAAC,SAAS,MAAM,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,2BAEpD,QAAA,EAAK,WAAW,uCAAuC,SAAS,wCAAwC,gBAAgB,IACtH,UAAA;AAAA,QAAA,EAAE;AAAA,QACF,EAAE,QAAQ,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,gBAAY;AAAA,QAChD,EAAE,aAAa,CAAC,EAAE,QAAQ,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,eAAA,CAAY;AAAA,MAAA,EAAA,CACnE;AAAA,IAAA,GACF;AAEF,gCACG,MAAA,EAAc,WAAU,4CAA2C,gBAAc,SAAS,SAAS,QACjG,UAAA;AAAA,MAAA,+BACE,UAAA,EAAO,MAAK,UAAS,SAAS,MAAM,QAAS,EAAE,EAAE,GAAG,WAAU,sDAC5D,UAAA,UACH,wBAEC,QAAA,EAAK,WAAU,2BAA2B,UAAA,UAAS;AAAA,MAErD,IAAI,OAAO,SAAS,yBAClB,QAAA,EAAK,eAAY,QAAO,WAAW,wBAAwB,EAAE,YAAY,uBAAuB,cAAc,GAAA,CAAI;AAAA,IAAA,EAAA,GAT9G,EAAE,EAWX;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;"}

package/dist/esm/legacy/components/ui/Separadores.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import Tabs from "../../../v1/primitives/navigation/Tabs/Tabs.js";
+function Separadores({ itens, ativo, onMudar, rotulo }) {
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      items: itens.map((it) => ({ id: it.id, label: it.rotulo, count: it.contagem ?? void 0, disabled: it.desativado })),
+      value: ativo,
+      onChange: onMudar,
+      label: rotulo
+    }
+  );
+}
+export {
+  Separadores as default
+};
+//# sourceMappingURL=Separadores.js.map

package/dist/esm/legacy/components/ui/Separadores.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separadores.js","sources":["../../../../../src/legacy/components/ui/Separadores.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\r\nimport Tabs from '../../../v1/primitives/navigation/Tabs/Tabs'\r\n\r\n/*\r\n * Migrado para o V1: os separadores são o `Tabs` do V1. Este ficheiro só\r\n * traduz a API antiga (em português) para a nova, para as apps que ainda a\r\n * usam continuarem a funcionar sem mudanças.\r\n */\r\n\r\n/** @deprecated Legacy — usar `TabItem` do V1. */\r\nexport interface Separador<T extends string> {\r\n  id: T\r\n  rotulo: ReactNode\r\n  /** Número à frente do rótulo (ex: faturas por mapear). Omitir quando não interessa. */\r\n  contagem?: number\r\n  desativado?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — usar `TabsProps` do V1. */\r\nexport interface SeparadoresProps<T extends string> {\r\n  itens: Separador<T>[]\r\n  ativo: T\r\n  onMudar: (id: T) => void\r\n  /** Rótulo acessível do conjunto (ex: \"Estado das faturas\"). */\r\n  rotulo?: string\r\n}\r\n\r\n/** @deprecated Legacy — usar `Tabs` do V1. */\r\nexport default function Separadores<T extends string>({ itens, ativo, onMudar, rotulo }: SeparadoresProps<T>) {\r\n  return (\r\n    <Tabs<T>\r\n      items={itens.map((it) => ({ id: it.id, label: it.rotulo, count: it.contagem ?? undefined, disabled: it.desativado }))}\r\n      value={ativo}\r\n      onChange={onMudar}\r\n      label={rotulo}\r\n    />\r\n  )\r\n}\r\n"],"names":[],"mappings":";;AA4BA,SAAwB,YAA8B,EAAE,OAAO,OAAO,SAAS,UAA+B;AAC5G,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,OAAO,GAAG,QAAQ,OAAO,GAAG,YAAY,QAAW,UAAU,GAAG,aAAa;AAAA,MACpH,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/esm/legacy/components/ui/TextoAuto.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useLayoutEffect } from "react";
+const TextoAuto = forwardRef(function TextoAuto2({ minLinhas = 1, maxLinhas = 15, value, style, className = "", ...resto }, refExterna) {
+  const ref = useRef(null);
+  useImperativeHandle(refExterna, () => ref.current);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const cs = getComputedStyle(el);
+    el.style.height = "auto";
+    const linha = parseFloat(cs.lineHeight) || 20;
+    const bordas = el.offsetHeight - el.clientHeight;
+    const max = linha * maxLinhas + parseFloat(cs.paddingTop || "0") + parseFloat(cs.paddingBottom || "0") + bordas;
+    const pedido = el.scrollHeight + bordas;
+    el.style.height = `${Math.min(pedido, max)}px`;
+    el.style.overflowY = pedido > max ? "auto" : "hidden";
+  }, [value, maxLinhas]);
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      rows: minLinhas,
+      value,
+      style: { resize: "none", ...style },
+      className: `w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 focus:border-proef-blue focus:outline-none focus:ring-1 focus:ring-proef-blue ${className}`,
+      ...resto
+    }
+  );
+});
+export {
+  TextoAuto as default
+};
+//# sourceMappingURL=TextoAuto.js.map

package/dist/esm/legacy/components/ui/TextoAuto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextoAuto.js","sources":["../../../../../src/legacy/components/ui/TextoAuto.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useLayoutEffect, useRef, type TextareaHTMLAttributes } from 'react'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport type TextoAutoProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows'> & {\r\n  /** Altura mínima, em linhas. */\r\n  minLinhas?: number\r\n  /** A partir daqui deixa de crescer e passa a ter scroll. */\r\n  maxLinhas?: number\r\n}\r\n\r\n/**\r\n * Caixa de texto que cresce com o conteúdo até `maxLinhas`; a partir daí tem\r\n * scroll. Enter muda de linha (não submete).\r\n *\r\n * Vinda do Auditorias IT (comentários e descrições), onde uma textarea fixa ou\r\n * cortava o texto ou ocupava meio ecrã vazia.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nconst TextoAuto = forwardRef<HTMLTextAreaElement, TextoAutoProps>(function TextoAuto(\r\n  { minLinhas = 1, maxLinhas = 15, value, style, className = '', ...resto },\r\n  refExterna\r\n) {\r\n  const ref = useRef<HTMLTextAreaElement>(null)\r\n  useImperativeHandle(refExterna, () => ref.current as HTMLTextAreaElement)\r\n\r\n  useLayoutEffect(() => {\r\n    const el = ref.current\r\n    if (!el) return\r\n    const cs = getComputedStyle(el)\r\n    el.style.height = 'auto'\r\n    const linha = parseFloat(cs.lineHeight) || 20\r\n    const bordas = el.offsetHeight - el.clientHeight\r\n    const max = linha * maxLinhas + parseFloat(cs.paddingTop || '0') + parseFloat(cs.paddingBottom || '0') + bordas\r\n    const pedido = el.scrollHeight + bordas\r\n    el.style.height = `${Math.min(pedido, max)}px`\r\n    el.style.overflowY = pedido > max ? 'auto' : 'hidden'\r\n  }, [value, maxLinhas])\r\n\r\n  return (\r\n    <textarea\r\n      ref={ref}\r\n      rows={minLinhas}\r\n      value={value}\r\n      style={{ resize: 'none', ...style }}\r\n      className={`w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 focus:border-proef-blue focus:outline-none focus:ring-1 focus:ring-proef-blue ${className}`}\r\n      {...resto}\r\n    />\r\n  )\r\n})\r\n\r\nexport default TextoAuto\r\n"],"names":["TextoAuto"],"mappings":";;AAkBA,MAAM,YAAY,WAAgD,SAASA,WACzE,EAAE,YAAY,GAAG,YAAY,IAAI,OAAO,OAAO,YAAY,IAAI,GAAG,MAAA,GAClE,YACA;AACA,QAAM,MAAM,OAA4B,IAAI;AAC5C,sBAAoB,YAAY,MAAM,IAAI,OAA8B;AAExE,kBAAgB,MAAM;AACpB,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AACT,UAAM,KAAK,iBAAiB,EAAE;AAC9B,OAAG,MAAM,SAAS;AAClB,UAAM,QAAQ,WAAW,GAAG,UAAU,KAAK;AAC3C,UAAM,SAAS,GAAG,eAAe,GAAG;AACpC,UAAM,MAAM,QAAQ,YAAY,WAAW,GAAG,cAAc,GAAG,IAAI,WAAW,GAAG,iBAAiB,GAAG,IAAI;AACzG,UAAM,SAAS,GAAG,eAAe;AACjC,OAAG,MAAM,SAAS,GAAG,KAAK,IAAI,QAAQ,GAAG,CAAC;AAC1C,OAAG,MAAM,YAAY,SAAS,MAAM,SAAS;AAAA,EAC/C,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA,OAAO,EAAE,QAAQ,QAAQ,GAAG,MAAA;AAAA,MAC5B,WAAW,kNAAkN,SAAS;AAAA,MACrO,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/esm/legacy/components/ui/Ui.js

@@ -0,0 +1,263 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Escolha from "./Escolha.js";
+import SegmentedControl from "../../../v1/primitives/buttons/SegmentedControl/SegmentedControl.js";
+import Button from "../../../v1/primitives/buttons/Button/Button.js";
+import { Badge } from "../../../v1/primitives/display/Badge/Badge.js";
+function IconX({ className = "" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function SectionGroup({
+  title,
+  tone = "accent",
+  children
+}) {
+  const tones = {
+    accent: ["border-slate-200 dark:border-slate-700", "text-proef-navy dark:text-slate-100"],
+    ok: ["border-ok", "text-ok"],
+    blue: ["border-[#4FA8FF]", "text-[#2E8CE0]"],
+    red: ["border-incumprido", "text-incumprido"],
+    purple: ["border-[#8B5CF6]", "text-[#7C3AED]"],
+    yellow: ["border-[#D9A400]", "text-[#B78400]"]
+  };
+  const [borda, texto] = tones[tone];
+  return /* @__PURE__ */ jsxs("div", { className: `border-[1.5px] ${borda} rounded-2xl p-4 pb-1 mb-5 bg-[rgba(24,34,56,0.015)] dark:bg-slate-900/40`, children: [
+    /* @__PURE__ */ jsx("div", { className: `text-[15px] font-bold text-center tracking-wide mb-3.5 ${texto}`, children: title }),
+    children
+  ] });
+}
+function BadgeSla({ status, labels }) {
+  const tone = status === "ok" ? "ok" : status === "risco" ? "risco" : "incumprido";
+  const defaults = { ok: "On time", risco: "At risk", incumprido: "Breached" };
+  const label = labels?.[status] ?? defaults[status];
+  return /* @__PURE__ */ jsx(Badge, { tone, children: label });
+}
+const CORES_ESTADO_INTERNO = {
+  "Concluído": ["#1F8A55", "#E5F6EC"],
+  "Aferição": ["#2E6DA4", "#E5F0FA"],
+  "Para Tratamento": ["#1868B0", "#E5F0FA"],
+  "Aguarda Validação LS": ["#2E6DA4", "#E5F0FA"],
+  "Aguarda Produção LS": ["#6E8CAD", "#EDF2F7"],
+  "Incompleto/Devolvido": ["#C2255C", "#FBE5EF"],
+  "Falta de Documentação": ["#B96E00", "#FCF0DC"],
+  Ignorar: ["#767C88", "#EEF0F2"],
+  Cancelado: ["#767C88", "#EEF0F2"]
+};
+function ChipEstadoInterno({ estado }) {
+  if (!estado) return /* @__PURE__ */ jsx("span", { className: "text-slate-400", children: "—" });
+  const cor = CORES_ESTADO_INTERNO[estado];
+  if (!cor) return /* @__PURE__ */ jsx("span", { children: estado });
+  return /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 rounded text-[11px] font-medium inline-block", style: { color: cor[0], background: cor[1] }, children: estado });
+}
+const VARIANTE_V1 = { default: "secondary", accent: "primary", danger: "danger", ghost: "ghost" };
+function Btn({
+  children,
+  onClick,
+  variant = "default",
+  active = false,
+  disabled = false,
+  title,
+  type = "button"
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type,
+      onClick,
+      disabled,
+      title,
+      variant: VARIANTE_V1[variant],
+      active: variant === "default" && active ? true : void 0,
+      children
+    }
+  );
+}
+function BtnGroup({
+  value,
+  options,
+  onChange,
+  label
+}) {
+  return /* @__PURE__ */ jsx(SegmentedControl, { value, options, onChange, label });
+}
+function Estado({
+  carregando,
+  erro,
+  vazio,
+  labels
+}) {
+  if (carregando) return /* @__PURE__ */ jsx("div", { className: "py-10 text-center text-sm text-slate-400", children: labels?.loading ?? "Loading…" });
+  if (erro) return /* @__PURE__ */ jsx("div", { className: "py-10 text-center text-sm text-incumprido", children: labels?.error ?? "Failed to load" });
+  if (vazio) return /* @__PURE__ */ jsx("div", { className: "py-10 text-center text-sm text-slate-400", children: labels?.empty ?? "No data" });
+  return null;
+}
+function Modal({ open, onClose, title, children, wide }) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: (e) => {
+        if (e.target === e.currentTarget) onClose();
+      },
+      className: "fixed inset-0 bg-[rgba(20,30,50,0.45)] z-50 flex items-center justify-center p-4",
+      children: /* @__PURE__ */ jsxs("div", { className: `bg-white dark:bg-slate-900 rounded-xl w-full ${wide ? "max-w-[min(1600px,95vw)]" : "max-w-[720px]"} max-h-[85vh] flex flex-col shadow-2xl`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-5 py-4 border-b border-slate-200 dark:border-slate-700", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[15px] font-bold text-proef-navy dark:text-slate-100", children: title }),
+          /* @__PURE__ */ jsx("button", { onClick: onClose, "aria-label": "Close", className: "text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-100", children: /* @__PURE__ */ jsx(IconX, { className: "w-5 h-5" }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "overflow-auto thin-scroll px-5 py-4", children })
+      ] })
+    }
+  );
+}
+function Campo({ label, children, className = "" }) {
+  return /* @__PURE__ */ jsxs("label", { className: `flex flex-col gap-1 ${className}`, children: [
+    /* @__PURE__ */ jsx("span", { className: "text-[10px] font-black uppercase tracking-wider text-slate-400 leading-normal", children: label }),
+    children
+  ] });
+}
+function CampoSelect({
+  label,
+  value,
+  options,
+  onChange,
+  placeholderVazio,
+  disabled = false,
+  className = ""
+}) {
+  const normalizadas = options.map((o) => typeof o === "string" ? { value: o, label: o } : o);
+  return /* @__PURE__ */ jsx(Campo, { label, className, children: /* @__PURE__ */ jsx(
+    Escolha,
+    {
+      valor: value,
+      opcoes: normalizadas.map((o) => ({ valor: o.value, rotulo: o.label })),
+      onMudar: onChange,
+      rotulo: label,
+      opcaoVazia: placeholderVazio,
+      placeholder: placeholderVazio,
+      disabled,
+      className: "min-w-[10rem] max-w-56"
+    }
+  ) });
+}
+function CampoPesquisa({
+  label,
+  valorInicial = "",
+  onConfirmar,
+  placeholder,
+  className = ""
+}) {
+  const confirmar = (v) => onConfirmar(v.trim() || void 0);
+  return /* @__PURE__ */ jsx(Campo, { label, className, children: /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "search",
+      defaultValue: valorInicial,
+      placeholder,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") confirmar(e.target.value);
+      },
+      onBlur: (e) => confirmar(e.target.value),
+      className: "h-8 border border-slate-300 rounded-lg px-2.5 text-sm w-64 bg-white dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:placeholder:text-slate-500"
+    }
+  ) });
+}
+function CampoInterruptor({
+  label,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm pb-1.5 cursor-pointer select-none", children: [
+    /* @__PURE__ */ jsx("input", { type: "checkbox", checked, onChange: (e) => onChange(e.target.checked) }),
+    label
+  ] });
+}
+function BarraFiltros({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "bg-white border border-slate-200 dark:bg-slate-900 dark:border-slate-700 rounded-xl px-4 py-3 flex flex-wrap items-end gap-3", children });
+}
+function LinhaAlerta({
+  severidade,
+  icone,
+  titulo,
+  detalhe,
+  referencia,
+  onReferenciaClick,
+  quando
+}) {
+  const barras = {
+    critico: "border-l-incumprido",
+    grave: "border-l-orange-500",
+    atencao: "border-l-risco",
+    info: "border-l-sky-400"
+  };
+  const textos = {
+    critico: "text-incumprido",
+    grave: "text-orange-600 dark:text-orange-400",
+    atencao: "text-risco",
+    info: "text-sky-600 dark:text-sky-400"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `bg-white border border-slate-200 dark:bg-slate-900 dark:border-y-slate-700 dark:border-r-slate-700 border-l-4 ${barras[severidade]} rounded-lg px-4 py-2.5 flex items-start gap-3`, children: [
+    icone && /* @__PURE__ */ jsx("span", { className: `${textos[severidade]} shrink-0 mt-0.5`, children: icone }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-slate-800 dark:text-slate-100", children: titulo }),
+      detalhe && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: detalhe })
+    ] }),
+    referencia && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onReferenciaClick,
+        className: "text-xs font-mono text-proef-navy dark:text-sky-300 hover:underline shrink-0",
+        children: referencia
+      }
+    ),
+    quando && /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-400 shrink-0 tabular-nums", children: quando })
+  ] });
+}
+function ListaCampos({
+  campos,
+  colunas = 2,
+  mostrarVazios = false
+}) {
+  const vazio = (v) => v == null || v === "" || v === "—";
+  const visiveis = mostrarVazios ? campos : campos.filter((c) => !vazio(c.valor));
+  if (!visiveis.length) return null;
+  const grelha = { 1: "", 2: "md:grid-cols-2", 3: "md:grid-cols-3" }[colunas];
+  return /* @__PURE__ */ jsx("dl", { className: `grid ${grelha} gap-x-6 gap-y-1`, children: visiveis.map((c) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3 border-b border-slate-100 dark:border-slate-800 py-1", children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-xs text-slate-500 dark:text-slate-400", children: c.label }),
+    /* @__PURE__ */ jsx("dd", { className: "text-xs font-medium text-slate-800 dark:text-slate-100 text-right", children: c.valor })
+  ] }, c.label)) });
+}
+export {
+  Badge,
+  BadgeSla,
+  BarraFiltros,
+  Btn,
+  BtnGroup,
+  Campo,
+  CampoInterruptor,
+  CampoPesquisa,
+  CampoSelect,
+  ChipEstadoInterno,
+  Estado,
+  LinhaAlerta,
+  ListaCampos,
+  Modal,
+  SectionGroup
+};
+//# sourceMappingURL=Ui.js.map

package/dist/esm/legacy/components/ui/Ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ui.js","sources":["../../../../../src/legacy/components/ui/Ui.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\r\nimport Escolha from './Escolha'\r\nimport SegmentedControl from '../../../v1/primitives/buttons/SegmentedControl/SegmentedControl'\r\nimport Button from '../../../v1/primitives/buttons/Button/Button'\r\n\r\n/** Visual UI primitives (proef design system). Prefer these over repeating classes. */\r\n\r\n/**\r\n * SLA status accepted by BadgeSla.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport type StatusSla = 'ok' | 'risco' | 'incumprido'\r\n\r\nfunction IconX({ className = '' }: { className?: string }) {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth={2}\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      className={className}\r\n      aria-hidden=\"true\"\r\n    >\r\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\r\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\r\n    </svg>\r\n  )\r\n}\r\n\r\n// Migrado para o V1: o Card é o do V1 (aceita o nome antigo `extra`). Reexportado daqui para o código legacy.\r\nimport { Card } from '../../../v1/primitives/display/Card/Card'\r\nexport { Card }\r\n\r\n/**\r\n * Colour-bordered group — the overview sections in the prototype.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function SectionGroup({\r\n  title,\r\n  tone = 'accent',\r\n  children,\r\n}: {\r\n  title: string\r\n  tone?: 'accent' | 'ok' | 'blue' | 'red' | 'purple' | 'yellow'\r\n  children: ReactNode\r\n}) {\r\n  const tones: Record<string, [string, string]> = {\r\n    accent: ['border-slate-200 dark:border-slate-700', 'text-proef-navy dark:text-slate-100'],\r\n    ok: ['border-ok', 'text-ok'],\r\n    blue: ['border-[#4FA8FF]', 'text-[#2E8CE0]'],\r\n    red: ['border-incumprido', 'text-incumprido'],\r\n    purple: ['border-[#8B5CF6]', 'text-[#7C3AED]'],\r\n    yellow: ['border-[#D9A400]', 'text-[#B78400]'],\r\n  }\r\n  const [borda, texto] = tones[tone]!\r\n  return (\r\n    <div className={`border-[1.5px] ${borda} rounded-2xl p-4 pb-1 mb-5 bg-[rgba(24,34,56,0.015)] dark:bg-slate-900/40`}>\r\n      <div className={`text-[15px] font-bold text-center tracking-wide mb-3.5 ${texto}`}>{title}</div>\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n\r\n// Migrado para o V1: o Kpi é o do V1 (aceita os nomes antigos `delta`, `bgTint`, `barra`, `rodape`, `denso`;\r\n// `hint` passou de `title` para a camada `data-tip`). Reexportado daqui para o código legacy que o importa.\r\nimport { Kpi, type KpiTone } from '../../../v1/primitives/display/Kpi/Kpi'\r\nexport { Kpi, type KpiTone }\r\n\r\n// Migrado para o V1: o Badge é o do V1 (mesmo nome e API; ganhou `dot` e `icon`). Reexportado daqui para\r\n// o código legacy que o importa deste ficheiro.\r\nimport { Badge, type BadgeTone } from '../../../v1/primitives/display/Badge/Badge'\r\nexport { Badge, type BadgeTone }\r\n\r\n/**\r\n * SLA badge — picks the tone and label from `status`. Labels overridable via `labels`.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function BadgeSla({ status, labels }: { status: StatusSla; labels?: { ok?: string; risco?: string; incumprido?: string } }) {\r\n  const tone: BadgeTone = status === 'ok' ? 'ok' : status === 'risco' ? 'risco' : 'incumprido'\r\n  const defaults: Record<StatusSla, string> = { ok: 'On time', risco: 'At risk', incumprido: 'Breached' }\r\n  const label = labels?.[status] ?? defaults[status]\r\n  return <Badge tone={tone}>{label}</Badge>\r\n}\r\n\r\n/** Internal-state chip — prototype colours (ESTADO_INTERNO_COLORS). */\r\nconst CORES_ESTADO_INTERNO: Record<string, [string, string]> = {\r\n  'Concluído': ['#1F8A55', '#E5F6EC'],\r\n  'Aferição': ['#2E6DA4', '#E5F0FA'],\r\n  'Para Tratamento': ['#1868B0', '#E5F0FA'],\r\n  'Aguarda Validação LS': ['#2E6DA4', '#E5F0FA'],\r\n  'Aguarda Produção LS': ['#6E8CAD', '#EDF2F7'],\r\n  'Incompleto/Devolvido': ['#C2255C', '#FBE5EF'],\r\n  'Falta de Documentação': ['#B96E00', '#FCF0DC'],\r\n  Ignorar: ['#767C88', '#EEF0F2'],\r\n  Cancelado: ['#767C88', '#EEF0F2'],\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport function ChipEstadoInterno({ estado }: { estado: string | null }) {\r\n  if (!estado) return <span className=\"text-slate-400\">—</span>\r\n  const cor = CORES_ESTADO_INTERNO[estado]\r\n  if (!cor) return <span>{estado}</span>\r\n  return (\r\n    <span className=\"px-2 py-0.5 rounded text-[11px] font-medium inline-block\" style={{ color: cor[0], background: cor[1] }}>\r\n      {estado}\r\n    </span>\r\n  )\r\n}\r\n\r\nconst VARIANTE_V1 = { default: 'secondary', accent: 'primary', danger: 'danger', ghost: 'ghost' } as const\r\n\r\n/**\r\n * Migrado para o V1: é o `Button` do V1 (mesmo aspeto); isto só mantém a API antiga.\r\n * @deprecated Legacy — usar `Button` do V1.\r\n */\r\nexport function Btn({\r\n  children,\r\n  onClick,\r\n  variant = 'default',\r\n  active = false,\r\n  disabled = false,\r\n  title,\r\n  type = 'button',\r\n}: {\r\n  children: ReactNode\r\n  onClick?: () => void\r\n  variant?: 'default' | 'accent' | 'danger' | 'ghost'\r\n  active?: boolean\r\n  disabled?: boolean\r\n  title?: string\r\n  type?: 'button' | 'submit'\r\n}) {\r\n  return (\r\n    <Button\r\n      type={type}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n      title={title}\r\n      variant={VARIANTE_V1[variant]}\r\n      // Só o `default` tinha estado ligado; nos outros o `active` não fazia nada.\r\n      active={variant === 'default' && active ? true : undefined}\r\n    >\r\n      {children}\r\n    </Button>\r\n  )\r\n}\r\n\r\n/**\r\n * Mutually exclusive button group (granularity, dimension…).\r\n * Migrado para o V1: é o `SegmentedControl` do V1; isto só mantém a API antiga.\r\n * @deprecated Legacy — usar `SegmentedControl` do V1.\r\n */\r\nexport function BtnGroup<T extends string>({\r\n  value,\r\n  options,\r\n  onChange,\r\n  label,\r\n}: {\r\n  value: T\r\n  options: { value: T; label: string }[]\r\n  onChange: (v: T) => void\r\n  /** Rótulo opcional à esquerda (ex: \"Situação\"), com espaçamento próprio. */\r\n  label?: string\r\n}) {\r\n  return <SegmentedControl<T> value={value} options={options} onChange={onChange} label={label} />\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport function Estado({\r\n  carregando,\r\n  erro,\r\n  vazio,\r\n  labels,\r\n}: {\r\n  carregando?: boolean\r\n  erro?: boolean\r\n  vazio?: boolean\r\n  labels?: { loading?: string; error?: string; empty?: string }\r\n}) {\r\n  if (carregando) return <div className=\"py-10 text-center text-sm text-slate-400\">{labels?.loading ?? 'Loading…'}</div>\r\n  if (erro) return <div className=\"py-10 text-center text-sm text-incumprido\">{labels?.error ?? 'Failed to load'}</div>\r\n  if (vazio) return <div className=\"py-10 text-center text-sm text-slate-400\">{labels?.empty ?? 'No data'}</div>\r\n  return null\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport function Modal({ open, onClose, title, children, wide }: { open: boolean; onClose: () => void; title: ReactNode; children: ReactNode; wide?: boolean }) {\r\n  if (!open) return null\r\n  return (\r\n    <div\r\n      onClick={(e) => {\r\n        if (e.target === e.currentTarget) onClose()\r\n      }}\r\n      className=\"fixed inset-0 bg-[rgba(20,30,50,0.45)] z-50 flex items-center justify-center p-4\"\r\n    >\r\n      {/*\r\n        `wide` acompanha o ecrã em vez de parar num número fixo.\r\n\r\n        1200px era estreito num ecrã grande: um modal com mapa e tabela lado a\r\n        lado ficava com a tabela cortada e o mapa pequeno, enquanto meio ecrã\r\n        ficava vazio. O tecto de 1600px existe para o texto não ficar a\r\n        atravessar o monitor todo, e os 95vw para o modal nunca encostar às\r\n        margens.\r\n      */}\r\n      <div className={`bg-white dark:bg-slate-900 rounded-xl w-full ${wide ? 'max-w-[min(1600px,95vw)]' : 'max-w-[720px]'} max-h-[85vh] flex flex-col shadow-2xl`}>\r\n        <div className=\"flex items-center justify-between gap-4 px-5 py-4 border-b border-slate-200 dark:border-slate-700\">\r\n          <div className=\"text-[15px] font-bold text-proef-navy dark:text-slate-100\">{title}</div>\r\n          <button onClick={onClose} aria-label=\"Close\" className=\"text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-100\">\r\n            <IconX className=\"w-5 h-5\" />\r\n          </button>\r\n        </div>\r\n        <div className=\"overflow-auto thin-scroll px-5 py-4\">{children}</div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\n// ─── Filtros ────────────────────────────────────────────────────────────────\r\n// O kit não tinha campos de formulário, e cada ecrã acabava a repetir o mesmo\r\n// <label> com <select> e as mesmas classes. Estes três resolvem a barra de\r\n// filtros que praticamente todos os ecrãs de listagem têm.\r\n\r\n/**\r\n * Rótulo pequeno em maiúsculas por cima do campo.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function Campo({ label, children, className = '' }: { label: string; children: ReactNode; className?: string }) {\r\n  return (\r\n    <label className={`flex flex-col gap-1 ${className}`}>\r\n      <span className=\"text-[10px] font-black uppercase tracking-wider text-slate-400 leading-normal\">{label}</span>\r\n      {children}\r\n    </label>\r\n  )\r\n}\r\n\r\n/**\r\n * Select com opção vazia à cabeça.\r\n *\r\n * A opção vazia é obrigatória e não opcional: sem ela não há como desfazer uma\r\n * escolha, e o utilizador fica preso ao primeiro valor que carregou.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function CampoSelect({\r\n  label,\r\n  value,\r\n  options,\r\n  onChange,\r\n  placeholderVazio,\r\n  disabled = false,\r\n  className = '',\r\n}: {\r\n  label: string\r\n  value: string\r\n  options: readonly string[] | readonly { value: string; label: string }[]\r\n  onChange: (v: string) => void\r\n  placeholderVazio: string\r\n  disabled?: boolean\r\n  className?: string\r\n}) {\r\n  const normalizadas = options.map((o) => (typeof o === 'string' ? { value: o, label: o } : o))\r\n  return (\r\n    <Campo label={label} className={className}>\r\n      {/* Mesma lista suspensa em todos os portais (Escolha), em vez do <select> nativo. */}\r\n      <Escolha\r\n        valor={value}\r\n        opcoes={normalizadas.map((o) => ({ valor: o.value, rotulo: o.label }))}\r\n        onMudar={onChange}\r\n        rotulo={label}\r\n        opcaoVazia={placeholderVazio}\r\n        placeholder={placeholderVazio}\r\n        disabled={disabled}\r\n        className=\"min-w-[10rem] max-w-56\"\r\n      />\r\n    </Campo>\r\n  )\r\n}\r\n\r\n/**\r\n * Campo de pesquisa que só dispara ao confirmar.\r\n *\r\n * Deliberadamente NÃO pesquisa a cada tecla: sobre dezenas de milhares de\r\n * registos isso seria um pedido por letra. Confirma-se com Enter ou ao sair do\r\n * campo.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function CampoPesquisa({\r\n  label,\r\n  valorInicial = '',\r\n  onConfirmar,\r\n  placeholder,\r\n  className = '',\r\n}: {\r\n  label: string\r\n  valorInicial?: string\r\n  onConfirmar: (v: string | undefined) => void\r\n  placeholder?: string\r\n  className?: string\r\n}) {\r\n  const confirmar = (v: string): void => onConfirmar(v.trim() || undefined)\r\n  return (\r\n    <Campo label={label} className={className}>\r\n      <input\r\n        type=\"search\"\r\n        defaultValue={valorInicial}\r\n        placeholder={placeholder}\r\n        onKeyDown={(e) => {\r\n          if (e.key === 'Enter') confirmar((e.target as HTMLInputElement).value)\r\n        }}\r\n        onBlur={(e) => confirmar(e.target.value)}\r\n        className=\"h-8 border border-slate-300 rounded-lg px-2.5 text-sm w-64 bg-white dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:placeholder:text-slate-500\"\r\n      />\r\n    </Campo>\r\n  )\r\n}\r\n\r\n/**\r\n * Caixa de interruptor com rótulo à direita, alinhada com os campos ao lado.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function CampoInterruptor({\r\n  label,\r\n  checked,\r\n  onChange,\r\n}: {\r\n  label: string\r\n  checked: boolean\r\n  onChange: (v: boolean) => void\r\n}) {\r\n  return (\r\n    <label className=\"flex items-center gap-2 text-sm pb-1.5 cursor-pointer select-none\">\r\n      <input type=\"checkbox\" checked={checked} onChange={(e) => onChange(e.target.checked)} />\r\n      {label}\r\n    </label>\r\n  )\r\n}\r\n\r\n/**\r\n * Barra onde os campos de filtro assentam.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function BarraFiltros({ children }: { children: ReactNode }) {\r\n  return (\r\n    <div className=\"bg-white border border-slate-200 dark:bg-slate-900 dark:border-slate-700 rounded-xl px-4 py-3 flex flex-wrap items-end gap-3\">\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n\r\n// ─── Listas ─────────────────────────────────────────────────────────────────\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport type SeveridadeAlerta = 'critico' | 'grave' | 'atencao' | 'info'\r\n\r\n/**\r\n * Linha de uma lista de alertas.\r\n *\r\n * A severidade está na barra lateral colorida e não no fundo: uma lista de\r\n * cinquenta linhas com fundos saturados é ilegível, e o que se quer é poder\r\n * varrer a coluna da esquerda e saber onde parar.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function LinhaAlerta({\r\n  severidade,\r\n  icone,\r\n  titulo,\r\n  detalhe,\r\n  referencia,\r\n  onReferenciaClick,\r\n  quando,\r\n}: {\r\n  severidade: SeveridadeAlerta\r\n  icone?: ReactNode\r\n  titulo: ReactNode\r\n  detalhe?: ReactNode\r\n  /** Identificador clicável à direita (ex: número da ordem). */\r\n  referencia?: string\r\n  onReferenciaClick?: () => void\r\n  quando?: ReactNode\r\n}) {\r\n  const barras: Record<SeveridadeAlerta, string> = {\r\n    critico: 'border-l-incumprido',\r\n    grave: 'border-l-orange-500',\r\n    atencao: 'border-l-risco',\r\n    info: 'border-l-sky-400',\r\n  }\r\n  const textos: Record<SeveridadeAlerta, string> = {\r\n    critico: 'text-incumprido',\r\n    grave: 'text-orange-600 dark:text-orange-400',\r\n    atencao: 'text-risco',\r\n    info: 'text-sky-600 dark:text-sky-400',\r\n  }\r\n\r\n  return (\r\n    <div className={`bg-white border border-slate-200 dark:bg-slate-900 dark:border-y-slate-700 dark:border-r-slate-700 border-l-4 ${barras[severidade]} rounded-lg px-4 py-2.5 flex items-start gap-3`}>\r\n      {icone && <span className={`${textos[severidade]} shrink-0 mt-0.5`}>{icone}</span>}\r\n      <div className=\"min-w-0 flex-1\">\r\n        <div className=\"text-sm font-semibold text-slate-800 dark:text-slate-100\">{titulo}</div>\r\n        {detalhe && <div className=\"text-xs text-slate-500 dark:text-slate-400\">{detalhe}</div>}\r\n      </div>\r\n      {referencia && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={onReferenciaClick}\r\n          className=\"text-xs font-mono text-proef-navy dark:text-sky-300 hover:underline shrink-0\"\r\n        >\r\n          {referencia}\r\n        </button>\r\n      )}\r\n      {quando && <span className=\"text-xs text-slate-400 shrink-0 tabular-nums\">{quando}</span>}\r\n    </div>\r\n  )\r\n}\r\n\r\n/**\r\n * Grelha de pares rótulo/valor, para painéis de detalhe.\r\n *\r\n * Os campos vazios são omitidos por omissão: num registo vindo de várias\r\n * origens, metade dos campos costuma não existir, e uma coluna de travessões\r\n * não informa ninguém. `mostrarVazios` repõe-os quando a ausência é o que\r\n * interessa ver.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function ListaCampos({\r\n  campos,\r\n  colunas = 2,\r\n  mostrarVazios = false,\r\n}: {\r\n  campos: { label: string; valor: ReactNode }[]\r\n  colunas?: 1 | 2 | 3\r\n  mostrarVazios?: boolean\r\n}) {\r\n  const vazio = (v: ReactNode): boolean => v == null || v === '' || v === '—'\r\n  const visiveis = mostrarVazios ? campos : campos.filter((c) => !vazio(c.valor))\r\n  if (!visiveis.length) return null\r\n\r\n  const grelha = { 1: '', 2: 'md:grid-cols-2', 3: 'md:grid-cols-3' }[colunas]\r\n\r\n  return (\r\n    <dl className={`grid ${grelha} gap-x-6 gap-y-1`}>\r\n      {visiveis.map((c) => (\r\n        <div key={c.label} className=\"flex justify-between gap-3 border-b border-slate-100 dark:border-slate-800 py-1\">\r\n          <dt className=\"text-xs text-slate-500 dark:text-slate-400\">{c.label}</dt>\r\n          <dd className=\"text-xs font-medium text-slate-800 dark:text-slate-100 text-right\">{c.valor}</dd>\r\n        </div>\r\n      ))}\r\n    </dl>\r\n  )\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/legacy/components/ui/painelFlutuante.js

@@ -0,0 +1,13 @@
+import { PANEL_CLASS, useFloatingPanel, itemClass } from "../../../v1/capabilities/overlay/useFloatingPanel.js";
+const CLS_PAINEL = PANEL_CLASS;
+const clsItem = itemClass;
+function usePainelFlutuante(alinhar = "esquerda") {
+  const p = useFloatingPanel(alinhar === "direita" ? "right" : "left");
+  return { aberto: p.open, setAberto: p.setOpen, fechar: p.close, refBotao: p.triggerRef, refPainel: p.panelRef, estilo: p.style };
+}
+export {
+  CLS_PAINEL,
+  clsItem,
+  usePainelFlutuante
+};
+//# sourceMappingURL=painelFlutuante.js.map

package/dist/esm/legacy/components/ui/painelFlutuante.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"painelFlutuante.js","sources":["../../../../../src/legacy/components/ui/painelFlutuante.ts"],"sourcesContent":["import { useFloatingPanel, PANEL_CLASS, itemClass } from '../../../v1/capabilities/overlay/useFloatingPanel'\r\n\r\n/**\r\n * Migrado para o V1 (`useFloatingPanel`): estes nomes ficam para o MenuAcoes e o código legacy.\r\n * @deprecated Legacy — usar o `useFloatingPanel` do V1.\r\n */\r\nexport const CLS_PAINEL = PANEL_CLASS\r\n/** @deprecated Legacy — usar o `itemClass` do V1. */\r\nexport const clsItem = itemClass\r\n\r\n/** @deprecated Legacy — usar o `useFloatingPanel` do V1. */\r\nexport function usePainelFlutuante(alinhar: 'esquerda' | 'direita' = 'esquerda') {\r\n  const p = useFloatingPanel(alinhar === 'direita' ? 'right' : 'left')\r\n  return { aberto: p.open, setAberto: p.setOpen, fechar: p.close, refBotao: p.triggerRef, refPainel: p.panelRef, estilo: p.style }\r\n}\r\n"],"names":[],"mappings":";AAMO,MAAM,aAAa;AAEnB,MAAM,UAAU;AAGhB,SAAS,mBAAmB,UAAkC,YAAY;AAC/E,QAAM,IAAI,iBAAiB,YAAY,YAAY,UAAU,MAAM;AACnE,SAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,EAAE,SAAS,QAAQ,EAAE,OAAO,UAAU,EAAE,YAAY,WAAW,EAAE,UAAU,QAAQ,EAAE,MAAA;AAC3H;"}