@nextelco/common-ui 2.1.98 → 2.1.99

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/hooks/useTheme.js

@@ -0,0 +1,39 @@
+import { useState, useEffect, useCallback } from "react";
+const STORAGE_KEY = "proef-theme";
+const ORDER = ["light", "dark", "system"];
+function systemPrefersDark() {
+  return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function apply(theme) {
+  if (typeof document === "undefined") return;
+  const dark = theme === "dark" || theme === "system" && systemPrefersDark();
+  document.documentElement.classList.toggle("dark", dark);
+}
+function useTheme() {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof localStorage === "undefined") return "system";
+    return localStorage.getItem(STORAGE_KEY) || "system";
+  });
+  useEffect(() => {
+    apply(theme);
+  }, [theme]);
+  useEffect(() => {
+    if (theme !== "system" || typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => apply("system");
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [theme]);
+  const setTheme = useCallback((t) => {
+    if (typeof localStorage !== "undefined") localStorage.setItem(STORAGE_KEY, t);
+    setThemeState(t);
+  }, []);
+  const cycle = useCallback(() => {
+    setTheme(ORDER[(ORDER.indexOf(theme) + 1) % ORDER.length]);
+  }, [theme, setTheme]);
+  return { theme, setTheme, cycle };
+}
+export {
+  useTheme
+};
+//# sourceMappingURL=useTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sources":["../../../../src/legacy/hooks/useTheme.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport type Theme = 'light' | 'dark' | 'system'\r\n\r\nconst STORAGE_KEY = 'proef-theme'\r\nconst ORDER: Theme[] = ['light', 'dark', 'system']\r\n\r\n/** Resolve system → light|dark via matchMedia. */\r\nfunction systemPrefersDark(): boolean {\r\n  return typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches\r\n}\r\n\r\n/** Aplica/remove a classe `.dark` no <html> conforme o tema efetivo. */\r\nfunction apply(theme: Theme) {\r\n  if (typeof document === 'undefined') return\r\n  const dark = theme === 'dark' || (theme === 'system' && systemPrefersDark())\r\n  document.documentElement.classList.toggle('dark', dark)\r\n}\r\n\r\n/**\r\n * Gestor de tema light/dark/system para o `Sidebar`/`Layout` do common-ui.\r\n * Persiste em localStorage e aplica a classe `.dark` no <html> (o CSS do\r\n * design system reage via `.dark`). Uso:\r\n *\r\n *   const { theme, setTheme } = useTheme()\r\n *   <Layout theme={theme} onThemeChange={setTheme} ... />\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport function useTheme() {\r\n  const [theme, setThemeState] = useState<Theme>(() => {\r\n    if (typeof localStorage === 'undefined') return 'system'\r\n    return (localStorage.getItem(STORAGE_KEY) as Theme) || 'system'\r\n  })\r\n\r\n  // Aplica sempre que o tema muda.\r\n  useEffect(() => {\r\n    apply(theme)\r\n  }, [theme])\r\n\r\n  // Segue a preferência do SO quando em 'system'.\r\n  useEffect(() => {\r\n    if (theme !== 'system' || typeof window === 'undefined') return\r\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\r\n    const onChange = () => apply('system')\r\n    mq.addEventListener('change', onChange)\r\n    return () => mq.removeEventListener('change', onChange)\r\n  }, [theme])\r\n\r\n  const setTheme = useCallback((t: Theme) => {\r\n    if (typeof localStorage !== 'undefined') localStorage.setItem(STORAGE_KEY, t)\r\n    setThemeState(t)\r\n  }, [])\r\n\r\n  const cycle = useCallback(() => {\r\n    setTheme(ORDER[(ORDER.indexOf(theme) + 1) % ORDER.length])\r\n  }, [theme, setTheme])\r\n\r\n  return { theme, setTheme, cycle }\r\n}\r\n\r\nexport default useTheme\r\n"],"names":[],"mappings":";AAKA,MAAM,cAAc;AACpB,MAAM,QAAiB,CAAC,SAAS,QAAQ,QAAQ;AAGjD,SAAS,oBAA6B;AACpC,SAAO,OAAO,WAAW,eAAe,OAAO,WAAW,8BAA8B,EAAE;AAC5F;AAGA,SAAS,MAAM,OAAc;AAC3B,MAAI,OAAO,aAAa,YAAa;AACrC,QAAM,OAAO,UAAU,UAAW,UAAU,YAAY,kBAAA;AACxD,WAAS,gBAAgB,UAAU,OAAO,QAAQ,IAAI;AACxD;AAWO,SAAS,WAAW;AACzB,QAAM,CAAC,OAAO,aAAa,IAAI,SAAgB,MAAM;AACnD,QAAI,OAAO,iBAAiB,YAAa,QAAO;AAChD,WAAQ,aAAa,QAAQ,WAAW,KAAe;AAAA,EACzD,CAAC;AAGD,YAAU,MAAM;AACd,UAAM,KAAK;AAAA,EACb,GAAG,CAAC,KAAK,CAAC;AAGV,YAAU,MAAM;AACd,QAAI,UAAU,YAAY,OAAO,WAAW,YAAa;AACzD,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM,MAAM,QAAQ;AACrC,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAW,YAAY,CAAC,MAAa;AACzC,QAAI,OAAO,iBAAiB,YAAa,cAAa,QAAQ,aAAa,CAAC;AAC5E,kBAAc,CAAC;AAAA,EACjB,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,OAAO,MAAM,QAAQ,KAAK,IAAI,KAAK,MAAM,MAAM,CAAC;AAAA,EAC3D,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO,EAAE,OAAO,UAAU,MAAA;AAC5B;"}