@onpe/ui 1.0.35 → 1.0.40

package/dist/cli.esm.js

@@ -5865,7 +5865,7 @@ var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main
 var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
 function addComponent(componentName) {
     return __awaiter(this, void 0, void 0, function () {
-        var isIcon, componentPath, availableComponents, availableIcons, componentFile, availableItems, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, importPath, error_1;
+        var isIcon, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, importPath, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -5876,12 +5876,25 @@ function addComponent(componentName) {
                 case 1:
                     // Crear directorio si no existe
                     _a.sent();
+                    componentDependencies = {
+                        "modal-browser-incompatible": ["modal", "icon-warning", "icon-chrome-color", "icon-safari-color", "icon-mozilla-color", "icon-edge-color"],
+                        "modal-system-incompatible": ["modal", "icon-warning"],
+                        "modal-confirm": ["modal"],
+                        "modal-loading": ["modal"],
+                    };
                     availableComponents = {
+                        // Componentes básicos
                         button: "Button/Button.tsx",
                         modal: "Modal/Modal.tsx",
                         overlay: "Overlay/Overlay.tsx",
                         portal: "Portal/Portal.tsx",
                         show: "Show/Show.tsx",
+                        // Componentes de ErrorHandling
+                        "modal-system-incompatible": "ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.tsx",
+                        "modal-browser-incompatible": "ErrorHandling/ModalBrowserIncompatible/ModalBrowserIncompatible.tsx",
+                        // Componentes de Feedback
+                        "modal-confirm": "Feedback/ModalConfirm/ModalConfirm.tsx",
+                        "modal-loading": "Feedback/ModalLoading/ModalLoading.tsx",
                     };
                     availableIcons = {
                         "icon-check": "Actions/IconCheck/IconCheck.tsx",
@@ -5890,9 +5903,13 @@ function addComponent(componentName) {
                         "icon-spinner-desktop": "Actions/IconSpinnerDesktop/IconSpinnerDesktop.tsx",
                         "icon-spinner-mobile": "Actions/IconSpinnerMobile/IconSpinnerMobile.tsx",
                         "icon-chrome": "Browsers/IconChrome/IconChrome.tsx",
+                        "icon-chrome-color": "Browsers/IconChromeColor/IconChromeColor.tsx",
                         "icon-edge": "Browsers/IconEdge/IconEdge.tsx",
+                        "icon-edge-color": "Browsers/IconEdgeColor/IconEdgeColor.tsx",
                         "icon-mozilla": "Browsers/IconMozilla/IconMozilla.tsx",
+                        "icon-mozilla-color": "Browsers/IconMozillaColor/IconMozillaColor.tsx",
                         "icon-safari": "Browsers/IconSafari/IconSafari.tsx",
+                        "icon-safari-color": "Browsers/IconSafariColor/IconSafariColor.tsx",
                         "icon-elections": "ONPE/ElectionsIcon/ElectionsIcon.tsx",
                         "icon-voto-digital": "ONPE/IconVotoDigital/IconVotoDigital.tsx",
                         "icon-android": "OperatingSystems/IconAndroid/IconAndroid.tsx",
@@ -5906,22 +5923,45 @@ function addComponent(componentName) {
                     }
                     _a.label = 2;
                 case 2:
-                    _a.trys.push([2, 6, , 7]);
+                    _a.trys.push([2, 12, , 13]);
+                    if (!(!isIcon && componentDependencies[componentName.toLowerCase()])) return [3 /*break*/, 8];
+                    dependencies = componentDependencies[componentName.toLowerCase()];
+                    console.log("\uD83D\uDD17 Instalando dependencias: ".concat(dependencies.join(", ")));
+                    _i = 0, dependencies_1 = dependencies;
+                    _a.label = 3;
+                case 3:
+                    if (!(_i < dependencies_1.length)) return [3 /*break*/, 8];
+                    dependency = dependencies_1[_i];
+                    _a.label = 4;
+                case 4:
+                    _a.trys.push([4, 6, , 7]);
+                    return [4 /*yield*/, addComponent(dependency)];
+                case 5:
+                    _a.sent();
+                    return [3 /*break*/, 7];
+                case 6:
+                    depError_1 = _a.sent();
+                    console.warn("\u26A0\uFE0F  No se pudo instalar la dependencia '".concat(dependency, "': ").concat(depError_1.message));
+                    return [3 /*break*/, 7];
+                case 7:
+                    _i++;
+                    return [3 /*break*/, 3];
+                case 8:
                     downloadUrl = isIcon ? "".concat(ICONS_URL, "/").concat(componentFile) : "".concat(COMPONENTS_URL, "/").concat(componentFile);
                     return [4 /*yield*/, fetch(downloadUrl)];
-                case 3:
+                case 9:
                     response = _a.sent();
                     if (!response.ok) {
                         throw new Error("No se pudo descargar el componente: ".concat(response.statusText));
                     }
                     return [4 /*yield*/, response.text()];
-                case 4:
+                case 10:
                     componentCode = _a.sent();
                     personalizedCode = personalizeComponent(componentCode, componentName);
                     fileName = "".concat(componentName.charAt(0).toUpperCase() + componentName.slice(1), ".tsx");
                     filePath = require$$1.join(componentPath, fileName);
                     return [4 /*yield*/, lib.writeFile(filePath, personalizedCode)];
-                case 5:
+                case 11:
                     _a.sent();
                     console.log("\uD83D\uDCC1 ".concat(isIcon ? "Icono" : "Componente", " guardado en: ").concat(filePath));
                     // Mostrar instrucciones
@@ -5931,11 +5971,11 @@ function addComponent(componentName) {
                     console.log("   import { ".concat(componentName.charAt(0).toUpperCase() + componentName.slice(1), " } from '").concat(importPath, "'"));
                     console.log("2. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
                     console.log("   <".concat(componentName.charAt(0).toUpperCase() + componentName.slice(1), " />"));
-                    return [3 /*break*/, 7];
-                case 6:
+                    return [3 /*break*/, 13];
+                case 12:
                     error_1 = _a.sent();
                     throw new Error("Error al instalar el ".concat(isIcon ? "icono" : "componente", ": ").concat(error_1.message));
-                case 7: return [2 /*return*/];
+                case 13: return [2 /*return*/];
             }
         });
     });
@@ -5947,7 +5987,7 @@ function personalizeComponent(code, componentName) {
 }
 
 var program = new Command();
-program.name("onpe-ui").description("CLI para instalar componentes ONPE UI").version("1.0.33");
+program.name("onpe-ui").description("CLI para instalar componentes ONPE UI").version("1.0.39");
 program
     .command("add <component>")
     .description("Agregar un componente ONPE UI al proyecto")

package/dist/cli.js

@@ -5865,7 +5865,7 @@ var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main
 var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
 function addComponent(componentName) {
     return __awaiter(this, void 0, void 0, function () {
-        var isIcon, componentPath, availableComponents, availableIcons, componentFile, availableItems, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, importPath, error_1;
+        var isIcon, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, importPath, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -5876,12 +5876,25 @@ function addComponent(componentName) {
                 case 1:
                     // Crear directorio si no existe
                     _a.sent();
+                    componentDependencies = {
+                        "modal-browser-incompatible": ["modal", "icon-warning", "icon-chrome-color", "icon-safari-color", "icon-mozilla-color", "icon-edge-color"],
+                        "modal-system-incompatible": ["modal", "icon-warning"],
+                        "modal-confirm": ["modal"],
+                        "modal-loading": ["modal"],
+                    };
                     availableComponents = {
+                        // Componentes básicos
                         button: "Button/Button.tsx",
                         modal: "Modal/Modal.tsx",
                         overlay: "Overlay/Overlay.tsx",
                         portal: "Portal/Portal.tsx",
                         show: "Show/Show.tsx",
+                        // Componentes de ErrorHandling
+                        "modal-system-incompatible": "ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.tsx",
+                        "modal-browser-incompatible": "ErrorHandling/ModalBrowserIncompatible/ModalBrowserIncompatible.tsx",
+                        // Componentes de Feedback
+                        "modal-confirm": "Feedback/ModalConfirm/ModalConfirm.tsx",
+                        "modal-loading": "Feedback/ModalLoading/ModalLoading.tsx",
                     };
                     availableIcons = {
                         "icon-check": "Actions/IconCheck/IconCheck.tsx",
@@ -5890,9 +5903,13 @@ function addComponent(componentName) {
                         "icon-spinner-desktop": "Actions/IconSpinnerDesktop/IconSpinnerDesktop.tsx",
                         "icon-spinner-mobile": "Actions/IconSpinnerMobile/IconSpinnerMobile.tsx",
                         "icon-chrome": "Browsers/IconChrome/IconChrome.tsx",
+                        "icon-chrome-color": "Browsers/IconChromeColor/IconChromeColor.tsx",
                         "icon-edge": "Browsers/IconEdge/IconEdge.tsx",
+                        "icon-edge-color": "Browsers/IconEdgeColor/IconEdgeColor.tsx",
                         "icon-mozilla": "Browsers/IconMozilla/IconMozilla.tsx",
+                        "icon-mozilla-color": "Browsers/IconMozillaColor/IconMozillaColor.tsx",
                         "icon-safari": "Browsers/IconSafari/IconSafari.tsx",
+                        "icon-safari-color": "Browsers/IconSafariColor/IconSafariColor.tsx",
                         "icon-elections": "ONPE/ElectionsIcon/ElectionsIcon.tsx",
                         "icon-voto-digital": "ONPE/IconVotoDigital/IconVotoDigital.tsx",
                         "icon-android": "OperatingSystems/IconAndroid/IconAndroid.tsx",
@@ -5906,22 +5923,45 @@ function addComponent(componentName) {
                     }
                     _a.label = 2;
                 case 2:
-                    _a.trys.push([2, 6, , 7]);
+                    _a.trys.push([2, 12, , 13]);
+                    if (!(!isIcon && componentDependencies[componentName.toLowerCase()])) return [3 /*break*/, 8];
+                    dependencies = componentDependencies[componentName.toLowerCase()];
+                    console.log("\uD83D\uDD17 Instalando dependencias: ".concat(dependencies.join(", ")));
+                    _i = 0, dependencies_1 = dependencies;
+                    _a.label = 3;
+                case 3:
+                    if (!(_i < dependencies_1.length)) return [3 /*break*/, 8];
+                    dependency = dependencies_1[_i];
+                    _a.label = 4;
+                case 4:
+                    _a.trys.push([4, 6, , 7]);
+                    return [4 /*yield*/, addComponent(dependency)];
+                case 5:
+                    _a.sent();
+                    return [3 /*break*/, 7];
+                case 6:
+                    depError_1 = _a.sent();
+                    console.warn("\u26A0\uFE0F  No se pudo instalar la dependencia '".concat(dependency, "': ").concat(depError_1.message));
+                    return [3 /*break*/, 7];
+                case 7:
+                    _i++;
+                    return [3 /*break*/, 3];
+                case 8:
                     downloadUrl = isIcon ? "".concat(ICONS_URL, "/").concat(componentFile) : "".concat(COMPONENTS_URL, "/").concat(componentFile);
                     return [4 /*yield*/, fetch(downloadUrl)];
-                case 3:
+                case 9:
                     response = _a.sent();
                     if (!response.ok) {
                         throw new Error("No se pudo descargar el componente: ".concat(response.statusText));
                     }
                     return [4 /*yield*/, response.text()];
-                case 4:
+                case 10:
                     componentCode = _a.sent();
                     personalizedCode = personalizeComponent(componentCode, componentName);
                     fileName = "".concat(componentName.charAt(0).toUpperCase() + componentName.slice(1), ".tsx");
                     filePath = require$$1.join(componentPath, fileName);
                     return [4 /*yield*/, lib.writeFile(filePath, personalizedCode)];
-                case 5:
+                case 11:
                     _a.sent();
                     console.log("\uD83D\uDCC1 ".concat(isIcon ? "Icono" : "Componente", " guardado en: ").concat(filePath));
                     // Mostrar instrucciones
@@ -5931,11 +5971,11 @@ function addComponent(componentName) {
                     console.log("   import { ".concat(componentName.charAt(0).toUpperCase() + componentName.slice(1), " } from '").concat(importPath, "'"));
                     console.log("2. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
                     console.log("   <".concat(componentName.charAt(0).toUpperCase() + componentName.slice(1), " />"));
-                    return [3 /*break*/, 7];
-                case 6:
+                    return [3 /*break*/, 13];
+                case 12:
                     error_1 = _a.sent();
                     throw new Error("Error al instalar el ".concat(isIcon ? "icono" : "componente", ": ").concat(error_1.message));
-                case 7: return [2 /*return*/];
+                case 13: return [2 /*return*/];
             }
         });
     });
@@ -5947,7 +5987,7 @@ function personalizeComponent(code, componentName) {
 }
 
 var program = new Command();
-program.name("onpe-ui").description("CLI para instalar componentes ONPE UI").version("1.0.33");
+program.name("onpe-ui").description("CLI para instalar componentes ONPE UI").version("1.0.39");
 program
     .command("add <component>")
     .description("Agregar un componente ONPE UI al proyecto")

package/dist/components/ErrorHandling/ModalBrowserIncompatible/ModalBrowserIncompatible.d.ts

@@ -0,0 +1,8 @@
+export interface ModalBrowserIncompatibleProps {
+    isOpen: boolean;
+    onClose: () => void;
+    className?: string;
+}
+export declare const ModalBrowserIncompatible: ({ isOpen, onClose, className }: ModalBrowserIncompatibleProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalBrowserIncompatible;
+//# sourceMappingURL=ModalBrowserIncompatible.d.ts.map

package/dist/components/ErrorHandling/ModalBrowserIncompatible/index.d.ts

@@ -0,0 +1,3 @@
+export { ModalBrowserIncompatible } from "./ModalBrowserIncompatible";
+export type { ModalBrowserIncompatibleProps } from "./ModalBrowserIncompatible";
+//# sourceMappingURL=index.d.ts.map

package/dist/components.d.ts

@@ -41,12 +41,12 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const Modal: ({ isOpen, onClose, children, whitoutBackground, topAbsolute, closeButton, closeDisabled, overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
 
-interface BrowserIncompatibleProps {
+interface ModalBrowserIncompatibleProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
 }
-declare const BrowserIncompatible: ({ isOpen, onClose, className }: BrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
+declare const ModalBrowserIncompatible: ({ isOpen, onClose, className }: ModalBrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
 
 interface ModalConfirmProps {
     isOpen: boolean;
@@ -78,5 +78,5 @@ interface ModalSystemIncompatibleProps {
 }
 declare const ModalSystemIncompatible: ({ isOpen, onClose, className }: ModalSystemIncompatibleProps) => react_jsx_runtime.JSX.Element;
 
-export { BrowserIncompatible, Button, Modal, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
-export type { BrowserIncompatibleProps, ButtonProps, ModalConfirmProps, ModalLoadingProps, ModalProps, ModalSystemIncompatibleProps, OverlayProps, PortalProps, ShowProps };
+export { Button, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
+export type { ButtonProps, ModalBrowserIncompatibleProps, ModalConfirmProps, ModalLoadingProps, ModalProps, ModalSystemIncompatibleProps, OverlayProps, PortalProps, ShowProps };

package/dist/components.esm.js

@@ -217,7 +217,7 @@ var IconMozillaColor = function (props) { return (jsxs("svg", __assign({ width:
 
 var IconEdgeColor = function (props) { return (jsxs("svg", __assign({ width: 48, height: 48, viewBox: '0 0 48 48', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, props, { children: [jsxs("g", { clipPath: 'url(#clip0_2937_2810)', children: [jsx("path", { d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint0_linear_2937_2810)' }), jsx("path", { opacity: 0.35, d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint1_radial_2937_2810)' }), jsx("path", { d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint2_linear_2937_2810)' }), jsx("path", { opacity: 0.41, d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint3_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint4_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint5_radial_2937_2810)' })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: 'paint0_linear_2937_2810', x1: 11.0086, y1: 33.192, x2: 44.4366, y2: 33.192, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#0C59A4' }), jsx("stop", { offset: 1, stopColor: '#114A8B' })] }), jsxs("radialGradient", { id: 'paint1_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(29.475 33.4576) scale(17.882 16.986)', children: [jsx("stop", { offset: 0.72, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.53 }), jsx("stop", { offset: 1 })] }), jsxs("linearGradient", { id: 'paint2_linear_2937_2810', x1: 28.6427, y1: 18.7039, x2: 7.76028, y2: 41.4499, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#1B9DE2' }), jsx("stop", { offset: 0.16, stopColor: '#1595DF' }), jsx("stop", { offset: 0.67, stopColor: '#0680D7' }), jsx("stop", { offset: 1, stopColor: '#0078D4' })] }), jsxs("radialGradient", { id: 'paint3_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(13.2373 37.3159) rotate(-81.3826) scale(26.8871 21.7263)', children: [jsx("stop", { offset: 0.76, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.5 }), jsx("stop", { offset: 1 })] }), jsxs("radialGradient", { id: 'paint4_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(4.84718 8.88615) rotate(92.2911) scale(37.9784 80.8984)', children: [jsx("stop", { stopColor: '#35C1F1' }), jsx("stop", { offset: 0.11, stopColor: '#34C1ED' }), jsx("stop", { offset: 0.23, stopColor: '#2FC2DF' }), jsx("stop", { offset: 0.31, stopColor: '#2BC3D2' }), jsx("stop", { offset: 0.67, stopColor: '#36C752' })] }), jsxs("radialGradient", { id: 'paint5_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(45.0113 14.5136) rotate(73.7366) scale(18.2477 14.8419)', children: [jsx("stop", { stopColor: '#66EB6E' }), jsx("stop", { offset: 1, stopColor: '#66EB6E', stopOpacity: 0 })] }), jsx("clipPath", { id: 'clip0_2937_2810', children: jsx("rect", { width: 48, height: 48, fill: 'white' }) })] })] }))); };
 
-var BrowserIncompatible = function (_a) {
+var ModalBrowserIncompatible = function (_a) {
     var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
     return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: "max-w-[680px] pt-5 pb-8 ".concat(className), closeButton: true, closeDisabled: true, children: [jsx("div", { className: "flex justify-center items-center", children: jsx(IconWarning, { className: "w-22 h-22 text-onpe-ui-skyblue" }) }), jsx("p", { className: "text-sm md:text-2xl text-center mt-6 text-onpe-ui-skyblue font-medium", children: "Navegador no recomendado" }), jsx("p", { className: "text-sm md:text-lg text-center mt-6", children: "Para una mejor experiencia y mayor seguridad, debes ingresar con los siguientes navegadores:" }), jsxs("div", { className: "flex justify-center items-center gap-8 md:gap-12 mt-5", children: [jsx(IconChromeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconSafariColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconMozillaColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconEdgeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" })] })] }));
 };
@@ -266,5 +266,5 @@ var ModalSystemIncompatible = function (_a) {
     return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: "max-w-[680px] pt-10 pb-24.5 ".concat(className), closeButton: true, closeDisabled: true, children: [jsx("div", { className: "flex justify-center items-center", children: jsx(IconWarning, { className: "w-22 h-22 text-onpe-ui-skyblue" }) }), jsx("p", { className: "text-sm md:text-2xl text-center mt-6 text-onpe-ui-skyblue font-medium", children: "Sistema Operativo no recomendado" }), jsx("p", { className: "text-sm md:text-lg mt-10 text-center xl:px-12", children: "Para descargar e instalar el ONPEID utiliza un dispositivo con sistema operativo Windows, macOS, Android o iOS." }), jsxs("div", { className: "flex justify-center items-center gap-8 md:gap-12 mt-5 text-onpe-ui-skyblue", children: [jsx(IconWindow, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconAndroid, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconApple, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" })] })] }));
 };
 
-export { BrowserIncompatible, Button, Modal, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
+export { Button, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
 //# sourceMappingURL=components.esm.js.map

package/dist/components.js

@@ -217,7 +217,7 @@ var IconMozillaColor = function (props) { return (jsxs("svg", __assign({ width:
 
 var IconEdgeColor = function (props) { return (jsxs("svg", __assign({ width: 48, height: 48, viewBox: '0 0 48 48', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, props, { children: [jsxs("g", { clipPath: 'url(#clip0_2937_2810)', children: [jsx("path", { d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint0_linear_2937_2810)' }), jsx("path", { opacity: 0.35, d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint1_radial_2937_2810)' }), jsx("path", { d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint2_linear_2937_2810)' }), jsx("path", { opacity: 0.41, d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint3_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint4_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint5_radial_2937_2810)' })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: 'paint0_linear_2937_2810', x1: 11.0086, y1: 33.192, x2: 44.4366, y2: 33.192, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#0C59A4' }), jsx("stop", { offset: 1, stopColor: '#114A8B' })] }), jsxs("radialGradient", { id: 'paint1_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(29.475 33.4576) scale(17.882 16.986)', children: [jsx("stop", { offset: 0.72, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.53 }), jsx("stop", { offset: 1 })] }), jsxs("linearGradient", { id: 'paint2_linear_2937_2810', x1: 28.6427, y1: 18.7039, x2: 7.76028, y2: 41.4499, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#1B9DE2' }), jsx("stop", { offset: 0.16, stopColor: '#1595DF' }), jsx("stop", { offset: 0.67, stopColor: '#0680D7' }), jsx("stop", { offset: 1, stopColor: '#0078D4' })] }), jsxs("radialGradient", { id: 'paint3_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(13.2373 37.3159) rotate(-81.3826) scale(26.8871 21.7263)', children: [jsx("stop", { offset: 0.76, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.5 }), jsx("stop", { offset: 1 })] }), jsxs("radialGradient", { id: 'paint4_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(4.84718 8.88615) rotate(92.2911) scale(37.9784 80.8984)', children: [jsx("stop", { stopColor: '#35C1F1' }), jsx("stop", { offset: 0.11, stopColor: '#34C1ED' }), jsx("stop", { offset: 0.23, stopColor: '#2FC2DF' }), jsx("stop", { offset: 0.31, stopColor: '#2BC3D2' }), jsx("stop", { offset: 0.67, stopColor: '#36C752' })] }), jsxs("radialGradient", { id: 'paint5_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(45.0113 14.5136) rotate(73.7366) scale(18.2477 14.8419)', children: [jsx("stop", { stopColor: '#66EB6E' }), jsx("stop", { offset: 1, stopColor: '#66EB6E', stopOpacity: 0 })] }), jsx("clipPath", { id: 'clip0_2937_2810', children: jsx("rect", { width: 48, height: 48, fill: 'white' }) })] })] }))); };
 
-var BrowserIncompatible = function (_a) {
+var ModalBrowserIncompatible = function (_a) {
     var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
     return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: "max-w-[680px] pt-5 pb-8 ".concat(className), closeButton: true, closeDisabled: true, children: [jsx("div", { className: "flex justify-center items-center", children: jsx(IconWarning, { className: "w-22 h-22 text-onpe-ui-skyblue" }) }), jsx("p", { className: "text-sm md:text-2xl text-center mt-6 text-onpe-ui-skyblue font-medium", children: "Navegador no recomendado" }), jsx("p", { className: "text-sm md:text-lg text-center mt-6", children: "Para una mejor experiencia y mayor seguridad, debes ingresar con los siguientes navegadores:" }), jsxs("div", { className: "flex justify-center items-center gap-8 md:gap-12 mt-5", children: [jsx(IconChromeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconSafariColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconMozillaColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconEdgeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" })] })] }));
 };
@@ -266,5 +266,5 @@ var ModalSystemIncompatible = function (_a) {
     return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: "max-w-[680px] pt-10 pb-24.5 ".concat(className), closeButton: true, closeDisabled: true, children: [jsx("div", { className: "flex justify-center items-center", children: jsx(IconWarning, { className: "w-22 h-22 text-onpe-ui-skyblue" }) }), jsx("p", { className: "text-sm md:text-2xl text-center mt-6 text-onpe-ui-skyblue font-medium", children: "Sistema Operativo no recomendado" }), jsx("p", { className: "text-sm md:text-lg mt-10 text-center xl:px-12", children: "Para descargar e instalar el ONPEID utiliza un dispositivo con sistema operativo Windows, macOS, Android o iOS." }), jsxs("div", { className: "flex justify-center items-center gap-8 md:gap-12 mt-5 text-onpe-ui-skyblue", children: [jsx(IconWindow, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconAndroid, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconApple, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" })] })] }));
 };
 
-export { BrowserIncompatible, Button, Modal, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
+export { Button, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
 //# sourceMappingURL=components.js.map

package/dist/index.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% 0.032 17.717);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-800:oklch(44.4% 0.177 26.899);--color-orange-500:oklch(70.5% 0.213 47.604);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-900:oklch(37.9% 0.146 265.522);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-900:oklch(21% 0.034 264.665);--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:0.05em;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-onpe-ui-blue:var(--blue);--color-onpe-ui-skyblue:var(--skyblue);--color-onpe-ui-skyblue-light:var(--skyblue-light);--color-onpe-ui-yellow:var(--yellow);--color-onpe-ui-light-skyblue:var(--light-skyblue);--color-onpe-ui-gray:var(--gray);--color-onpe-ui-gray-light:var(--gray-light);--color-onpe-ui-gray-extra-light:var(--gray-extra-light);--color-onpe-ui-red:var(--red);--color-onpe-ui-dark-gray:var(--dark-gray);--color-onpe-ui-green:var(--green);--color-onpe-ui-yellow-light:var(--yellow-light)}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-11{margin-top:calc(var(--spacing)*11)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-22{height:calc(var(--spacing)*22)}.h-\[10px\]{height:10px}.h-\[32px\]{height:32px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-22{width:calc(var(--spacing)*22)}.w-\[10px\]{width:10px}.w-\[32px\]{width:32px}.w-\[98vw\]{width:98vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.max-w-\[680px\]{max-width:680px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.min-w-full{min-width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}}.space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*3*var(--tw-space-x-reverse))}}.space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}}.space-x-8{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*8*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*8*var(--tw-space-x-reverse))}}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-gray-200{:where(&>:not(:last-child)){border-color:var(--color-gray-200)}}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:transparent}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-onpe-ui-blue,.bg-onpe-ui-blue\/80{background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 80%,transparent)}}.bg-onpe-ui-dark-gray,.bg-onpe-ui-dark-gray\/80{background-color:var(--color-onpe-ui-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-dark-gray) 80%,transparent)}}.bg-onpe-ui-gray{background-color:var(--color-onpe-ui-gray)}.bg-onpe-ui-gray-extra-light,.bg-onpe-ui-gray-extra-light\/80{background-color:var(--color-onpe-ui-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-extra-light) 80%,transparent)}}.bg-onpe-ui-gray-light,.bg-onpe-ui-gray-light\/80{background-color:var(--color-onpe-ui-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-light) 80%,transparent)}}.bg-onpe-ui-gray\/80{background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 80%,transparent)}}.bg-onpe-ui-green,.bg-onpe-ui-green\/80{background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 80%,transparent)}}.bg-onpe-ui-light-skyblue,.bg-onpe-ui-light-skyblue\/80{background-color:var(--color-onpe-ui-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-light-skyblue) 80%,transparent)}}.bg-onpe-ui-red,.bg-onpe-ui-red\/80{background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 80%,transparent)}}.bg-onpe-ui-skyblue{background-color:var(--color-onpe-ui-skyblue)}.bg-onpe-ui-skyblue-light,.bg-onpe-ui-skyblue-light\/80{background-color:var(--color-onpe-ui-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue-light) 80%,transparent)}}.bg-onpe-ui-skyblue\/80{background-color:var(--color-onpe-ui-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue) 80%,transparent)}}.bg-onpe-ui-yellow{background-color:var(--color-onpe-ui-yellow)}.bg-onpe-ui-yellow-light,.bg-onpe-ui-yellow-light\/80{background-color:var(--color-onpe-ui-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow-light) 80%,transparent)}}.bg-onpe-ui-yellow\/80{background-color:var(--color-onpe-ui-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow) 80%,transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[7px\]{padding:7px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-24\.5{padding-bottom:calc(var(--spacing)*24.5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-onpe-ui-blue{color:var(--color-onpe-ui-blue)}.text-onpe-ui-dark-gray{color:var(--color-onpe-ui-dark-gray)}.text-onpe-ui-gray{color:var(--color-onpe-ui-gray)}.text-onpe-ui-gray-light{color:var(--color-onpe-ui-gray-light)}.text-onpe-ui-green{color:var(--color-onpe-ui-green)}.text-onpe-ui-red{color:var(--color-onpe-ui-red)}.text-onpe-ui-skyblue{color:var(--color-onpe-ui-skyblue)}.text-onpe-ui-yellow{color:var(--color-onpe-ui-yellow)}.text-orange-500{color:var(--color-orange-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-900{color:var(--color-yellow-900)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hover\:border-gray-300{&:hover{@media (hover:hover){border-color:var(--color-gray-300)}}}.hover\:bg-onpe-ui-blue{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue)}}}.hover\:bg-onpe-ui-blue\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 30%,transparent)}}}}.hover\:bg-onpe-ui-blue\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 80%,transparent)}}}}.hover\:bg-onpe-ui-dark-gray{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-dark-gray)}}}.hover\:bg-onpe-ui-dark-gray\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-dark-gray) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray-extra-light{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-extra-light)}}}.hover\:bg-onpe-ui-gray-extra-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-extra-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 80%,transparent)}}}}.hover\:bg-onpe-ui-green{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green)}}}.hover\:bg-onpe-ui-green\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 30%,transparent)}}}}.hover\:bg-onpe-ui-green\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 80%,transparent)}}}}.hover\:bg-onpe-ui-light-skyblue{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-light-skyblue)}}}.hover\:bg-onpe-ui-light-skyblue\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-light-skyblue) 30%,transparent)}}}}.hover\:bg-onpe-ui-red{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red)}}}.hover\:bg-onpe-ui-red\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 30%,transparent)}}}}.hover\:bg-onpe-ui-red\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 80%,transparent)}}}}.hover\:bg-onpe-ui-skyblue{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue)}}}.hover\:bg-onpe-ui-skyblue-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-skyblue\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue) 30%,transparent)}}}}.hover\:bg-onpe-ui-yellow-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-yellow\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow) 30%,transparent)}}}}.hover\:bg-purple-600{&:hover{@media (hover:hover){background-color:var(--color-purple-600)}}}.hover\:text-gray-700{&:hover{@media (hover:hover){color:var(--color-gray-700)}}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-blue-500{&:focus{--tw-ring-color:var(--color-blue-500)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:bg-onpe-ui-gray{&:disabled{background-color:var(--color-onpe-ui-gray)}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:bg-onpe-ui-gray{&:disabled{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray)}}}}.lg\:flex-row,.lg\:grid-cols-4,.lg\:max-w-\[576px\],.lg\:mt-16,.lg\:mt-20,.lg\:mt-4,.lg\:px-5,.lg\:px-8,.lg\:py-16,.lg\:text-2xl,.lg\:text-lg,.lg\:w-\[1024px\],.lg\:w-\[200px\],.md\:block,.md\:gap-12,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:h-\[48px\],.md\:hidden,.md\:mt-20,.md\:text-2xl,.md\:text-\[64px\],.md\:text-lg,.md\:w-\[48px\],.md\:w-\[500px\],.sm\:px-6,.xl\:px-12{@media (width >= 80rem){padding-inline:calc(var(--spacing)*12)}}}:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}
+/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% 0.032 17.717);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-800:oklch(44.4% 0.177 26.899);--color-orange-500:oklch(70.5% 0.213 47.604);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-900:oklch(37.9% 0.146 265.522);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-900:oklch(21% 0.034 264.665);--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:0.05em;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-11{margin-top:calc(var(--spacing)*11)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-22{height:calc(var(--spacing)*22)}.h-\[10px\]{height:10px}.h-\[32px\]{height:32px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-22{width:calc(var(--spacing)*22)}.w-\[10px\]{width:10px}.w-\[32px\]{width:32px}.w-\[98vw\]{width:98vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.max-w-\[680px\]{max-width:680px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.min-w-full{min-width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}}.space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*3*var(--tw-space-x-reverse))}}.space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}}.space-x-8{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*8*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*8*var(--tw-space-x-reverse))}}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-gray-200{:where(&>:not(:last-child)){border-color:var(--color-gray-200)}}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:transparent}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[7px\]{padding:7px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-24\.5{padding-bottom:calc(var(--spacing)*24.5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-orange-500{color:var(--color-orange-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-900{color:var(--color-yellow-900)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hover\:border-gray-300{&:hover{@media (hover:hover){border-color:var(--color-gray-300)}}}.hover\:bg-purple-600{&:hover{@media (hover:hover){background-color:var(--color-purple-600)}}}.hover\:text-gray-700{&:hover{@media (hover:hover){color:var(--color-gray-700)}}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-blue-500{&:focus{--tw-ring-color:var(--color-blue-500)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:opacity-50{&:disabled{opacity:50%}}.lg\:flex-row,.lg\:grid-cols-4,.lg\:max-w-\[576px\],.lg\:mt-16,.lg\:mt-20,.lg\:mt-4,.lg\:px-5,.lg\:px-8,.lg\:py-16,.lg\:text-2xl,.lg\:text-lg,.lg\:w-\[1024px\],.lg\:w-\[200px\],.md\:block,.md\:gap-12,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:h-\[48px\],.md\:hidden,.md\:mt-20,.md\:text-2xl,.md\:text-\[64px\],.md\:text-lg,.md\:w-\[48px\],.md\:w-\[500px\],.sm\:px-6,.xl\:px-12{@media (width >= 80rem){padding-inline:calc(var(--spacing)*12)}}}:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}.bg-onpe-ui-blue{background-color:var(--blue)!important}.bg-onpe-ui-skyblue{background-color:var(--skyblue)!important}.bg-onpe-ui-skyblue-light{background-color:var(--skyblue-light)!important}.bg-onpe-ui-yellow{background-color:var(--yellow)!important}.bg-onpe-ui-light-skyblue{background-color:var(--light-skyblue)!important}.bg-onpe-ui-gray{background-color:var(--gray)!important}.bg-onpe-ui-gray-light{background-color:var(--gray-light)!important}.bg-onpe-ui-gray-extra-light{background-color:var(--gray-extra-light)!important}.bg-onpe-ui-red{background-color:var(--red)!important}.bg-onpe-ui-dark-gray{background-color:var(--dark-gray)!important}.bg-onpe-ui-green{background-color:var(--green)!important}.bg-onpe-ui-yellow-light{background-color:var(--yellow-light)!important}.text-onpe-ui-blue{color:var(--blue)!important}.text-onpe-ui-skyblue{color:var(--skyblue)!important}.text-onpe-ui-skyblue-light{color:var(--skyblue-light)!important}.text-onpe-ui-yellow{color:var(--yellow)!important}.text-onpe-ui-light-skyblue{color:var(--light-skyblue)!important}.text-onpe-ui-gray{color:var(--gray)!important}.text-onpe-ui-gray-light{color:var(--gray-light)!important}.text-onpe-ui-gray-extra-light{color:var(--gray-extra-light)!important}.text-onpe-ui-red{color:var(--red)!important}.text-onpe-ui-dark-gray{color:var(--dark-gray)!important}.text-onpe-ui-green{color:var(--green)!important}.text-onpe-ui-yellow-light{color:var(--yellow-light)!important}.border-onpe-ui-blue{border-color:var(--blue)!important}.border-onpe-ui-skyblue{border-color:var(--skyblue)!important}.border-onpe-ui-skyblue-light{border-color:var(--skyblue-light)!important}.border-onpe-ui-yellow{border-color:var(--yellow)!important}.border-onpe-ui-light-skyblue{border-color:var(--light-skyblue)!important}.border-onpe-ui-gray{border-color:var(--gray)!important}.border-onpe-ui-gray-light{border-color:var(--gray-light)!important}.border-onpe-ui-gray-extra-light{border-color:var(--gray-extra-light)!important}.border-onpe-ui-red{border-color:var(--red)!important}.border-onpe-ui-dark-gray{border-color:var(--dark-gray)!important}.border-onpe-ui-green{border-color:var(--green)!important}.border-onpe-ui-yellow-light{border-color:var(--yellow-light)!important}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}

package/dist/index.d.ts

@@ -41,12 +41,12 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const Modal: ({ isOpen, onClose, children, whitoutBackground, topAbsolute, closeButton, closeDisabled, overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
 
-interface BrowserIncompatibleProps {
+interface ModalBrowserIncompatibleProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
 }
-declare const BrowserIncompatible: ({ isOpen, onClose, className }: BrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
+declare const ModalBrowserIncompatible: ({ isOpen, onClose, className }: ModalBrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
 
 interface ModalConfirmProps {
     isOpen: boolean;
@@ -224,5 +224,5 @@ declare const IconElectionsGeneral: (props: IconElectionsGeneralProps) => react_
 type ElectionsIconProps = SVGProps<SVGSVGElement>;
 declare const ElectionsIcon: (props: ElectionsIconProps) => react_jsx_runtime.JSX.Element;
 
-export { APIClient, BrowserIncompatible, Button, ElectionsIcon, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconEdge, IconEdgeColor, IconElectionsGeneral, IconMozilla, IconMozillaColor, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show, StorageManager, apiClient, formatDate, useDebounce, useLocalStorage, validateEmail };
-export type { BrowserIncompatibleProps, ButtonProps, ElectionsIconProps, IconAndroidProps, IconAppleProps, IconCheckProps, IconChromeColorProps, IconChromeProps, IconCloseProps, IconEdgeColorProps, IconEdgeProps, IconElectionsGeneralProps, IconMozillaColorProps, IconMozillaProps, IconSafariColorProps, IconSafariProps, IconSpinnerDesktopProps, IconSpinnerMobileProps, IconVotoDigitalProps, IconWarningProps, IconWindowProps, ModalConfirmProps, ModalLoadingProps, ModalProps, ModalSystemIncompatibleProps, OverlayProps, PortalProps, ShowProps };
+export { APIClient, Button, ElectionsIcon, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconEdge, IconEdgeColor, IconElectionsGeneral, IconMozilla, IconMozillaColor, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show, StorageManager, apiClient, formatDate, useDebounce, useLocalStorage, validateEmail };
+export type { ButtonProps, ElectionsIconProps, IconAndroidProps, IconAppleProps, IconCheckProps, IconChromeColorProps, IconChromeProps, IconCloseProps, IconEdgeColorProps, IconEdgeProps, IconElectionsGeneralProps, IconMozillaColorProps, IconMozillaProps, IconSafariColorProps, IconSafariProps, IconSpinnerDesktopProps, IconSpinnerMobileProps, IconVotoDigitalProps, IconWarningProps, IconWindowProps, ModalBrowserIncompatibleProps, ModalConfirmProps, ModalLoadingProps, ModalProps, ModalSystemIncompatibleProps, OverlayProps, PortalProps, ShowProps };

package/dist/index.esm.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% 0.032 17.717);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-800:oklch(44.4% 0.177 26.899);--color-orange-500:oklch(70.5% 0.213 47.604);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-900:oklch(37.9% 0.146 265.522);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-900:oklch(21% 0.034 264.665);--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:0.05em;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-onpe-ui-blue:var(--blue);--color-onpe-ui-skyblue:var(--skyblue);--color-onpe-ui-skyblue-light:var(--skyblue-light);--color-onpe-ui-yellow:var(--yellow);--color-onpe-ui-light-skyblue:var(--light-skyblue);--color-onpe-ui-gray:var(--gray);--color-onpe-ui-gray-light:var(--gray-light);--color-onpe-ui-gray-extra-light:var(--gray-extra-light);--color-onpe-ui-red:var(--red);--color-onpe-ui-dark-gray:var(--dark-gray);--color-onpe-ui-green:var(--green);--color-onpe-ui-yellow-light:var(--yellow-light)}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-11{margin-top:calc(var(--spacing)*11)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-22{height:calc(var(--spacing)*22)}.h-\[10px\]{height:10px}.h-\[32px\]{height:32px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-22{width:calc(var(--spacing)*22)}.w-\[10px\]{width:10px}.w-\[32px\]{width:32px}.w-\[98vw\]{width:98vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.max-w-\[680px\]{max-width:680px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.min-w-full{min-width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}}.space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*3*var(--tw-space-x-reverse))}}.space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}}.space-x-8{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*8*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*8*var(--tw-space-x-reverse))}}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-gray-200{:where(&>:not(:last-child)){border-color:var(--color-gray-200)}}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:transparent}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-onpe-ui-blue,.bg-onpe-ui-blue\/80{background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 80%,transparent)}}.bg-onpe-ui-dark-gray,.bg-onpe-ui-dark-gray\/80{background-color:var(--color-onpe-ui-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-dark-gray) 80%,transparent)}}.bg-onpe-ui-gray{background-color:var(--color-onpe-ui-gray)}.bg-onpe-ui-gray-extra-light,.bg-onpe-ui-gray-extra-light\/80{background-color:var(--color-onpe-ui-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-extra-light) 80%,transparent)}}.bg-onpe-ui-gray-light,.bg-onpe-ui-gray-light\/80{background-color:var(--color-onpe-ui-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-light) 80%,transparent)}}.bg-onpe-ui-gray\/80{background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 80%,transparent)}}.bg-onpe-ui-green,.bg-onpe-ui-green\/80{background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 80%,transparent)}}.bg-onpe-ui-light-skyblue,.bg-onpe-ui-light-skyblue\/80{background-color:var(--color-onpe-ui-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-light-skyblue) 80%,transparent)}}.bg-onpe-ui-red,.bg-onpe-ui-red\/80{background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 80%,transparent)}}.bg-onpe-ui-skyblue{background-color:var(--color-onpe-ui-skyblue)}.bg-onpe-ui-skyblue-light,.bg-onpe-ui-skyblue-light\/80{background-color:var(--color-onpe-ui-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue-light) 80%,transparent)}}.bg-onpe-ui-skyblue\/80{background-color:var(--color-onpe-ui-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue) 80%,transparent)}}.bg-onpe-ui-yellow{background-color:var(--color-onpe-ui-yellow)}.bg-onpe-ui-yellow-light,.bg-onpe-ui-yellow-light\/80{background-color:var(--color-onpe-ui-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow-light) 80%,transparent)}}.bg-onpe-ui-yellow\/80{background-color:var(--color-onpe-ui-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow) 80%,transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[7px\]{padding:7px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-24\.5{padding-bottom:calc(var(--spacing)*24.5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-onpe-ui-blue{color:var(--color-onpe-ui-blue)}.text-onpe-ui-dark-gray{color:var(--color-onpe-ui-dark-gray)}.text-onpe-ui-gray{color:var(--color-onpe-ui-gray)}.text-onpe-ui-gray-light{color:var(--color-onpe-ui-gray-light)}.text-onpe-ui-green{color:var(--color-onpe-ui-green)}.text-onpe-ui-red{color:var(--color-onpe-ui-red)}.text-onpe-ui-skyblue{color:var(--color-onpe-ui-skyblue)}.text-onpe-ui-yellow{color:var(--color-onpe-ui-yellow)}.text-orange-500{color:var(--color-orange-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-900{color:var(--color-yellow-900)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hover\:border-gray-300{&:hover{@media (hover:hover){border-color:var(--color-gray-300)}}}.hover\:bg-onpe-ui-blue{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue)}}}.hover\:bg-onpe-ui-blue\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 30%,transparent)}}}}.hover\:bg-onpe-ui-blue\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 80%,transparent)}}}}.hover\:bg-onpe-ui-dark-gray{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-dark-gray)}}}.hover\:bg-onpe-ui-dark-gray\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-dark-gray) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray-extra-light{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-extra-light)}}}.hover\:bg-onpe-ui-gray-extra-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-extra-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 30%,transparent)}}}}.hover\:bg-onpe-ui-gray\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 80%,transparent)}}}}.hover\:bg-onpe-ui-green{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green)}}}.hover\:bg-onpe-ui-green\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 30%,transparent)}}}}.hover\:bg-onpe-ui-green\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 80%,transparent)}}}}.hover\:bg-onpe-ui-light-skyblue{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-light-skyblue)}}}.hover\:bg-onpe-ui-light-skyblue\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-light-skyblue) 30%,transparent)}}}}.hover\:bg-onpe-ui-red{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red)}}}.hover\:bg-onpe-ui-red\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 30%,transparent)}}}}.hover\:bg-onpe-ui-red\/80{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 80%,transparent)}}}}.hover\:bg-onpe-ui-skyblue{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue)}}}.hover\:bg-onpe-ui-skyblue-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-skyblue\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue) 30%,transparent)}}}}.hover\:bg-onpe-ui-yellow-light\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow-light) 30%,transparent)}}}}.hover\:bg-onpe-ui-yellow\/30{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow) 30%,transparent)}}}}.hover\:bg-purple-600{&:hover{@media (hover:hover){background-color:var(--color-purple-600)}}}.hover\:text-gray-700{&:hover{@media (hover:hover){color:var(--color-gray-700)}}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-blue-500{&:focus{--tw-ring-color:var(--color-blue-500)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:bg-onpe-ui-gray{&:disabled{background-color:var(--color-onpe-ui-gray)}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:bg-onpe-ui-gray{&:disabled{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray)}}}}.lg\:flex-row,.lg\:grid-cols-4,.lg\:max-w-\[576px\],.lg\:mt-16,.lg\:mt-20,.lg\:mt-4,.lg\:px-5,.lg\:px-8,.lg\:py-16,.lg\:text-2xl,.lg\:text-lg,.lg\:w-\[1024px\],.lg\:w-\[200px\],.md\:block,.md\:gap-12,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:h-\[48px\],.md\:hidden,.md\:mt-20,.md\:text-2xl,.md\:text-\[64px\],.md\:text-lg,.md\:w-\[48px\],.md\:w-\[500px\],.sm\:px-6,.xl\:px-12{@media (width >= 80rem){padding-inline:calc(var(--spacing)*12)}}}:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}
+:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}.bg-onpe-ui-blue{background-color:var(--blue)!important}.bg-onpe-ui-skyblue{background-color:var(--skyblue)!important}.bg-onpe-ui-skyblue-light{background-color:var(--skyblue-light)!important}.bg-onpe-ui-yellow{background-color:var(--yellow)!important}.bg-onpe-ui-light-skyblue{background-color:var(--light-skyblue)!important}.bg-onpe-ui-gray{background-color:var(--gray)!important}.bg-onpe-ui-gray-light{background-color:var(--gray-light)!important}.bg-onpe-ui-gray-extra-light{background-color:var(--gray-extra-light)!important}.bg-onpe-ui-red{background-color:var(--red)!important}.bg-onpe-ui-dark-gray{background-color:var(--dark-gray)!important}.bg-onpe-ui-green{background-color:var(--green)!important}.bg-onpe-ui-yellow-light{background-color:var(--yellow-light)!important}.text-onpe-ui-blue{color:var(--blue)!important}.text-onpe-ui-skyblue{color:var(--skyblue)!important}.text-onpe-ui-skyblue-light{color:var(--skyblue-light)!important}.text-onpe-ui-yellow{color:var(--yellow)!important}.text-onpe-ui-light-skyblue{color:var(--light-skyblue)!important}.text-onpe-ui-gray{color:var(--gray)!important}.text-onpe-ui-gray-light{color:var(--gray-light)!important}.text-onpe-ui-gray-extra-light{color:var(--gray-extra-light)!important}.text-onpe-ui-red{color:var(--red)!important}.text-onpe-ui-dark-gray{color:var(--dark-gray)!important}.text-onpe-ui-green{color:var(--green)!important}.text-onpe-ui-yellow-light{color:var(--yellow-light)!important}.border-onpe-ui-blue{border-color:var(--blue)!important}.border-onpe-ui-skyblue{border-color:var(--skyblue)!important}.border-onpe-ui-skyblue-light{border-color:var(--skyblue-light)!important}.border-onpe-ui-yellow{border-color:var(--yellow)!important}.border-onpe-ui-light-skyblue{border-color:var(--light-skyblue)!important}.border-onpe-ui-gray{border-color:var(--gray)!important}.border-onpe-ui-gray-light{border-color:var(--gray-light)!important}.border-onpe-ui-gray-extra-light{border-color:var(--gray-extra-light)!important}.border-onpe-ui-red{border-color:var(--red)!important}.border-onpe-ui-dark-gray{border-color:var(--dark-gray)!important}.border-onpe-ui-green{border-color:var(--green)!important}.border-onpe-ui-yellow-light{border-color:var(--yellow-light)!important}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}

package/dist/index.esm.js

@@ -217,7 +217,7 @@ var IconMozillaColor = function (props) { return (jsxs("svg", __assign({ width:
 
 var IconEdgeColor = function (props) { return (jsxs("svg", __assign({ width: 48, height: 48, viewBox: '0 0 48 48', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, props, { children: [jsxs("g", { clipPath: 'url(#clip0_2937_2810)', children: [jsx("path", { d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint0_linear_2937_2810)' }), jsx("path", { opacity: 0.35, d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint1_radial_2937_2810)' }), jsx("path", { d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint2_linear_2937_2810)' }), jsx("path", { opacity: 0.41, d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint3_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint4_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint5_radial_2937_2810)' })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: 'paint0_linear_2937_2810', x1: 11.0086, y1: 33.192, x2: 44.4366, y2: 33.192, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#0C59A4' }), jsx("stop", { offset: 1, stopColor: '#114A8B' })] }), jsxs("radialGradient", { id: 'paint1_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(29.475 33.4576) scale(17.882 16.986)', children: [jsx("stop", { offset: 0.72, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.53 }), jsx("stop", { offset: 1 })] }), jsxs("linearGradient", { id: 'paint2_linear_2937_2810', x1: 28.6427, y1: 18.7039, x2: 7.76028, y2: 41.4499, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#1B9DE2' }), jsx("stop", { offset: 0.16, stopColor: '#1595DF' }), jsx("stop", { offset: 0.67, stopColor: '#0680D7' }), jsx("stop", { offset: 1, stopColor: '#0078D4' })] }), jsxs("radialGradient", { id: 'paint3_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(13.2373 37.3159) rotate(-81.3826) scale(26.8871 21.7263)', children: [jsx("stop", { offset: 0.76, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.5 }), jsx("stop", { offset: 1 })] }), jsxs("radialGradient", { id: 'paint4_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(4.84718 8.88615) rotate(92.2911) scale(37.9784 80.8984)', children: [jsx("stop", { stopColor: '#35C1F1' }), jsx("stop", { offset: 0.11, stopColor: '#34C1ED' }), jsx("stop", { offset: 0.23, stopColor: '#2FC2DF' }), jsx("stop", { offset: 0.31, stopColor: '#2BC3D2' }), jsx("stop", { offset: 0.67, stopColor: '#36C752' })] }), jsxs("radialGradient", { id: 'paint5_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(45.0113 14.5136) rotate(73.7366) scale(18.2477 14.8419)', children: [jsx("stop", { stopColor: '#66EB6E' }), jsx("stop", { offset: 1, stopColor: '#66EB6E', stopOpacity: 0 })] }), jsx("clipPath", { id: 'clip0_2937_2810', children: jsx("rect", { width: 48, height: 48, fill: 'white' }) })] })] }))); };
 
-var BrowserIncompatible = function (_a) {
+var ModalBrowserIncompatible = function (_a) {
     var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
     return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: "max-w-[680px] pt-5 pb-8 ".concat(className), closeButton: true, closeDisabled: true, children: [jsx("div", { className: "flex justify-center items-center", children: jsx(IconWarning, { className: "w-22 h-22 text-onpe-ui-skyblue" }) }), jsx("p", { className: "text-sm md:text-2xl text-center mt-6 text-onpe-ui-skyblue font-medium", children: "Navegador no recomendado" }), jsx("p", { className: "text-sm md:text-lg text-center mt-6", children: "Para una mejor experiencia y mayor seguridad, debes ingresar con los siguientes navegadores:" }), jsxs("div", { className: "flex justify-center items-center gap-8 md:gap-12 mt-5", children: [jsx(IconChromeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconSafariColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconMozillaColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconEdgeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" })] })] }));
 };
@@ -488,5 +488,5 @@ var IconElectionsGeneral = function (props) { return (jsxs("svg", __assign({ wid
 
 var ElectionsIcon = function (props) { return (jsxs("svg", __assign({ width: 350, height: 70, viewBox: "0 0 350 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx("path", { d: "M130.62 9.46469V11.413H134.423V13.933H130.62V16.0797H134.925V18.728H127.307V6.80469H134.925V9.45302H130.62V9.46469Z", fill: "#1D3B6D" }), jsx("path", { d: "M139.872 6.21875V18.7254H136.559V6.21875H139.872Z", fill: "#1D3B6D" }), jsx("path", { d: "M150.768 14.6472H144.503C144.538 15.1605 144.678 15.5455 144.935 15.8022C145.191 16.0589 145.506 16.1872 145.903 16.1872C146.451 16.1872 146.848 15.9422 147.081 15.4405H150.616C150.465 16.0939 150.185 16.6772 149.765 17.1905C149.345 17.7039 148.808 18.1005 148.166 18.4039C147.525 18.7072 146.813 18.8472 146.043 18.8472C145.11 18.8472 144.281 18.6489 143.546 18.2522C142.823 17.8555 142.251 17.2955 141.843 16.5605C141.435 15.8255 141.225 14.9622 141.225 13.9705C141.225 12.9789 141.423 12.1272 141.831 11.3922C142.24 10.6689 142.8 10.1089 143.535 9.71219C144.258 9.31552 145.098 9.11719 146.043 9.11719C146.988 9.11719 147.805 9.30385 148.528 9.68885C149.251 10.0739 149.811 10.6222 150.22 11.3339C150.628 12.0455 150.826 12.8855 150.826 13.8539C150.826 14.1105 150.815 14.3672 150.78 14.6355L150.768 14.6472ZM147.443 13.0489C147.443 12.6405 147.303 12.3255 147.035 12.0922C146.766 11.8589 146.428 11.7422 146.02 11.7422C145.611 11.7422 145.285 11.8472 145.028 12.0689C144.771 12.2905 144.596 12.6172 144.526 13.0372H147.443V13.0489Z", fill: "#1D3B6D" })] }))); };
 
-export { APIClient, BrowserIncompatible, Button, ElectionsIcon, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconEdge, IconEdgeColor, IconElectionsGeneral, IconMozilla, IconMozillaColor, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show, StorageManager, apiClient, formatDate, useDebounce, useLocalStorage, validateEmail };
+export { APIClient, Button, ElectionsIcon, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconEdge, IconEdgeColor, IconElectionsGeneral, IconMozilla, IconMozillaColor, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show, StorageManager, apiClient, formatDate, useDebounce, useLocalStorage, validateEmail };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.js

@@ -217,7 +217,7 @@ var IconMozillaColor = function (props) { return (jsxs("svg", __assign({ width:
 
 var IconEdgeColor = function (props) { return (jsxs("svg", __assign({ width: 48, height: 48, viewBox: '0 0 48 48', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, props, { children: [jsxs("g", { clipPath: 'url(#clip0_2937_2810)', children: [jsx("path", { d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint0_linear_2937_2810)' }), jsx("path", { opacity: 0.35, d: 'M43.3141 35.7195C42.6766 36.057 42.0203 36.357 41.3453 36.6008C39.1891 37.407 36.9203 37.8195 34.6141 37.8195C25.7453 37.8195 18.0203 31.7258 18.0203 23.8883C18.0391 21.7508 19.2203 19.782 21.0953 18.7695C13.0703 19.107 11.0078 27.4695 11.0078 32.3633C11.0078 46.2195 23.7766 47.6258 26.5328 47.6258C28.0141 47.6258 30.2453 47.1945 31.5953 46.7633L31.8391 46.6883C37.0141 44.907 41.4016 41.4195 44.3266 36.7883C44.5516 36.432 44.4391 35.982 44.1016 35.757C43.8578 35.607 43.5578 35.5883 43.3141 35.7195Z', fill: 'url(#paint1_radial_2937_2810)' }), jsx("path", { d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint2_linear_2937_2810)' }), jsx("path", { opacity: 0.41, d: 'M19.8169 45.2641C18.1482 44.2328 16.7044 42.8641 15.5607 41.2703C10.6294 34.5203 12.1107 25.0516 18.8607 20.1203C19.5732 19.6141 20.3044 19.1453 21.0919 18.7703C21.6732 18.4891 22.6669 18.0016 23.9982 18.0203C25.8919 18.0391 27.6732 18.9391 28.8169 20.4578C29.5669 21.4703 29.9982 22.6891 30.0169 23.9641C30.0169 23.9266 34.6107 9.03906 15.0169 9.03906C6.78565 9.03906 0.0169045 16.8578 0.0169045 23.7016C-0.0205955 27.3203 0.766904 30.9203 2.28565 34.2016C7.46065 45.2266 20.0607 50.6266 31.6107 46.7828C27.6544 48.0203 23.3419 47.4766 19.8169 45.2641Z', fill: 'url(#paint3_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint4_radial_2937_2810)' }), jsx("path", { d: 'M28.5563 27.9187C28.4062 28.1062 27.9375 28.3875 27.9375 28.9875C27.9375 29.475 28.2562 29.9438 28.8187 30.3375C31.5187 32.2125 36.6 31.9688 36.6188 31.9688C38.625 31.9688 40.575 31.425 42.3 30.4125C45.825 28.35 48 24.5813 48 20.4938C48.0563 16.2938 46.5 13.5 45.8812 12.2625C41.9062 4.48125 33.3187 0 24 0C10.875 0 0.1875 10.5375 0 23.6625C0.09375 16.8187 6.9 11.2875 15 11.2875C15.6562 11.2875 19.4062 11.3438 22.875 13.1813C25.9312 14.7938 27.5438 16.725 28.65 18.6562C29.8125 20.6625 30.0188 23.175 30.0188 24.1875C30.0188 25.1812 29.5125 26.6812 28.5563 27.9187Z', fill: 'url(#paint5_radial_2937_2810)' })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: 'paint0_linear_2937_2810', x1: 11.0086, y1: 33.192, x2: 44.4366, y2: 33.192, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#0C59A4' }), jsx("stop", { offset: 1, stopColor: '#114A8B' })] }), jsxs("radialGradient", { id: 'paint1_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(29.475 33.4576) scale(17.882 16.986)', children: [jsx("stop", { offset: 0.72, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.53 }), jsx("stop", { offset: 1 })] }), jsxs("linearGradient", { id: 'paint2_linear_2937_2810', x1: 28.6427, y1: 18.7039, x2: 7.76028, y2: 41.4499, gradientUnits: 'userSpaceOnUse', children: [jsx("stop", { stopColor: '#1B9DE2' }), jsx("stop", { offset: 0.16, stopColor: '#1595DF' }), jsx("stop", { offset: 0.67, stopColor: '#0680D7' }), jsx("stop", { offset: 1, stopColor: '#0078D4' })] }), jsxs("radialGradient", { id: 'paint3_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(13.2373 37.3159) rotate(-81.3826) scale(26.8871 21.7263)', children: [jsx("stop", { offset: 0.76, stopOpacity: 0 }), jsx("stop", { offset: 0.95, stopOpacity: 0.5 }), jsx("stop", { offset: 1 })] }), jsxs("radialGradient", { id: 'paint4_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(4.84718 8.88615) rotate(92.2911) scale(37.9784 80.8984)', children: [jsx("stop", { stopColor: '#35C1F1' }), jsx("stop", { offset: 0.11, stopColor: '#34C1ED' }), jsx("stop", { offset: 0.23, stopColor: '#2FC2DF' }), jsx("stop", { offset: 0.31, stopColor: '#2BC3D2' }), jsx("stop", { offset: 0.67, stopColor: '#36C752' })] }), jsxs("radialGradient", { id: 'paint5_radial_2937_2810', cx: 0, cy: 0, r: 1, gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(45.0113 14.5136) rotate(73.7366) scale(18.2477 14.8419)', children: [jsx("stop", { stopColor: '#66EB6E' }), jsx("stop", { offset: 1, stopColor: '#66EB6E', stopOpacity: 0 })] }), jsx("clipPath", { id: 'clip0_2937_2810', children: jsx("rect", { width: 48, height: 48, fill: 'white' }) })] })] }))); };
 
-var BrowserIncompatible = function (_a) {
+var ModalBrowserIncompatible = function (_a) {
     var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
     return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: "max-w-[680px] pt-5 pb-8 ".concat(className), closeButton: true, closeDisabled: true, children: [jsx("div", { className: "flex justify-center items-center", children: jsx(IconWarning, { className: "w-22 h-22 text-onpe-ui-skyblue" }) }), jsx("p", { className: "text-sm md:text-2xl text-center mt-6 text-onpe-ui-skyblue font-medium", children: "Navegador no recomendado" }), jsx("p", { className: "text-sm md:text-lg text-center mt-6", children: "Para una mejor experiencia y mayor seguridad, debes ingresar con los siguientes navegadores:" }), jsxs("div", { className: "flex justify-center items-center gap-8 md:gap-12 mt-5", children: [jsx(IconChromeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconSafariColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconMozillaColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" }), jsx(IconEdgeColor, { className: "md:w-[48px] md:h-[48px] w-[32px] h-[32px]" })] })] }));
 };
@@ -488,5 +488,5 @@ var IconElectionsGeneral = function (props) { return (jsxs("svg", __assign({ wid
 
 var ElectionsIcon = function (props) { return (jsxs("svg", __assign({ width: 350, height: 70, viewBox: "0 0 350 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx("path", { d: "M130.62 9.46469V11.413H134.423V13.933H130.62V16.0797H134.925V18.728H127.307V6.80469H134.925V9.45302H130.62V9.46469Z", fill: "#1D3B6D" }), jsx("path", { d: "M139.872 6.21875V18.7254H136.559V6.21875H139.872Z", fill: "#1D3B6D" }), jsx("path", { d: "M150.768 14.6472H144.503C144.538 15.1605 144.678 15.5455 144.935 15.8022C145.191 16.0589 145.506 16.1872 145.903 16.1872C146.451 16.1872 146.848 15.9422 147.081 15.4405H150.616C150.465 16.0939 150.185 16.6772 149.765 17.1905C149.345 17.7039 148.808 18.1005 148.166 18.4039C147.525 18.7072 146.813 18.8472 146.043 18.8472C145.11 18.8472 144.281 18.6489 143.546 18.2522C142.823 17.8555 142.251 17.2955 141.843 16.5605C141.435 15.8255 141.225 14.9622 141.225 13.9705C141.225 12.9789 141.423 12.1272 141.831 11.3922C142.24 10.6689 142.8 10.1089 143.535 9.71219C144.258 9.31552 145.098 9.11719 146.043 9.11719C146.988 9.11719 147.805 9.30385 148.528 9.68885C149.251 10.0739 149.811 10.6222 150.22 11.3339C150.628 12.0455 150.826 12.8855 150.826 13.8539C150.826 14.1105 150.815 14.3672 150.78 14.6355L150.768 14.6472ZM147.443 13.0489C147.443 12.6405 147.303 12.3255 147.035 12.0922C146.766 11.8589 146.428 11.7422 146.02 11.7422C145.611 11.7422 145.285 11.8472 145.028 12.0689C144.771 12.2905 144.596 12.6172 144.526 13.0372H147.443V13.0489Z", fill: "#1D3B6D" })] }))); };
 
-export { APIClient, BrowserIncompatible, Button, ElectionsIcon, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconEdge, IconEdgeColor, IconElectionsGeneral, IconMozilla, IconMozillaColor, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show, StorageManager, apiClient, formatDate, useDebounce, useLocalStorage, validateEmail };
+export { APIClient, Button, ElectionsIcon, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconEdge, IconEdgeColor, IconElectionsGeneral, IconMozilla, IconMozillaColor, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show, StorageManager, apiClient, formatDate, useDebounce, useLocalStorage, validateEmail };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onpe/ui",
-  "version": "1.0.35",
+  "version": "1.0.40",
   "type": "module",
   "description": "Librería completa de UI para ONPE - Componentes, Hooks, Utils y Librerías",
   "main": "dist/index.js",
@@ -97,11 +97,11 @@
     "@types/react-dom": "^18.2.18",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.21",
     "eslint": "^8.55.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "postcss": "^8.4.32",
+    "postcss": "^8.5.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup": "^4.9.1",