@proef/common-ui 0.0.0-stage → 2.2.1

package/dist/esm/legacy/components/organisms/Selector/Selector.css

@@ -0,0 +1,87 @@
+.cui-selector {
+  max-width: 45vw;
+}
+.cui-selector__search {
+  border-radius: 25px;
+  padding: 10px;
+}
+.cui-selector__selected {
+  margin: 4vh 0;
+  border: 2px solid var(--dark-blue);
+  border-radius: 25px;
+}
+.cui-selector__selected-list {
+  padding: 10px;
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+  max-height: 17vh;
+  overflow-y: auto;
+}
+.cui-selector__selected-list-item {
+  font-size: 13px;
+  display: flex;
+  padding: 10px;
+  background: var(--dark-blue);
+  color: white;
+  border-radius: 25px;
+}
+.cui-selector__selected-list-info {
+  display: flex;
+  align-items: center;
+}
+.cui-selector__selected-list-option {
+  margin: 0 0 0 7px;
+}
+.cui-selector__elements {
+  margin: 5vh 0;
+  height: 30vh;
+  overflow: auto;
+}
+.cui-selector__elements-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding-right: 10px;
+  cursor: pointer;
+}
+.cui-selector__elements-list-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 10px;
+  border-radius: 25px;
+}
+.cui-selector__elements-list-item-selected {
+  color: white;
+  background: var(--dark-blue);
+}
+.cui-selector__elements-list-item-not-selected {
+  background: var(--light-gray-01);
+  color: var(--dark-blue);
+}
+.cui-selector__elements-list-item-description {
+  display: flex;
+  justify-content: left;
+  align-items: center;
+}
+.cui-selector__elements-list-item-option {
+  display: flex;
+  justify-content: right;
+  align-items: center;
+}
+.cui-selector__elements-list-item-option label {
+  margin: 0 10px;
+}
+.cui-selector__elements-empty {
+  padding: 1rem;
+}
+.cui-selector__selected-empty {
+  padding: 1rem;
+}
+.cui-selector__confirmation {
+  display: flex;
+  justify-content: center;
+  margin: 1vh 0;
+}

package/dist/esm/legacy/components/organisms/Selector/Selector.js

@@ -0,0 +1,181 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState, useEffect } from "react";
+import { faSave, faMinus, faPlus, faQuestion } from "@fortawesome/free-solid-svg-icons";
+import { ActionButtonThemeStyled, IconTextDarkThemeStyled, IconButtonThemeStyled, IconTextLightThemeStyled } from "../../../styles/themes/ButtonThemes.js";
+import Modal from "../../molecules/Modal/Modal.js";
+import SearchInput from "../../../../v1/primitives/forms/SearchInput/SearchInput.js";
+import { LazyLoader } from "../LazyLoader/LazyLoader.js";
+import './Selector.css';/* empty css              */
+import Spinner from "../../layout/Spinner/Spinner.js";
+import Tooltip from "../../../../v1/components/overlays/Tooltip/Tooltip.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import ActionButton from "../../atoms/Button/variants/ActionButton.js";
+import IconText from "../../atoms/IconText/IconText.js";
+import IconButton from "../../atoms/Button/variants/IconButton.js";
+const Selector = ({
+  title,
+  icon,
+  onClose,
+  onConfirm,
+  initiallySelected,
+  blocked = [],
+  fetcher,
+  single = false,
+  working = false,
+  onDisabled
+}) => {
+  const scrollContainerId = useId();
+  const [selectedElements, setSelectedElements] = useState(initiallySelected);
+  const [filter, setFilter] = useState({
+    term: {
+      type: "text",
+      active: false,
+      text: ""
+    }
+  });
+  useEffect(() => {
+    setSelectedElements(initiallySelected);
+  }, [initiallySelected]);
+  const handleSearch = (text) => {
+    setFilter({
+      term: {
+        type: "text",
+        active: text != "" ? true : false,
+        text
+      }
+    });
+  };
+  const toggleElementSelection = (element) => {
+    const isSelected = selectedElements.some((se) => se.id === element.id);
+    if (isSelected) {
+      setSelectedElements(selectedElements.filter((se) => se.id !== element.id));
+    } else {
+      if (single) {
+        setSelectedElements([element]);
+      } else {
+        setSelectedElements([...selectedElements, element]);
+      }
+    }
+  };
+  const renderElement = (element) => {
+    const isSelected = selectedElements.some((se) => se.id === element.id);
+    const isBlocked = blocked.includes(element.id);
+    const isDisabled = element.disabled || false;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: `cui-selector__elements-list-item ${isSelected ? "cui-selector__elements-list-item-selected" : "cui-selector__elements-list-item-not-selected"} ${isBlocked ? "cui-selector__elements-list-item-blocked" : ""}`,
+        onClick: !isBlocked && !isDisabled ? () => toggleElementSelection(element) : void 0,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "cui-selector__elements-list-item-description", children: /* @__PURE__ */ jsx(
+            IconText,
+            {
+              icon,
+              text: element.name,
+              theme: isSelected ? IconTextDarkThemeStyled : IconTextLightThemeStyled
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("span", { className: "cui-selector__elements-list-item-option", children: [
+            element.code && /* @__PURE__ */ jsx("label", { children: element.code }),
+            !isBlocked && !isDisabled ? /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => {
+                  toggleElementSelection(element);
+                },
+                icon: isSelected ? faMinus : faPlus,
+                theme: IconButtonThemeStyled
+              }
+            ) : /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                interactive: true,
+                tip: onDisabled ? onDisabled(element) : isBlocked ? /* @__PURE__ */ jsx("div", { children: "Bloqueado..." }) : /* @__PURE__ */ jsx("div", { children: "Sem dados...." }),
+                children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    onClick: () => {
+                    },
+                    icon: faQuestion,
+                    theme: IconButtonThemeStyled,
+                    disabled: true
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      },
+      element.id
+    );
+  };
+  const renderSelectedElements = () => {
+    if (selectedElements.length === 0) {
+      return /* @__PURE__ */ jsx("p", { className: "cui-selector__selected-empty", children: "Sem elementos selecionados..." });
+    }
+    return /* @__PURE__ */ jsx("ul", { className: "cui-selector__selected-list", children: selectedElements.map((element) => {
+      const isBlocked = blocked.includes(element.id);
+      if (isBlocked) return null;
+      return /* @__PURE__ */ jsxs("li", { className: "cui-selector__selected-list-item", children: [
+        /* @__PURE__ */ jsx("span", { className: "cui-selector__selected-list-info", children: /* @__PURE__ */ jsx(
+          IconText,
+          {
+            icon,
+            theme: IconTextDarkThemeStyled,
+            text: element.name
+          }
+        ) }),
+        /* @__PURE__ */ jsx("span", { className: "cui-selector__selected-list-option", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            icon: faMinus,
+            onClick: () => setSelectedElements(
+              selectedElements.filter((e) => e.id !== element.id)
+            ),
+            theme: IconButtonThemeStyled
+          }
+        ) })
+      ] }, element.id);
+    }) });
+  };
+  const handleConfirm = () => {
+    onConfirm(selectedElements);
+  };
+  return /* @__PURE__ */ jsx(Modal, { title, onClose, children: /* @__PURE__ */ jsxs("div", { className: "cui-selector", children: [
+    /* @__PURE__ */ jsx("div", { className: "cui-selector__search", children: /* @__PURE__ */ jsx(SearchInput, { value: filter.term.text, onChange: handleSearch, className: "w-full" }) }),
+    /* @__PURE__ */ jsx("div", { className: "cui-selector__selected", children: renderSelectedElements() }),
+    /* @__PURE__ */ jsx("div", { id: scrollContainerId, className: "cui-selector__elements", children: /* @__PURE__ */ jsx(
+      LazyLoader,
+      {
+        endpoint: fetcher.endpoint,
+        params: {
+          filters: {
+            ...fetcher.params,
+            ...filter.term.active && {
+              term: {
+                type: filter.term.type,
+                text: filter.term.text
+              }
+            }
+          }
+        },
+        limit: 15,
+        scrollableTarget: scrollContainerId,
+        children: (items, loading, error) => /* @__PURE__ */ jsx("ul", { className: "cui-selector__elements-list", children: items.length > 0 ? items.map((element) => renderElement(element)) : /* @__PURE__ */ jsx("li", { className: "cui-selector__elements-empty", children: "No elements found" }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "cui-selector__confirmation", children: !working ? /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        title: "Confirmar",
+        icon: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faSave }),
+        onClick: handleConfirm,
+        theme: ActionButtonThemeStyled
+      }
+    ) : /* @__PURE__ */ jsx(Spinner, {}) })
+  ] }) });
+};
+export {
+  Selector
+};
+//# sourceMappingURL=Selector.js.map

package/dist/esm/legacy/components/organisms/Selector/Selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.js","sources":["../../../../../../src/legacy/components/organisms/Selector/Selector.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useId, useState } from 'react'\r\nimport {\r\n  faMinus,\r\n  faPlus,\r\n  faQuestion,\r\n  faSave,\r\n} from '@fortawesome/free-solid-svg-icons'\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\r\nimport { ActionButton, IconText, IconButton } from '../../../exports/atoms'\r\nimport {\r\n  ActionButtonThemeStyled,\r\n  IconButtonThemeStyled,\r\n  IconTextDarkThemeStyled,\r\n  IconTextLightThemeStyled,\r\n} from '../../../styles/themes/ButtonThemes'\r\n\r\nimport Modal from '../../molecules/Modal/Modal'\r\nimport SearchInput from '../../../../v1/primitives/forms/SearchInput/SearchInput'\r\nimport { Fetcher } from '../../../types/Fetcher'\r\nimport { LazyLoader } from '../LazyLoader/LazyLoader'\r\nimport './Selector.scss'\r\nimport { SelectableElement } from '../../../types/SelectableElement'\r\nimport Spinner from '../../layout/Spinner/Spinner'\r\nimport TooltipWrapper from '../../../../v1/components/overlays/Tooltip/Tooltip'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\ntype SelectorProps<T extends SelectableElement> = {\r\n  title: string\r\n  onClose: () => void\r\n  onConfirm: (selected: T[]) => void\r\n  onDisabled?: (disabled: T) => ReactNode\r\n  initiallySelected: T[]\r\n  blocked?: string[]\r\n  single?: boolean\r\n  icon: IconProp\r\n  fetcher: Fetcher\r\n  working?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const Selector = <T extends SelectableElement>({\r\n  title,\r\n  icon,\r\n  onClose,\r\n  onConfirm,\r\n  initiallySelected,\r\n  blocked = [],\r\n  fetcher,\r\n  single = false,\r\n  working = false,\r\n  onDisabled,\r\n}: SelectorProps<T>) => {\r\n  const scrollContainerId = useId()\r\n  const [selectedElements, setSelectedElements] =\r\n    useState<T[]>(initiallySelected)\r\n\r\n  const [filter, setFilter] = useState({\r\n    term: {\r\n      type: 'text',\r\n      active: false,\r\n      text: '',\r\n    },\r\n  })\r\n\r\n  useEffect(() => {\r\n    setSelectedElements(initiallySelected)\r\n  }, [initiallySelected])\r\n\r\n  const handleSearch = (text: string) => {\r\n    setFilter({\r\n      term: {\r\n        type: 'text',\r\n        active: text != '' ? true : false,\r\n        text: text,\r\n      },\r\n    })\r\n  }\r\n\r\n  const toggleElementSelection = (element: T) => {\r\n    const isSelected = selectedElements.some((se) => se.id === element.id)\r\n\r\n    if (isSelected) {\r\n      setSelectedElements(selectedElements.filter((se) => se.id !== element.id))\r\n    } else {\r\n      if (single) {\r\n        setSelectedElements([element])\r\n      } else {\r\n        setSelectedElements([...selectedElements, element])\r\n      }\r\n    }\r\n  }\r\n\r\n  const renderElement = (element: T) => {\r\n    const isSelected = selectedElements.some((se) => se.id === element.id)\r\n    const isBlocked = blocked.includes(element.id)\r\n    const isDisabled = element.disabled || false\r\n\r\n    return (\r\n      <li\r\n        key={element.id}\r\n        className={`cui-selector__elements-list-item ${\r\n          isSelected\r\n            ? 'cui-selector__elements-list-item-selected'\r\n            : 'cui-selector__elements-list-item-not-selected'\r\n        } ${isBlocked ? 'cui-selector__elements-list-item-blocked' : ''}`}\r\n        onClick={\r\n          !isBlocked && !isDisabled\r\n            ? () => toggleElementSelection(element)\r\n            : undefined\r\n        }\r\n      >\r\n        <span className={'cui-selector__elements-list-item-description'}>\r\n          <IconText\r\n            icon={icon}\r\n            text={element.name}\r\n            theme={\r\n              isSelected ? IconTextDarkThemeStyled : IconTextLightThemeStyled\r\n            }\r\n          />\r\n        </span>\r\n        <span className={'cui-selector__elements-list-item-option'}>\r\n          {element.code && <label>{element.code}</label>}\r\n          {!isBlocked && !isDisabled ? (\r\n            <IconButton\r\n              onClick={() => {\r\n                toggleElementSelection(element)\r\n              }}\r\n              icon={isSelected ? faMinus : faPlus}\r\n              theme={IconButtonThemeStyled}\r\n            />\r\n          ) : (\r\n            <TooltipWrapper\r\n              interactive={true}\r\n              tip={\r\n                onDisabled ? (\r\n                  onDisabled(element)\r\n                ) : isBlocked ? (\r\n                  <div>Bloqueado...</div>\r\n                ) : (\r\n                  <div>Sem dados....</div>\r\n                )\r\n              }\r\n            >\r\n              <IconButton\r\n                onClick={() => {}}\r\n                icon={faQuestion}\r\n                theme={IconButtonThemeStyled}\r\n                disabled={true}\r\n              />\r\n            </TooltipWrapper>\r\n          )}\r\n        </span>\r\n      </li>\r\n    )\r\n  }\r\n\r\n  const renderSelectedElements = () => {\r\n    if (selectedElements.length === 0) {\r\n      return (\r\n        <p className=\"cui-selector__selected-empty\">\r\n          Sem elementos selecionados...\r\n        </p>\r\n      )\r\n    }\r\n\r\n    return (\r\n      <ul className=\"cui-selector__selected-list\">\r\n        {selectedElements.map((element) => {\r\n          const isBlocked = blocked.includes(element.id)\r\n\r\n          if (isBlocked) return null\r\n\r\n          return (\r\n            <li key={element.id} className=\"cui-selector__selected-list-item\">\r\n              <span className={'cui-selector__selected-list-info'}>\r\n                <IconText\r\n                  icon={icon}\r\n                  theme={IconTextDarkThemeStyled}\r\n                  text={element.name}\r\n                />\r\n              </span>\r\n              <span className={'cui-selector__selected-list-option'}>\r\n                <IconButton\r\n                  icon={faMinus}\r\n                  onClick={() =>\r\n                    setSelectedElements(\r\n                      selectedElements.filter((e) => e.id !== element.id)\r\n                    )\r\n                  }\r\n                  theme={IconButtonThemeStyled}\r\n                />\r\n              </span>\r\n            </li>\r\n          )\r\n        })}\r\n      </ul>\r\n    )\r\n  }\r\n\r\n  const handleConfirm = () => {\r\n    onConfirm(selectedElements)\r\n  }\r\n\r\n  return (\r\n    <Modal title={title} onClose={onClose}>\r\n      <div className=\"cui-selector\">\r\n        <div className=\"cui-selector__search\">\r\n          <SearchInput value={filter.term.text} onChange={handleSearch} className=\"w-full\" />\r\n        </div>\r\n\r\n        <div className=\"cui-selector__selected\">{renderSelectedElements()}</div>\r\n\r\n        <div id={scrollContainerId} className=\"cui-selector__elements\">\r\n          <LazyLoader<T>\r\n            endpoint={fetcher.endpoint}\r\n            params={{\r\n              filters: {\r\n                ...fetcher.params,\r\n                ...(filter.term.active && {\r\n                  term: {\r\n                    type: filter.term.type,\r\n                    text: filter.term.text,\r\n                  },\r\n                }),\r\n              },\r\n            }}\r\n            limit={15}\r\n            scrollableTarget={scrollContainerId}\r\n          >\r\n            {(items, loading, error) => (\r\n              <ul className=\"cui-selector__elements-list\">\r\n                {items.length > 0 ? (\r\n                  items.map((element) => renderElement(element))\r\n                ) : (\r\n                  <li className=\"cui-selector__elements-empty\">\r\n                    No elements found\r\n                  </li>\r\n                )}\r\n              </ul>\r\n            )}\r\n          </LazyLoader>\r\n        </div>\r\n\r\n        <div className=\"cui-selector__confirmation\">\r\n          {!working ? (\r\n            <ActionButton\r\n              title=\"Confirmar\"\r\n              icon={<FontAwesomeIcon icon={faSave} />}\r\n              onClick={handleConfirm}\r\n              theme={ActionButtonThemeStyled}\r\n            />\r\n          ) : (\r\n            <Spinner />\r\n          )}\r\n        </div>\r\n      </div>\r\n    </Modal>\r\n  )\r\n}\r\n"],"names":["TooltipWrapper"],"mappings":"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"}

package/dist/esm/legacy/components/organisms/StatusMatrix/StatusMatrix.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+const alturaAutomatica = (labels) => Math.min(260, Math.max(64, Math.ceil(Math.max(0, ...labels.map((l) => l.length)) * 6.2) + 12));
+function StatusMatrix({
+  rows,
+  columns,
+  statuses,
+  cell,
+  cellSize = 22,
+  labelWidth = 280,
+  corner = "",
+  showLegend = true,
+  onCellClick,
+  emptyText = "—",
+  className = "",
+  columnHeaderHeight
+}) {
+  const [tip, setTip] = useState(null);
+  const largura = columns.length * cellSize;
+  const ALTURA_CAB_COLUNA = useMemo(() => columnHeaderHeight ?? alturaAutomatica(columns.map((c) => c.label)), [columnHeaderHeight, columns]);
+  const faixas = useMemo(() => {
+    const out = [];
+    columns.forEach((c, i) => {
+      const g = c.group ?? "";
+      const ult = out[out.length - 1];
+      if (ult && ult.group === g) ult.n++;
+      else out.push({ group: g, start: i, n: 1 });
+    });
+    return out;
+  }, [columns]);
+  const temGrupos = faixas.some((f) => f.group);
+  const mostrarTip = (e, content) => {
+    if (!content) return;
+    setTip({ x: e.clientX + 12, y: e.clientY + 12, content });
+  };
+  const linhas = [];
+  let grupoAtual;
+  for (const row of rows) {
+    if (row.group && row.group !== grupoAtual) {
+      grupoAtual = row.group;
+      linhas.push(
+        /* @__PURE__ */ jsxs("div", { className: "flex border-b border-slate-200 bg-slate-50", children: [
+          /* @__PURE__ */ jsx("div", { className: "sticky left-0 z-[2] shrink-0 border-r border-slate-200 bg-slate-50 px-2 py-1 text-[11px] font-bold uppercase tracking-wide text-slate-500", style: { width: labelWidth }, children: row.group }),
+          /* @__PURE__ */ jsx("div", { className: "shrink-0", style: { width: largura } })
+        ] }, `g-${row.group}-${row.id}`)
+      );
+    }
+    linhas.push(
+      /* @__PURE__ */ jsxs("div", { className: "group flex border-b border-slate-200 hover:bg-blue-50/60", style: { height: cellSize }, children: [
+        /* @__PURE__ */ jsxs("div", { className: "sticky left-0 z-[2] shrink-0 truncate border-r border-slate-200 bg-white px-2 leading-[22px] group-hover:bg-blue-50", style: { width: labelWidth, lineHeight: `${cellSize}px` }, title: row.label, children: [
+          row.label,
+          row.sublabel && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[11px] text-slate-400", children: row.sublabel })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "relative flex shrink-0", style: { width: largura }, children: columns.map((col) => {
+          const c = cell(row, col);
+          const st = c?.status ? statuses[c.status] : void 0;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `relative shrink-0 border-r border-slate-100 ${onCellClick ? "cursor-pointer" : ""}`,
+              style: { width: cellSize, height: cellSize - 1 },
+              onMouseMove: (e) => mostrarTip(e, c?.tooltip ?? `${row.label} · ${col.label}${st ? ` · ${st.label}` : ""}`),
+              onMouseLeave: () => setTip(null),
+              onClick: onCellClick ? () => onCellClick(row, col) : void 0,
+              children: [
+                st && /* @__PURE__ */ jsx("div", { className: "absolute inset-[2px] flex items-center justify-center rounded-sm text-[10px] font-semibold text-white", style: { background: st.color }, children: c?.text }),
+                c?.warning && /* @__PURE__ */ jsx("span", { className: "absolute right-[1px] top-[1px] h-[6px] w-[6px] rounded-full border border-white bg-orange-500" })
+              ]
+            },
+            col.id
+          );
+        }) })
+      ] }, row.id)
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    showLegend && /* @__PURE__ */ jsx("div", { className: "mb-2 flex flex-wrap gap-3 text-xs text-slate-500", children: Object.entries(statuses).map(([k, s]) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("i", { className: "inline-block h-2.5 w-2.5 rounded-sm", style: { background: s.color } }),
+      s.label
+    ] }, k)) }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-[calc(100vh-220px)] overflow-auto rounded-lg border border-slate-200 bg-white text-[13px]", children: /* @__PURE__ */ jsxs("div", { className: "w-max min-w-full", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-[3] flex border-b border-slate-200 bg-white", children: [
+        /* @__PURE__ */ jsx("div", { className: "sticky left-0 z-[4] flex shrink-0 items-end border-r border-slate-200 bg-white px-2 py-2 font-semibold", style: { width: labelWidth }, children: corner }),
+        /* @__PURE__ */ jsxs("div", { className: "relative shrink-0 bg-white", style: { width: largura, height: ALTURA_CAB_COLUNA + (temGrupos ? 20 : 0) }, children: [
+          temGrupos && faixas.map((f) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute top-0 h-5 truncate border-l border-slate-200 px-1 text-[11px] font-bold uppercase tracking-wide text-slate-500",
+              style: { left: f.start * cellSize, width: f.n * cellSize },
+              title: f.group,
+              children: f.group
+            },
+            `${f.group}-${f.start}`
+          )),
+          columns.map((c, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute bottom-1 flex justify-center text-[10px] text-slate-500",
+              style: { left: i * cellSize, width: cellSize, height: ALTURA_CAB_COLUNA - 4 },
+              title: c.label,
+              children: /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", style: { writingMode: "vertical-rl", transform: "rotate(180deg)" }, children: c.label })
+            },
+            c.id
+          ))
+        ] })
+      ] }),
+      rows.length && columns.length ? linhas : /* @__PURE__ */ jsx("div", { className: "p-6 text-center text-sm text-slate-400", children: emptyText })
+    ] }) }),
+    tip && /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed z-50 max-w-[340px] rounded-md bg-slate-900 px-2 py-1.5 text-xs text-white shadow-lg", style: { left: tip.x, top: tip.y }, children: tip.content })
+  ] });
+}
+export {
+  StatusMatrix as default
+};
+//# sourceMappingURL=StatusMatrix.js.map

package/dist/esm/legacy/components/organisms/StatusMatrix/StatusMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMatrix.js","sources":["../../../../../../src/legacy/components/organisms/StatusMatrix/StatusMatrix.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react'\r\n\r\n// Matriz de estados: linhas × colunas, cada célula pintada com a cor do seu estado\r\n// (ex.: tarefas × apoios — vazio / em curso / concluído). Cabeçalho e 1.ª coluna fixos,\r\n// grupos de linhas (cabeçalho de secção) e de colunas (faixa por cima), tooltip por célula.\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface StatusMatrixRow {\r\n  id: string\r\n  label: string\r\n  /** Cabeçalho de secção mostrado antes da linha quando muda (ex: \"Fundações\"). */\r\n  group?: string\r\n  /** Texto pequeno à direita do rótulo (ex: \"12/40\"). */\r\n  sublabel?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface StatusMatrixColumn {\r\n  id: string\r\n  label: string\r\n  /** Faixa por cima das colunas consecutivas com o mesmo grupo (ex: \"Ramal 1\"). */\r\n  group?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface StatusMatrixStatus {\r\n  label: string\r\n  /** Cor da célula (CSS). */\r\n  color: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface StatusMatrixCell {\r\n  /** Chave em `statuses`. Sem estado = célula vazia. */\r\n  status?: string\r\n  /** Texto curto dentro da célula (ex: nº de dias). */\r\n  text?: string\r\n  tooltip?: React.ReactNode\r\n  /** Mostra um ponto de aviso no canto da célula. */\r\n  warning?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface StatusMatrixProps {\r\n  rows: StatusMatrixRow[]\r\n  columns: StatusMatrixColumn[]\r\n  statuses: Record<string, StatusMatrixStatus>\r\n  /** Conteúdo de cada célula; null/undefined = vazia. */\r\n  cell: (row: StatusMatrixRow, column: StatusMatrixColumn) => StatusMatrixCell | null | undefined\r\n  cellSize?: number\r\n  labelWidth?: number\r\n  /** Texto do canto superior esquerdo (ex: \"Tarefa \\ Apoio\"). */\r\n  corner?: string\r\n  /** Mostra a legenda dos estados por cima da matriz. */\r\n  showLegend?: boolean\r\n  onCellClick?: (row: StatusMatrixRow, column: StatusMatrixColumn) => void\r\n  emptyText?: string\r\n  className?: string\r\n  /** Altura (px) do cabeçalho das colunas (rótulos verticais). Omisso = automática pelo rótulo mais comprido (64–260). */\r\n  columnHeaderHeight?: number\r\n}\r\n\r\n// ~6 px por carácter a 10 px de letra, na vertical\r\nconst alturaAutomatica = (labels: string[]) => Math.min(260, Math.max(64, Math.ceil(Math.max(0, ...labels.map((l) => l.length)) * 6.2) + 12))\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport default function StatusMatrix({\r\n  rows,\r\n  columns,\r\n  statuses,\r\n  cell,\r\n  cellSize = 22,\r\n  labelWidth = 280,\r\n  corner = '',\r\n  showLegend = true,\r\n  onCellClick,\r\n  emptyText = '—',\r\n  className = '',\r\n  columnHeaderHeight,\r\n}: StatusMatrixProps) {\r\n  const [tip, setTip] = useState<{ x: number; y: number; content: React.ReactNode } | null>(null)\r\n  const largura = columns.length * cellSize\r\n  const ALTURA_CAB_COLUNA = useMemo(() => columnHeaderHeight ?? alturaAutomatica(columns.map((c) => c.label)), [columnHeaderHeight, columns])\r\n\r\n  // Faixas de grupo das colunas (colunas consecutivas com o mesmo grupo)\r\n  const faixas = useMemo(() => {\r\n    const out: { group: string; start: number; n: number }[] = []\r\n    columns.forEach((c, i) => {\r\n      const g = c.group ?? ''\r\n      const ult = out[out.length - 1]\r\n      if (ult && ult.group === g) ult.n++\r\n      else out.push({ group: g, start: i, n: 1 })\r\n    })\r\n    return out\r\n  }, [columns])\r\n  const temGrupos = faixas.some((f) => f.group)\r\n\r\n  const mostrarTip = (e: React.MouseEvent, content: React.ReactNode) => {\r\n    if (!content) return\r\n    setTip({ x: e.clientX + 12, y: e.clientY + 12, content })\r\n  }\r\n\r\n  const linhas: React.ReactNode[] = []\r\n  let grupoAtual: string | undefined\r\n  for (const row of rows) {\r\n    if (row.group && row.group !== grupoAtual) {\r\n      grupoAtual = row.group\r\n      linhas.push(\r\n        <div key={`g-${row.group}-${row.id}`} className=\"flex border-b border-slate-200 bg-slate-50\">\r\n          <div className=\"sticky left-0 z-[2] shrink-0 border-r border-slate-200 bg-slate-50 px-2 py-1 text-[11px] font-bold uppercase tracking-wide text-slate-500\" style={{ width: labelWidth }}>\r\n            {row.group}\r\n          </div>\r\n          <div className=\"shrink-0\" style={{ width: largura }} />\r\n        </div>\r\n      )\r\n    }\r\n    linhas.push(\r\n      <div key={row.id} className=\"group flex border-b border-slate-200 hover:bg-blue-50/60\" style={{ height: cellSize }}>\r\n        <div className=\"sticky left-0 z-[2] shrink-0 truncate border-r border-slate-200 bg-white px-2 leading-[22px] group-hover:bg-blue-50\" style={{ width: labelWidth, lineHeight: `${cellSize}px` }} title={row.label}>\r\n          {row.label}\r\n          {row.sublabel && <span className=\"ml-1 text-[11px] text-slate-400\">{row.sublabel}</span>}\r\n        </div>\r\n        <div className=\"relative flex shrink-0\" style={{ width: largura }}>\r\n          {columns.map((col) => {\r\n            const c = cell(row, col)\r\n            const st = c?.status ? statuses[c.status] : undefined\r\n            return (\r\n              <div\r\n                key={col.id}\r\n                className={`relative shrink-0 border-r border-slate-100 ${onCellClick ? 'cursor-pointer' : ''}`}\r\n                style={{ width: cellSize, height: cellSize - 1 }}\r\n                onMouseMove={(e) => mostrarTip(e, c?.tooltip ?? `${row.label} · ${col.label}${st ? ` · ${st.label}` : ''}`)}\r\n                onMouseLeave={() => setTip(null)}\r\n                onClick={onCellClick ? () => onCellClick(row, col) : undefined}\r\n              >\r\n                {st && (\r\n                  <div className=\"absolute inset-[2px] flex items-center justify-center rounded-sm text-[10px] font-semibold text-white\" style={{ background: st.color }}>\r\n                    {c?.text}\r\n                  </div>\r\n                )}\r\n                {c?.warning && <span className=\"absolute right-[1px] top-[1px] h-[6px] w-[6px] rounded-full border border-white bg-orange-500\" />}\r\n              </div>\r\n            )\r\n          })}\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={className}>\r\n      {showLegend && (\r\n        <div className=\"mb-2 flex flex-wrap gap-3 text-xs text-slate-500\">\r\n          {Object.entries(statuses).map(([k, s]) => (\r\n            <span key={k} className=\"inline-flex items-center gap-1\">\r\n              <i className=\"inline-block h-2.5 w-2.5 rounded-sm\" style={{ background: s.color }} />\r\n              {s.label}\r\n            </span>\r\n          ))}\r\n        </div>\r\n      )}\r\n      <div className=\"max-h-[calc(100vh-220px)] overflow-auto rounded-lg border border-slate-200 bg-white text-[13px]\">\r\n        {/* w-max: cabeçalho e linhas com a largura total do conteúdo — sem isto o fundo do cabeçalho\r\n            fixo só cobria a parte visível e, ao rolar na horizontal, as células passavam por cima */}\r\n        <div className=\"w-max min-w-full\">\r\n        {/* Cabeçalho: grupos de colunas + rótulos verticais */}\r\n        <div className=\"sticky top-0 z-[3] flex border-b border-slate-200 bg-white\">\r\n          <div className=\"sticky left-0 z-[4] flex shrink-0 items-end border-r border-slate-200 bg-white px-2 py-2 font-semibold\" style={{ width: labelWidth }}>\r\n            {corner}\r\n          </div>\r\n          <div className=\"relative shrink-0 bg-white\" style={{ width: largura, height: ALTURA_CAB_COLUNA + (temGrupos ? 20 : 0) }}>\r\n            {temGrupos &&\r\n              faixas.map((f) => (\r\n                <div\r\n                  key={`${f.group}-${f.start}`}\r\n                  className=\"absolute top-0 h-5 truncate border-l border-slate-200 px-1 text-[11px] font-bold uppercase tracking-wide text-slate-500\"\r\n                  style={{ left: f.start * cellSize, width: f.n * cellSize }}\r\n                  title={f.group}\r\n                >\r\n                  {f.group}\r\n                </div>\r\n              ))}\r\n            {columns.map((c, i) => (\r\n              <div\r\n                key={c.id}\r\n                className=\"absolute bottom-1 flex justify-center text-[10px] text-slate-500\"\r\n                style={{ left: i * cellSize, width: cellSize, height: ALTURA_CAB_COLUNA - 4 }}\r\n                title={c.label}\r\n              >\r\n                <span className=\"whitespace-nowrap\" style={{ writingMode: 'vertical-rl', transform: 'rotate(180deg)' }}>\r\n                  {c.label}\r\n                </span>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n        {rows.length && columns.length ? linhas : <div className=\"p-6 text-center text-sm text-slate-400\">{emptyText}</div>}\r\n        </div>\r\n      </div>\r\n      {tip && (\r\n        <div className=\"pointer-events-none fixed z-50 max-w-[340px] rounded-md bg-slate-900 px-2 py-1.5 text-xs text-white shadow-lg\" style={{ left: tip.x, top: tip.y }}>\r\n          {tip.content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import ToastProvider, { useToast } from "../../../v1/components/feedback/Toast/Toast.js";
+const opcoesV1 = (o = {}) => ({
+  duration: o.duracao,
+  action: o.acao && { label: o.acao.rotulo, onClick: o.acao.onClick }
+});
+function AvisosProvider({ children, rotuloFechar = "Fechar aviso", maximo = 4 }) {
+  return /* @__PURE__ */ jsx(ToastProvider, { closeLabel: rotuloFechar, max: maximo, children });
+}
+function useAvisos() {
+  let toast;
+  try {
+    toast = useToast();
+  } catch {
+    throw new Error("useAvisos tem de ser usado dentro de um <AvisosProvider>.");
+  }
+  return useMemo(
+    () => ({
+      sucesso: (m, o) => toast.success(m, opcoesV1(o)),
+      erro: (m, o) => toast.error(m, opcoesV1(o)),
+      aviso: (m, o) => toast.warning(m, opcoesV1(o)),
+      info: (m, o) => toast.info(m, opcoesV1(o)),
+      fechar: toast.dismiss
+    }),
+    [toast]
+  );
+}
+export {
+  AvisosProvider,
+  useAvisos
+};
+//# sourceMappingURL=Avisos.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avisos.js","sources":["../../../../../src/legacy/components/ui/Avisos.tsx"],"sourcesContent":["import React, { useMemo, type ReactNode } from 'react'\r\nimport ToastProvider, { useToast, type ToastOptions } from '../../../v1/components/feedback/Toast/Toast'\r\n\r\n/*\r\n * Migrado para o V1: os avisos são o `ToastProvider` / `useToast` do V1. Este\r\n * ficheiro só traduz a API antiga (em português) para a nova, para as apps que\r\n * ainda a usam continuarem a funcionar sem mudanças.\r\n */\r\n\r\n/** @deprecated Legacy — usar `useToast` do V1. */\r\nexport type TipoAviso = 'sucesso' | 'erro' | 'aviso' | 'info'\r\n\r\n/** @deprecated Legacy — usar `ToastOptions` do V1. */\r\nexport interface OpcoesAviso {\r\n  /** Botão no aviso (ex: \"Tentar de novo\", \"Desfazer\"). */\r\n  acao?: { rotulo: string; onClick: () => void }\r\n  /** Milissegundos até fechar sozinho. 0 = só fecha à mão. */\r\n  duracao?: number\r\n}\r\n\r\n/** @deprecated Legacy — usar `ToastApi` do V1. */\r\nexport interface AvisosApi {\r\n  sucesso: (mensagem: ReactNode, opcoes?: OpcoesAviso) => number\r\n  erro: (mensagem: ReactNode, opcoes?: OpcoesAviso) => number\r\n  aviso: (mensagem: ReactNode, opcoes?: OpcoesAviso) => number\r\n  info: (mensagem: ReactNode, opcoes?: OpcoesAviso) => number\r\n  fechar: (id: number) => void\r\n}\r\n\r\n/** @deprecated Legacy — usar `ToastProviderProps` do V1. */\r\nexport interface AvisosProviderProps {\r\n  children: ReactNode\r\n  /** Rótulo do botão de fechar (leitores de ecrã). */\r\n  rotuloFechar?: string\r\n  /** Máximo de avisos visíveis ao mesmo tempo; os mais antigos saem. */\r\n  maximo?: number\r\n}\r\n\r\nconst opcoesV1 = (o: OpcoesAviso = {}): ToastOptions => ({\r\n  duration: o.duracao,\r\n  action: o.acao && { label: o.acao.rotulo, onClick: o.acao.onClick },\r\n})\r\n\r\n/** @deprecated Legacy — usar `ToastProvider` do V1. */\r\nexport function AvisosProvider({ children, rotuloFechar = 'Fechar aviso', maximo = 4 }: AvisosProviderProps) {\r\n  return (\r\n    <ToastProvider closeLabel={rotuloFechar} max={maximo}>\r\n      {children}\r\n    </ToastProvider>\r\n  )\r\n}\r\n\r\n/** @deprecated Legacy — usar `useToast` do V1. */\r\nexport function useAvisos(): AvisosApi {\r\n  let toast: ReturnType<typeof useToast>\r\n  try {\r\n    toast = useToast()\r\n  } catch {\r\n    // A mensagem de sempre, com o nome que estas apps conhecem.\r\n    throw new Error('useAvisos tem de ser usado dentro de um <AvisosProvider>.')\r\n  }\r\n  return useMemo<AvisosApi>(\r\n    () => ({\r\n      sucesso: (m, o) => toast.success(m, opcoesV1(o)),\r\n      erro: (m, o) => toast.error(m, opcoesV1(o)),\r\n      aviso: (m, o) => toast.warning(m, opcoesV1(o)),\r\n      info: (m, o) => toast.info(m, opcoesV1(o)),\r\n      fechar: toast.dismiss,\r\n    }),\r\n    [toast],\r\n  )\r\n}\r\n"],"names":[],"mappings":";;;AAsCA,MAAM,WAAW,CAAC,IAAiB,QAAsB;AAAA,EACvD,UAAU,EAAE;AAAA,EACZ,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,QAAQ,SAAS,EAAE,KAAK,QAAA;AAC5D;AAGO,SAAS,eAAe,EAAE,UAAU,eAAe,gBAAgB,SAAS,KAA0B;AAC3G,6BACG,eAAA,EAAc,YAAY,cAAc,KAAK,QAC3C,UACH;AAEJ;AAGO,SAAS,YAAuB;AACrC,MAAI;AACJ,MAAI;AACF,YAAQ,SAAA;AAAA,EACV,QAAQ;AAEN,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC7E;AACA,SAAO;AAAA,IACL,OAAO;AAAA,MACL,SAAS,CAAC,GAAG,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC;AAAA,MAC/C,MAAM,CAAC,GAAG,MAAM,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;AAAA,MAC1C,OAAO,CAAC,GAAG,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC;AAAA,MAC7C,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;AAAA,MACzC,QAAQ,MAAM;AAAA,IAAA;AAAA,IAEhB,CAAC,KAAK;AAAA,EAAA;AAEV;"}

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

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function BarraAcoes({ children, esquerda, fixa = true }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Ações",
+      className: `${fixa ? "sticky bottom-0 z-20" : ""} flex flex-wrap items-center gap-2 border-t border-slate-200 bg-white/95 px-4 py-3 backdrop-blur dark:border-slate-700 dark:bg-slate-900/95`,
+      children: [
+        esquerda && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: esquerda }),
+        /* @__PURE__ */ jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2", children })
+      ]
+    }
+  );
+}
+export {
+  BarraAcoes as default
+};
+//# sourceMappingURL=BarraAcoes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarraAcoes.js","sources":["../../../../../src/legacy/components/ui/BarraAcoes.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 BarraAcoesProps {\r\n  /** Ações principais, à direita (ex: \"Guardar\"). A principal vai em último. */\r\n  children: ReactNode\r\n  /** Ações secundárias, à esquerda (ex: \"Voltar à lista\"). */\r\n  esquerda?: ReactNode\r\n  /** Fica colada ao fundo do ecrã enquanto se desce na página. Por omissão sim. */\r\n  fixa?: boolean\r\n}\r\n\r\n/**\r\n * Barra de ações de uma página de detalhe ou formulário.\r\n *\r\n * Fixa ao fundo para \"Guardar\" estar sempre à vista: numa página longa o botão\r\n * no topo desaparece ao descer, e os botões repetidos em cima e em baixo\r\n * acabavam com textos diferentes.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport default function BarraAcoes({ children, esquerda, fixa = true }: BarraAcoesProps) {\r\n  return (\r\n    <div\r\n      role=\"group\"\r\n      aria-label=\"Ações\"\r\n      className={`${fixa ? 'sticky bottom-0 z-20' : ''} flex flex-wrap items-center gap-2 border-t border-slate-200 bg-white/95 px-4 py-3 backdrop-blur dark:border-slate-700 dark:bg-slate-900/95`}\r\n    >\r\n      {esquerda && <div className=\"flex flex-wrap items-center gap-2\">{esquerda}</div>}\r\n      <div className=\"ml-auto flex flex-wrap items-center gap-2\">{children}</div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":[],"mappings":";AAoBA,SAAwB,WAAW,EAAE,UAAU,UAAU,OAAO,QAAyB;AACvF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,OAAO,yBAAyB,EAAE;AAAA,MAE/C,UAAA;AAAA,QAAA,YAAY,oBAAC,OAAA,EAAI,WAAU,qCAAqC,UAAA,UAAS;AAAA,QAC1E,oBAAC,OAAA,EAAI,WAAU,6CAA6C,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3E;"}

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import PageHeader from "../../../v1/components/layout/PageHeader/PageHeader.js";
+function CabecalhoPagina({ titulo, descricao, caminho, acoes, extra, rotuloCaminho = "Caminho" }) {
+  return /* @__PURE__ */ jsx(
+    PageHeader,
+    {
+      title: titulo,
+      description: descricao,
+      breadcrumb: caminho?.map((n) => ({ label: n.rotulo, href: n.href, onClick: n.onClick })),
+      actions: acoes,
+      extra,
+      breadcrumbLabel: rotuloCaminho
+    }
+  );
+}
+export {
+  CabecalhoPagina as default
+};
+//# sourceMappingURL=CabecalhoPagina.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CabecalhoPagina.js","sources":["../../../../../src/legacy/components/ui/CabecalhoPagina.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\r\nimport PageHeader from '../../../v1/components/layout/PageHeader/PageHeader'\r\n\r\n/*\r\n * Migrado para o V1: o cabeçalho é o `PageHeader` do V1 (ou o `Page`, que o\r\n * inclui). Este ficheiro só traduz a API antiga (em português) para a nova,\r\n * para as apps que ainda a usam continuarem a funcionar sem mudanças.\r\n */\r\n\r\n/** @deprecated Legacy — usar `BreadcrumbItem` do V1. */\r\nexport interface NivelCaminho {\r\n  rotulo: ReactNode\r\n  /** Ligação normal. Para o router da app, usar `onClick` (ex: `() => navigate('/x')`). */\r\n  href?: string\r\n  onClick?: () => void\r\n}\r\n\r\n/** @deprecated Legacy — usar `PageHeaderProps` do V1. */\r\nexport interface CabecalhoPaginaProps {\r\n  titulo: ReactNode\r\n  descricao?: ReactNode\r\n  /** Caminho até à página (área › lista › registo). O último nível é a página atual. */\r\n  caminho?: NivelCaminho[]\r\n  /** Botões da página (ex: \"Novo\", \"Editar\"). */\r\n  acoes?: ReactNode\r\n  /** Linha extra por baixo da descrição (etiquetas de estado, responsável…). */\r\n  extra?: ReactNode\r\n  /** Rótulo acessível da navegação do caminho. */\r\n  rotuloCaminho?: string\r\n}\r\n\r\n/** @deprecated Legacy — usar `PageHeader` (ou `Page`) do V1. */\r\nexport default function CabecalhoPagina({ titulo, descricao, caminho, acoes, extra, rotuloCaminho = 'Caminho' }: CabecalhoPaginaProps) {\r\n  return (\r\n    <PageHeader\r\n      title={titulo}\r\n      description={descricao}\r\n      breadcrumb={caminho?.map((n) => ({ label: n.rotulo, href: n.href, onClick: n.onClick }))}\r\n      actions={acoes}\r\n      extra={extra}\r\n      breadcrumbLabel={rotuloCaminho}\r\n    />\r\n  )\r\n}\r\n"],"names":[],"mappings":";;AAgCA,SAAwB,gBAAgB,EAAE,QAAQ,WAAW,SAAS,OAAO,OAAO,gBAAgB,aAAmC;AACrI,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY,SAAS,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,MAAM,EAAE,MAAM,SAAS,EAAE,UAAU;AAAA,MACvF,SAAS;AAAA,MACT;AAAA,MACA,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

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

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import SearchInput from "../../../v1/primitives/forms/SearchInput/SearchInput.js";
+function CaixaPesquisa({ valor, onMudar, placeholder = "Pesquisar…", rotulo, className = "w-56", autoFocus }) {
+  return /* @__PURE__ */ jsx(SearchInput, { value: valor, onChange: onMudar, placeholder, label: rotulo, className, autoFocus });
+}
+export {
+  CaixaPesquisa as default
+};
+//# sourceMappingURL=CaixaPesquisa.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CaixaPesquisa.js","sources":["../../../../../src/legacy/components/ui/CaixaPesquisa.tsx"],"sourcesContent":["import React from 'react'\r\nimport SearchInput from '../../../v1/primitives/forms/SearchInput/SearchInput'\r\n\r\n/*\r\n * Migrado para o V1: a caixa de pesquisa é o `SearchInput` do V1 (mesmo\r\n * aspeto e comportamento). Este ficheiro só traduz a API antiga.\r\n */\r\n\r\n/** @deprecated Legacy — usar `SearchInputProps` do V1. */\r\nexport interface CaixaPesquisaProps {\r\n  valor: string\r\n  onMudar: (valor: string) => void\r\n  placeholder?: string\r\n  /** Nome acessível (leitores de ecrã). Por omissão, o placeholder. */\r\n  rotulo?: string\r\n  /** Largura (classes tailwind). Por omissão w-56. */\r\n  className?: string\r\n  autoFocus?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — usar `SearchInput` do V1. */\r\nexport default function CaixaPesquisa({ valor, onMudar, placeholder = 'Pesquisar…', rotulo, className = 'w-56', autoFocus }: CaixaPesquisaProps) {\r\n  return <SearchInput value={valor} onChange={onMudar} placeholder={placeholder} label={rotulo} className={className} autoFocus={autoFocus} />\r\n}\r\n"],"names":[],"mappings":";;AAqBA,SAAwB,cAAc,EAAE,OAAO,SAAS,cAAc,cAAc,QAAQ,YAAY,QAAQ,aAAiC;AAC/I,SAAO,oBAAC,aAAA,EAAY,OAAO,OAAO,UAAU,SAAS,aAA0B,OAAO,QAAQ,WAAsB,UAAA,CAAsB;AAC5I;"}

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

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import ConfirmDialog from "../../../v1/components/overlays/ConfirmDialog/ConfirmDialog.js";
+function Confirmacao({
+  aberto,
+  titulo,
+  children,
+  onConfirmar,
+  onCancelar,
+  textoConfirmar = "Confirmar",
+  textoCancelar = "Cancelar",
+  variante = "normal",
+  aConfirmar = false,
+  acaoSecundaria
+}) {
+  return /* @__PURE__ */ jsx(
+    ConfirmDialog,
+    {
+      open: aberto,
+      title: titulo,
+      message: children,
+      tone: variante === "perigo" ? "danger" : "default",
+      confirmLabel: textoConfirmar,
+      cancelLabel: textoCancelar,
+      loading: aConfirmar,
+      secondaryAction: acaoSecundaria && { label: acaoSecundaria.rotulo, onClick: acaoSecundaria.onClick },
+      onConfirm: onConfirmar,
+      onCancel: onCancelar
+    }
+  );
+}
+export {
+  Confirmacao as default
+};
+//# sourceMappingURL=Confirmacao.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Confirmacao.js","sources":["../../../../../src/legacy/components/ui/Confirmacao.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\r\nimport ConfirmDialog from '../../../v1/components/overlays/ConfirmDialog/ConfirmDialog'\r\n\r\n/*\r\n * Migrado para o V1: a confirmação é o `ConfirmDialog` do V1 (ou `useConfirm`).\r\n * Este ficheiro só traduz a API antiga (em português) para a nova, para as\r\n * apps que ainda a usam continuarem a funcionar sem mudanças.\r\n */\r\n\r\n/** @deprecated Legacy — usar `ConfirmDialog` ou `useConfirm` do V1. */\r\nexport interface ConfirmacaoProps {\r\n  aberto: boolean\r\n  titulo: ReactNode\r\n  /** Explicação: o que vai acontecer, a que registo, se é reversível. */\r\n  children?: ReactNode\r\n  onConfirmar: () => void\r\n  onCancelar: () => void\r\n  /** Texto do botão — o verbo da ação (\"Eliminar\", \"Submeter\"), não \"OK\". */\r\n  textoConfirmar?: string\r\n  textoCancelar?: string\r\n  /** `perigo` pinta a ação a vermelho e põe o foco em Cancelar. */\r\n  variante?: 'normal' | 'perigo'\r\n  /** A ação está a correr: botões desativados. */\r\n  aConfirmar?: boolean\r\n  /** Uma segunda saída (ex: \"Desativar\" em vez de eliminar, \"Eliminar só o contrato\"). */\r\n  acaoSecundaria?: { rotulo: string; onClick: () => void }\r\n}\r\n\r\n/** @deprecated Legacy — usar `ConfirmDialog` ou `useConfirm` do V1. */\r\nexport default function Confirmacao({\r\n  aberto,\r\n  titulo,\r\n  children,\r\n  onConfirmar,\r\n  onCancelar,\r\n  textoConfirmar = 'Confirmar',\r\n  textoCancelar = 'Cancelar',\r\n  variante = 'normal',\r\n  aConfirmar = false,\r\n  acaoSecundaria,\r\n}: ConfirmacaoProps) {\r\n  return (\r\n    <ConfirmDialog\r\n      open={aberto}\r\n      title={titulo}\r\n      message={children}\r\n      tone={variante === 'perigo' ? 'danger' : 'default'}\r\n      confirmLabel={textoConfirmar}\r\n      cancelLabel={textoCancelar}\r\n      loading={aConfirmar}\r\n      secondaryAction={acaoSecundaria && { label: acaoSecundaria.rotulo, onClick: acaoSecundaria.onClick }}\r\n      onConfirm={onConfirmar}\r\n      onCancel={onCancelar}\r\n    />\r\n  )\r\n}\r\n"],"names":[],"mappings":";;AA6BA,SAAwB,YAAY;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb;AACF,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM,aAAa,WAAW,WAAW;AAAA,MACzC,cAAc;AAAA,MACd,aAAa;AAAA,MACb,SAAS;AAAA,MACT,iBAAiB,kBAAkB,EAAE,OAAO,eAAe,QAAQ,SAAS,eAAe,QAAA;AAAA,MAC3F,WAAW;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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

@@ -0,0 +1,41 @@
+import { jsx } from "react/jsx-runtime";
+import { SelectInput } from "../../../v1/primitives/forms/SelectInput/SelectInput.js";
+function Escolha({
+  valor,
+  opcoes,
+  onMudar,
+  rotulo,
+  placeholder = "Escolher…",
+  opcaoVazia,
+  disabled = false,
+  pesquisa,
+  className,
+  tamanho = "barra",
+  aspeto = "campo",
+  corEtiqueta
+}) {
+  const etiqueta = aspeto === "etiqueta";
+  return /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      "aria-label": rotulo,
+      value: valor,
+      onValueChange: onMudar,
+      options: opcoes.map((o) => typeof o === "string" ? o : { value: o.valor, label: o.rotulo, description: o.descricao }),
+      placeholder,
+      placeholderOption: false,
+      emptyOption: opcaoVazia,
+      disabled,
+      searchable: pesquisa,
+      variant: etiqueta ? "pill" : "field",
+      pillClassName: corEtiqueta,
+      tall: tamanho === "formulario",
+      labels: { search: "Pesquisar…", searchIn: "Pesquisar em {label}", noResults: "Sem resultados" },
+      className: `inline-block ${className ?? (etiqueta ? "" : "min-w-[10rem] max-w-[18rem]")}`
+    }
+  );
+}
+export {
+  Escolha as default
+};
+//# sourceMappingURL=Escolha.js.map