analytica-frontend-lib 1.0.77 → 1.0.78

package/dist/Auth/useApiConfig/index.d.mts

@@ -0,0 +1,43 @@
+/**
+ * Type definition for API client with get method
+ *
+ * @template T - Type extending object with get method
+ */
+type ApiClient<T = unknown> = {
+    get: (endpoint: string, config?: T) => Promise<unknown>;
+};
+/**
+ * Creates a memoized API configuration object compatible with useUrlAuthentication
+ *
+ * This hook wraps an API client instance to create a consistent interface
+ * for the useUrlAuthentication hook, ensuring proper memoization to prevent
+ * unnecessary re-renders.
+ *
+ * @template T - Generic type for API client configuration
+ * @param {ApiClient<T>} api - Axios instance or any API client with a get method
+ * @returns {object} Memoized API configuration object with get method
+ *
+ * @example
+ * ```typescript
+ * import { useApiConfig } from 'analytica-frontend-lib';
+ * import { useApi } from './services/apiService';
+ *
+ * function App() {
+ *   const api = useApi();
+ *   const apiConfig = useApiConfig(api);
+ *
+ *   useUrlAuthentication({
+ *     setTokens,
+ *     setSessionInfo,
+ *     setSelectedProfile,
+ *     api: apiConfig,
+ *     endpoint: '/auth/session-info',
+ *   });
+ * }
+ * ```
+ */
+declare function useApiConfig<T = unknown>(api: ApiClient<T>): {
+    get: (endpoint: string, config: unknown) => Promise<unknown>;
+};
+
+export { useApiConfig };

package/dist/Auth/useApiConfig/index.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Type definition for API client with get method
+ *
+ * @template T - Type extending object with get method
+ */
+type ApiClient<T = unknown> = {
+    get: (endpoint: string, config?: T) => Promise<unknown>;
+};
+/**
+ * Creates a memoized API configuration object compatible with useUrlAuthentication
+ *
+ * This hook wraps an API client instance to create a consistent interface
+ * for the useUrlAuthentication hook, ensuring proper memoization to prevent
+ * unnecessary re-renders.
+ *
+ * @template T - Generic type for API client configuration
+ * @param {ApiClient<T>} api - Axios instance or any API client with a get method
+ * @returns {object} Memoized API configuration object with get method
+ *
+ * @example
+ * ```typescript
+ * import { useApiConfig } from 'analytica-frontend-lib';
+ * import { useApi } from './services/apiService';
+ *
+ * function App() {
+ *   const api = useApi();
+ *   const apiConfig = useApiConfig(api);
+ *
+ *   useUrlAuthentication({
+ *     setTokens,
+ *     setSessionInfo,
+ *     setSelectedProfile,
+ *     api: apiConfig,
+ *     endpoint: '/auth/session-info',
+ *   });
+ * }
+ * ```
+ */
+declare function useApiConfig<T = unknown>(api: ApiClient<T>): {
+    get: (endpoint: string, config: unknown) => Promise<unknown>;
+};
+
+export { useApiConfig };

package/dist/Auth/useApiConfig/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Auth/useApiConfig.ts
+var useApiConfig_exports = {};
+__export(useApiConfig_exports, {
+  useApiConfig: () => useApiConfig
+});
+module.exports = __toCommonJS(useApiConfig_exports);
+var import_react = require("react");
+function useApiConfig(api) {
+  return (0, import_react.useMemo)(
+    () => ({
+      get: (endpoint, config) => api.get(endpoint, config)
+    }),
+    [api]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useApiConfig
+});
+//# sourceMappingURL=index.js.map

package/dist/Auth/useApiConfig/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Auth/useApiConfig.ts"],"sourcesContent":["import { useMemo } from 'react';\n\n/**\n * Type definition for API client with get method\n *\n * @template T - Type extending object with get method\n */\ntype ApiClient<T = unknown> = {\n  get: (endpoint: string, config?: T) => Promise<unknown>;\n};\n\n/**\n * Creates a memoized API configuration object compatible with useUrlAuthentication\n *\n * This hook wraps an API client instance to create a consistent interface\n * for the useUrlAuthentication hook, ensuring proper memoization to prevent\n * unnecessary re-renders.\n *\n * @template T - Generic type for API client configuration\n * @param {ApiClient<T>} api - Axios instance or any API client with a get method\n * @returns {object} Memoized API configuration object with get method\n *\n * @example\n * ```typescript\n * import { useApiConfig } from 'analytica-frontend-lib';\n * import { useApi } from './services/apiService';\n *\n * function App() {\n *   const api = useApi();\n *   const apiConfig = useApiConfig(api);\n *\n *   useUrlAuthentication({\n *     setTokens,\n *     setSessionInfo,\n *     setSelectedProfile,\n *     api: apiConfig,\n *     endpoint: '/auth/session-info',\n *   });\n * }\n * ```\n */\nexport function useApiConfig<T = unknown>(api: ApiClient<T>) {\n  return useMemo(\n    () => ({\n      get: (endpoint: string, config: unknown) =>\n        api.get(endpoint, config as T),\n    }),\n    [api]\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAyCjB,SAAS,aAA0B,KAAmB;AAC3D,aAAO;AAAA,IACL,OAAO;AAAA,MACL,KAAK,CAAC,UAAkB,WACtB,IAAI,IAAI,UAAU,MAAW;AAAA,IACjC;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AACF;","names":[]}

package/dist/Auth/useApiConfig/index.mjs

@@ -0,0 +1,14 @@
+// src/components/Auth/useApiConfig.ts
+import { useMemo } from "react";
+function useApiConfig(api) {
+  return useMemo(
+    () => ({
+      get: (endpoint, config) => api.get(endpoint, config)
+    }),
+    [api]
+  );
+}
+export {
+  useApiConfig
+};
+//# sourceMappingURL=index.mjs.map

package/dist/Auth/useApiConfig/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Auth/useApiConfig.ts"],"sourcesContent":["import { useMemo } from 'react';\n\n/**\n * Type definition for API client with get method\n *\n * @template T - Type extending object with get method\n */\ntype ApiClient<T = unknown> = {\n  get: (endpoint: string, config?: T) => Promise<unknown>;\n};\n\n/**\n * Creates a memoized API configuration object compatible with useUrlAuthentication\n *\n * This hook wraps an API client instance to create a consistent interface\n * for the useUrlAuthentication hook, ensuring proper memoization to prevent\n * unnecessary re-renders.\n *\n * @template T - Generic type for API client configuration\n * @param {ApiClient<T>} api - Axios instance or any API client with a get method\n * @returns {object} Memoized API configuration object with get method\n *\n * @example\n * ```typescript\n * import { useApiConfig } from 'analytica-frontend-lib';\n * import { useApi } from './services/apiService';\n *\n * function App() {\n *   const api = useApi();\n *   const apiConfig = useApiConfig(api);\n *\n *   useUrlAuthentication({\n *     setTokens,\n *     setSessionInfo,\n *     setSelectedProfile,\n *     api: apiConfig,\n *     endpoint: '/auth/session-info',\n *   });\n * }\n * ```\n */\nexport function useApiConfig<T = unknown>(api: ApiClient<T>) {\n  return useMemo(\n    () => ({\n      get: (endpoint: string, config: unknown) =>\n        api.get(endpoint, config as T),\n    }),\n    [api]\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe;AAyCjB,SAAS,aAA0B,KAAmB;AAC3D,SAAO;AAAA,IACL,OAAO;AAAA,MACL,KAAK,CAAC,UAAkB,WACtB,IAAI,IAAI,UAAU,MAAW;AAAA,IACjC;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AACF;","names":[]}

package/dist/NotFound/index.d.mts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Props interface for the NotFound component
+ *
+ * @interface NotFoundProps
+ * @property {string} [title] - Custom title text (default: "Página não encontrada")
+ * @property {string} [description] - Custom description text
+ * @property {string} [buttonText] - Custom button text (default: "Voltar")
+ * @property {() => void} [onButtonClick] - Callback function for button click
+ * @property {string} [className] - Additional CSS classes for the container
+ * @property {'404' | '500' | 'custom'} [errorType] - Type of error to display (default: '404')
+ * @property {string} [customErrorCode] - Custom error code when errorType is 'custom'
+ */
+interface NotFoundProps {
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+    className?: string;
+    errorType?: '404' | '500' | 'custom';
+    customErrorCode?: string;
+}
+/**
+ * NotFound component for displaying error pages
+ *
+ * A reusable component for displaying 404, 500, or custom error pages
+ * with configurable content and navigation button.
+ *
+ * @param {NotFoundProps} props - The component props
+ * @returns {JSX.Element} The NotFound component
+ *
+ * @example
+ * ```typescript
+ * // Basic 404 page
+ * <NotFound onButtonClick={() => navigate('/dashboard')} />
+ *
+ * // Custom error page
+ * <NotFound
+ *   errorType="500"
+ *   title="Erro interno do servidor"
+ *   description="Algo deu errado. Tente novamente mais tarde."
+ *   buttonText="Tentar novamente"
+ *   onButtonClick={() => window.location.reload()}
+ * />
+ *
+ * // Custom error code
+ * <NotFound
+ *   errorType="custom"
+ *   customErrorCode="403"
+ *   title="Acesso negado"
+ *   description="Você não tem permissão para acessar esta página."
+ * />
+ * ```
+ */
+declare const NotFound: ({ title, description, buttonText, onButtonClick, className, errorType, customErrorCode, }: NotFoundProps) => react_jsx_runtime.JSX.Element;
+
+export { type NotFoundProps, NotFound as default };

package/dist/NotFound/index.d.ts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Props interface for the NotFound component
+ *
+ * @interface NotFoundProps
+ * @property {string} [title] - Custom title text (default: "Página não encontrada")
+ * @property {string} [description] - Custom description text
+ * @property {string} [buttonText] - Custom button text (default: "Voltar")
+ * @property {() => void} [onButtonClick] - Callback function for button click
+ * @property {string} [className] - Additional CSS classes for the container
+ * @property {'404' | '500' | 'custom'} [errorType] - Type of error to display (default: '404')
+ * @property {string} [customErrorCode] - Custom error code when errorType is 'custom'
+ */
+interface NotFoundProps {
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+    className?: string;
+    errorType?: '404' | '500' | 'custom';
+    customErrorCode?: string;
+}
+/**
+ * NotFound component for displaying error pages
+ *
+ * A reusable component for displaying 404, 500, or custom error pages
+ * with configurable content and navigation button.
+ *
+ * @param {NotFoundProps} props - The component props
+ * @returns {JSX.Element} The NotFound component
+ *
+ * @example
+ * ```typescript
+ * // Basic 404 page
+ * <NotFound onButtonClick={() => navigate('/dashboard')} />
+ *
+ * // Custom error page
+ * <NotFound
+ *   errorType="500"
+ *   title="Erro interno do servidor"
+ *   description="Algo deu errado. Tente novamente mais tarde."
+ *   buttonText="Tentar novamente"
+ *   onButtonClick={() => window.location.reload()}
+ * />
+ *
+ * // Custom error code
+ * <NotFound
+ *   errorType="custom"
+ *   customErrorCode="403"
+ *   title="Acesso negado"
+ *   description="Você não tem permissão para acessar esta página."
+ * />
+ * ```
+ */
+declare const NotFound: ({ title, description, buttonText, onButtonClick, className, errorType, customErrorCode, }: NotFoundProps) => react_jsx_runtime.JSX.Element;
+
+export { type NotFoundProps, NotFound as default };

package/dist/NotFound/index.js

@@ -0,0 +1,233 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/NotFound/NotFound.tsx
+var NotFound_exports = {};
+__export(NotFound_exports, {
+  default: () => NotFound_default
+});
+module.exports = __toCommonJS(NotFound_exports);
+
+// src/components/Text/Text.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Text = ({
+  children,
+  size = "md",
+  weight = "normal",
+  color = "text-text-950",
+  as,
+  className = "",
+  ...props
+}) => {
+  let sizeClasses = "";
+  let weightClasses = "";
+  const sizeClassMap = {
+    "2xs": "text-2xs",
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-md",
+    lg: "text-lg",
+    xl: "text-xl",
+    "2xl": "text-2xl",
+    "3xl": "text-3xl",
+    "4xl": "text-4xl",
+    "5xl": "text-5xl",
+    "6xl": "text-6xl"
+  };
+  sizeClasses = sizeClassMap[size] ?? sizeClassMap.md;
+  const weightClassMap = {
+    hairline: "font-hairline",
+    light: "font-light",
+    normal: "font-normal",
+    medium: "font-medium",
+    semibold: "font-semibold",
+    bold: "font-bold",
+    extrabold: "font-extrabold",
+    black: "font-black"
+  };
+  weightClasses = weightClassMap[weight] ?? weightClassMap.normal;
+  const baseClasses = "font-primary";
+  const Component = as ?? "p";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`,
+      ...props,
+      children
+    }
+  );
+};
+var Text_default = Text;
+
+// src/components/Button/Button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var VARIANT_ACTION_CLASSES = {
+  solid: {
+    primary: "bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed",
+    positive: "bg-success-500 text-text border border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:outline-none focus-visible:bg-success-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-success-700 active:border-success-700 disabled:bg-success-500 disabled:border-success-500 disabled:opacity-40 disabled:cursor-not-allowed",
+    negative: "bg-error-500 text-text border border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:outline-none focus-visible:bg-error-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-error-700 active:border-error-700 disabled:bg-error-500 disabled:border-error-500 disabled:opacity-40 disabled:cursor-not-allowed"
+  },
+  outline: {
+    primary: "bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    positive: "bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 active:border-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    negative: "bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
+  },
+  link: {
+    primary: "bg-transparent text-primary-950 hover:text-primary-400 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    positive: "bg-transparent text-success-500 hover:text-success-400 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    negative: "bg-transparent text-error-500 hover:text-error-400 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
+  }
+};
+var SIZE_CLASSES = {
+  "extra-small": "text-xs px-3.5 py-2",
+  small: "text-sm px-4 py-2.5",
+  medium: "text-md px-5 py-2.5",
+  large: "text-lg px-6 py-3",
+  "extra-large": "text-lg px-7 py-3.5"
+};
+var Button = ({
+  children,
+  iconLeft,
+  iconRight,
+  size = "medium",
+  variant = "solid",
+  action = "primary",
+  className = "",
+  disabled,
+  type = "button",
+  ...props
+}) => {
+  const sizeClasses = SIZE_CLASSES[size];
+  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];
+  const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-medium";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "button",
+    {
+      className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
+      disabled,
+      type,
+      ...props,
+      children: [
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mr-2 flex items-center", children: iconLeft }),
+        children,
+        iconRight && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ml-2 flex items-center", children: iconRight })
+      ]
+    }
+  );
+};
+var Button_default = Button;
+
+// src/components/NotFound/NotFound.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var NotFound = ({
+  title,
+  description,
+  buttonText = "Voltar",
+  onButtonClick,
+  className = "",
+  errorType = "404",
+  customErrorCode
+}) => {
+  const getErrorCode = () => {
+    if (errorType === "custom") {
+      return customErrorCode?.trim() || "ERROR";
+    }
+    return errorType;
+  };
+  const getDefaultTitle = () => {
+    switch (errorType) {
+      case "404":
+        return "P\xE1gina n\xE3o encontrada";
+      case "500":
+        return "Erro interno do servidor";
+      default:
+        return "Erro";
+    }
+  };
+  const getDefaultDescription = () => {
+    switch (errorType) {
+      case "404":
+        return "Oops! A p\xE1gina que voc\xEA est\xE1 procurando n\xE3o existe ou foi removida.";
+      case "500":
+        return "Algo deu errado em nossos servidores. Tente novamente mais tarde.";
+      default:
+        return "Ocorreu um erro inesperado.";
+    }
+  };
+  const handleButtonClick = (event) => {
+    event.preventDefault();
+    onButtonClick?.();
+  };
+  const errorTitle = title || getDefaultTitle();
+  const errorDescription = description || getDefaultDescription();
+  const errorCode = getErrorCode();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      className: `flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4 ${className}`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "main",
+        {
+          role: "main",
+          "aria-labelledby": "error-title",
+          "aria-describedby": "error-description",
+          className: "flex flex-col items-center text-center max-w-md space-y-6",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "div",
+              {
+                className: "text-8xl font-bold text-primary-300 select-none",
+                "aria-label": `C\xF3digo de erro: ${errorCode}`,
+                children: errorCode
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                Text_default,
+                {
+                  size: "xl",
+                  weight: "bold",
+                  className: "text-text-950",
+                  id: "error-title",
+                  "aria-level": 1,
+                  children: errorTitle
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+            ] }),
+            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              Button_default,
+              {
+                onClick: handleButtonClick,
+                variant: "solid",
+                size: "medium",
+                className: "mt-8",
+                "aria-describedby": "error-description",
+                "aria-label": `${buttonText}. ${errorDescription}`,
+                children: buttonText
+              }
+            ) })
+          ] })
+        }
+      )
+    }
+  );
+};
+var NotFound_default = NotFound;
+//# sourceMappingURL=index.js.map

package/dist/NotFound/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/NotFound/NotFound.tsx","../../src/components/Text/Text.tsx","../../src/components/Button/Button.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\n\n/**\n * Props interface for the NotFound component\n *\n * @interface NotFoundProps\n * @property {string} [title] - Custom title text (default: \"Página não encontrada\")\n * @property {string} [description] - Custom description text\n * @property {string} [buttonText] - Custom button text (default: \"Voltar\")\n * @property {() => void} [onButtonClick] - Callback function for button click\n * @property {string} [className] - Additional CSS classes for the container\n * @property {'404' | '500' | 'custom'} [errorType] - Type of error to display (default: '404')\n * @property {string} [customErrorCode] - Custom error code when errorType is 'custom'\n */\nexport interface NotFoundProps {\n  title?: string;\n  description?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  errorType?: '404' | '500' | 'custom';\n  customErrorCode?: string;\n}\n\n/**\n * NotFound component for displaying error pages\n *\n * A reusable component for displaying 404, 500, or custom error pages\n * with configurable content and navigation button.\n *\n * @param {NotFoundProps} props - The component props\n * @returns {JSX.Element} The NotFound component\n *\n * @example\n * ```typescript\n * // Basic 404 page\n * <NotFound onButtonClick={() => navigate('/dashboard')} />\n *\n * // Custom error page\n * <NotFound\n *   errorType=\"500\"\n *   title=\"Erro interno do servidor\"\n *   description=\"Algo deu errado. Tente novamente mais tarde.\"\n *   buttonText=\"Tentar novamente\"\n *   onButtonClick={() => window.location.reload()}\n * />\n *\n * // Custom error code\n * <NotFound\n *   errorType=\"custom\"\n *   customErrorCode=\"403\"\n *   title=\"Acesso negado\"\n *   description=\"Você não tem permissão para acessar esta página.\"\n * />\n * ```\n */\nconst NotFound = ({\n  title,\n  description,\n  buttonText = 'Voltar',\n  onButtonClick,\n  className = '',\n  errorType = '404',\n  customErrorCode,\n}: NotFoundProps) => {\n  const getErrorCode = () => {\n    if (errorType === 'custom') {\n      return customErrorCode?.trim() || 'ERROR';\n    }\n    return errorType;\n  };\n\n  const getDefaultTitle = () => {\n    switch (errorType) {\n      case '404':\n        return 'Página não encontrada';\n      case '500':\n        return 'Erro interno do servidor';\n      default:\n        return 'Erro';\n    }\n  };\n\n  const getDefaultDescription = () => {\n    switch (errorType) {\n      case '404':\n        return 'Oops! A página que você está procurando não existe ou foi removida.';\n      case '500':\n        return 'Algo deu errado em nossos servidores. Tente novamente mais tarde.';\n      default:\n        return 'Ocorreu um erro inesperado.';\n    }\n  };\n\n  const handleButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    onButtonClick?.();\n  };\n\n  const errorTitle = title || getDefaultTitle();\n  const errorDescription = description || getDefaultDescription();\n  const errorCode = getErrorCode();\n\n  return (\n    <div\n      className={`flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4 ${className}`}\n    >\n      <main\n        role=\"main\"\n        aria-labelledby=\"error-title\"\n        aria-describedby=\"error-description\"\n        className=\"flex flex-col items-center text-center max-w-md space-y-6\"\n      >\n        <section aria-label={`Erro ${errorCode}`}>\n          {/* Error Code */}\n          <div\n            className=\"text-8xl font-bold text-primary-300 select-none\"\n            aria-label={`Código de erro: ${errorCode}`}\n          >\n            {errorCode}\n          </div>\n\n          {/* Main message */}\n          <header className=\"space-y-2\">\n            <Text\n              size=\"xl\"\n              weight=\"bold\"\n              className=\"text-text-950\"\n              id=\"error-title\"\n              aria-level={1}\n            >\n              {errorTitle}\n            </Text>\n            <Text size=\"md\" className=\"text-text-600\" id=\"error-description\">\n              {errorDescription}\n            </Text>\n          </header>\n\n          {/* Back button */}\n          {onButtonClick && (\n            <nav aria-label=\"Navegação de erro\">\n              <Button\n                onClick={handleButtonClick}\n                variant=\"solid\"\n                size=\"medium\"\n                className=\"mt-8\"\n                aria-describedby=\"error-description\"\n                aria-label={`${buttonText}. ${errorDescription}`}\n              >\n                {buttonText}\n              </Button>\n            </nav>\n          )}\n        </section>\n      </main>\n    </div>\n  );\n};\n\nexport default NotFound;\n","import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\n\n/**\n * Base text component props\n */\ntype BaseTextProps = {\n  /** Content to be displayed */\n  children?: ReactNode;\n  /** Text size variant */\n  size?:\n    | '2xs'\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | '2xl'\n    | '3xl'\n    | '4xl'\n    | '5xl'\n    | '6xl';\n  /** Font weight variant */\n  weight?:\n    | 'hairline'\n    | 'light'\n    | 'normal'\n    | 'medium'\n    | 'semibold'\n    | 'bold'\n    | 'extrabold'\n    | 'black';\n  /** Color variant - white for light backgrounds, black for dark backgrounds */\n  color?: string;\n  /** Additional CSS classes to apply */\n  className?: string;\n};\n\n/**\n * Polymorphic text component props that ensures type safety based on the 'as' prop\n */\ntype TextProps<T extends ElementType = 'p'> = BaseTextProps & {\n  /** HTML tag to render */\n  as?: T;\n} & Omit<ComponentPropsWithoutRef<T>, keyof BaseTextProps>;\n\n/**\n * Text component for Analytica Ensino platforms\n *\n * A flexible polymorphic text component with multiple sizes, weights, and colors.\n * Automatically adapts to dark and light themes with full type safety.\n *\n * @param children - The content to display\n * @param size - The text size variant (2xs, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl)\n * @param weight - The font weight variant (hairline, light, normal, medium, semibold, bold, extrabold, black)\n * @param color - The color variant - adapts to theme\n * @param as - The HTML tag to render - determines allowed attributes via TypeScript\n * @param className - Additional CSS classes\n * @param props - HTML attributes valid for the chosen tag only\n * @returns A styled text element with type-safe attributes\n *\n * @example\n * ```tsx\n * <Text size=\"lg\" weight=\"bold\" color=\"text-info-800\">\n *   This is a large, bold text\n * </Text>\n *\n * <Text as=\"a\" href=\"/link\" target=\"_blank\">\n *   Link with type-safe anchor attributes\n * </Text>\n *\n * <Text as=\"button\" onClick={handleClick} disabled>\n *   Button with type-safe button attributes\n * </Text>\n * ```\n */\nconst Text = <T extends ElementType = 'p'>({\n  children,\n  size = 'md',\n  weight = 'normal',\n  color = 'text-text-950',\n  as,\n  className = '',\n  ...props\n}: TextProps<T>) => {\n  let sizeClasses = '';\n  let weightClasses = '';\n\n  // Text size classes mapping\n  const sizeClassMap = {\n    '2xs': 'text-2xs',\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-md',\n    lg: 'text-lg',\n    xl: 'text-xl',\n    '2xl': 'text-2xl',\n    '3xl': 'text-3xl',\n    '4xl': 'text-4xl',\n    '5xl': 'text-5xl',\n    '6xl': 'text-6xl',\n  } as const;\n\n  sizeClasses = sizeClassMap[size] ?? sizeClassMap.md;\n\n  // Font weight classes mapping\n  const weightClassMap = {\n    hairline: 'font-hairline',\n    light: 'font-light',\n    normal: 'font-normal',\n    medium: 'font-medium',\n    semibold: 'font-semibold',\n    bold: 'font-bold',\n    extrabold: 'font-extrabold',\n    black: 'font-black',\n  } as const;\n\n  weightClasses = weightClassMap[weight] ?? weightClassMap.normal;\n\n  const baseClasses = 'font-primary';\n  const Component = as ?? ('p' as ElementType);\n\n  return (\n    <Component\n      className={`${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n","import { ButtonHTMLAttributes, ReactNode } from 'react';\n\n/**\n * Lookup table for variant and action class combinations\n */\nconst VARIANT_ACTION_CLASSES = {\n  solid: {\n    primary:\n      'bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-success-500 text-text border border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:outline-none focus-visible:bg-success-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-success-700 active:border-success-700 disabled:bg-success-500 disabled:border-success-500 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-error-500 text-text border border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:outline-none focus-visible:bg-error-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-error-700 active:border-error-700 disabled:bg-error-500 disabled:border-error-500 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n  outline: {\n    primary:\n      'bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 active:border-success-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n  link: {\n    primary:\n      'bg-transparent text-primary-950 hover:text-primary-400 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-transparent text-success-500 hover:text-success-400 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-transparent text-error-500 hover:text-error-400 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n} as const;\n\n/**\n * Lookup table for size classes\n */\nconst SIZE_CLASSES = {\n  'extra-small': 'text-xs px-3.5 py-2',\n  small: 'text-sm px-4 py-2.5',\n  medium: 'text-md px-5 py-2.5',\n  large: 'text-lg px-6 py-3',\n  'extra-large': 'text-lg px-7 py-3.5',\n} as const;\n\n/**\n * Button component props interface\n */\ntype ButtonProps = {\n  /** Content to be displayed inside the button */\n  children: ReactNode;\n  /** Ícone à esquerda do texto */\n  iconLeft?: ReactNode;\n  /** Ícone à direita do texto */\n  iconRight?: ReactNode;\n  /** Size of the button */\n  size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n  /** Visual variant of the button */\n  variant?: 'solid' | 'outline' | 'link';\n  /** Action type of the button */\n  action?: 'primary' | 'positive' | 'negative';\n  /** Additional CSS classes to apply */\n  className?: string;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * Button component for Analytica Ensino platforms\n *\n * A flexible button component with multiple variants, sizes and actions.\n *\n * @param children - The content to display inside the button\n * @param size - The size variant (extra-small, small, medium, large, extra-large)\n * @param variant - The visual style variant (solid, outline, link)\n * @param action - The action type (primary, positive, negative)\n * @param className - Additional CSS classes\n * @param props - All other standard button HTML attributes\n * @returns A styled button element\n *\n * @example\n * ```tsx\n * <Button variant=\"solid\" action=\"primary\" size=\"medium\" onClick={() => console.log('clicked')}>\n *   Click me\n * </Button>\n * ```\n */\nconst Button = ({\n  children,\n  iconLeft,\n  iconRight,\n  size = 'medium',\n  variant = 'solid',\n  action = 'primary',\n  className = '',\n  disabled,\n  type = 'button',\n  ...props\n}: ButtonProps) => {\n  // Get classes from lookup tables\n  const sizeClasses = SIZE_CLASSES[size];\n  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];\n\n  const baseClasses =\n    'inline-flex items-center justify-center rounded-full cursor-pointer font-medium';\n\n  return (\n    <button\n      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`}\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      {iconLeft && <span className=\"mr-2 flex items-center\">{iconLeft}</span>}\n      {children}\n      {iconRight && <span className=\"ml-2 flex items-center\">{iconRight}</span>}\n    </button>\n  );\n};\n\nexport default Button;\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime"]}