@nextelco/common-ui 2.1.97 → 2.1.99

package/dist/esm/legacy/components/atoms/Switch/CustomSwitch.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import Switch from "react-switch";
+import './CustomSwitch.css';/* empty css                  */
+const CustomSwitch = ({
+  label,
+  activated,
+  onChange,
+  theme
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: `cui-container cui-switch-size-${theme.size}`, children: [
+    /* @__PURE__ */ jsx("label", { className: "cui-label", children: label }),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        onChange,
+        checked: activated,
+        offColor: "#888",
+        onColor: "#010060",
+        uncheckedIcon: false,
+        checkedIcon: false,
+        className: "cui-switch"
+      }
+    )
+  ] });
+};
+export {
+  CustomSwitch as default
+};
+//# sourceMappingURL=CustomSwitch.js.map

package/dist/esm/legacy/components/atoms/Switch/CustomSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSwitch.js","sources":["../../../../../../src/legacy/components/atoms/Switch/CustomSwitch.tsx"],"sourcesContent":["import React from 'react'\r\nimport Switch from 'react-switch'\r\nimport { CustomSwitchTheme } from '../../../types/themes/CustomSwitchThemes'\r\n\r\nimport './CustomSwitch.scss'\r\n\r\ntype CustomSwitchProps = {\r\n  label: string\r\n  activated: boolean\r\n  onChange: () => void\r\n  theme: CustomSwitchTheme\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst CustomSwitch: React.FC<CustomSwitchProps> = ({\r\n  label,\r\n  activated,\r\n  onChange,\r\n  theme,\r\n}) => {\r\n  return (\r\n    <div className={`cui-container cui-switch-size-${theme.size}`}>\r\n      <label className={'cui-label'}>{label}</label>\r\n      <Switch\r\n        onChange={onChange}\r\n        checked={activated}\r\n        offColor=\"#888\"\r\n        onColor=\"#010060\"\r\n        uncheckedIcon={false}\r\n        checkedIcon={false}\r\n        className={'cui-switch'}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default CustomSwitch\r\n"],"names":[],"mappings":";;;AAcA,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,8BACG,OAAA,EAAI,WAAW,iCAAiC,MAAM,IAAI,IACzD,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,WAAW,aAAc,UAAA,OAAM;AAAA,IACtC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,UAAS;AAAA,QACT,SAAQ;AAAA,QACR,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GACF;AAEJ;"}

package/dist/esm/legacy/components/atoms/Tooltip/Tooltip.css

@@ -0,0 +1,17 @@
+.cui-tooltip-wrapper {
+  position: relative;
+}
+
+.cui-tooltip,
+.cui-tooltip-interactive {
+  position: fixed;
+  z-index: 9999999;
+  background-color: black;
+  border: 1px solid black;
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.cui-tooltip-interactive {
+  pointer-events: auto !important;
+}

package/dist/esm/legacy/components/atoms/Tooltip/Tooltip.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import ReactDOM from "react-dom";
+import { Tooltip } from "react-tooltip";
+import "react-tooltip/dist/react-tooltip.css";
+import './Tooltip.css';/* empty css             */
+const TooltipWrapper = ({
+  id,
+  children,
+  tip,
+  interactive = false,
+  disabled = false
+}) => {
+  const generatedId = useId();
+  const tooltipId = id || generatedId;
+  if (disabled) return /* @__PURE__ */ jsx("div", { children });
+  return /* @__PURE__ */ jsxs("div", { "data-tooltip-id": tooltipId, className: "cui-tooltip-wrapper", children: [
+    children,
+    ReactDOM.createPortal(
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          id: tooltipId,
+          place: "top",
+          variant: "dark",
+          delayShow: 0,
+          delayHide: interactive ? 200 : 0,
+          className: interactive ? "cui-tooltip-interactive" : "cui-tooltip",
+          "data-interactive": interactive,
+          children: /* @__PURE__ */ jsx("div", { className: "cui-tooltip__tip", children: tip })
+        }
+      ),
+      document.body
+      // Render the tooltip directly to the body element
+    )
+  ] });
+};
+export {
+  TooltipWrapper as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/esm/legacy/components/atoms/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/legacy/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { ReactNode, useId } from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport { Tooltip } from 'react-tooltip'\r\nimport 'react-tooltip/dist/react-tooltip.css'\r\nimport './Tooltip.scss'\r\n\r\ninterface TooltipWrapperProps {\r\n  id?: string\r\n  interactive?: boolean\r\n  disabled?: boolean\r\n  tip: ReactNode\r\n  children: ReactNode\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst TooltipWrapper: React.FC<TooltipWrapperProps> = ({\r\n  id,\r\n  children,\r\n  tip,\r\n  interactive = false,\r\n  disabled = false,\r\n}) => {\r\n  const generatedId = useId()\r\n  const tooltipId = id || generatedId\r\n\r\n  if (disabled) return <div>{children}</div>\r\n\r\n  return (\r\n    <div data-tooltip-id={tooltipId} className=\"cui-tooltip-wrapper\">\r\n      {children}\r\n      {ReactDOM.createPortal(\r\n        <Tooltip\r\n          id={tooltipId}\r\n          place=\"top\"\r\n          variant=\"dark\"\r\n          delayShow={0}\r\n          delayHide={interactive ? 200 : 0}\r\n          className={interactive ? 'cui-tooltip-interactive' : 'cui-tooltip'}\r\n          data-interactive={interactive}\r\n        >\r\n          <div className=\"cui-tooltip__tip\">{tip}</div>\r\n        </Tooltip>,\r\n        document.body // Render the tooltip directly to the body element\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default TooltipWrapper\r\n"],"names":[],"mappings":";;;;;;AAeA,MAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AACb,MAAM;AACJ,QAAM,cAAc,MAAA;AACpB,QAAM,YAAY,MAAM;AAExB,MAAI,SAAU,QAAO,oBAAC,OAAA,EAAK,SAAA,CAAS;AAEpC,SACE,qBAAC,OAAA,EAAI,mBAAiB,WAAW,WAAU,uBACxC,UAAA;AAAA,IAAA;AAAA,IACA,SAAS;AAAA,MACR;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,WAAW;AAAA,UACX,WAAW,cAAc,MAAM;AAAA,UAC/B,WAAW,cAAc,4BAA4B;AAAA,UACrD,oBAAkB;AAAA,UAElB,UAAA,oBAAC,OAAA,EAAI,WAAU,oBAAoB,UAAA,IAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzC,SAAS;AAAA;AAAA,IAAA;AAAA,EACX,GACF;AAEJ;"}

package/dist/esm/legacy/components/charts/Charts.js

@@ -0,0 +1,259 @@
+import { jsx } from "react/jsx-runtime";
+import { Chart, registerables } from "chart.js";
+import ChartDataLabels from "chartjs-plugin-datalabels";
+import { Doughnut, Bar, Bubble, Line } from "react-chartjs-2";
+function euros(v) {
+  if (v == null) return "—";
+  const negativo = v < 0;
+  const [inteiro, decimal] = Math.abs(v).toFixed(2).split(".");
+  const comMilhares = inteiro.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+  return `${negativo ? "-" : ""}${comMilhares},${decimal} €`;
+}
+function labelBucket(b) {
+  if (/^\d{4}-S\d{2}$/.test(b)) return `S${b.slice(6)}/${b.slice(2, 4)}`;
+  if (/^\d{4}-\d{2}$/.test(b)) return `${b.slice(5)}/${b.slice(0, 4)}`;
+  if (/^\d{4}-\d{2}-\d{2}$/.test(b)) return `${b.slice(8)}/${b.slice(5, 7)}`;
+  return b;
+}
+Chart.register(...registerables, ChartDataLabels);
+Chart.defaults.set("plugins.datalabels", { display: false });
+Chart.defaults.font.family = "'Montserrat', sans-serif";
+Chart.defaults.color = "#5B6577";
+const PALETA = [
+  "#1868B0",
+  "#1F8A55",
+  "#B96E00",
+  "#C23B34",
+  "#7C3AED",
+  "#0891B2",
+  "#DB2777",
+  "#65A30D",
+  "#4B5563",
+  "#D97706",
+  "#2563EB",
+  "#059669"
+];
+function cor(i) {
+  return PALETA[i % PALETA.length];
+}
+const legendaBaixo = {
+  position: "bottom",
+  labels: { boxWidth: 10, font: { size: 11 }, color: "#182238", usePointStyle: true, pointStyle: "circle" }
+};
+function BarrasEmpilhadas({ serie, altura = 280 }) {
+  return /* @__PURE__ */ jsx("div", { style: { height: altura }, children: /* @__PURE__ */ jsx(
+    Bar,
+    {
+      data: {
+        labels: serie.labels.map(labelBucket),
+        datasets: serie.series.map((s, i) => ({
+          label: s.nome,
+          data: s.valores,
+          backgroundColor: cor(i),
+          borderRadius: 3
+        }))
+      },
+      options: {
+        maintainAspectRatio: false,
+        responsive: true,
+        plugins: { legend: legendaBaixo },
+        scales: {
+          x: { stacked: true, grid: { display: false } },
+          y: { stacked: true, beginAtZero: true, grid: { color: "#EEF1F5" } }
+        }
+      }
+    }
+  ) });
+}
+function BarrasHorizontais({ dados, altura = 280, limite = 12 }) {
+  const labels = dados.labels.slice(0, limite);
+  const valores = dados.valores.slice(0, limite);
+  return /* @__PURE__ */ jsx("div", { style: { height: altura }, children: /* @__PURE__ */ jsx(
+    Bar,
+    {
+      data: {
+        labels,
+        datasets: [{ label: "", data: valores, backgroundColor: labels.map((_, i) => cor(i)), borderRadius: 3 }]
+      },
+      options: {
+        indexAxis: "y",
+        maintainAspectRatio: false,
+        responsive: true,
+        plugins: {
+          legend: { display: false },
+          datalabels: { display: (c) => c.dataset.data[c.dataIndex] != null, anchor: "end", align: "end", color: "#182238", font: { size: 11, weight: 600 } }
+        },
+        scales: {
+          x: { beginAtZero: true, grid: { color: "#EEF1F5" } },
+          y: { grid: { display: false } }
+        },
+        layout: { padding: { right: 28 } }
+      }
+    }
+  ) });
+}
+function Anel({ dados, altura = 260, cores }) {
+  return /* @__PURE__ */ jsx("div", { style: { height: altura }, children: /* @__PURE__ */ jsx(
+    Doughnut,
+    {
+      data: {
+        labels: dados.labels,
+        datasets: [
+          {
+            data: dados.valores,
+            backgroundColor: cores ?? dados.labels.map((_, i) => cor(i)),
+            borderWidth: 0
+          }
+        ]
+      },
+      options: {
+        maintainAspectRatio: false,
+        responsive: true,
+        cutout: "58%",
+        plugins: {
+          legend: legendaBaixo,
+          datalabels: {
+            display: (c) => Number(c.dataset.data[c.dataIndex]) > 0,
+            color: "#182238",
+            font: { size: 11, weight: 600 }
+          }
+        }
+      }
+    }
+  ) });
+}
+function Linha({ dados, altura = 260, euros: emEuros = false }) {
+  return /* @__PURE__ */ jsx("div", { style: { height: altura }, children: /* @__PURE__ */ jsx(
+    Line,
+    {
+      data: {
+        labels: dados.labels.map(labelBucket),
+        datasets: [
+          {
+            label: "",
+            data: dados.valores,
+            borderColor: "#C23B34",
+            backgroundColor: "rgba(194,59,52,0.12)",
+            fill: true,
+            tension: 0.25,
+            pointRadius: 3
+          }
+        ]
+      },
+      options: {
+        maintainAspectRatio: false,
+        responsive: true,
+        plugins: {
+          legend: { display: false },
+          tooltip: {
+            callbacks: {
+              label: (c) => emEuros ? euros(Number(c.parsed.y)) : String(c.parsed.y)
+            }
+          }
+        },
+        scales: {
+          x: { grid: { display: false } },
+          y: {
+            beginAtZero: true,
+            grid: { color: "#EEF1F5" },
+            ticks: { callback: (v) => emEuros ? euros(Number(v)) : String(v) }
+          }
+        }
+      }
+    }
+  ) });
+}
+function Linhas({
+  serie,
+  altura = 280,
+  area = false
+}) {
+  return /* @__PURE__ */ jsx("div", { style: { height: altura }, children: /* @__PURE__ */ jsx(
+    Line,
+    {
+      data: {
+        labels: serie.labels.map(labelBucket),
+        datasets: serie.series.map((s, i) => ({
+          label: s.nome,
+          data: s.valores,
+          borderColor: cor(i),
+          backgroundColor: area ? `${cor(i)}22` : cor(i),
+          fill: area,
+          tension: 0.25,
+          pointRadius: serie.labels.length > 24 ? 0 : 3,
+          pointHoverRadius: 4
+        }))
+      },
+      options: {
+        maintainAspectRatio: false,
+        responsive: true,
+        interaction: { mode: "index", intersect: false },
+        plugins: { legend: legendaBaixo },
+        scales: {
+          x: { grid: { display: false } },
+          y: { beginAtZero: true, grid: { color: "#EEF1F5" } }
+        }
+      }
+    }
+  ) });
+}
+function Bolhas({
+  pontos,
+  altura = 280,
+  onClick,
+  xTitle = "Active OTs",
+  yTitle = "% overdue",
+  tooltipLabel = (p) => `${p.responsavel}: ${p.otsAtivas} active, ${p.percentagemForaPrazo}% overdue, ${euros(p.valorPenalizado)}`
+}) {
+  const maxValor = Math.max(1, ...pontos.map((p) => p.valorPenalizado));
+  return /* @__PURE__ */ jsx("div", { style: { height: altura }, children: /* @__PURE__ */ jsx(
+    Bubble,
+    {
+      data: {
+        datasets: pontos.map((p, i) => ({
+          label: p.responsavel,
+          data: [
+            {
+              x: p.otsAtivas,
+              y: p.percentagemForaPrazo,
+              r: 6 + p.valorPenalizado / maxValor * 18
+            }
+          ],
+          backgroundColor: `${cor(i)}CC`,
+          borderColor: cor(i)
+        }))
+      },
+      options: {
+        maintainAspectRatio: false,
+        responsive: true,
+        onClick: (_e, elements) => {
+          const idx = elements[0]?.datasetIndex;
+          if (idx != null && onClick) onClick(pontos[idx]);
+        },
+        plugins: {
+          legend: { display: false },
+          tooltip: {
+            callbacks: {
+              label: (c) => tooltipLabel(pontos[c.datasetIndex])
+            }
+          }
+        },
+        scales: {
+          x: { beginAtZero: true, title: { display: true, text: xTitle }, grid: { color: "#EEF1F5" } },
+          y: { beginAtZero: true, title: { display: true, text: yTitle }, grid: { color: "#EEF1F5" } }
+        }
+      }
+    }
+  ) });
+}
+export {
+  Anel,
+  BarrasEmpilhadas,
+  BarrasHorizontais,
+  Bolhas,
+  Linha,
+  Linhas,
+  PALETA,
+  cor
+};
+//# sourceMappingURL=Charts.js.map

package/dist/esm/legacy/components/charts/Charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Charts.js","sources":["../../../../../src/legacy/components/charts/Charts.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Chart as ChartJS, registerables } from 'chart.js'\r\nimport ChartDataLabels from 'chartjs-plugin-datalabels'\r\nimport { Bar, Doughnut, Line, Bubble } from 'react-chartjs-2'\r\n\r\n// ---------------------------------------------------------------------------\r\n// Local types (inlined — originally imported from CRE `../types`).\r\n// ---------------------------------------------------------------------------\r\n\r\n/**\r\n * Stacked series over a set of shared labels (e.g. a dimension over time).\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport interface SerieEmpilhada {\r\n  labels: string[]\r\n  series: { nome: string; valores: number[] }[]\r\n}\r\n\r\n/**\r\n * A simple distribution: parallel arrays of labels and values.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport interface Distribuicao {\r\n  labels: string[]\r\n  valores: number[]\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Local formatting helpers (inlined — originally imported from CRE `../lib/format`).\r\n// Behavior kept close to the originals; the library stays self-contained.\r\n// ---------------------------------------------------------------------------\r\n\r\n/**\r\n * Currency formatter. Thousands separated by '.', decimals by ',', suffixed ' €'.\r\n * Independent of Intl/ICU so the thousands separator is stable across browsers.\r\n */\r\nfunction euros(v: number | null | undefined): string {\r\n  if (v == null) return '—'\r\n  const negativo = v < 0\r\n  const [inteiro, decimal] = Math.abs(v).toFixed(2).split('.')\r\n  const comMilhares = inteiro.replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.')\r\n  return `${negativo ? '-' : ''}${comMilhares},${decimal} €`\r\n}\r\n\r\n/** 'YYYY-Sxx' / 'YYYY-MM' / 'YYYY-MM-DD' → short axis label. */\r\nfunction labelBucket(b: string): string {\r\n  if (/^\\d{4}-S\\d{2}$/.test(b)) return `S${b.slice(6)}/${b.slice(2, 4)}`\r\n  if (/^\\d{4}-\\d{2}$/.test(b)) return `${b.slice(5)}/${b.slice(0, 4)}`\r\n  if (/^\\d{4}-\\d{2}-\\d{2}$/.test(b)) return `${b.slice(8)}/${b.slice(5, 7)}`\r\n  return b\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Chart.js registration (once, at module load).\r\n// ---------------------------------------------------------------------------\r\n\r\n// Regista TUDO (registerables inclui Filler, controllers, scales) + o plugin de\r\n// datalabels. O registo parcial degenerava a geometria (doughnut colapsado) e o\r\n// aviso \"fill sem Filler\". registerables = equivalente a chart.js/auto.\r\nChartJS.register(...registerables, ChartDataLabels)\r\n// Datalabels off by default — enabled only where it improves readability.\r\nChartJS.defaults.set('plugins.datalabels', { display: false })\r\nChartJS.defaults.font.family = \"'Montserrat', sans-serif\"\r\nChartJS.defaults.color = '#5B6577'\r\n\r\n/**\r\n * Categorical palette. Stable order so the same dimension always maps to the same color.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport const PALETA = [\r\n  '#1868B0',\r\n  '#1F8A55',\r\n  '#B96E00',\r\n  '#C23B34',\r\n  '#7C3AED',\r\n  '#0891B2',\r\n  '#DB2777',\r\n  '#65A30D',\r\n  '#4B5563',\r\n  '#D97706',\r\n  '#2563EB',\r\n  '#059669',\r\n]\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport function cor(i: number): string {\r\n  return PALETA[i % PALETA.length]!\r\n}\r\n\r\nconst legendaBaixo = {\r\n  position: 'bottom' as const,\r\n  labels: { boxWidth: 10, font: { size: 11 }, color: '#182238', usePointStyle: true, pointStyle: 'circle' as const },\r\n}\r\n\r\n/**\r\n * Stacked bars for a dimension over time.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function BarrasEmpilhadas({ serie, altura = 280 }: { serie: SerieEmpilhada; altura?: number }) {\r\n  return (\r\n    <div style={{ height: altura }}>\r\n      <Bar\r\n        data={{\r\n          labels: serie.labels.map(labelBucket),\r\n          datasets: serie.series.map((s, i) => ({\r\n            label: s.nome,\r\n            data: s.valores,\r\n            backgroundColor: cor(i),\r\n            borderRadius: 3,\r\n          })),\r\n        }}\r\n        options={{\r\n          maintainAspectRatio: false,\r\n          responsive: true,\r\n          plugins: { legend: legendaBaixo },\r\n          scales: {\r\n            x: { stacked: true, grid: { display: false } },\r\n            y: { stacked: true, beginAtZero: true, grid: { color: '#EEF1F5' } },\r\n          },\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n/**\r\n * Horizontal bars of a distribution (top N).\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function BarrasHorizontais({ dados, altura = 280, limite = 12 }: { dados: Distribuicao; altura?: number; limite?: number }) {\r\n  const labels = dados.labels.slice(0, limite)\r\n  const valores = dados.valores.slice(0, limite)\r\n  return (\r\n    <div style={{ height: altura }}>\r\n      <Bar\r\n        data={{\r\n          labels,\r\n          datasets: [{ label: '', data: valores, backgroundColor: labels.map((_, i) => cor(i)), borderRadius: 3 }],\r\n        }}\r\n        options={{\r\n          indexAxis: 'y',\r\n          maintainAspectRatio: false,\r\n          responsive: true,\r\n          plugins: {\r\n            legend: { display: false },\r\n            datalabels: { display: (c) => c.dataset.data[c.dataIndex] != null, anchor: 'end', align: 'end', color: '#182238', font: { size: 11, weight: 600 } },\r\n          },\r\n          scales: {\r\n            x: { beginAtZero: true, grid: { color: '#EEF1F5' } },\r\n            y: { grid: { display: false } },\r\n          },\r\n          layout: { padding: { right: 28 } },\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport function Anel({ dados, altura = 260, cores }: { dados: Distribuicao; altura?: number; cores?: string[] }) {\r\n  return (\r\n    <div style={{ height: altura }}>\r\n      <Doughnut\r\n        data={{\r\n          labels: dados.labels,\r\n          datasets: [\r\n            {\r\n              data: dados.valores,\r\n              backgroundColor: cores ?? dados.labels.map((_, i) => cor(i)),\r\n              borderWidth: 0,\r\n            },\r\n          ],\r\n        }}\r\n        options={{\r\n          maintainAspectRatio: false,\r\n          responsive: true,\r\n          cutout: '58%',\r\n          plugins: {\r\n            legend: legendaBaixo,\r\n            datalabels: {\r\n              display: (c) => Number(c.dataset.data[c.dataIndex]) > 0,\r\n              color: '#182238',\r\n              font: { size: 11, weight: 600 },\r\n            },\r\n          },\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n/**\r\n * Simple line chart — optionally formats values as currency.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function Linha({ dados, altura = 260, euros: emEuros = false }: { dados: Distribuicao; altura?: number; euros?: boolean }) {\r\n  return (\r\n    <div style={{ height: altura }}>\r\n      <Line\r\n        data={{\r\n          labels: dados.labels.map(labelBucket),\r\n          datasets: [\r\n            {\r\n              label: '',\r\n              data: dados.valores,\r\n              borderColor: '#C23B34',\r\n              backgroundColor: 'rgba(194,59,52,0.12)',\r\n              fill: true,\r\n              tension: 0.25,\r\n              pointRadius: 3,\r\n            },\r\n          ],\r\n        }}\r\n        options={{\r\n          maintainAspectRatio: false,\r\n          responsive: true,\r\n          plugins: {\r\n            legend: { display: false },\r\n            tooltip: {\r\n              callbacks: {\r\n                label: (c) => (emEuros ? euros(Number(c.parsed.y)) : String(c.parsed.y)),\r\n              },\r\n            },\r\n          },\r\n          scales: {\r\n            x: { grid: { display: false } },\r\n            y: {\r\n              beginAtZero: true,\r\n              grid: { color: '#EEF1F5' },\r\n              ticks: { callback: (v) => (emEuros ? euros(Number(v)) : String(v)) },\r\n            },\r\n          },\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n/**\r\n * Several lines over the same labels — NOT stacked.\r\n *\r\n * Separate from `BarrasEmpilhadas` on purpose: two series that measure the same\r\n * thing at two moments (created vs closed) must be read against each other, and\r\n * stacking them would draw their sum, which means nothing.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function Linhas({\r\n  serie,\r\n  altura = 280,\r\n  area = false,\r\n}: {\r\n  serie: SerieEmpilhada\r\n  altura?: number\r\n  /// Fill under each line. Only legible with one or two series.\r\n  area?: boolean\r\n}) {\r\n  return (\r\n    <div style={{ height: altura }}>\r\n      <Line\r\n        data={{\r\n          labels: serie.labels.map(labelBucket),\r\n          datasets: serie.series.map((s, i) => ({\r\n            label: s.nome,\r\n            data: s.valores,\r\n            borderColor: cor(i),\r\n            backgroundColor: area ? `${cor(i)}22` : cor(i),\r\n            fill: area,\r\n            tension: 0.25,\r\n            pointRadius: serie.labels.length > 24 ? 0 : 3,\r\n            pointHoverRadius: 4,\r\n          })),\r\n        }}\r\n        options={{\r\n          maintainAspectRatio: false,\r\n          responsive: true,\r\n          interaction: { mode: 'index', intersect: false },\r\n          plugins: { legend: legendaBaixo },\r\n          scales: {\r\n            x: { grid: { display: false } },\r\n            y: { beginAtZero: true, grid: { color: '#EEF1F5' } },\r\n          },\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface PontoRisco {\r\n  responsavel: string\r\n  otsAtivas: number\r\n  percentagemForaPrazo: number\r\n  valorPenalizado: number\r\n}\r\n\r\n/**\r\n * Risk-map bubbles: x = active OTs, y = % overdue, r = penalized value.\r\n * The radius is normalized against the max so bubbles stay readable at any scale.\r\n *\r\n * Axis titles and the tooltip formatter are exposed as optional props with\r\n * neutral English defaults (previously hardcoded Portuguese) so the component\r\n * carries no locale of its own.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function Bolhas({\r\n  pontos,\r\n  altura = 280,\r\n  onClick,\r\n  xTitle = 'Active OTs',\r\n  yTitle = '% overdue',\r\n  tooltipLabel = (p) => `${p.responsavel}: ${p.otsAtivas} active, ${p.percentagemForaPrazo}% overdue, ${euros(p.valorPenalizado)}`,\r\n}: {\r\n  pontos: PontoRisco[]\r\n  altura?: number\r\n  onClick?: (p: PontoRisco) => void\r\n  xTitle?: string\r\n  yTitle?: string\r\n  tooltipLabel?: (p: PontoRisco) => string\r\n}) {\r\n  const maxValor = Math.max(1, ...pontos.map((p) => p.valorPenalizado))\r\n  return (\r\n    <div style={{ height: altura }}>\r\n      <Bubble\r\n        data={{\r\n          datasets: pontos.map((p, i) => ({\r\n            label: p.responsavel,\r\n            data: [\r\n              {\r\n                x: p.otsAtivas,\r\n                y: p.percentagemForaPrazo,\r\n                r: 6 + (p.valorPenalizado / maxValor) * 18,\r\n              },\r\n            ],\r\n            backgroundColor: `${cor(i)}CC`,\r\n            borderColor: cor(i),\r\n          })),\r\n        }}\r\n        options={{\r\n          maintainAspectRatio: false,\r\n          responsive: true,\r\n          onClick: (_e, elements) => {\r\n            const idx = elements[0]?.datasetIndex\r\n            if (idx != null && onClick) onClick(pontos[idx]!)\r\n          },\r\n          plugins: {\r\n            legend: { display: false },\r\n            tooltip: {\r\n              callbacks: {\r\n                label: (c) => tooltipLabel(pontos[c.datasetIndex]!),\r\n              },\r\n            },\r\n          },\r\n          scales: {\r\n            x: { beginAtZero: true, title: { display: true, text: xTitle }, grid: { color: '#EEF1F5' } },\r\n            y: { beginAtZero: true, title: { display: true, text: yTitle }, grid: { color: '#EEF1F5' } },\r\n          },\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["ChartJS"],"mappings":"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"}

package/dist/esm/legacy/components/layout/AppLauncher/AppLauncher.js

@@ -0,0 +1,100 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function AppLauncher({
+  apps,
+  heading,
+  emptyLabel,
+  bgColor = "#001b63",
+  bgImage,
+  accentColor1 = "#0076ce",
+  accentColor2 = "#00d28d",
+  navHeight = "3.0625rem"
+}) {
+  const useSolidBg = !bgImage;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "relative",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        overflow: "hidden",
+        // Full-bleed dentro do <main> do TopNavLayout (px-3 sm:px-5 py-4).
+        margin: "-1rem -0.75rem",
+        minHeight: `calc(100dvh - ${navHeight})`,
+        backgroundRepeat: "no-repeat",
+        backgroundAttachment: "fixed",
+        backgroundSize: "cover",
+        ...useSolidBg ? { backgroundColor: bgColor } : { backgroundImage: `url(${bgImage})` }
+      },
+      children: [
+        useSolidBg && /* @__PURE__ */ jsxs("div", { style: { position: "absolute", inset: 0, overflow: "hidden", pointerEvents: "none" }, children: [
+          /* @__PURE__ */ jsx("div", { style: { position: "absolute", width: "34rem", height: "34rem", borderRadius: "50%", filter: "blur(90px)", top: "-12rem", right: "-10rem", opacity: 0.22, backgroundColor: accentColor1 } }),
+          /* @__PURE__ */ jsx("div", { style: { position: "absolute", width: "34rem", height: "34rem", borderRadius: "50%", filter: "blur(90px)", bottom: "-14rem", left: "-12rem", opacity: 0.28, backgroundColor: accentColor2 } })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", zIndex: 1, width: "min(1500px, 92%)", margin: "0 auto", padding: "clamp(1.5rem, 4vh, 3rem) 0" }, children: [
+          heading && /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 clamp(1.5rem, 3vh, 2.5rem)", textAlign: "center", color: "#fff", fontSize: "clamp(1.35rem, 1.6vw + 0.6rem, 2.25rem)", fontWeight: 700, letterSpacing: "-0.02em" }, className: "[&_strong]:text-proef-turquoise", children: heading }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(auto-fit, minmax(clamp(280px, 22vw, 340px), 340px))",
+                justifyContent: "center",
+                gap: "clamp(0.875rem, 1vw, 1.25rem)"
+              },
+              children: apps.map((app, i) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: app.onClick,
+                  title: app.title2 ?? app.description ?? app.title,
+                  className: "group",
+                  style: {
+                    position: "relative",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "clamp(0.875rem, 0.8vw, 1.125rem)",
+                    width: "100%",
+                    padding: "clamp(1.125rem, 1.1vw, 1.5rem) clamp(1.25rem, 1.3vw, 1.75rem)",
+                    textAlign: "left",
+                    cursor: "pointer",
+                    color: "#fff",
+                    background: "rgba(255,255,255,0.07)",
+                    border: "1px solid rgba(255,255,255,0.14)",
+                    borderRadius: "10px",
+                    backdropFilter: "blur(10px)",
+                    transition: "transform .15s ease, background .15s ease, border-color .15s ease"
+                  },
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.transform = "translateY(-2px)";
+                    e.currentTarget.style.background = "rgba(255,255,255,0.13)";
+                    e.currentTarget.style.borderColor = "#00d28d";
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.transform = "translateY(0)";
+                    e.currentTarget.style.background = "rgba(255,255,255,0.07)";
+                    e.currentTarget.style.borderColor = "rgba(255,255,255,0.14)";
+                  },
+                  children: [
+                    app.icon != null && /* @__PURE__ */ jsx("span", { style: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, width: "clamp(2.5rem, 2.4vw, 3.25rem)", height: "clamp(2.5rem, 2.4vw, 3.25rem)", fontSize: "clamp(1.05rem, 1vw, 1.35rem)", color: "#00d28d", background: "rgba(0,210,141,0.12)", borderRadius: "8px" }, children: app.icon }),
+                    /* @__PURE__ */ jsxs("span", { style: { minWidth: 0 }, children: [
+                      /* @__PURE__ */ jsx("span", { style: { display: "block", fontSize: "clamp(0.95rem, 0.85vw, 1.15rem)", fontWeight: 600, lineHeight: 1.25 }, children: app.title }),
+                      app.description && /* @__PURE__ */ jsx("span", { style: { display: "block", marginTop: "0.2rem", fontSize: "clamp(0.78rem, 0.7vw, 0.92rem)", lineHeight: 1.3, color: "rgba(255,255,255,0.6)" }, children: app.description })
+                    ] })
+                  ]
+                },
+                i
+              ))
+            }
+          ),
+          apps.length === 0 && emptyLabel && /* @__PURE__ */ jsx("p", { style: { textAlign: "center", color: "rgba(255,255,255,0.6)", fontSize: "0.9rem" }, children: emptyLabel })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  AppLauncher as default
+};
+//# sourceMappingURL=AppLauncher.js.map

package/dist/esm/legacy/components/layout/AppLauncher/AppLauncher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLauncher.js","sources":["../../../../../../src/legacy/components/layout/AppLauncher/AppLauncher.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface LauncherApp {\r\n  /** Título da app (linha principal). */\r\n  title: string\r\n  /** Subtítulo opcional. */\r\n  description?: string\r\n  /** Ícone (ReactNode) — a app passa o seu (ex: <FontAwesomeIcon .../>). */\r\n  icon?: React.ReactNode\r\n  onClick: () => void\r\n  /** Tooltip opcional; default = description || title. */\r\n  title2?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface AppLauncherProps {\r\n  apps: LauncherApp[]\r\n  /** Cabeçalho (ex: <>Bem-vindo <strong>Vinst</strong></>). O <strong> fica turquesa. */\r\n  heading?: React.ReactNode\r\n  /** Texto quando não há apps. */\r\n  emptyLabel?: string\r\n  /** Fundo: cor sólida (default) ou imagem. */\r\n  bgColor?: string\r\n  bgImage?: string | null\r\n  accentColor1?: string\r\n  accentColor2?: string\r\n  /** Altura da nav do TopNavLayout para o cálculo de min-height. */\r\n  navHeight?: string\r\n}\r\n\r\n/**\r\n * Ecrã de launcher de aplicações (grid centrado de cartões em vidro sobre fundo\r\n * escuro). Feito para viver dentro do <main> do TopNavLayout — cancela o padding\r\n * dele com margens negativas para ficar full-bleed. Ícones vêm da app (ReactNode).\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport default function AppLauncher({\r\n  apps,\r\n  heading,\r\n  emptyLabel,\r\n  bgColor = '#001b63',\r\n  bgImage,\r\n  accentColor1 = '#0076ce',\r\n  accentColor2 = '#00d28d',\r\n  navHeight = '3.0625rem',\r\n}: AppLauncherProps) {\r\n  const useSolidBg = !bgImage\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        position: 'relative',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        justifyContent: 'center',\r\n        overflow: 'hidden',\r\n        // Full-bleed dentro do <main> do TopNavLayout (px-3 sm:px-5 py-4).\r\n        margin: '-1rem -0.75rem',\r\n        minHeight: `calc(100dvh - ${navHeight})`,\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundAttachment: 'fixed',\r\n        backgroundSize: 'cover',\r\n        ...(useSolidBg ? { backgroundColor: bgColor } : { backgroundImage: `url(${bgImage})` }),\r\n      }}\r\n    >\r\n      {useSolidBg && (\r\n        <div style={{ position: 'absolute', inset: 0, overflow: 'hidden', pointerEvents: 'none' }}>\r\n          <div style={{ position: 'absolute', width: '34rem', height: '34rem', borderRadius: '50%', filter: 'blur(90px)', top: '-12rem', right: '-10rem', opacity: 0.22, backgroundColor: accentColor1 }} />\r\n          <div style={{ position: 'absolute', width: '34rem', height: '34rem', borderRadius: '50%', filter: 'blur(90px)', bottom: '-14rem', left: '-12rem', opacity: 0.28, backgroundColor: accentColor2 }} />\r\n        </div>\r\n      )}\r\n\r\n      <div style={{ position: 'relative', zIndex: 1, width: 'min(1500px, 92%)', margin: '0 auto', padding: 'clamp(1.5rem, 4vh, 3rem) 0' }}>\r\n        {heading && (\r\n          <h2 style={{ margin: '0 0 clamp(1.5rem, 3vh, 2.5rem)', textAlign: 'center', color: '#fff', fontSize: 'clamp(1.35rem, 1.6vw + 0.6rem, 2.25rem)', fontWeight: 700, letterSpacing: '-0.02em' }} className=\"[&_strong]:text-proef-turquoise\">\r\n            {heading}\r\n          </h2>\r\n        )}\r\n\r\n        <div\r\n          style={{\r\n            display: 'grid',\r\n            gridTemplateColumns: 'repeat(auto-fit, minmax(clamp(280px, 22vw, 340px), 340px))',\r\n            justifyContent: 'center',\r\n            gap: 'clamp(0.875rem, 1vw, 1.25rem)',\r\n          }}\r\n        >\r\n          {apps.map((app, i) => (\r\n            <button\r\n              key={i}\r\n              type=\"button\"\r\n              onClick={app.onClick}\r\n              title={app.title2 ?? app.description ?? app.title}\r\n              className=\"group\"\r\n              style={{\r\n                position: 'relative',\r\n                display: 'flex',\r\n                alignItems: 'center',\r\n                gap: 'clamp(0.875rem, 0.8vw, 1.125rem)',\r\n                width: '100%',\r\n                padding: 'clamp(1.125rem, 1.1vw, 1.5rem) clamp(1.25rem, 1.3vw, 1.75rem)',\r\n                textAlign: 'left',\r\n                cursor: 'pointer',\r\n                color: '#fff',\r\n                background: 'rgba(255,255,255,0.07)',\r\n                border: '1px solid rgba(255,255,255,0.14)',\r\n                borderRadius: '10px',\r\n                backdropFilter: 'blur(10px)',\r\n                transition: 'transform .15s ease, background .15s ease, border-color .15s ease',\r\n              }}\r\n              onMouseEnter={(e) => { e.currentTarget.style.transform = 'translateY(-2px)'; e.currentTarget.style.background = 'rgba(255,255,255,0.13)'; e.currentTarget.style.borderColor = '#00d28d' }}\r\n              onMouseLeave={(e) => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.background = 'rgba(255,255,255,0.07)'; e.currentTarget.style.borderColor = 'rgba(255,255,255,0.14)' }}\r\n            >\r\n              {app.icon != null && (\r\n                <span style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0, width: 'clamp(2.5rem, 2.4vw, 3.25rem)', height: 'clamp(2.5rem, 2.4vw, 3.25rem)', fontSize: 'clamp(1.05rem, 1vw, 1.35rem)', color: '#00d28d', background: 'rgba(0,210,141,0.12)', borderRadius: '8px' }}>\r\n                  {app.icon}\r\n                </span>\r\n              )}\r\n              <span style={{ minWidth: 0 }}>\r\n                <span style={{ display: 'block', fontSize: 'clamp(0.95rem, 0.85vw, 1.15rem)', fontWeight: 600, lineHeight: 1.25 }}>{app.title}</span>\r\n                {app.description && (\r\n                  <span style={{ display: 'block', marginTop: '0.2rem', fontSize: 'clamp(0.78rem, 0.7vw, 0.92rem)', lineHeight: 1.3, color: 'rgba(255,255,255,0.6)' }}>{app.description}</span>\r\n                )}\r\n              </span>\r\n            </button>\r\n          ))}\r\n        </div>\r\n\r\n        {apps.length === 0 && emptyLabel && (\r\n          <p style={{ textAlign: 'center', color: 'rgba(255,255,255,0.6)', fontSize: '0.9rem' }}>{emptyLabel}</p>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/legacy/components/layout/Error/Error.css

@@ -0,0 +1,20 @@
+.error .cui-error {
+  color: red;
+  background-color: #f8d7da;
+  border: 1px solid #f5c6cb;
+  margin: 1rem;
+  padding: 1rem;
+  border-radius: 25px;
+}
+.error .cui-error-heading {
+  font-size: 1.2rem;
+  font-weight: bold;
+}
+.error .cui-error-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.error .cui-error-message {
+  white-space: break-spaces;
+}

package/dist/esm/legacy/components/layout/Error/Error.js

@@ -0,0 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import './Error.css';/* empty css           */
+const Error = ({ messages }) => {
+  return /* @__PURE__ */ jsx("div", { className: "error", children: /* @__PURE__ */ jsxs("div", { className: "cui-error", children: [
+    /* @__PURE__ */ jsx("h4", { children: "Ooops...." }),
+    /* @__PURE__ */ jsx("ul", { className: "cui-error-list", children: messages ? messages.map((message, index) => /* @__PURE__ */ jsx("li", { className: "cui-error-message", children: message }, index)) : /* @__PURE__ */ jsx("li", { children: "An unexpected error occurred." }) })
+  ] }) });
+};
+export {
+  Error as default
+};
+//# sourceMappingURL=Error.js.map

package/dist/esm/legacy/components/layout/Error/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sources":["../../../../../../src/legacy/components/layout/Error/Error.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport './Error.scss'\r\n\r\ninterface ErrorProps {\r\n  messages: string[]\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Error: React.FC<ErrorProps> = ({ messages }) => {\r\n  return (\r\n    <div className=\"error\">\r\n      <div className=\"cui-error\">\r\n        <h4>Ooops....</h4>\r\n        <ul className=\"cui-error-list\">\r\n          {messages ? (\r\n            messages.map((message, index) => (\r\n              <li key={index} className=\"cui-error-message\">\r\n                {message}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li>An unexpected error occurred.</li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Error\r\n"],"names":[],"mappings":";;AASA,MAAM,QAA8B,CAAC,EAAE,eAAe;AACpD,6BACG,OAAA,EAAI,WAAU,SACb,UAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,YAAA,CAAS;AAAA,IACb,oBAAC,QAAG,WAAU,kBACX,qBACC,SAAS,IAAI,CAAC,SAAS,8BACpB,MAAA,EAAe,WAAU,qBACvB,UAAA,QAAA,GADM,KAET,CACD,IAED,oBAAC,MAAA,EAAG,UAAA,gCAAA,CAA6B,EAAA,CAErC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/esm/legacy/components/layout/Footer/Footer.css

@@ -0,0 +1,42 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+.cui-footer {
+  height: 5vh;
+  width: 100%;
+  margin: auto 0 0 0;
+}
+.cui-footer__container {
+  max-width: 90vw;
+  margin: 0 auto;
+  font-size: 10px;
+  font-weight: 600;
+  padding: 1vh;
+  color: var(--light-gray-02);
+  border-top: 1px solid var(--light-gray-02);
+  display: flex;
+  align-items: center;
+}
+.cui-footer__title {
+  width: 30%;
+  display: flex;
+  justify-content: right;
+  font-size: 13px;
+}
+.cui-footer__icon {
+  width: 10%;
+  height: 20px;
+}
+.cui-footer__text {
+  width: 60%;
+}

package/dist/esm/legacy/components/layout/Footer/Footer.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import logoIcon from "../../../assets/svgs/proef-footer-logo.svg.js";
+import './Footer.css';/* empty css            */
+const Footer = ({
+  companyName = "the data controller",
+  contactEmail
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "cui-footer", children: /* @__PURE__ */ jsxs("div", { className: "cui-footer__container", children: [
+    /* @__PURE__ */ jsx("p", { className: "cui-footer__title", children: "Developed By" }),
+    /* @__PURE__ */ jsx("img", { className: "cui-footer__icon", src: logoIcon, alt: "logo" }),
+    /* @__PURE__ */ jsxs("p", { className: "cui-footer__text", children: [
+      "In accordance with the provisions of the Personal Data Protection Legislation, we inform you that your personal data will be incorporated into our Personal Data File, for the purpose of managing our company's contact diary, the party responsible for processing your data is ",
+      companyName,
+      ". You can exercise your rights of access, rectification, opposition and erasure through this email address",
+      contactEmail ? `, or through the email ${contactEmail}` : "",
+      "."
+    ] })
+  ] }) });
+};
+export {
+  Footer as default
+};
+//# sourceMappingURL=Footer.js.map

package/dist/esm/legacy/components/layout/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/legacy/components/layout/Footer/Footer.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport logoIcon from '../../../assets/svgs/proef-footer-logo.svg'\r\n\r\nimport './Footer.scss'\r\n\r\nexport interface FooterProps {\r\n  /** Nome do responsável pelo tratamento de dados (aviso RGPD). */\r\n  companyName?: string\r\n  /** Email de contacto para exercer direitos RGPD. */\r\n  contactEmail?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Footer: React.FC<FooterProps> = ({\r\n  companyName = 'the data controller',\r\n  contactEmail,\r\n}) => {\r\n  return (\r\n    <div className=\"cui-footer\">\r\n      <div className=\"cui-footer__container\">\r\n        <p className=\"cui-footer__title\">Developed By</p>\r\n        <img className=\"cui-footer__icon\" src={logoIcon} alt=\"logo\" />\r\n        <p className=\"cui-footer__text\">\r\n          In accordance with the provisions of the Personal Data Protection\r\n          Legislation, we inform you that your personal data will be\r\n          incorporated into our Personal Data File, for the purpose of managing\r\n          our company&apos;s contact diary, the party responsible for processing\r\n          your data is {companyName}. You can exercise your rights of access,\r\n          rectification, opposition and erasure through this email address\r\n          {contactEmail ? `, or through the email ${contactEmail}` : ''}.\r\n        </p>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Footer\r\n"],"names":[],"mappings":";;;AAcA,MAAM,SAAgC,CAAC;AAAA,EACrC,cAAc;AAAA,EACd;AACF,MAAM;AACJ,6BACG,OAAA,EAAI,WAAU,cACb,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAE,WAAU,qBAAoB,UAAA,gBAAY;AAAA,wBAC5C,OAAA,EAAI,WAAU,oBAAmB,KAAK,UAAU,KAAI,QAAO;AAAA,IAC5D,qBAAC,KAAA,EAAE,WAAU,oBAAmB,UAAA;AAAA,MAAA;AAAA,MAKhB;AAAA,MAAY;AAAA,MAEzB,eAAe,0BAA0B,YAAY,KAAK;AAAA,MAAG;AAAA,IAAA,EAAA,CAChE;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}