@proef/common-ui 0.0.0-stage → 2.2.0

package/dist/esm/legacy/constants/Colors.js

@@ -0,0 +1,33 @@
+var Color = /* @__PURE__ */ ((Color2) => {
+  Color2["BRIGHT_BLUE"] = "#006fff";
+  Color2["BRIGHT_GREEN"] = "#17daa4";
+  Color2["DARK_BLUE"] = "#010060";
+  Color2["LIGHT_GRAY_01"] = "#dddddd";
+  Color2["ALMOST_WHITE"] = "#f8f8f8";
+  Color2["ALMOST_BLACK"] = "#1f1f1f";
+  Color2["MEDIUM_BLUE"] = "#87a9ff";
+  Color2["MEDIUM_GREEN"] = "#b0ebdb";
+  Color2["MEDIUM_DARK_BLUE"] = "#7d7dab";
+  Color2["MEDIUM_GRAY_01"] = "#c2c2c2";
+  Color2["LIGHT_GRAY_02"] = "#ededed";
+  Color2["LIGHT_BLUE"] = "#cedcff";
+  Color2["DARK_GRAY"] = "#6c6c6c";
+  Color2["WARM_YELLOW"] = "#ebc25a";
+  Color2["WARM_ORANGE"] = "#eb745a";
+  Color2["LIGHT_YELLOW"] = "#ffedbf";
+  Color2["BRIGHT_PURPLE"] = "#801de2";
+  Color2["REJECTED"] = "#de4321";
+  Color2["APPROVED"] = "#1dc88a";
+  Color2["STAND_BY"] = "#ffcc4a";
+  Color2["BG_LIGHT_YELLOW"] = "#ffedbf";
+  Color2["DARK_YELLOW"] = "#856404";
+  Color2["BG_LIGHT_RED"] = "#ffbdae";
+  Color2["DARK_RED"] = "#842029";
+  Color2["BG_SUCCESS"] = "#8ef8d2";
+  Color2["DARK_green"] = "#0f5132";
+  return Color2;
+})(Color || {});
+export {
+  Color
+};
+//# sourceMappingURL=Colors.js.map

package/dist/esm/legacy/constants/Colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.js","sources":["../../../../src/legacy/constants/Colors.ts"],"sourcesContent":["export enum Color {\r\n\r\n    BRIGHT_BLUE = '#006fff',\r\n    BRIGHT_GREEN = '#17daa4',\r\n    DARK_BLUE = '#010060',\r\n    LIGHT_GRAY_01 = '#dddddd',\r\n    ALMOST_WHITE = '#f8f8f8',\r\n    ALMOST_BLACK = '#1f1f1f',\r\n  \r\n    /* Secundary */\r\n    MEDIUM_BLUE = '#87a9ff',\r\n    MEDIUM_GREEN = '#b0ebdb',\r\n    MEDIUM_DARK_BLUE = '#7d7dab',\r\n    MEDIUM_GRAY_01 = '#c2c2c2',\r\n    LIGHT_GRAY_02 = '#ededed',\r\n    LIGHT_BLUE = '#cedcff',\r\n    DARK_GRAY = '#6c6c6c',\r\n  \r\n    /* Tertiary */\r\n    WARM_YELLOW = '#ebc25a',\r\n    WARM_ORANGE = '#eb745a',\r\n    LIGHT_YELLOW = '#ffedbf',\r\n    BRIGHT_PURPLE = '#801de2',\r\n  \r\n    /* Alert */\r\n    REJECTED = '#de4321',\r\n    APPROVED = '#1dc88a',\r\n    STAND_BY = '#ffcc4a',\r\n  \r\n    /* Notifications */\r\n    BG_LIGHT_YELLOW = '#ffedbf',\r\n    DARK_YELLOW = '#856404',\r\n    BG_LIGHT_RED = '#ffbdae',\r\n    DARK_RED = '#842029',\r\n    BG_SUCCESS = '#8ef8d2',\r\n    DARK_green = '#0f5132',\r\n\r\n}"],"names":["Color"],"mappings":"AAAO,IAAK,0BAAAA,WAAL;AAEHA,SAAA,aAAA,IAAc;AACdA,SAAA,cAAA,IAAe;AACfA,SAAA,WAAA,IAAY;AACZA,SAAA,eAAA,IAAgB;AAChBA,SAAA,cAAA,IAAe;AACfA,SAAA,cAAA,IAAe;AAGfA,SAAA,aAAA,IAAc;AACdA,SAAA,cAAA,IAAe;AACfA,SAAA,kBAAA,IAAmB;AACnBA,SAAA,gBAAA,IAAiB;AACjBA,SAAA,eAAA,IAAgB;AAChBA,SAAA,YAAA,IAAa;AACbA,SAAA,WAAA,IAAY;AAGZA,SAAA,aAAA,IAAc;AACdA,SAAA,aAAA,IAAc;AACdA,SAAA,cAAA,IAAe;AACfA,SAAA,eAAA,IAAgB;AAGhBA,SAAA,UAAA,IAAW;AACXA,SAAA,UAAA,IAAW;AACXA,SAAA,UAAA,IAAW;AAGXA,SAAA,iBAAA,IAAkB;AAClBA,SAAA,aAAA,IAAc;AACdA,SAAA,cAAA,IAAe;AACfA,SAAA,UAAA,IAAW;AACXA,SAAA,YAAA,IAAa;AACbA,SAAA,YAAA,IAAa;AAnCL,SAAAA;AAAA,GAAA,SAAA,CAAA,CAAA;"}

package/dist/esm/legacy/constants/FontWeight.js

@@ -0,0 +1,35 @@
+var FontWeight = /* @__PURE__ */ ((FontWeight2) => {
+  FontWeight2["LIGHT"] = "light";
+  FontWeight2["MEDIUM"] = "medium";
+  FontWeight2["REGULAR"] = "regular";
+  FontWeight2["SEMIBOLD"] = "semibold";
+  FontWeight2["BOLD"] = "bold";
+  return FontWeight2;
+})(FontWeight || {});
+const WeightValue = {
+  [
+    "light"
+    /* LIGHT */
+  ]: 300,
+  [
+    "medium"
+    /* MEDIUM */
+  ]: 400,
+  [
+    "regular"
+    /* REGULAR */
+  ]: 500,
+  [
+    "semibold"
+    /* SEMIBOLD */
+  ]: 600,
+  [
+    "bold"
+    /* BOLD */
+  ]: 700
+};
+export {
+  FontWeight,
+  WeightValue
+};
+//# sourceMappingURL=FontWeight.js.map

package/dist/esm/legacy/constants/FontWeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontWeight.js","sources":["../../../../src/legacy/constants/FontWeight.ts"],"sourcesContent":["/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport enum FontWeight {\r\n  LIGHT = 'light',\r\n  MEDIUM = 'medium',\r\n  REGULAR = 'regular',\r\n  SEMIBOLD = 'semibold',\r\n  BOLD = 'bold',\r\n}\r\n\r\nexport const WeightValue: Record<FontWeight, number> = {\r\n  [FontWeight.LIGHT]: 300,\r\n  [FontWeight.MEDIUM]: 400,\r\n  [FontWeight.REGULAR]: 500,\r\n  [FontWeight.SEMIBOLD]: 600,\r\n  [FontWeight.BOLD]: 700,\r\n}\r\n"],"names":["FontWeight"],"mappings":"AACO,IAAK,+BAAAA,gBAAL;AACLA,cAAA,OAAA,IAAQ;AACRA,cAAA,QAAA,IAAS;AACTA,cAAA,SAAA,IAAU;AACVA,cAAA,UAAA,IAAW;AACXA,cAAA,MAAA,IAAO;AALG,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAQL,MAAM,cAA0C;AAAA,EACrD;AAAA,IAAC;AAAA;AAAA,KAAmB;AAAA,EACpB;AAAA,IAAC;AAAA;AAAA,KAAoB;AAAA,EACrB;AAAA,IAAC;AAAA;AAAA,KAAqB;AAAA,EACtB;AAAA,IAAC;AAAA;AAAA,KAAsB;AAAA,EACvB;AAAA,IAAC;AAAA;AAAA,KAAkB;AACrB;"}

package/dist/esm/legacy/contexts/apiContext.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import axios from "axios";
+const ApiContext = createContext(void 0);
+const ApiProvider = ({ children, baseURL, token, withCredentials }) => {
+  const axiosInstance = axios.create({
+    baseURL,
+    timeout: 1e4,
+    withCredentials: withCredentials !== void 0 ? withCredentials : true,
+    headers: token ? { Authorization: `Bearer ${token}` } : void 0
+  });
+  return /* @__PURE__ */ jsx(ApiContext.Provider, { value: axiosInstance, children });
+};
+const useAxiosInstance = () => {
+  const axiosInstance = useContext(ApiContext);
+  if (!axiosInstance) {
+    throw new Error("useAxiosInstance must be used within an ApiProvider");
+  }
+  return axiosInstance;
+};
+export {
+  ApiProvider,
+  useAxiosInstance
+};
+//# sourceMappingURL=apiContext.js.map

package/dist/esm/legacy/contexts/apiContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiContext.js","sources":["../../../../src/legacy/contexts/apiContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react'\r\nimport axios, { AxiosInstance } from 'axios'\r\n\r\n// Create context for the Axios instance\r\nconst ApiContext = createContext<AxiosInstance | undefined>(undefined)\r\n\r\n// Provider to set the Axios instance with baseURL and optional token\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const ApiProvider: React.FC<{\r\n  children: React.ReactNode\r\n  baseURL: string\r\n  token?: string\r\n  withCredentials?: boolean\r\n}> = ({ children, baseURL, token, withCredentials }) => {\r\n  const axiosInstance = axios.create({\r\n    baseURL,\r\n    timeout: 10000,\r\n    withCredentials: withCredentials !== undefined ? withCredentials : true,\r\n    headers: token ? { Authorization: `Bearer ${token}` } : undefined,\r\n  })\r\n\r\n  return (\r\n    <ApiContext.Provider value={axiosInstance}>{children}</ApiContext.Provider>\r\n  )\r\n}\r\n\r\n// Hook to access the Axios instance\r\nexport const useAxiosInstance = () => {\r\n  const axiosInstance = useContext(ApiContext)\r\n  if (!axiosInstance) {\r\n    throw new Error('useAxiosInstance must be used within an ApiProvider')\r\n  }\r\n  return axiosInstance\r\n}\r\n"],"names":[],"mappings":";;;AAIA,MAAM,aAAa,cAAyC,MAAS;AAI9D,MAAM,cAKR,CAAC,EAAE,UAAU,SAAS,OAAO,sBAAsB;AACtD,QAAM,gBAAgB,MAAM,OAAO;AAAA,IACjC;AAAA,IACA,SAAS;AAAA,IACT,iBAAiB,oBAAoB,SAAY,kBAAkB;AAAA,IACnE,SAAS,QAAQ,EAAE,eAAe,UAAU,KAAK,OAAO;AAAA,EAAA,CACzD;AAED,6BACG,WAAW,UAAX,EAAoB,OAAO,eAAgB,UAAS;AAEzD;AAGO,MAAM,mBAAmB,MAAM;AACpC,QAAM,gBAAgB,WAAW,UAAU;AAC3C,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;"}

package/dist/esm/legacy/contexts/authContext.js

@@ -0,0 +1,85 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useContext, createContext } from "react";
+import Keycloak from "keycloak-js";
+import Cookies from "js-cookie";
+const AuthContext = createContext(void 0);
+const AuthProvider = ({
+  children,
+  keycloakConfig,
+  allowedRoles
+}) => {
+  const [keycloak, setKeycloak] = useState(null);
+  const [authenticated, setAuthenticated] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [user, setUser] = useState(null);
+  useEffect(() => {
+    const keycloakInstance = new Keycloak(keycloakConfig);
+    keycloakInstance.init({ onLoad: "login-required", checkLoginIframe: false }).then((auth) => {
+      setKeycloak(keycloakInstance);
+      setAuthenticated(auth);
+      setLoading(false);
+      if (keycloakInstance.token) {
+        Cookies.set("authToken", keycloakInstance.token);
+        const roles = keycloakInstance.tokenParsed?.realm_access?.roles ?? [];
+        const filteredRoles = roles.filter(
+          (role) => allowedRoles.includes(role)
+        );
+        const loggedUser = {
+          id: keycloakInstance.tokenParsed?.sub ?? "",
+          name: keycloakInstance.tokenParsed?.name ?? "",
+          email: keycloakInstance.tokenParsed?.preferred_username ?? "",
+          roles: filteredRoles
+        };
+        setUser(loggedUser);
+      }
+    }).catch((err) => {
+      console.error("Keycloak init error:", err);
+      setLoading(false);
+    });
+    return () => {
+      keycloakInstance.onAuthLogout = () => {
+        setAuthenticated(false);
+      };
+    };
+  }, [keycloakConfig, allowedRoles]);
+  useEffect(() => {
+    const interval = setInterval(() => {
+      if (keycloak?.authenticated) {
+        keycloak.updateToken(30).catch(() => console.error("Failed to refresh token"));
+      }
+    }, 6e4);
+    return () => clearInterval(interval);
+  }, [keycloak]);
+  const login = () => keycloak?.login();
+  const logout = () => keycloak?.logout();
+  const hasRole = (role) => {
+    return user?.roles?.includes(role) ?? false;
+  };
+  return /* @__PURE__ */ jsx(
+    AuthContext.Provider,
+    {
+      value: {
+        keycloak,
+        user,
+        authenticated,
+        loading,
+        login,
+        logout,
+        hasRole
+      },
+      children
+    }
+  );
+};
+const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within a AuthProvider");
+  }
+  return context;
+};
+export {
+  AuthProvider,
+  useAuth
+};
+//# sourceMappingURL=authContext.js.map

package/dist/esm/legacy/contexts/authContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authContext.js","sources":["../../../../src/legacy/contexts/authContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react'\r\nimport Keycloak from 'keycloak-js'\r\nimport Cookies from 'js-cookie'\r\n\r\nexport interface LoggedUser {\r\n  id: string\r\n  name: string\r\n  email: string\r\n  roles: string[]\r\n}\r\n\r\ninterface AuthContextProps {\r\n  keycloak: Keycloak | null\r\n  user: LoggedUser | null\r\n  authenticated: boolean\r\n  loading: boolean\r\n  login: () => void\r\n  logout: () => void\r\n  hasRole: (role: string) => boolean\r\n}\r\n\r\nconst AuthContext = createContext<AuthContextProps | undefined>(undefined)\r\n\r\nexport interface AuthProviderProps {\r\n  children: React.ReactNode\r\n  keycloakConfig: {\r\n    url: string\r\n    realm: string\r\n    clientId: string\r\n  }\r\n  allowedRoles: string[]\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const AuthProvider: React.FC<AuthProviderProps> = ({\r\n  children,\r\n  keycloakConfig,\r\n  allowedRoles,\r\n}) => {\r\n  const [keycloak, setKeycloak] = useState<Keycloak | null>(null)\r\n  const [authenticated, setAuthenticated] = useState(false)\r\n  const [loading, setLoading] = useState(true)\r\n  const [user, setUser] = useState<LoggedUser | null>(null)\r\n\r\n  useEffect(() => {\r\n    const keycloakInstance = new Keycloak(keycloakConfig)\r\n\r\n    keycloakInstance\r\n      .init({ onLoad: 'login-required', checkLoginIframe: false })\r\n      .then((auth) => {\r\n        setKeycloak(keycloakInstance)\r\n        setAuthenticated(auth)\r\n        setLoading(false)\r\n\r\n        if (keycloakInstance.token) {\r\n          Cookies.set('authToken', keycloakInstance.token)\r\n\r\n          const roles = keycloakInstance.tokenParsed?.realm_access?.roles ?? []\r\n\r\n          const filteredRoles = roles.filter((role) =>\r\n            allowedRoles.includes(role)\r\n          )\r\n\r\n          const loggedUser: LoggedUser = {\r\n            id: keycloakInstance.tokenParsed?.sub ?? '',\r\n            name: keycloakInstance.tokenParsed?.name ?? '',\r\n            email: keycloakInstance.tokenParsed?.preferred_username ?? '',\r\n            roles: filteredRoles,\r\n          }\r\n\r\n          setUser(loggedUser)\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        console.error('Keycloak init error:', err)\r\n        setLoading(false)\r\n      })\r\n\r\n    return () => {\r\n      keycloakInstance.onAuthLogout = () => {\r\n        setAuthenticated(false)\r\n      }\r\n    }\r\n  }, [keycloakConfig, allowedRoles])\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(() => {\r\n      if (keycloak?.authenticated) {\r\n        keycloak\r\n          .updateToken(30)\r\n          .catch(() => console.error('Failed to refresh token'))\r\n      }\r\n    }, 60000)\r\n\r\n    return () => clearInterval(interval)\r\n  }, [keycloak])\r\n\r\n  const login = () => keycloak?.login()\r\n  const logout = () => keycloak?.logout()\r\n\r\n  const hasRole = (role: string) => {\r\n    return user?.roles?.includes(role) ?? false\r\n  }\r\n\r\n  return (\r\n    <AuthContext.Provider\r\n      value={{\r\n        keycloak,\r\n        user,\r\n        authenticated,\r\n        loading,\r\n        login,\r\n        logout,\r\n        hasRole,\r\n      }}\r\n    >\r\n      {children}\r\n    </AuthContext.Provider>\r\n  )\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const useAuth = () => {\r\n  const context = useContext(AuthContext)\r\n  if (!context) {\r\n    throw new Error('useAuth must be used within a AuthProvider')\r\n  }\r\n  return context\r\n}\r\n"],"names":[],"mappings":";;;;AAqBA,MAAM,cAAc,cAA4C,MAAS;AAalE,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,IAAI;AAC9D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AAExD,YAAU,MAAM;AACd,UAAM,mBAAmB,IAAI,SAAS,cAAc;AAEpD,qBACG,KAAK,EAAE,QAAQ,kBAAkB,kBAAkB,OAAO,EAC1D,KAAK,CAAC,SAAS;AACd,kBAAY,gBAAgB;AAC5B,uBAAiB,IAAI;AACrB,iBAAW,KAAK;AAEhB,UAAI,iBAAiB,OAAO;AAC1B,gBAAQ,IAAI,aAAa,iBAAiB,KAAK;AAE/C,cAAM,QAAQ,iBAAiB,aAAa,cAAc,SAAS,CAAA;AAEnE,cAAM,gBAAgB,MAAM;AAAA,UAAO,CAAC,SAClC,aAAa,SAAS,IAAI;AAAA,QAAA;AAG5B,cAAM,aAAyB;AAAA,UAC7B,IAAI,iBAAiB,aAAa,OAAO;AAAA,UACzC,MAAM,iBAAiB,aAAa,QAAQ;AAAA,UAC5C,OAAO,iBAAiB,aAAa,sBAAsB;AAAA,UAC3D,OAAO;AAAA,QAAA;AAGT,gBAAQ,UAAU;AAAA,MACpB;AAAA,IACF,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,cAAQ,MAAM,wBAAwB,GAAG;AACzC,iBAAW,KAAK;AAAA,IAClB,CAAC;AAEH,WAAO,MAAM;AACX,uBAAiB,eAAe,MAAM;AACpC,yBAAiB,KAAK;AAAA,MACxB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAgB,YAAY,CAAC;AAEjC,YAAU,MAAM;AACd,UAAM,WAAW,YAAY,MAAM;AACjC,UAAI,UAAU,eAAe;AAC3B,iBACG,YAAY,EAAE,EACd,MAAM,MAAM,QAAQ,MAAM,yBAAyB,CAAC;AAAA,MACzD;AAAA,IACF,GAAG,GAAK;AAER,WAAO,MAAM,cAAc,QAAQ;AAAA,EACrC,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,QAAQ,MAAM,UAAU,MAAA;AAC9B,QAAM,SAAS,MAAM,UAAU,OAAA;AAE/B,QAAM,UAAU,CAAC,SAAiB;AAChC,WAAO,MAAM,OAAO,SAAS,IAAI,KAAK;AAAA,EACxC;AAEA,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,UAAU,MAAM;AAC3B,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;"}

package/dist/esm/legacy/contexts/socketContext.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useContext, createContext } from "react";
+import { io } from "socket.io-client";
+const SocketContext = createContext(null);
+const SocketProvider = ({
+  children,
+  config
+}) => {
+  const [socket, setSocket] = useState(null);
+  useEffect(() => {
+    const socketInstance = io(config.serverUrl, {
+      path: config.path,
+      transports: config.transports ?? ["websocket"],
+      upgrade: true,
+      query: config.query
+    });
+    setSocket(socketInstance);
+    socketInstance.on("connect_error", (err) => {
+      console.error("Socket connection error:", err.message);
+    });
+    return () => {
+      socketInstance.disconnect();
+    };
+  }, [config.serverUrl, JSON.stringify(config.query), config.path]);
+  return /* @__PURE__ */ jsx(SocketContext.Provider, { value: socket, children });
+};
+const useSocket = () => {
+  return useContext(SocketContext);
+};
+export {
+  SocketProvider,
+  useSocket
+};
+//# sourceMappingURL=socketContext.js.map

package/dist/esm/legacy/contexts/socketContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socketContext.js","sources":["../../../../src/legacy/contexts/socketContext.tsx"],"sourcesContent":["import React, {\r\n  createContext,\r\n  ReactNode,\r\n  useContext,\r\n  useEffect,\r\n  useState,\r\n} from 'react'\r\nimport { io, Socket } from 'socket.io-client'\r\n\r\ninterface SocketProviderProps {\r\n  children: ReactNode\r\n  config: {\r\n    serverUrl: string\r\n    path?: string\r\n    transports?: string[]\r\n    query?: Record<string, string>\r\n  }\r\n}\r\n\r\nconst SocketContext = createContext<Socket | null>(null)\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const SocketProvider: React.FC<SocketProviderProps> = ({\r\n  children,\r\n  config,\r\n}) => {\r\n  const [socket, setSocket] = useState<Socket | null>(null)\r\n\r\n  useEffect(() => {\r\n    const socketInstance = io(config.serverUrl, {\r\n      path: config.path,\r\n      transports: config.transports ?? ['websocket'],\r\n      upgrade: true,\r\n      query: config.query,\r\n    })\r\n\r\n    setSocket(socketInstance)\r\n\r\n    socketInstance.on('connect_error', (err: any) => {\r\n      console.error('Socket connection error:', err.message)\r\n    })\r\n\r\n    return () => {\r\n      socketInstance.disconnect()\r\n    }\r\n  }, [config.serverUrl, JSON.stringify(config.query), config.path])\r\n\r\n  return (\r\n    <SocketContext.Provider value={socket}>{children}</SocketContext.Provider>\r\n  )\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const useSocket = (): Socket | null => {\r\n  return useContext(SocketContext)\r\n}\r\n"],"names":[],"mappings":";;;AAmBA,MAAM,gBAAgB,cAA6B,IAAI;AAGhD,MAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AAExD,YAAU,MAAM;AACd,UAAM,iBAAiB,GAAG,OAAO,WAAW;AAAA,MAC1C,MAAM,OAAO;AAAA,MACb,YAAY,OAAO,cAAc,CAAC,WAAW;AAAA,MAC7C,SAAS;AAAA,MACT,OAAO,OAAO;AAAA,IAAA,CACf;AAED,cAAU,cAAc;AAExB,mBAAe,GAAG,iBAAiB,CAAC,QAAa;AAC/C,cAAQ,MAAM,4BAA4B,IAAI,OAAO;AAAA,IACvD,CAAC;AAED,WAAO,MAAM;AACX,qBAAe,WAAA;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,WAAW,KAAK,UAAU,OAAO,KAAK,GAAG,OAAO,IAAI,CAAC;AAEhE,6BACG,cAAc,UAAd,EAAuB,OAAO,QAAS,UAAS;AAErD;AAGO,MAAM,YAAY,MAAqB;AAC5C,SAAO,WAAW,aAAa;AACjC;"}

package/dist/esm/legacy/hooks/useApi.js

@@ -0,0 +1,62 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import axios from "axios";
+import { useAxiosInstance } from "../contexts/apiContext.js";
+import Error from "../components/layout/Error/Error.js";
+const useApi = () => {
+  const [errors, setErrors] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const axiosInstance = useAxiosInstance();
+  const request = async (options) => {
+    const {
+      method,
+      url,
+      body,
+      params,
+      responseType,
+      timeout = 6e4,
+      signal
+    } = options;
+    const isFormData = body instanceof FormData;
+    const headers = {
+      ...isFormData ? { "Content-Type": "multipart/form-data" } : { "Content-Type": "application/json" }
+    };
+    const config = {
+      method,
+      url,
+      data: body,
+      params,
+      headers,
+      responseType,
+      timeout,
+      signal
+    };
+    setLoading(true);
+    setErrors(null);
+    try {
+      const response = await axiosInstance.request(config);
+      return responseType ? response : response.data;
+    } catch (err) {
+      if (axios.isCancel(err)) {
+        console.log("Request was cancelled");
+        return null;
+      }
+      console.error("Request error:", err);
+      if (axios.isAxiosError(err) && err.response?.data?.errors) {
+        const errorMessages = err.response.data.errors;
+        const messages = errorMessages.map(
+          (error) => error.message
+        );
+        setErrors(/* @__PURE__ */ jsx(Error, { messages }));
+      }
+      return null;
+    } finally {
+      setLoading(false);
+    }
+  };
+  return { request, errors, loading };
+};
+export {
+  useApi
+};
+//# sourceMappingURL=useApi.js.map

package/dist/esm/legacy/hooks/useApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApi.js","sources":["../../../../src/legacy/hooks/useApi.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport axios, { AxiosRequestConfig } from 'axios'\r\nimport { useAxiosInstance } from '../contexts/apiContext'\r\nimport Error from '../components/layout/Error/Error'\r\n\r\ntype AllowedMethods = 'get' | 'post' | 'put' | 'delete' | 'patch'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface RequestOptions {\r\n  method: AllowedMethods\r\n  url: string\r\n  body?: object | FormData\r\n  params?: object\r\n  responseType?: 'blob'\r\n  timeout?: number\r\n  signal?: AbortSignal\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const useApi = () => {\r\n  const [errors, setErrors] = useState<React.ReactNode | null>(null)\r\n  const [loading, setLoading] = useState<boolean>(false)\r\n  const axiosInstance = useAxiosInstance()\r\n\r\n  const request = async (options: RequestOptions): Promise<any | null> => {\r\n    const {\r\n      method,\r\n      url,\r\n      body,\r\n      params,\r\n      responseType,\r\n      timeout = 60000,\r\n      signal,\r\n    } = options\r\n\r\n    const isFormData = body instanceof FormData\r\n\r\n    const headers: Record<string, string> = {\r\n      ...(isFormData\r\n        ? { 'Content-Type': 'multipart/form-data' }\r\n        : { 'Content-Type': 'application/json' }),\r\n    }\r\n\r\n    const config: AxiosRequestConfig = {\r\n      method,\r\n      url,\r\n      data: body,\r\n      params,\r\n      headers,\r\n      responseType,\r\n      timeout,\r\n      signal,\r\n    }\r\n\r\n    setLoading(true)\r\n    setErrors(null)\r\n\r\n    try {\r\n      const response = await axiosInstance.request(config)\r\n      return responseType ? response : response.data\r\n    } catch (err) {\r\n      if (axios.isCancel(err)) {\r\n        console.log('Request was cancelled')\r\n        return null\r\n      }\r\n\r\n      console.error('Request error:', err)\r\n\r\n      if (axios.isAxiosError(err) && err.response?.data?.errors) {\r\n        const errorMessages = err.response.data.errors\r\n        const messages: string[] = errorMessages.map(\r\n          (error: { message: string }) => error.message\r\n        )\r\n        setErrors(<Error messages={messages} />)\r\n      }\r\n\r\n      return null\r\n    } finally {\r\n      setLoading(false)\r\n    }\r\n  }\r\n\r\n  return { request, errors, loading }\r\n}\r\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,SAAS,MAAM;AAC1B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiC,IAAI;AACjE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AACrD,QAAM,gBAAgB,iBAAA;AAEtB,QAAM,UAAU,OAAO,YAAiD;AACtE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IAAA,IACE;AAEJ,UAAM,aAAa,gBAAgB;AAEnC,UAAM,UAAkC;AAAA,MACtC,GAAI,aACA,EAAE,gBAAgB,0BAClB,EAAE,gBAAgB,mBAAA;AAAA,IAAmB;AAG3C,UAAM,SAA6B;AAAA,MACjC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,eAAW,IAAI;AACf,cAAU,IAAI;AAEd,QAAI;AACF,YAAM,WAAW,MAAM,cAAc,QAAQ,MAAM;AACnD,aAAO,eAAe,WAAW,SAAS;AAAA,IAC5C,SAAS,KAAK;AACZ,UAAI,MAAM,SAAS,GAAG,GAAG;AACvB,gBAAQ,IAAI,uBAAuB;AACnC,eAAO;AAAA,MACT;AAEA,cAAQ,MAAM,kBAAkB,GAAG;AAEnC,UAAI,MAAM,aAAa,GAAG,KAAK,IAAI,UAAU,MAAM,QAAQ;AACzD,cAAM,gBAAgB,IAAI,SAAS,KAAK;AACxC,cAAM,WAAqB,cAAc;AAAA,UACvC,CAAC,UAA+B,MAAM;AAAA,QAAA;AAExC,kBAAU,oBAAC,OAAA,EAAM,SAAA,CAAoB,CAAE;AAAA,MACzC;AAEA,aAAO;AAAA,IACT,UAAA;AACE,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SAAO,EAAE,SAAS,QAAQ,QAAA;AAC5B;"}

package/dist/esm/legacy/pages/Error/ErrorPage.css

@@ -0,0 +1,18 @@
+.error-page .cui-error {
+  background: url("../../../assets/imagem-6ee08a37d9.png") no-repeat fixed;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 9999999;
+  display: flex;
+  align-items: center;
+  text-align: center;
+}

package/dist/esm/legacy/pages/Error/ErrorPage.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import './ErrorPage.css';/* empty css               */
+const INTERACTION_KEY = "msal.interaction.status";
+const ErrorPage = ({ title, messages, clientId }) => {
+  const resetSession = () => {
+    try {
+      if (clientId) {
+        for (const store of [localStorage, sessionStorage]) {
+          for (const k of Object.keys(store)) {
+            if (k.includes(clientId) || k === INTERACTION_KEY) store.removeItem(k);
+          }
+        }
+      } else {
+        localStorage.clear();
+        sessionStorage.clear();
+      }
+    } catch {
+    }
+    window.location.reload();
+  };
+  return /* @__PURE__ */ jsx("div", { className: "error-page", children: /* @__PURE__ */ jsxs("div", { className: "cui-error", children: [
+    /* @__PURE__ */ jsx("h1", { children: title ? title : "Algo não correu como esperado." }),
+    messages.map((m, index) => /* @__PURE__ */ jsx("div", { children: m }, index)),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: resetSession,
+        style: {
+          marginTop: 20,
+          padding: "10px 20px",
+          fontSize: 12,
+          fontWeight: 800,
+          textTransform: "uppercase",
+          letterSpacing: 1,
+          cursor: "pointer",
+          border: "none",
+          background: "#001b63",
+          color: "#fff",
+          fontFamily: "inherit"
+        },
+        children: "Repor sessão"
+      }
+    )
+  ] }) });
+};
+export {
+  ErrorPage as default
+};
+//# sourceMappingURL=ErrorPage.js.map

package/dist/esm/legacy/pages/Error/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sources":["../../../../../src/legacy/pages/Error/ErrorPage.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport './ErrorPage.scss'\r\n\r\ninterface ErrorProps {\r\n  title?: string\r\n  messages: string[]\r\n  /**\r\n   * clientId MSAL da app. Passa-o sempre que várias apps partilhem o origin\r\n   * (ex: todas as do proefai): o \"Repor sessão\" passa a apagar só as chaves\r\n   * desta app em vez de `localStorage.clear()`, que derruba a sessão de todas\r\n   * as vizinhas. Sem ele mantém-se o comportamento antigo (limpeza total).\r\n   */\r\n  clientId?: string\r\n}\r\n\r\n// Chave de estado de interação do msal-browser: é GLOBAL ao origin (não inclui\r\n// o clientId no nome), por isso uma interação abandonada de outra app bloqueia\r\n// os logins de todas. Faz sempre parte do reset.\r\nconst INTERACTION_KEY = 'msal.interaction.status'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst ErrorPage: React.FC<ErrorProps> = ({ title, messages, clientId }) => {\r\n  // Limpa a cache/estado local (MSAL) e recarrega — desenrasca o utilizador\r\n  // quando a sessão fica presa (loop de renovação silenciosa), sem precisar\r\n  // de abrir o DevTools para \"Clear site data\".\r\n  const resetSession = () => {\r\n    try {\r\n      if (clientId) {\r\n        // Só o que é desta app: tokens (`msal.token.keys.<clientId>`, entradas\r\n        // de credencial com o clientId na chave) + a chave de interação.\r\n        for (const store of [localStorage, sessionStorage]) {\r\n          for (const k of Object.keys(store)) {\r\n            if (k.includes(clientId) || k === INTERACTION_KEY) store.removeItem(k)\r\n          }\r\n        }\r\n      } else {\r\n        localStorage.clear()\r\n        sessionStorage.clear()\r\n      }\r\n    } catch {\r\n      /* storage indisponível */\r\n    }\r\n    window.location.reload()\r\n  }\r\n\r\n  return (\r\n    <div className=\"error-page\">\r\n      <div className=\"cui-error\">\r\n        <h1>{title ? title : 'Algo não correu como esperado.'}</h1>\r\n        {messages.map((m, index) => (\r\n          <div key={index}>{m}</div>\r\n        ))}\r\n        <button\r\n          type=\"button\"\r\n          onClick={resetSession}\r\n          style={{\r\n            marginTop: 20,\r\n            padding: '10px 20px',\r\n            fontSize: 12,\r\n            fontWeight: 800,\r\n            textTransform: 'uppercase',\r\n            letterSpacing: 1,\r\n            cursor: 'pointer',\r\n            border: 'none',\r\n            background: '#001b63',\r\n            color: '#fff',\r\n            fontFamily: 'inherit',\r\n          }}\r\n        >\r\n          Repor sessão\r\n        </button>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ErrorPage\r\n"],"names":[],"mappings":";;AAmBA,MAAM,kBAAkB;AAGxB,MAAM,YAAkC,CAAC,EAAE,OAAO,UAAU,eAAe;AAIzE,QAAM,eAAe,MAAM;AACzB,QAAI;AACF,UAAI,UAAU;AAGZ,mBAAW,SAAS,CAAC,cAAc,cAAc,GAAG;AAClD,qBAAW,KAAK,OAAO,KAAK,KAAK,GAAG;AAClC,gBAAI,EAAE,SAAS,QAAQ,KAAK,MAAM,gBAAiB,OAAM,WAAW,CAAC;AAAA,UACvE;AAAA,QACF;AAAA,MACF,OAAO;AACL,qBAAa,MAAA;AACb,uBAAe,MAAA;AAAA,MACjB;AAAA,IACF,QAAQ;AAAA,IAER;AACA,WAAO,SAAS,OAAA;AAAA,EAClB;AAEA,6BACG,OAAA,EAAI,WAAU,cACb,UAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAI,UAAA,QAAQ,QAAQ,kCAAiC;AAAA,IACrD,SAAS,IAAI,CAAC,GAAG,UAChB,oBAAC,OAAA,EAAiB,UAAA,EAAA,GAAR,KAAU,CACrB;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,UACL,WAAW;AAAA,UACX,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,QAAA;AAAA,QAEf,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/esm/legacy/pages/Loading/Loading.css

@@ -0,0 +1,46 @@
+@keyframes play {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -57420px;
+  }
+}
+.loading-page .loading {
+  background: url("../../../assets/imagem-6ee08a37d9.png") no-repeat fixed;
+  background-size: cover;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 9999999;
+  display: flex;
+  align-items: center;
+  text-align: center;
+}
+.loading-page .loading-icon {
+  display: block;
+  margin: auto;
+  z-index: 1;
+  width: 220px;
+  height: 90px;
+  background: url("../../../assets/imagem-6fcae1b87b.png") left center;
+  animation: play 8.11s steps(261) infinite;
+}
+.loading-page .loading-icon-custom {
+  display: block;
+  margin: auto;
+  z-index: 1;
+  max-width: 220px;
+  max-height: 90px;
+  animation: pulse 1.6s ease-in-out infinite;
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.4;
+  }
+  50% {
+    opacity: 1;
+  }
+}

package/dist/esm/legacy/pages/Loading/Loading.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import './Loading.css';/* empty css             */
+const LoadingPage = ({ logo }) => {
+  return /* @__PURE__ */ jsx("div", { className: "loading-page", children: /* @__PURE__ */ jsx("div", { className: "loading", children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "", className: "loading-icon-custom" }) : /* @__PURE__ */ jsx("div", { className: "loading-icon" }) }) });
+};
+export {
+  LoadingPage as default
+};
+//# sourceMappingURL=Loading.js.map

package/dist/esm/legacy/pages/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../../../../src/legacy/pages/Loading/Loading.tsx"],"sourcesContent":["import React from 'react'\r\nimport './Loading.scss'\r\n\r\ntype Props = {\r\n  // Sobrepõe a animação \"Proef\" por defeito por uma imagem estática própria.\r\n  logo?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst LoadingPage = ({ logo }: Props) => {\r\n  return (\r\n    <div className=\"loading-page\">\r\n      <div className=\"loading\">\r\n        {logo ? (\r\n          <img src={logo} alt=\"\" className=\"loading-icon-custom\" />\r\n        ) : (\r\n          <div className=\"loading-icon\"></div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LoadingPage\r\n"],"names":[],"mappings":";;AASA,MAAM,cAAc,CAAC,EAAE,WAAkB;AACvC,SACE,oBAAC,SAAI,WAAU,gBACb,8BAAC,OAAA,EAAI,WAAU,WACZ,UAAA,OACC,oBAAC,OAAA,EAAI,KAAK,MAAM,KAAI,IAAG,WAAU,sBAAA,CAAsB,wBAEtD,OAAA,EAAI,WAAU,eAAA,CAAe,EAAA,CAElC,EAAA,CACF;AAEJ;"}

package/dist/esm/legacy/pages/Login/LoginScreen.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function LoginScreen({
+  appTitle,
+  subtitle,
+  onSignIn,
+  signInLabel = "Sign in",
+  companyLabel,
+  logo,
+  error,
+  topoDireita,
+  acentos = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-proef-navy flex flex-col items-center justify-center p-8 relative overflow-hidden", children: [
+    acentos && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute -top-32 -right-32 w-96 h-96 bg-proef-turquoise/5 rotate-45" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute -bottom-32 -left-32 w-96 h-96 bg-proef-blue/10 rotate-45" })
+    ] }),
+    topoDireita && /* @__PURE__ */ jsx("div", { className: "absolute top-6 right-6 z-20", children: topoDireita }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm text-center relative z-10", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-10 flex items-center justify-center", children: logo ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-5xl font-black text-white tracking-tighter", children: "proef" }),
+        /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-proef-turquoise mt-4 animate-pulse" })
+      ] }) }),
+      appTitle && /* @__PURE__ */ jsx("h1", { className: "text-lg font-black uppercase tracking-[0.3em] text-white mb-1", children: appTitle }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-white/50 text-sm mb-10", children: subtitle }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onSignIn,
+          className: "appearance-none cursor-pointer w-full bg-proef-turquoise text-proef-navy hover:bg-white transition-colors rounded-lg px-6 py-3.5 text-xs font-black uppercase tracking-widest",
+          children: signInLabel
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "text-red-300 text-xs mt-4", children: error }),
+      companyLabel && /* @__PURE__ */ jsxs("p", { className: "text-white/25 text-xs mt-12", children: [
+        companyLabel,
+        " — ",
+        (/* @__PURE__ */ new Date()).getFullYear()
+      ] })
+    ] })
+  ] });
+}
+export {
+  LoginScreen as default
+};
+//# sourceMappingURL=LoginScreen.js.map

package/dist/esm/legacy/pages/Login/LoginScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginScreen.js","sources":["../../../../../src/legacy/pages/Login/LoginScreen.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 LoginScreenProps {\r\n  /** Título da app (ex: nome do portal). */\r\n  appTitle?: string\r\n  /** Subtítulo/descrição curta. */\r\n  subtitle?: string\r\n  /** Ação do botão de entrar (ex: MSAL loginRedirect). */\r\n  onSignIn: () => void\r\n  signInLabel?: string\r\n  /** Rodapé — empresa. O ano é acrescentado automaticamente. */\r\n  companyLabel?: string\r\n  /** Logo custom. Sem isto mostra a marca \"proef\" + ponto turquesa. */\r\n  logo?: React.ReactNode\r\n  /** Mensagem de erro opcional (ex: falha de login). */\r\n  error?: string\r\n  /**\r\n   * Canto superior direito — tipicamente o seletor de idioma.\r\n   *\r\n   * Existe porque quem ainda não entrou pode não perceber a língua em que o\r\n   * ecrã está, e é precisamente aí que mais precisa de a poder trocar.\r\n   */\r\n  topoDireita?: React.ReactNode\r\n  /**\r\n   * Dois quadrados rodados em marca-d'água nos cantos opostos.\r\n   *\r\n   * A maioria dos portais tinha-os no seu ecrã de login próprio, e sem isto a\r\n   * passagem para o componente partilhado tirava-lhos. Default `false` para\r\n   * não mexer em quem já usa o componente.\r\n   *\r\n   * Herdam `--color-proef-turquoise` e `--color-proef-blue`, por isso um\r\n   * portal que redefina essas variáveis vê os acentos acompanharem.\r\n   */\r\n  acentos?: boolean\r\n}\r\n\r\n/**\r\n * Ecrã de login partilhado (design system proef): fundo navy, marca \"proef\",\r\n * título/subtítulo da app e botão de entrar. Agnóstico ao provider — a app passa\r\n * `onSignIn` (MSAL/Keycloak/…). Requer o CSS do common-ui.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport default function LoginScreen({\r\n  appTitle,\r\n  subtitle,\r\n  onSignIn,\r\n  signInLabel = 'Sign in',\r\n  companyLabel,\r\n  logo,\r\n  error,\r\n  topoDireita,\r\n  acentos = false,\r\n}: LoginScreenProps) {\r\n  return (\r\n    <div className=\"min-h-screen bg-proef-navy flex flex-col items-center justify-center p-8 relative overflow-hidden\">\r\n      {acentos && (\r\n        <div className=\"absolute inset-0 overflow-hidden pointer-events-none\" aria-hidden>\r\n          <div className=\"absolute -top-32 -right-32 w-96 h-96 bg-proef-turquoise/5 rotate-45\" />\r\n          <div className=\"absolute -bottom-32 -left-32 w-96 h-96 bg-proef-blue/10 rotate-45\" />\r\n        </div>\r\n      )}\r\n      {topoDireita && <div className=\"absolute top-6 right-6 z-20\">{topoDireita}</div>}\r\n      <div className=\"w-full max-w-sm text-center relative z-10\">\r\n        <div className=\"mb-10 flex items-center justify-center\">\r\n          {logo ?? (\r\n            <div className=\"flex items-center gap-2\">\r\n              <span className=\"text-5xl font-black text-white tracking-tighter\">proef</span>\r\n              <div className=\"w-2.5 h-2.5 rounded-full bg-proef-turquoise mt-4 animate-pulse\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {appTitle && (\r\n          <h1 className=\"text-lg font-black uppercase tracking-[0.3em] text-white mb-1\">{appTitle}</h1>\r\n        )}\r\n        {subtitle && <p className=\"text-white/50 text-sm mb-10\">{subtitle}</p>}\r\n\r\n        <button\r\n          onClick={onSignIn}\r\n          className=\"appearance-none cursor-pointer w-full bg-proef-turquoise text-proef-navy hover:bg-white transition-colors rounded-lg px-6 py-3.5 text-xs font-black uppercase tracking-widest\"\r\n        >\r\n          {signInLabel}\r\n        </button>\r\n\r\n        {error && <p className=\"text-red-300 text-xs mt-4\">{error}</p>}\r\n\r\n        {companyLabel && (\r\n          <p className=\"text-white/25 text-xs mt-12\">\r\n            {companyLabel} — {new Date().getFullYear()}\r\n          </p>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":[],"mappings":";AA2CA,SAAwB,YAAY;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAqB;AACnB,SACE,qBAAC,OAAA,EAAI,WAAU,qGACZ,UAAA;AAAA,IAAA,WACC,qBAAC,OAAA,EAAI,WAAU,wDAAuD,eAAW,MAC/E,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,sEAAA,CAAsE;AAAA,MACrF,oBAAC,OAAA,EAAI,WAAU,oEAAA,CAAoE;AAAA,IAAA,GACrF;AAAA,IAED,eAAe,oBAAC,OAAA,EAAI,WAAU,+BAA+B,UAAA,aAAY;AAAA,IAC1E,qBAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,0CACZ,kBACC,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,mDAAkD,UAAA,SAAK;AAAA,QACvE,oBAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,MAAA,EAAA,CAClF,EAAA,CAEJ;AAAA,MAEC,YACC,oBAAC,MAAA,EAAG,WAAU,iEAAiE,UAAA,UAAS;AAAA,MAEzF,YAAY,oBAAC,KAAA,EAAE,WAAU,+BAA+B,UAAA,UAAS;AAAA,MAElE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UAET,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGF,SAAS,oBAAC,KAAA,EAAE,WAAU,6BAA6B,UAAA,OAAM;AAAA,MAEzD,gBACC,qBAAC,KAAA,EAAE,WAAU,+BACV,UAAA;AAAA,QAAA;AAAA,QAAa;AAAA,SAAI,oBAAI,KAAA,GAAO,YAAA;AAAA,MAAY,EAAA,CAC3C;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/legacy/pages/NotFound/NotFound.css

@@ -0,0 +1,21 @@
+.cui-not-found {
+  background: url("../../../assets/imagem-6ee08a37d9.png") no-repeat fixed;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 9999999;
+  display: flex;
+  align-items: center;
+  text-align: center;
+}
+.cui-not-found .cui-not-found-buttons {
+  margin: 2rem 0;
+}

package/dist/esm/legacy/pages/NotFound/NotFound.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import ActionButton from "../../components/atoms/Button/variants/ActionButton.js";
+import './NotFound.css';/* empty css              */
+import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { ActionButtonThemeStyled } from "../../styles/themes/ButtonThemes.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+const NotFound = ({ handleHome }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "cui-not-found", children: [
+    /* @__PURE__ */ jsx("h2", { children: "O que procuras não existe." }),
+    /* @__PURE__ */ jsx("div", { className: "cui-not-found-buttons", children: /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        icon: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faHome }),
+        onClick: handleHome,
+        title: "Voltar à Página Principal",
+        theme: ActionButtonThemeStyled
+      }
+    ) })
+  ] });
+};
+export {
+  NotFound as default
+};
+//# sourceMappingURL=NotFound.js.map

package/dist/esm/legacy/pages/NotFound/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.js","sources":["../../../../../src/legacy/pages/NotFound/NotFound.tsx"],"sourcesContent":["import React from 'react'\r\nimport ActionButton from '../../components/atoms/Button/variants/ActionButton'\r\n\r\nimport './NotFound.scss'\r\nimport { faHome } from '@fortawesome/free-solid-svg-icons'\r\nimport { ActionButtonThemeStyled } from '../../styles/themes/ButtonThemes'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\ninterface NotFoundProps {\r\n  handleHome: () => void\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst NotFound: React.FC<NotFoundProps> = ({ handleHome }) => {\r\n  return (\r\n    <div className=\"cui-not-found\">\r\n      <h2>O que procuras não existe.</h2>\r\n      <div className=\"cui-not-found-buttons\">\r\n        <ActionButton\r\n          icon={<FontAwesomeIcon icon={faHome} />}\r\n          onClick={handleHome}\r\n          title=\"Voltar à Página Principal\"\r\n          theme={ActionButtonThemeStyled}\r\n        />\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default NotFound\r\n"],"names":[],"mappings":";;;;;;AAaA,MAAM,WAAoC,CAAC,EAAE,iBAAiB;AAC5D,SACE,qBAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,6BAAA,CAA0B;AAAA,IAC9B,oBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,oBAAC,iBAAA,EAAgB,MAAM,OAAA,CAAQ;AAAA,QACrC,SAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAAA,EACT,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/legacy/styles/themes/ButtonThemes.js

@@ -0,0 +1,28 @@
+import { FontWeight } from "../../constants/FontWeight.js";
+const ActionButtonThemeStyled = {
+  backgroundColor: "#F8F8F8",
+  fontColor: "#010060",
+  iconColor: "#010060",
+  size: "default",
+  fontWeight: FontWeight.MEDIUM
+};
+const IconButtonThemeStyled = {
+  backgroundColor: "#F8F8F8",
+  iconColor: "#010060",
+  size: "default"
+};
+const IconTextDarkThemeStyled = {
+  color: "#f8f8f8",
+  fontWeight: FontWeight.BOLD
+};
+const IconTextLightThemeStyled = {
+  color: "#010060",
+  fontWeight: FontWeight.BOLD
+};
+export {
+  ActionButtonThemeStyled,
+  IconButtonThemeStyled,
+  IconTextDarkThemeStyled,
+  IconTextLightThemeStyled
+};
+//# sourceMappingURL=ButtonThemes.js.map

package/dist/esm/legacy/styles/themes/ButtonThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonThemes.js","sources":["../../../../../src/legacy/styles/themes/ButtonThemes.tsx"],"sourcesContent":["import { FontWeight } from '../../constants/FontWeight'\r\nimport { IconTextTheme } from '../../exports/types'\r\nimport {\r\n  ActionButtonTheme,\r\n  IconButtonTheme,\r\n} from '../../types/themes/ButtonThemes'\r\n\r\nexport const ActionButtonThemeStyled: ActionButtonTheme = {\r\n  backgroundColor: '#F8F8F8',\r\n  fontColor: '#010060',\r\n  iconColor: '#010060',\r\n  size: 'default',\r\n  fontWeight: FontWeight.MEDIUM,\r\n}\r\n\r\nexport const IconButtonThemeStyled: IconButtonTheme = {\r\n  backgroundColor: '#F8F8F8',\r\n  iconColor: '#010060',\r\n  size: 'default',\r\n}\r\n\r\nexport const IconTextDarkThemeStyled: IconTextTheme = {\r\n  color: '#f8f8f8',\r\n  fontWeight: FontWeight.BOLD,\r\n}\r\n\r\nexport const IconTextLightThemeStyled: IconTextTheme = {\r\n  color: '#010060',\r\n  fontWeight: FontWeight.BOLD,\r\n}\r\n"],"names":[],"mappings":";AAOO,MAAM,0BAA6C;AAAA,EACxD,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,WAAW;AACzB;AAEO,MAAM,wBAAyC;AAAA,EACpD,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,MAAM;AACR;AAEO,MAAM,0BAAyC;AAAA,EACpD,OAAO;AAAA,EACP,YAAY,WAAW;AACzB;AAEO,MAAM,2BAA0C;AAAA,EACrD,OAAO;AAAA,EACP,YAAY,WAAW;AACzB;"}

package/dist/esm/legacy/styles/utils/utils.js

@@ -0,0 +1,7 @@
+const getCSSVariable = (variable) => {
+  return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
+};
+export {
+  getCSSVariable
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/legacy/styles/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/legacy/styles/utils/utils.ts"],"sourcesContent":["/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport const getCSSVariable = (variable: string) => {\r\n  return getComputedStyle(document.documentElement)\r\n    .getPropertyValue(variable)\r\n    .trim()\r\n}\r\n"],"names":[],"mappings":"AACO,MAAM,iBAAiB,CAAC,aAAqB;AAClD,SAAO,iBAAiB,SAAS,eAAe,EAC7C,iBAAiB,QAAQ,EACzB,KAAA;AACL;"}