@proef/common-ui 0.0.0-stage → 2.2.0

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":";AAqCA,SAAwB,YAAY;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AACd,GAAqB;AACnB,QAAM,aAAa,CAAC;AAEpB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,UAAU;AAAA;AAAA,QAEV,QAAQ;AAAA,QACR,WAAW,iBAAiB,SAAS;AAAA,QACrC,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,gBAAgB;AAAA,QAChB,GAAI,aAAa,EAAE,iBAAiB,QAAA,IAAY,EAAE,iBAAiB,OAAO,OAAO,IAAA;AAAA,MAAI;AAAA,MAGtF,UAAA;AAAA,QAAA,cACC,qBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,UAAU,UAAU,eAAe,OAAA,GAC/E,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,OAAO,SAAS,QAAQ,SAAS,cAAc,OAAO,QAAQ,cAAc,KAAK,UAAU,OAAO,UAAU,SAAS,MAAM,iBAAiB,aAAA,EAAa,CAAG;AAAA,UAChM,oBAAC,SAAI,OAAO,EAAE,UAAU,YAAY,OAAO,SAAS,QAAQ,SAAS,cAAc,OAAO,QAAQ,cAAc,QAAQ,UAAU,MAAM,UAAU,SAAS,MAAM,iBAAiB,eAAa,CAAG;AAAA,QAAA,GACpM;AAAA,QAGF,qBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,QAAQ,GAAG,OAAO,oBAAoB,QAAQ,UAAU,SAAS,gCAClG,UAAA;AAAA,UAAA,+BACE,MAAA,EAAG,OAAO,EAAE,QAAQ,kCAAkC,WAAW,UAAU,OAAO,QAAQ,UAAU,2CAA2C,YAAY,KAAK,eAAe,aAAa,WAAU,mCACpM,UAAA,SACH;AAAA,UAGF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,qBAAqB;AAAA,gBACrB,gBAAgB;AAAA,gBAChB,KAAK;AAAA,cAAA;AAAA,cAGN,UAAA,KAAK,IAAI,CAAC,KAAK,MACd;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,SAAS,IAAI;AAAA,kBACb,OAAO,IAAI,UAAU,IAAI,eAAe,IAAI;AAAA,kBAC5C,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,SAAS;AAAA,oBACT,WAAW;AAAA,oBACX,QAAQ;AAAA,oBACR,OAAO;AAAA,oBACP,YAAY;AAAA,oBACZ,QAAQ;AAAA,oBACR,cAAc;AAAA,oBACd,gBAAgB;AAAA,oBAChB,YAAY;AAAA,kBAAA;AAAA,kBAEd,cAAc,CAAC,MAAM;AAAE,sBAAE,cAAc,MAAM,YAAY;AAAoB,sBAAE,cAAc,MAAM,aAAa;AAA0B,sBAAE,cAAc,MAAM,cAAc;AAAA,kBAAU;AAAA,kBACxL,cAAc,CAAC,MAAM;AAAE,sBAAE,cAAc,MAAM,YAAY;AAAiB,sBAAE,cAAc,MAAM,aAAa;AAA0B,sBAAE,cAAc,MAAM,cAAc;AAAA,kBAAyB;AAAA,kBAEnM,UAAA;AAAA,oBAAA,IAAI,QAAQ,QACX,oBAAC,QAAA,EAAK,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,UAAU,YAAY,GAAG,OAAO,iCAAiC,QAAQ,iCAAiC,UAAU,gCAAgC,OAAO,WAAW,YAAY,wBAAwB,cAAc,MAAA,GAC3R,UAAA,IAAI,MACP;AAAA,yCAED,QAAA,EAAK,OAAO,EAAE,UAAU,KACvB,UAAA;AAAA,sBAAA,oBAAC,QAAA,EAAK,OAAO,EAAE,SAAS,SAAS,UAAU,mCAAmC,YAAY,KAAK,YAAY,KAAA,GAAS,cAAI,OAAM;AAAA,sBAC7H,IAAI,eACH,oBAAC,UAAK,OAAO,EAAE,SAAS,SAAS,WAAW,UAAU,UAAU,kCAAkC,YAAY,KAAK,OAAO,2BAA4B,cAAI,YAAA,CAAY;AAAA,oBAAA,EAAA,CAE1K;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAlCK;AAAA,cAAA,CAoCR;AAAA,YAAA;AAAA,UAAA;AAAA,UAGF,KAAK,WAAW,KAAK,kCACnB,KAAA,EAAE,OAAO,EAAE,WAAW,UAAU,OAAO,yBAAyB,UAAU,SAAA,GAAa,UAAA,WAAA,CAAW;AAAA,QAAA,EAAA,CAEvG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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;"}

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

@@ -0,0 +1,66 @@
+@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-header__wrapper {
+  background: var(--cui-header-bg, url("../../../../assets/imagem-6ee08a37d9.png") no-repeat fixed);
+  background-size: cover;
+  width: 100%;
+  height: 11vh;
+  max-height: 6rem;
+}
+.cui-header__container {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  max-width: 90vw;
+  margin: 0 auto;
+}
+.cui-header__left, .cui-header__right {
+  display: flex;
+  align-items: center;
+}
+.cui-header__icon {
+  font-size: 1.8rem;
+  color: var(--light-gray-01);
+  transition: color 0.3s ease;
+}
+.cui-header__sidebar {
+  margin: 0 3rem 0 0;
+  cursor: pointer;
+}
+.cui-header__sidebar:hover .header__icon {
+  color: var(--light-gray-02);
+}
+.cui-header__title {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  color: var(--light-gray-01);
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.cui-header__title:hover {
+  color: var(--light-gray-02);
+}
+.cui-header__title:hover .header__icon {
+  color: var(--light-gray-02);
+}
+.cui-header__subtitle {
+  color: var(--light-gray-01);
+  margin: 0 3rem;
+}
+.cui-header__subtitle h2 {
+  font-weight: 400;
+  font-size: 1.3rem;
+}

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

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faBars } from "@fortawesome/free-solid-svg-icons";
+import './Header.css';/* empty css            */
+const Header = ({
+  title,
+  subTitle,
+  icon,
+  sideBar,
+  handleSideBar,
+  profile,
+  handleHome,
+  background
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "cui-header", children: /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: "cui-header__wrapper",
+      style: background ? { "--cui-header-bg": background } : void 0,
+      children: /* @__PURE__ */ jsxs("div", { className: "cui-header__container", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cui-header__left", children: [
+          sideBar && /* @__PURE__ */ jsx("div", { className: "cui-header__sidebar", onClick: handleSideBar, children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faBars, className: "cui-header__icon" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "cui-header__title", onClick: handleHome, children: [
+            icon && /* @__PURE__ */ jsx(FontAwesomeIcon, { icon, className: "cui-header__icon" }),
+            /* @__PURE__ */ jsx("h1", { children: title })
+          ] }),
+          subTitle && /* @__PURE__ */ jsx("div", { className: "cui-header__subtitle", children: /* @__PURE__ */ jsx("h2", { children: subTitle }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "cui-header__right", children: /* @__PURE__ */ jsx("div", { className: "cui-header__profile", children: profile }) })
+      ] })
+    }
+  ) });
+};
+export {
+  Header as default
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../src/legacy/components/layout/Header/Header.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faBars, faHouse } from '@fortawesome/free-solid-svg-icons'\r\nimport './Header.scss'\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\r\n\r\ntype Props = {\r\n  title: string\r\n  subTitle?: string\r\n  icon?: IconProp\r\n  sideBar: boolean\r\n  handleSideBar: () => void\r\n  profile: ReactNode\r\n  handleHome: () => void\r\n  // Sobrepõe o fundo (gradiente/imagem) por defeito. Aceita qualquer valor\r\n  // válido da propriedade CSS \"background\" (cor sólida, gradiente, url(...)).\r\n  background?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Header = ({\r\n  title,\r\n  subTitle,\r\n  icon,\r\n  sideBar,\r\n  handleSideBar,\r\n  profile,\r\n  handleHome,\r\n  background,\r\n}: Props) => {\r\n  return (\r\n    <div className=\"cui-header\">\r\n      <header\r\n        className=\"cui-header__wrapper\"\r\n        style={background ? ({ '--cui-header-bg': background } as React.CSSProperties) : undefined}\r\n      >\r\n        <div className=\"cui-header__container\">\r\n          <div className=\"cui-header__left\">\r\n            {sideBar && (\r\n              <div className=\"cui-header__sidebar\" onClick={handleSideBar}>\r\n                <FontAwesomeIcon icon={faBars} className=\"cui-header__icon\" />\r\n              </div>\r\n            )}\r\n            <div className=\"cui-header__title\" onClick={handleHome}>\r\n              {icon && (\r\n                <FontAwesomeIcon icon={icon} className=\"cui-header__icon\" />\r\n              )}\r\n              <h1>{title}</h1>\r\n            </div>\r\n            {subTitle && (\r\n              <div className=\"cui-header__subtitle\">\r\n                <h2>{subTitle}</h2>\r\n              </div>\r\n            )}\r\n          </div>\r\n          <div className=\"cui-header__right\">\r\n            <div className=\"cui-header__profile\">{profile}</div>\r\n          </div>\r\n        </div>\r\n      </header>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Header\r\n"],"names":[],"mappings":";;;;AAoBA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,SACE,oBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,aAAc,EAAE,mBAAmB,eAAuC;AAAA,MAEjF,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,UAAA,WACC,oBAAC,OAAA,EAAI,WAAU,uBAAsB,SAAS,eAC5C,UAAA,oBAAC,iBAAA,EAAgB,MAAM,QAAQ,WAAU,mBAAA,CAAmB,GAC9D;AAAA,UAEF,qBAAC,OAAA,EAAI,WAAU,qBAAoB,SAAS,YACzC,UAAA;AAAA,YAAA,QACC,oBAAC,iBAAA,EAAgB,MAAY,WAAU,oBAAmB;AAAA,YAE5D,oBAAC,QAAI,UAAA,MAAA,CAAM;AAAA,UAAA,GACb;AAAA,UACC,gCACE,OAAA,EAAI,WAAU,wBACb,UAAA,oBAAC,MAAA,EAAI,oBAAS,EAAA,CAChB;AAAA,QAAA,GAEJ;AAAA,QACA,oBAAC,SAAI,WAAU,qBACb,8BAAC,OAAA,EAAI,WAAU,uBAAuB,UAAA,QAAA,CAAQ,EAAA,CAChD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import AppShell from "../../../../v1/components/layout/AppShell/AppShell.js";
+import { labelsV1, menuV1 } from "../Sidebar/Sidebar.js";
+const Layout = ({
+  children,
+  menus,
+  currentLang,
+  logoutLabel,
+  themeLabels,
+  deployedAtLabel,
+  footer,
+  sidebarOpen,
+  onSidebarOpenChange,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  AppShell,
+  {
+    ...rest,
+    menu: menuV1(menus),
+    currentLanguage: currentLang,
+    labels: labelsV1({ logoutLabel, themeLabels, deployedAtLabel }),
+    sidebarFooter: footer,
+    defaultOpen: sidebarOpen,
+    onOpenChange: onSidebarOpenChange,
+    children
+  }
+);
+export {
+  Layout as default
+};
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../../../../../src/legacy/components/layout/Layout/Layout.tsx"],"sourcesContent":["import React from 'react'\r\nimport AppShell from '../../../../v1/components/layout/AppShell/AppShell'\r\nimport { labelsV1, menuV1, type SidebarMenuItem, type SidebarLanguage, type SidebarTheme } from '../Sidebar/Sidebar'\r\n\r\n/*\r\n * Migrado para o V1: a moldura da app é o `AppShell` do V1. Este ficheiro só\r\n * mantém a API antiga, e os seus textos por omissão, para as apps que ainda a\r\n * usam.\r\n */\r\n\r\n/** @deprecated Legacy — usar `AppShellProps` do V1. */\r\nexport interface LayoutProps {\r\n  children: React.ReactNode\r\n  menus: SidebarMenuItem[]\r\n  groupLabels?: Record<string, string>\r\n  appTitle?: string\r\n  /** Barra superior opcional (título/alertas), sticky acima do conteúdo. */\r\n  topBar?: React.ReactNode\r\n  avatar?: React.ReactNode\r\n  onLogout?: () => void\r\n  logoutLabel?: string\r\n  languages?: SidebarLanguage[]\r\n  currentLang?: string\r\n  onLanguageChange?: (code: string) => void\r\n  theme?: SidebarTheme\r\n  onThemeChange?: (theme: SidebarTheme) => void\r\n  themeLabels?: { label?: string; light?: string; dark?: string; system?: string }\r\n  footer?: (isExpanded: boolean) => React.ReactNode\r\n  deployedAt?: string | number | Date\r\n  deployedAtLabel?: string\r\n  /** Estado inicial da sidebar (aberta/fechada). */\r\n  sidebarOpen?: boolean\r\n  /** Chamado quando a pessoa abre/fecha a sidebar. */\r\n  onSidebarOpenChange?: (open: boolean) => void\r\n}\r\n\r\n/** @deprecated Legacy — usar `AppShell` do V1. */\r\nconst Layout = ({\r\n  children,\r\n  menus,\r\n  currentLang,\r\n  logoutLabel,\r\n  themeLabels,\r\n  deployedAtLabel,\r\n  footer,\r\n  sidebarOpen,\r\n  onSidebarOpenChange,\r\n  ...rest\r\n}: LayoutProps) => (\r\n  <AppShell\r\n    {...rest}\r\n    menu={menuV1(menus)}\r\n    currentLanguage={currentLang}\r\n    labels={labelsV1({ logoutLabel, themeLabels, deployedAtLabel })}\r\n    sidebarFooter={footer}\r\n    defaultOpen={sidebarOpen}\r\n    onOpenChange={onSidebarOpenChange}\r\n  >\r\n    {children}\r\n  </AppShell>\r\n)\r\n\r\nexport default Layout\r\n"],"names":[],"mappings":";;;AAqCA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,MAAM,OAAO,KAAK;AAAA,IAClB,iBAAiB;AAAA,IACjB,QAAQ,SAAS,EAAE,aAAa,aAAa,iBAAiB;AAAA,IAC9D,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IAEb;AAAA,EAAA;AACH;"}

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

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import SideNav from "../../../../v1/components/layout/SideNav/SideNav.js";
+const menuV1 = (menus) => menus.map(({ badge, ...item }) => ({ ...item, end: item.end ?? item.to === "/", badges: badge ? [{ count: badge }] : void 0 }));
+const labelsV1 = (p) => ({
+  logout: p.logoutLabel ?? "Logout",
+  theme: p.themeLabels?.label ?? "Theme",
+  light: p.themeLabels?.light ?? "Light",
+  dark: p.themeLabels?.dark ?? "Dark",
+  system: p.themeLabels?.system ?? "System",
+  deployedAt: p.deployedAtLabel ?? "Último deploy"
+});
+const Sidebar = ({
+  isOpen = true,
+  setIsOpen,
+  menus,
+  currentLang,
+  logoutLabel,
+  themeLabels,
+  deployedAtLabel,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  SideNav,
+  {
+    ...rest,
+    menu: menuV1(menus),
+    currentLanguage: currentLang,
+    labels: labelsV1({ logoutLabel, themeLabels, deployedAtLabel }),
+    open: isOpen,
+    onOpenChange: setIsOpen ?? (() => {
+    })
+  }
+);
+export {
+  Sidebar as default,
+  labelsV1,
+  menuV1
+};
+//# sourceMappingURL=Sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../../../../src/legacy/components/layout/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from 'react'\r\nimport SideNav, { type SideNavItem, type SideNavLabels } from '../../../../v1/components/layout/SideNav/SideNav'\r\n\r\n/*\r\n * Migrado para o V1: o menu lateral é o `SideNav` do V1 (normalmente dentro do\r\n * `AppShell`). Este ficheiro só mantém a API antiga, e os seus textos por\r\n * omissão, para as apps que ainda a usam.\r\n */\r\n\r\n/** @deprecated Legacy — usar `SideNavTheme` do V1. */\r\nexport type SidebarTheme = 'light' | 'dark' | 'system'\r\n\r\n/** @deprecated Legacy — usar `languages` do `SideNav` do V1. */\r\nexport interface SidebarLanguage {\r\n  code: string\r\n  label: string\r\n}\r\n\r\n/** @deprecated Legacy — usar `SideNavItem` do V1. */\r\nexport interface SidebarMenuItem {\r\n  to: string\r\n  icon: React.ComponentType<{ size?: number; className?: string }>\r\n  label: string\r\n  group?: string\r\n  end?: boolean\r\n  /** Contador opcional (ex: aprovações pendentes). */\r\n  badge?: number\r\n  /** Destino fora da aplicação: abre em separador novo. */\r\n  external?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — usar `SideNavProps` do V1. */\r\nexport interface SidebarProps {\r\n  isOpen?: boolean\r\n  setIsOpen?: (isOpen: boolean) => void\r\n  menus: SidebarMenuItem[]\r\n  groupLabels?: Record<string, string>\r\n  appTitle?: string\r\n  avatar?: React.ReactNode\r\n  onLogout?: () => void\r\n  logoutLabel?: string\r\n  languages?: SidebarLanguage[]\r\n  currentLang?: string\r\n  onLanguageChange?: (code: string) => void\r\n  theme?: SidebarTheme\r\n  onThemeChange?: (theme: SidebarTheme) => void\r\n  themeLabels?: { label?: string; light?: string; dark?: string; system?: string }\r\n  footer?: (isExpanded: boolean) => React.ReactNode\r\n  deployedAt?: string | number | Date\r\n  deployedAtLabel?: string\r\n}\r\n\r\n/** Itens do menu antigo no formato do V1 (`badge` → `badges`). */\r\nexport const menuV1 = (menus: SidebarMenuItem[]): SideNavItem[] =>\r\n  menus.map(({ badge, ...item }) => ({ ...item, end: item.end ?? item.to === '/', badges: badge ? [{ count: badge }] : undefined }))\r\n\r\n/** Os textos por omissão do menu antigo, para não mudarem nas apps que ainda o usam. */\r\nexport const labelsV1 = (\r\n  p: Pick<SidebarProps, 'logoutLabel' | 'themeLabels' | 'deployedAtLabel'>,\r\n): Partial<SideNavLabels> => ({\r\n  logout: p.logoutLabel ?? 'Logout',\r\n  theme: p.themeLabels?.label ?? 'Theme',\r\n  light: p.themeLabels?.light ?? 'Light',\r\n  dark: p.themeLabels?.dark ?? 'Dark',\r\n  system: p.themeLabels?.system ?? 'System',\r\n  deployedAt: p.deployedAtLabel ?? 'Último deploy',\r\n})\r\n\r\n/** @deprecated Legacy — usar `SideNav` (ou `AppShell`) do V1. */\r\nconst Sidebar = ({\r\n  isOpen = true,\r\n  setIsOpen,\r\n  menus,\r\n  currentLang,\r\n  logoutLabel,\r\n  themeLabels,\r\n  deployedAtLabel,\r\n  ...rest\r\n}: SidebarProps) => (\r\n  <SideNav\r\n    {...rest}\r\n    menu={menuV1(menus)}\r\n    currentLanguage={currentLang}\r\n    labels={labelsV1({ logoutLabel, themeLabels, deployedAtLabel })}\r\n    open={isOpen}\r\n    onOpenChange={setIsOpen ?? (() => {})}\r\n  />\r\n)\r\n\r\nexport default Sidebar\r\n"],"names":[],"mappings":";;AAqDO,MAAM,SAAS,CAAC,UACrB,MAAM,IAAI,CAAC,EAAE,OAAO,GAAG,KAAA,OAAY,EAAE,GAAG,MAAM,KAAK,KAAK,OAAO,KAAK,OAAO,KAAK,QAAQ,QAAQ,CAAC,EAAE,OAAO,OAAO,IAAI,SAAY;AAG5H,MAAM,WAAW,CACtB,OAC4B;AAAA,EAC5B,QAAQ,EAAE,eAAe;AAAA,EACzB,OAAO,EAAE,aAAa,SAAS;AAAA,EAC/B,OAAO,EAAE,aAAa,SAAS;AAAA,EAC/B,MAAM,EAAE,aAAa,QAAQ;AAAA,EAC7B,QAAQ,EAAE,aAAa,UAAU;AAAA,EACjC,YAAY,EAAE,mBAAmB;AACnC;AAGA,MAAM,UAAU,CAAC;AAAA,EACf,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,MAAM,OAAO,KAAK;AAAA,IAClB,iBAAiB;AAAA,IACjB,QAAQ,SAAS,EAAE,aAAa,aAAa,iBAAiB;AAAA,IAC9D,MAAM;AAAA,IACN,cAAc,cAAc,MAAM;AAAA,IAAC;AAAA,EAAA;AACrC;"}

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

@@ -0,0 +1,10 @@
+.cui-spinner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+.cui-spinner .cui-icon {
+  font-size: 1.5rem;
+  color: var(--dark-blue);
+}

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faSpinner } from "@fortawesome/free-solid-svg-icons";
+import './Spinner.css';/* empty css             */
+const Spinner = () => {
+  return /* @__PURE__ */ jsx("div", { className: "cui-spinner", children: /* @__PURE__ */ jsx(
+    FontAwesomeIcon,
+    {
+      icon: faSpinner,
+      className: "cui-icon",
+      spin: true,
+      "aria-hidden": "true"
+    }
+  ) });
+};
+export {
+  Spinner as default
+};
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../../../src/legacy/components/layout/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faSpinner } from '@fortawesome/free-solid-svg-icons'\r\nimport './Spinner.scss'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Spinner: React.FC = () => {\r\n  return (\r\n    <div className=\"cui-spinner\">\r\n      <FontAwesomeIcon\r\n        icon={faSpinner}\r\n        className={'cui-icon'}\r\n        spin\r\n        aria-hidden=\"true\"\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Spinner\r\n"],"names":[],"mappings":";;;;AAOA,MAAM,UAAoB,MAAM;AAC9B,SACE,oBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAI;AAAA,MACJ,eAAY;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;"}

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

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Search = ({ size = 24, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+] });
+const Bell = ({ size = 24, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
+  /* @__PURE__ */ jsx("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
+] });
+const TopBar = ({ searchPlaceholder, onSearch, right }) => {
+  return /* @__PURE__ */ jsxs("header", { className: "h-16 bg-white border-b border-slate-100 dark:bg-slate-900 dark:border-slate-800 fixed top-0 right-0 left-0 sm:left-64 z-30 flex items-center justify-between px-4 sm:px-12", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 flex-1 max-w-xl", children: /* @__PURE__ */ jsxs("div", { className: "relative group w-full", children: [
+      /* @__PURE__ */ jsx(Search, { size: 16, className: "absolute left-0 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-proef-blue transition-colors" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: searchPlaceholder,
+          onChange: (e) => onSearch?.(e.target.value),
+          className: "w-full bg-transparent border-none py-2.5 pl-8 pr-4 text-sm focus:ring-0 outline-none placeholder:text-slate-400 font-medium"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-1 left-0 right-4 h-0.5 bg-slate-100 scale-x-0 group-focus-within:scale-x-100 transition-transform origin-left duration-300" })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: right ?? /* @__PURE__ */ jsxs("button", { className: "relative p-2 text-slate-400 hover:text-proef-navy transition-colors", children: [
+      /* @__PURE__ */ jsx(Bell, { size: 20 }),
+      /* @__PURE__ */ jsx("span", { className: "absolute top-2 right-2 w-1.5 h-1.5 bg-proef-turquoise rounded-full" })
+    ] }) })
+  ] });
+};
+export {
+  TopBar as default
+};
+//# sourceMappingURL=TopBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.js","sources":["../../../../../../src/legacy/components/layout/TopBar/TopBar.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n// ── Inline icons (no lucide-react dependency in common-ui) ────────────────\r\ntype IconProps = { size?: number; className?: string }\r\n\r\nconst Search = ({ size = 24, className }: IconProps) => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className={className}>\r\n        <circle cx=\"11\" cy=\"11\" r=\"8\" />\r\n        <path d=\"m21 21-4.3-4.3\" />\r\n    </svg>\r\n)\r\n\r\nconst Bell = ({ size = 24, className }: IconProps) => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className={className}>\r\n        <path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\" />\r\n        <path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\" />\r\n    </svg>\r\n)\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface TopBarProps {\r\n    searchPlaceholder?: string\r\n    onSearch?: (value: string) => void\r\n    right?: React.ReactNode\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst TopBar = ({ searchPlaceholder, onSearch, right }: TopBarProps) => {\r\n    return (\r\n        <header className=\"h-16 bg-white border-b border-slate-100 dark:bg-slate-900 dark:border-slate-800 fixed top-0 right-0 left-0 sm:left-64 z-30 flex items-center justify-between px-4 sm:px-12\">\r\n            <div className=\"flex items-center gap-4 flex-1 max-w-xl\">\r\n                <div className=\"relative group w-full\">\r\n                    <Search size={16} className=\"absolute left-0 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-proef-blue transition-colors\" />\r\n                    <input\r\n                        type=\"text\"\r\n                        placeholder={searchPlaceholder}\r\n                        onChange={(e) => onSearch?.(e.target.value)}\r\n                        className=\"w-full bg-transparent border-none py-2.5 pl-8 pr-4 text-sm focus:ring-0 outline-none placeholder:text-slate-400 font-medium\"\r\n                    />\r\n                    <div className=\"absolute bottom-1 left-0 right-4 h-0.5 bg-slate-100 scale-x-0 group-focus-within:scale-x-100 transition-transform origin-left duration-300\" />\r\n                </div>\r\n            </div>\r\n            <div className=\"flex items-center gap-4\">\r\n                {right ?? (\r\n                    <button className=\"relative p-2 text-slate-400 hover:text-proef-navy transition-colors\">\r\n                        <Bell size={20} />\r\n                        <span className=\"absolute top-2 right-2 w-1.5 h-1.5 bg-proef-turquoise rounded-full\" />\r\n                    </button>\r\n                )}\r\n            </div>\r\n        </header>\r\n    )\r\n}\r\n\r\nexport default TopBar\r\n"],"names":[],"mappings":";AAKA,MAAM,SAAS,CAAC,EAAE,OAAO,IAAI,UAAA,MACzB,qBAAC,OAAA,EAAI,OAAM,8BAA6B,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,WAClL,UAAA;AAAA,EAAA,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,EAC9B,oBAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB;AAAA,GAC7B;AAGJ,MAAM,OAAO,CAAC,EAAE,OAAO,IAAI,UAAA,MACvB,qBAAC,OAAA,EAAI,OAAM,8BAA6B,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,WAClL,UAAA;AAAA,EAAA,oBAAC,QAAA,EAAK,GAAE,4CAAA,CAA4C;AAAA,EACpD,oBAAC,QAAA,EAAK,GAAE,iCAAA,CAAiC;AAAA,GAC7C;AAWJ,MAAM,SAAS,CAAC,EAAE,mBAAmB,UAAU,YAAyB;AACpE,SACI,qBAAC,UAAA,EAAO,WAAU,8KACd,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,2CACX,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,MAAM,IAAI,WAAU,gHAA+G;AAAA,MAC3I;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,aAAa;AAAA,UACb,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,UAC1C,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,oBAAC,OAAA,EAAI,WAAU,6IAAA,CAA6I;AAAA,IAAA,EAAA,CAChK,EAAA,CACJ;AAAA,IACA,oBAAC,SAAI,WAAU,2BACV,mBACG,qBAAC,UAAA,EAAO,WAAU,uEACd,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,MAAM,GAAA,CAAI;AAAA,MAChB,oBAAC,QAAA,EAAK,WAAU,qEAAA,CAAqE;AAAA,IAAA,EAAA,CACzF,EAAA,CAER;AAAA,EAAA,GACJ;AAER;"}

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

@@ -0,0 +1,82 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { NavLink } from "react-router-dom";
+const LogOut = ({ size = 16, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+  /* @__PURE__ */ jsx("polyline", { points: "16 17 21 12 16 7" }),
+  /* @__PURE__ */ jsx("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+] });
+const Sun = ({ size = 16, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" })
+] });
+const Moon = ({ size = 16, className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z" }) });
+const Monitor = ({ size = 16, className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+  /* @__PURE__ */ jsx("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 21h8M12 17v4" })
+] });
+const TopNavLayout = ({
+  children,
+  menus,
+  appTitle,
+  appSubtitle,
+  logo,
+  avatar,
+  userName,
+  onLogout,
+  logoutLabel = "Logout",
+  languages,
+  currentLang,
+  onLanguageChange,
+  theme,
+  onThemeChange,
+  themeLabels,
+  maxWidth = 1400
+}) => {
+  const ThemeIcon = theme === "light" ? Sun : theme === "dark" ? Moon : Monitor;
+  const cycleTheme = () => {
+    if (!onThemeChange) return;
+    const order = ["light", "dark", "system"];
+    onThemeChange(order[(order.indexOf(theme ?? "system") + 1) % order.length]);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen dark:bg-slate-950", children: [
+    /* @__PURE__ */ jsx("nav", { className: "bg-white border-b border-slate-200 dark:bg-slate-900 dark:border-slate-700 sticky top-0 z-50 shadow-sm", children: /* @__PURE__ */ jsx("div", { style: { maxWidth }, className: "mx-auto px-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 h-12", children: [
+      /* @__PURE__ */ jsx("div", { className: "shrink-0", children: logo ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-1 h-7 bg-proef-turquoise" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-black tracking-tighter text-proef-navy uppercase leading-none", children: appTitle }),
+          appSubtitle && /* @__PURE__ */ jsx("div", { className: "text-[9px] font-bold uppercase tracking-[0.15em] text-slate-400 mt-0.5", children: appSubtitle })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 flex-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: menus.map((item) => /* @__PURE__ */ jsx(
+        NavLink,
+        {
+          to: item.to,
+          end: item.end,
+          className: ({ isActive }) => `px-3 py-1.5 text-[12px] font-bold whitespace-nowrap transition-colors border-b-2 ${isActive ? "text-proef-blue border-proef-blue" : "text-slate-500 hover:text-proef-navy border-transparent"}`,
+          children: item.label
+        },
+        item.to
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+        languages && languages.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: languages.map((l) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onLanguageChange?.(l.code),
+            className: `appearance-none bg-transparent border-0 cursor-pointer px-1 text-[10px] font-black uppercase tracking-widest transition-colors ${currentLang === l.code ? "text-proef-blue" : "text-slate-400 hover:text-proef-navy"}`,
+            children: l.label
+          },
+          l.code
+        )) }),
+        onThemeChange && /* @__PURE__ */ jsx("button", { onClick: cycleTheme, title: themeLabels?.label ?? "Theme", className: "appearance-none bg-transparent border-0 cursor-pointer p-1.5 text-slate-400 hover:text-proef-navy transition-colors", children: /* @__PURE__ */ jsx(ThemeIcon, { size: 16 }) }),
+        avatar,
+        userName && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-slate-500 hidden sm:block", children: userName }),
+        onLogout && /* @__PURE__ */ jsx("button", { onClick: onLogout, title: logoutLabel, className: "appearance-none bg-transparent border-0 cursor-pointer p-1.5 text-slate-400 hover:text-incumprido transition-colors", children: /* @__PURE__ */ jsx(LogOut, { size: 16 }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("main", { style: { maxWidth }, className: "mx-auto px-3 sm:px-5 py-4", children })
+  ] });
+};
+export {
+  TopNavLayout as default
+};
+//# sourceMappingURL=TopNavLayout.js.map