@onpe/ui 1.2.22 → 1.2.25

package/dist/components.esm.js

@@ -266,5 +266,23 @@ 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 { Button, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
+var IconChrome = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxs("g", { clipPath: "url(#clip2_4460_12124)", children: [jsx("path", { d: "M4.00488 3.44051C6.20217 1.58479 9.04983 0.560425 12.0001 0.564465C14.1846 0.563653 16.3279 1.12509 18.1987 2.18821C20.0696 3.25133 21.597 4.77577 22.6161 6.59708H12.0001C10.8956 6.5969 9.81579 6.90448 8.89627 7.48114C7.97674 8.0578 7.25859 8.87781 6.83208 9.8381L4.00488 3.44051Z", fill: "currentColor" }), jsx("path", { d: "M2.79194 4.62109C1.53583 6.03815 0.666731 7.72344 0.260475 9.5299C-0.145781 11.3364 -0.0768467 13.2091 0.461263 14.9846C0.999374 16.7602 1.99031 18.3847 3.34759 19.7163C4.70487 21.0478 6.38726 22.0461 8.24794 22.6239L12.7471 17.1071C11.3631 17.2831 9.95915 16.9654 8.81071 16.2163C7.66226 15.4671 6.85212 14.3407 6.53914 13.0577C6.50797 13.0141 6.48169 12.9676 6.46074 12.919L2.79194 4.62109Z", fill: "currentColor" }), jsx("path", { d: "M9.94385 23.0208C12.0087 23.3602 14.1319 23.1838 16.102 22.5093C18.0721 21.8347 19.8204 20.6856 21.1728 19.1761C22.5252 17.6667 23.4346 15.8497 23.8105 13.906C24.1864 11.9624 24.0155 9.95977 23.315 8.09766C23.2769 8.10277 23.2384 8.10529 23.1998 8.1052H15.9198C16.4526 8.59622 16.8757 9.18278 17.1642 9.83031C17.4527 10.4778 17.6009 11.1733 17.5998 11.8756C17.6033 13.2244 17.0569 14.5229 16.0734 15.5027L9.94385 23.0208Z", fill: "currentColor" }), jsx("path", { d: "M8 11.8759C8 10.8759 8.42143 9.91687 9.17157 9.20979C9.92172 8.5027 10.9391 8.10547 12 8.10547C13.0609 8.10547 14.0783 8.5027 14.8284 9.20979C15.5786 9.91687 16 10.8759 16 11.8759C16 12.8758 15.5786 13.8348 14.8284 14.5419C14.0783 15.249 13.0609 15.6462 12 15.6462C10.9391 15.6462 9.92172 15.249 9.17157 14.5419C8.42143 13.8348 8 12.8758 8 11.8759Z", fill: "currentColor" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip2_4460_12124", children: jsx("rect", { width: 24, height: 22.6223, fill: "white", transform: "translate(0 0.564453)" }) }) })] }))); };
+
+var IconSafari = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxs("g", { clipPath: "url(#clip0_7500_5262)", children: [jsx("path", { d: "M7.93359 16.068L10.9832 10.9832L16.068 7.93359L13.0184 13.0184L7.93359 16.068Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12ZM19.0864 6.0112C19.1782 5.85821 19.2162 5.67893 19.1944 5.50185C19.1726 5.32477 19.0923 5.16006 18.9661 5.0339C18.8399 4.90774 18.6752 4.82737 18.4982 4.80557C18.3211 4.78378 18.1418 4.8218 17.9888 4.9136L9.8176 9.8176L4.912 17.9888C4.8202 18.1418 4.78218 18.3211 4.80397 18.4982C4.82577 18.6752 4.90614 18.8399 5.0323 18.9661C5.15845 19.0923 5.32317 19.1726 5.50025 19.1944C5.67733 19.2162 5.85661 19.1782 6.0096 19.0864L14.1808 14.1824L19.0864 6.0112Z", fill: "currentColor" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_7500_5262", children: jsx("rect", { width: 24, height: 24, fill: "white" }) }) })] }))); };
+
+var IconMozilla = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx("g", { clipPath: "url(#clip0_4460_12122)", children: jsx("path", { d: "M5.63408 6.116C5.64569 6.116 5.64569 6.116 5.63408 6.116V6.116ZM22.3969 8.15267C21.8974 7.00294 20.8635 5.76561 20.062 5.37142C20.7125 6.58685 21.0958 7.80227 21.2469 8.70016V8.72206C19.9342 5.63421 17.7038 4.38594 15.88 1.67038C15.787 1.53899 15.6825 1.39664 15.6012 1.25429C15.5547 1.17764 15.5198 1.10099 15.4734 1.02434C15.4037 0.881997 15.334 0.73965 15.2991 0.586353C15.2991 0.575403 15.2875 0.564453 15.2759 0.564453H15.241C12.6621 1.98793 11.5818 4.49543 11.3146 6.08315C10.5131 6.12695 9.72314 6.3131 9.0029 6.64159C8.8635 6.69634 8.80542 6.84964 8.85189 6.98104C8.90997 7.13434 9.09584 7.21098 9.24685 7.14529C9.87415 6.86059 10.5712 6.69634 11.2682 6.65254H11.3262C11.4192 6.64159 11.5237 6.64159 11.6167 6.64159C12.1975 6.63064 12.7435 6.70729 13.2894 6.86059L13.3591 6.88249C13.4753 6.90439 13.5566 6.94819 13.6496 6.94819C13.7076 6.99199 13.7773 7.01389 13.8354 7.03579L13.9981 7.10149C14.0794 7.13434 14.1607 7.16719 14.2304 7.20003C14.2652 7.22193 14.3001 7.23288 14.3349 7.25478C14.4163 7.29858 14.5208 7.33143 14.5673 7.37523C14.6137 7.39713 14.6602 7.42998 14.7067 7.45188C15.5547 7.94462 16.2633 8.62351 16.7396 9.43379C16.1239 9.02865 15.0087 8.62351 13.94 8.79871C18.122 10.7806 16.9952 17.5586 11.1985 17.2958C10.6873 17.2848 10.1762 17.1863 9.68829 17.022C9.57212 16.9892 9.45595 16.9454 9.3514 16.8906C9.29332 16.8687 9.212 16.8359 9.15392 16.803C7.72507 16.1132 6.55179 14.8101 6.38916 13.2224C6.38916 13.2224 6.96999 11.3281 10.2575 11.3281C10.6176 11.3281 11.6167 10.3864 11.6515 10.1236C11.6515 10.0251 9.6302 9.26955 8.84027 8.53591C8.41045 8.14172 8.21297 7.95557 8.03872 7.81322C7.94579 7.73658 7.84124 7.67088 7.73669 7.60518C7.46971 6.73012 7.45767 5.80343 7.70184 4.92248C6.50532 5.43712 5.57599 6.2474 4.90223 6.94819C4.43756 6.4007 4.47241 4.59398 4.49564 4.21074C4.48403 4.21074 4.14714 4.38593 4.11229 4.40783C3.70571 4.68158 3.32236 4.98817 2.97386 5.30572C2.56728 5.71086 2.20716 6.116 1.8819 6.554C1.16166 7.55043 0.580832 8.68921 0.325266 9.88274C0.325266 9.89369 0.2091 10.3317 0.127783 10.8901L0.0929331 11.142C0.0696998 11.3281 0.0464666 11.4924 0 11.7771V12.226C0 18.2812 5.22749 23.1868 11.6167 23.1868C17.3901 23.1868 22.1646 19.2558 23.0939 14.0656C23.1171 13.9451 23.1288 13.8028 23.152 13.6604C23.3843 11.7771 23.1288 9.80609 22.3969 8.15267Z", fill: "currentColor" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_4460_12122", children: jsx("rect", { width: 24, height: 22.6223, fill: "white", transform: "translate(0 0.564453)" }) }) })] }))); };
+
+var IconEdge = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx("g", { clipPath: "url(#clip0_8211_8231)", children: jsx("path", { d: "M9.86748 11.7697C9.90253 13.051 10.5964 14.591 12.2319 15.9545C13.6546 17.1391 16.1157 18.0916 18.1066 18.0916C18.7863 18.0923 19.4637 18.0112 20.124 17.8498C20.3714 17.7895 20.6314 17.8089 20.8671 17.905C21.1027 18.0012 21.302 18.1693 21.4366 18.3854C21.5711 18.6015 21.6339 18.8546 21.6162 19.1085C21.5984 19.3624 21.5009 19.6043 21.3377 19.7996C19.4012 22.1173 16.6672 23.6261 13.674 24.029C13.5491 24.0479 13.4218 24.0422 13.2992 24.0121C10.7136 23.3739 7.83188 20.132 7.83188 16.8828C7.83188 14.0132 8.84726 12.4769 9.86748 11.7697ZM9.01407 7.25984C10.0434 7.42348 10.9791 7.95314 11.6492 8.75146C11.0422 8.77677 10.442 8.88996 9.86748 9.08749C7.44144 9.89737 5.4143 12.5168 5.4143 16.8828C5.4143 19.9495 6.86364 22.0394 8.76385 23.6797C3.94442 22.315 0.34827 18.0384 0.00255686 12.8685C-0.0167921 12.5867 0.0742415 12.3084 0.256402 12.0925L0.461897 11.8556L0.853544 11.4228L1.17629 11.0832L1.3564 10.897L1.75772 10.4945L2.21464 10.0485L2.46607 9.81034C4.77485 7.63093 7.18034 6.94798 9.01407 7.25984ZM12.0626 -0.0398865C17.8165 -0.0398865 22.6299 3.97926 23.8507 9.36309C24.2859 11.279 23.7141 12.7779 22.8511 13.821C22.1768 14.6235 21.3065 15.2381 20.3247 15.6052C19.1582 16.0173 17.8467 16.0004 16.8047 15.8179C15.8739 15.6547 14.7135 15.3404 14.1418 14.5221C13.9795 14.2901 13.9038 14.0085 13.9278 13.7264C13.9519 13.4443 14.0743 13.1796 14.2735 12.9785C14.8598 12.3862 15.1305 11.7758 15.1704 11.2294C15.182 11.0104 15.1637 10.7908 15.116 10.5767C14.4125 7.40973 12.2319 5.35362 9.41902 4.87616C6.08276 4.30925 2.91695 6.03295 0.576731 8.27037C2.16266 3.44498 6.70529 -0.0398865 12.0626 -0.0398865Z", fill: "currentColor" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_8211_8231", children: jsx("rect", { width: 24, height: 24, fill: "white" }) }) })] }))); };
+
+var BrowserRecommended = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.showLabels, showLabels = _c === void 0 ? true : _c, _d = _a.title, title = _d === void 0 ? "Navegadores recomendados:" : _d;
+    return (jsxs("div", { className: "flex flex-col items-center justify-center gap-6 pt-3 pb-6 text-xs text-center text-onpe-ui-blue bg-onpe-ui-skyblue/15 lg:flex-row md:py-2 ".concat(className), children: [jsx("p", { children: title }), jsxs("div", { className: "flex gap-6 lg:gap-8", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconChrome, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Google Chrome" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconSafari, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Safari" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconMozilla, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Mozilla Firefox" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconEdge, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Microsoft Edge" })] })] })] }));
+};
+
+var Footer = function (_a) {
+    var _b = _a.showBrowserInfo, showBrowserInfo = _b === void 0 ? true : _b, _c = _a.showContactInfo, showContactInfo = _c === void 0 ? true : _c, _d = _a.showVersionInfo, showVersionInfo = _d === void 0 ? true : _d, _e = _a.showFooterContent, showFooterContent = _e === void 0 ? true : _e, _f = _a.isDevelopment, isDevelopment = _f === void 0 ? false : _f, props = __rest(_a, ["showBrowserInfo", "showContactInfo", "showVersionInfo", "showFooterContent", "isDevelopment"]);
+    return (jsxs("footer", __assign({}, props, { children: [showFooterContent && (jsxs(Fragment, { children: [showVersionInfo ? showVersionInfo : jsx(Fragment, {}), showBrowserInfo && jsx(BrowserRecommended, {}), showContactInfo && (jsx("div", { className: "relative z-10 flex w-full px-4 bg-onpe-ui-blue", children: jsxs("ul", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6 lg:gap-8 justify-center py-14 lg:pt-[15px] lg:pb-[18px] w-full max-w-[1400px] mx-auto", children: [jsxs("li", { className: "text-left lg:text-center", children: [jsx("p", { className: "pb-2 font-semibold text-onpe-ui-yellow", children: "Oficina central" }), jsx("p", { className: "text-sm font-medium text-white", children: "Jr. Washington 1894 - Cercado de Lima" })] }), jsxs("li", { className: "text-left lg:text-center", children: [jsx("p", { className: "pb-2 font-semibold text-onpe-ui-yellow", children: "Escr\u00EDbenos" }), jsx("p", { className: "text-sm font-medium text-white", children: "informes@onpe.gob.pe" })] }), jsxs("li", { className: "text-left lg:text-center", children: [jsx("p", { className: "pb-2 font-semibold text-onpe-ui-yellow", children: "Central telef\u00F3nica" }), jsx("p", { className: "text-sm font-medium text-white", children: "(01) 4170630 | Lunes a viernes de 8:30 a. m. a 4:30 p. m." })] })] }) }))] })), isDevelopment && (jsx("div", { className: "h-[93px] lg:h-[46px] w-full text-center flex items-center justify-center bg-onpe-ui-yellow-light/75 fixed z-10 right-0 bottom-0", children: jsxs("p", { className: "px-2 py-1 text-2xl text-onpe-ui-blue font-consolas", children: ["Versi\u00F3n en Desarrollo ", jsx("br", { className: "lg:hidden" }), " - No Oficial"] }) }))] })));
+};
+
+export { BrowserRecommended, Button, Footer, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
 //# sourceMappingURL=components.esm.js.map

package/dist/components.js

@@ -1,98 +1,288 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import react__default, { ButtonHTMLAttributes, ReactNode, HTMLAttributes } from 'react';
-
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    color: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
-    title: string;
-    size?: "small" | "normal" | "large";
-}
-declare const Button: ({ color, title, size, className, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-interface PortalProps {
-    children?: ReactNode;
-    container?: Element | DocumentFragment | null;
-}
-declare const Portal: ({ children, container }: PortalProps) => react.ReactPortal | null;
-
-interface ShowProps {
-    condition: boolean;
-    loadingComponent: ReactNode;
-    children: ReactNode;
-}
-declare const Show: ({ condition, loadingComponent, children }: ShowProps) => react_jsx_runtime.JSX.Element;
-
-interface OverlayProps {
-    show?: boolean;
-    onClick?: () => void;
-    color?: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
-}
-declare const Overlay: ({ show, onClick, color }: OverlayProps) => react_jsx_runtime.JSX.Element;
-
-interface ModalProps extends HTMLAttributes<HTMLDivElement> {
-    isOpen: boolean;
-    onClose: () => void;
-    children: ReactNode;
-    whitoutBackground?: boolean;
-    topAbsolute?: boolean;
-    closeButton?: boolean;
-    closeDisabled?: boolean;
-    overlayColor?: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
-}
-declare const Modal: ({ isOpen, onClose, children, whitoutBackground, topAbsolute, closeButton, closeDisabled, overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
-
-interface ModalBrowserIncompatibleProps {
-    isOpen: boolean;
-    onClose: () => void;
-    className?: string;
-}
-declare const ModalBrowserIncompatible: ({ isOpen, onClose, className }: ModalBrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
-
-interface ModalConfirmProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title: string;
-    message: string;
-    icon?: "warning" | "success";
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    textButtonConfirm?: string;
-    textButtonCancel?: string;
-    twoButtons?: boolean;
-    className?: string;
-}
-declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
-
-interface ModalLoadingProps {
-    isOpen: boolean;
-    onClose?: () => void;
-    message?: string;
-    className?: string;
-}
-declare const ModalLoading: ({ isOpen, onClose, message, className }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
-
-interface ModalSystemIncompatibleProps {
-    isOpen: boolean;
-    onClose: () => void;
-    className?: string;
-}
-declare const ModalSystemIncompatible: ({ isOpen, onClose, className }: ModalSystemIncompatibleProps) => react_jsx_runtime.JSX.Element;
-
-interface FooterProps extends react__default.HTMLAttributes<HTMLDivElement> {
-    showBrowserInfo?: boolean;
-    showContactInfo?: boolean;
-    showVersionInfo?: ReactNode;
-    isDevelopment?: boolean;
-    showFooterContent?: boolean;
-}
-declare const Footer: ({ showBrowserInfo, showContactInfo, showVersionInfo, showFooterContent, isDevelopment, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
-
-interface BrowserRecommendedProps {
-    className?: string;
-    showLabels?: boolean;
-    title?: string;
-}
-declare const BrowserRecommended: ({ className, showLabels, title }: BrowserRecommendedProps) => react_jsx_runtime.JSX.Element;
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var Button = function (_a) {
+    var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
+    var getColor = function () {
+        if (color === "blue")
+            return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
+        if (color === "skyblue")
+            return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
+        if (color === "skyblue-light")
+            return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
+        if (color === "yellow")
+            return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
+        if (color === "light-skyblue")
+            return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
+        if (color === "gray")
+            return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
+        if (color === "gray-light")
+            return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
+        if (color === "gray-extra-light")
+            return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
+        if (color === "red")
+            return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
+        if (color === "dark-gray")
+            return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
+        if (color === "green")
+            return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
+        if (color === "yellow-light")
+            return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
+        if (color === "primary")
+            return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
+        return "";
+    };
+    var getSize = function () {
+        if (size === "small")
+            return "h-10 text-sm";
+        if (size === "normal")
+            return "h-12 text-base";
+        if (size === "large")
+            return "h-14 text-lg";
+        return "h-12 text-base"; // Por defecto es normal
+    };
+    return (jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-onpe-ui-gray disabled:hover:bg-onpe-ui-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
+};
+
+var Portal = function (_a) {
+    var children = _a.children, container = _a.container;
+    var _b = useState(false), mounted = _b[0], setMounted = _b[1];
+    useEffect(function () {
+        setMounted(true);
+        return function () { return setMounted(false); };
+    }, []);
+    if (!mounted)
+        return null;
+    // Usar el container proporcionado o buscar el portal
+    var portalElement = container || document.querySelector("#portal");
+    // Si no hay container ni portal, usar document.body
+    if (!portalElement) {
+        portalElement = document.body;
+    }
+    return createPortal(children, portalElement);
+};
+
+var Show = function (_a) {
+    var condition = _a.condition, loadingComponent = _a.loadingComponent, children = _a.children;
+    return (jsxs(Fragment, { children: [condition && loadingComponent, !condition && children] }));
+};
+
+var Overlay = function (_a) {
+    var show = _a.show, onClick = _a.onClick, _b = _a.color, color = _b === void 0 ? "blue" : _b;
+    var getColorClass = function () {
+        switch (color) {
+            case "blue":
+                return "bg-onpe-ui-blue/80";
+            case "skyblue":
+                return "bg-onpe-ui-skyblue/80";
+            case "skyblue-light":
+                return "bg-onpe-ui-skyblue-light/80";
+            case "yellow":
+                return "bg-onpe-ui-yellow/80";
+            case "light-skyblue":
+                return "bg-onpe-ui-light-skyblue/80";
+            case "gray":
+                return "bg-onpe-ui-gray/80";
+            case "gray-light":
+                return "bg-onpe-ui-gray-light/80";
+            case "gray-extra-light":
+                return "bg-onpe-ui-gray-extra-light/80";
+            case "red":
+                return "bg-onpe-ui-red/80";
+            case "dark-gray":
+                return "bg-onpe-ui-dark-gray/80";
+            case "green":
+                return "bg-onpe-ui-green/80";
+            case "yellow-light":
+                return "bg-onpe-ui-yellow-light/80";
+            case "primary":
+                return "bg-onpe-ui-blue/80";
+            default:
+                return "bg-onpe-ui-blue/80";
+        }
+    };
+    return (jsx("div", { onClick: onClick, className: "".concat(show ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0", " absolute inset-0 w-full h-screen z-10 ").concat(getColorClass(), " transition-all duration-500 ease-in-out") }));
+};
+
+var IconClose = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M6.82839 1.17139L1.17139 6.82839M1.17139 1.17139L6.82839 6.82839", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
+
+var classNames = function (cln) {
+    return cln.join(" ").trim();
+};
+var Modal = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, _b = _a.whitoutBackground, whitoutBackground = _b === void 0 ? false : _b, _c = _a.topAbsolute, topAbsolute = _c === void 0 ? false : _c, _d = _a.closeButton, closeButton = _d === void 0 ? false : _d, _e = _a.closeDisabled, closeDisabled = _e === void 0 ? false : _e, _f = _a.overlayColor, overlayColor = _f === void 0 ? "blue" : _f, props = __rest(_a, ["isOpen", "onClose", "children", "whitoutBackground", "topAbsolute", "closeButton", "closeDisabled", "overlayColor"]);
+    return (jsx(Portal, { children: jsxs("div", { className: classNames([
+                isOpen ? (topAbsolute ? "opacity-100 z-100" : "opacity-100 z-50") : "opacity-0 -z-10",
+                "fixed top-0 w-full h-screen grid place-items-center ",
+            ]), children: [jsx(Overlay, { show: isOpen, onClick: closeDisabled ? undefined : onClose, color: overlayColor }), jsxs("div", { className: "relative z-20 grid place-items-center", children: [jsx("div", { className: classNames([
+                                "relative",
+                                whitoutBackground
+                                    ? "flex flex-col items-center justify-center"
+                                    : "bg-white flex flex-col items-center justify-center  md:px-auto px-1 lg:px-5 min-w-[320px] w-[98vw] md:w-[500px] lg:w-[1024px] max-w-[95vw] max-h-[90vh] overflow-y-auto",
+                                props.className ? props.className : "py-10 lg:py-16",
+                            ]), children: children }), closeButton && (jsx("button", { onClick: onClose, className: "absolute top-4 right-4 rounded-full bg-onpe-ui-red p-[7px] flex items-center justify-center z-30", "aria-label": "Cerrar", children: jsx(IconClose, { className: "h-[10px]  w-[10px] text-white" }) }))] })] }) }));
+};
+
+var IconWarning = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 60 51", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M0.667969 50.9987L30.0013 0.332031L59.3346 50.9987H0.667969ZM9.86797 45.6654H50.1346L30.0013 10.9987L9.86797 45.6654ZM30.0013 42.9987C30.7569 42.9987 31.3906 42.7427 31.9026 42.2307C32.4146 41.7187 32.6697 41.0858 32.668 40.332C32.668 39.5765 32.412 38.9427 31.9 38.4307C31.388 37.9187 30.7551 37.6636 30.0013 37.6654C29.2457 37.6654 28.612 37.9214 28.1 38.4334C27.588 38.9454 27.3329 39.5783 27.3346 40.332C27.3346 41.0876 27.5906 41.7214 28.1026 42.2334C28.6146 42.7454 29.2475 43.0005 30.0013 42.9987ZM27.3346 34.9987H32.668V21.6654H27.3346V34.9987Z", fill: "currentColor" }) }))); };
+
+var IconChromeColor = 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_2817)", children: [jsx("path", { d: "M24.0543 46.9641C36.6876 46.9641 46.9289 36.7228 46.9289 24.0895C46.9289 11.4562 36.6876 1.21484 24.0543 1.21484C11.421 1.21484 1.17969 11.4562 1.17969 24.0895C1.17969 36.7228 11.421 46.9641 24.0543 46.9641Z", fill: "white" }), jsx("path", { d: "M38.6131 28.2485C38.6131 20.2089 32.096 13.6914 24.0568 13.6914C16.0175 13.6914 9.5 20.2089 9.5 28.2485H13.6588C13.6588 22.5058 18.3144 17.8509 24.0564 17.8509C29.7987 17.8509 34.454 22.5058 34.454 28.2485", fill: "black", fillOpacity: 0.1 }), jsx("path", { d: "M25.0973 34.9017C29.4615 34.9017 32.9993 31.3638 32.9993 26.9997C32.9993 22.6355 29.4615 19.0977 25.0973 19.0977C20.7332 19.0977 17.1953 22.6355 17.1953 26.9997C17.1953 31.3638 20.7332 34.9017 25.0973 34.9017Z", fill: "black", fillOpacity: 0.1 }), jsx("path", { d: "M24.0573 32.6145C28.766 32.6145 32.5833 28.7973 32.5833 24.0885C32.5833 19.3797 28.766 15.5625 24.0573 15.5625C19.3485 15.5625 15.5312 19.3797 15.5312 24.0885C15.5312 28.7973 19.3485 32.6145 24.0573 32.6145Z", fill: "url(#paint0_linear_2937_2817)" }), jsx("path", { d: "M44.8488 13.691C39.1241 2.17252 25.1456 -2.52398 13.6267 3.20077C10.0351 4.98585 6.96538 7.6682 4.71484 10.988L14.073 27.2079C12.3491 21.7306 15.3933 15.8927 20.8706 14.1692C21.8339 13.866 22.8364 13.705 23.8462 13.6914", fill: "url(#paint1_linear_2937_2817)" }), jsx("path", { d: "M4.71669 10.9883C-2.44582 21.6728 0.409436 36.1399 11.0936 43.3024C14.3993 45.5183 18.2175 46.8505 22.1842 47.172L31.9578 30.5359C28.3034 34.965 21.7503 35.5932 17.3208 31.9384C15.8164 30.6975 14.6914 29.0585 14.0744 27.2085", fill: "url(#paint2_linear_2937_2817)" }), jsx("path", { d: "M22.1836 47.1718C35.0101 48.1412 46.1937 38.5292 47.1635 25.703C47.4764 21.5645 46.6776 17.4175 44.8497 13.6914H23.8475C29.5895 13.7177 34.2237 18.3943 34.1967 24.1367C34.1862 26.46 33.3977 28.7128 31.9572 30.5357", fill: "url(#paint3_linear_2937_2817)" }), jsx("path", { d: "M4.71484 10.9873L14.073 27.2072C13.3796 24.8745 13.5265 22.3724 14.4881 20.1369L5.13034 10.3633", fill: "url(#paint4_linear_2937_2817)" }), jsx("path", { d: "M22.1858 47.1713L31.9594 30.5352C30.4173 32.374 28.2866 33.6228 25.9287 34.0699L21.7695 47.1713", fill: "url(#paint5_linear_2937_2817)" }), jsx("path", { d: "M44.8503 13.6914H23.8477C25.4094 13.6987 26.9494 14.0577 28.3534 14.7418C29.7573 15.4258 30.9892 16.4174 31.9574 17.6428L45.2665 14.3154", fill: "url(#paint6_linear_2937_2817)" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "paint0_linear_2937_2817", x1: 24.0621, y1: 15.549, x2: 24.0621, y2: 32.6153, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#81B4E0" }), jsx("stop", { offset: 1, stopColor: "#0C5A94" })] }), jsxs("linearGradient", { id: "paint1_linear_2937_2817", x1: 24.7818, y1: 0.79815, x2: 24.7818, y2: 19.7218, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F06B59" }), jsx("stop", { offset: 1, stopColor: "#DF2227" })] }), jsxs("linearGradient", { id: "paint2_linear_2937_2817", x1: 6.43681, y1: 40.644, x2: 16.0023, y2: 24.84, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#388B41" }), jsx("stop", { offset: 1, stopColor: "#4CB749" })] }), jsxs("linearGradient", { id: "paint3_linear_2937_2817", x1: 38.48, y1: 42.3245, x2: 28.2905, y2: 17.7864, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#E4B022" }), jsx("stop", { offset: 0.3, stopColor: "#FCD209" })] }), jsxs("linearGradient", { id: "paint4_linear_2937_2817", x1: 9.60147, y1: 26.5835, x2: 9.60147, y2: 9.94778, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopOpacity: 0.15 }), jsx("stop", { offset: 0.3, stopOpacity: 0.06 }), jsx("stop", { offset: 1, stopOpacity: 0.03 })] }), jsxs("linearGradient", { id: "paint5_linear_2937_2817", x1: 32.5673, y1: 31.9557, x2: 21.1302, y2: 43.6009, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopOpacity: 0.15 }), jsx("stop", { offset: 0.3, stopOpacity: 0.06 }), jsx("stop", { offset: 1, stopOpacity: 0.03 })] }), jsxs("linearGradient", { id: "paint6_linear_2937_2817", x1: 32.3995, y1: 35.3087, x2: 34.0634, y2: 18.8799, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopOpacity: 0.15 }), jsx("stop", { offset: 0.3, stopOpacity: 0.06 }), jsx("stop", { offset: 1, stopOpacity: 0.03 })] }), jsx("clipPath", { id: "clip0_2937_2817", children: jsx("rect", { width: 48, height: 48, fill: "white" }) })] })] }))); };
+
+var IconSafariColor = 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_2841)", children: [jsx("path", { d: "M24 47.4375C36.9442 47.4375 47.4375 36.9442 47.4375 24C47.4375 11.0558 36.9442 0.5625 24 0.5625C11.0558 0.5625 0.5625 11.0558 0.5625 24C0.5625 36.9442 11.0558 47.4375 24 47.4375Z", fill: "url(#paint0_linear_2937_2841)" }), jsx("path", { d: "M23.8129 2.85156V6.30156H24.1879V2.85156H23.8129ZM22.3497 2.94906L21.9762 2.97906L22.1262 4.85406L22.4997 4.82406L22.3497 2.94906ZM25.6512 2.94906L25.5012 4.82406L25.8747 4.85406L26.0247 2.97906L25.6512 2.94906ZM20.5103 3.15681L20.1405 3.22131L20.7405 6.63419L21.1103 6.56931L20.5103 3.15681ZM27.4905 3.15681L26.8905 6.56931L27.2603 6.63456L27.8603 3.22131L27.4905 3.15681ZM18.7065 3.55281L18.3447 3.65069L18.8318 5.45106L19.1937 5.35319L18.7065 3.55281ZM29.2943 3.55281L28.8072 5.35281L29.169 5.45106L29.6562 3.65106L29.2943 3.55281ZM16.977 4.06394L16.6234 4.18994L17.7867 7.45244L18.1395 7.32606L16.977 4.06394ZM31.0238 4.06394L29.8613 7.32644L30.2142 7.45206L31.3774 4.18994L31.0238 4.06394ZM32.7563 4.75844L31.9313 6.48381L32.2695 6.64506L33.0949 4.92006L32.7563 4.75844ZM15.2457 4.76106L14.9052 4.91706L15.6927 6.64206L16.0332 6.48681L15.2457 4.76106ZM13.6257 5.60856L13.3005 5.79531L15.0255 8.79531L15.3507 8.60856L13.6257 5.60856ZM34.3752 5.60856L32.6502 8.60856L32.9757 8.79531L34.7007 5.79531L34.3752 5.60856ZM12.0405 6.56856L11.7345 6.78494L12.822 8.32281L13.1284 8.10606L12.0405 6.56856ZM35.9603 6.56856L34.8728 8.10606L35.1788 8.32281L36.2663 6.78494L35.9603 6.56856ZM10.6065 7.68156L10.3197 7.92306L12.5322 10.5481L12.8187 10.3066L10.6065 7.68156ZM37.3943 7.68156L35.1822 10.3066L35.4687 10.5481L37.6812 7.92306L37.3943 7.68156ZM9.20628 8.90519L8.94491 9.17406L10.2949 10.4866L10.5559 10.2177L9.20628 8.90519ZM7.95753 10.2454L7.71791 10.5334L10.3804 12.7459L10.6204 12.4572L7.95753 10.2454ZM40.0433 10.2454L37.3804 12.4576L37.6204 12.7463L40.2829 10.5334L40.0433 10.2454ZM6.81941 11.6978L6.60603 12.0064L8.18141 13.0939L8.39478 12.7849L6.81941 11.6978ZM41.1814 11.6978L39.6064 12.7849L39.8194 13.0939L41.3944 12.0064L41.1814 11.6978ZM5.83166 13.2642L5.64491 13.5893L8.64491 15.3143L8.83166 14.9892L5.83166 13.2642ZM42.1699 13.2642L39.1699 14.9892L39.3567 15.3143L42.3567 13.5893L42.1699 13.2642ZM4.99241 14.8692L4.83416 15.2089L6.52166 15.9964L6.67991 15.6563L4.99241 14.8692ZM43.0092 14.8692L41.3217 15.6567L41.4799 15.9961L43.1674 15.2086L43.0092 14.8692ZM4.26603 16.5503L4.13478 16.9017L7.35978 18.1024L7.49103 17.7507L4.26603 16.5503ZM43.7348 16.5503L40.5098 17.7507L40.641 18.1024L43.866 16.9017L43.7348 16.5503ZM3.68591 18.3076L3.58991 18.6702L5.42741 19.1581L5.52378 18.7954L3.68591 18.3076ZM44.3149 18.3076L42.4774 18.7954L42.573 19.1581L44.4105 18.6706L44.3149 18.3076ZM3.25841 20.1042L3.19316 20.4736L6.60566 21.0739L6.67053 20.7042L3.25841 20.1042ZM44.7424 20.1042L41.3299 20.7042L41.3955 21.0739L44.808 20.4736L44.7424 20.1042ZM3.01916 21.9023L2.98241 22.2758L4.85741 22.4633L4.89416 22.0898L3.01916 21.9023ZM44.9824 21.9023L43.1074 22.0898L43.1442 22.4633L45.0192 22.2758L44.9824 21.9023ZM2.92578 23.7766V24.1516H6.37541V23.7766H2.92578ZM41.6254 23.7766V24.1516H45.0754V23.7766H41.6254ZM4.85703 25.4277L2.98203 25.6152L3.01878 25.9879L4.89378 25.8004L4.85703 25.4277ZM43.1438 25.4277L43.107 25.8004L44.982 25.9879L45.0188 25.6152L43.1438 25.4277ZM6.60528 26.8171L3.19278 27.4171L3.25841 27.7861L6.67091 27.1861L6.60528 26.8171ZM41.3955 26.8171L41.3303 27.1861L44.7428 27.7861L44.8077 27.4167L41.3955 26.8171ZM5.42778 28.7333L3.59028 29.2201L3.68591 29.5827L5.52341 29.0956L5.42778 28.7333ZM42.573 28.7333L42.477 29.0956L44.3145 29.5827L44.4109 29.2201L42.573 28.7333ZM7.35978 29.7886L4.13478 30.9882L4.26603 31.3396L7.49103 30.1399L7.35978 29.7886ZM40.641 29.7886L40.5098 30.1399L43.7348 31.3399L43.866 30.9882L40.641 29.7886ZM6.52128 31.8942L4.83378 32.6817L4.99203 33.0214L6.67953 32.2339L6.52128 31.8942ZM41.4795 31.8942L41.3213 32.2339L43.0088 33.0214L43.167 32.6813L41.4795 31.8942ZM8.64453 32.6142L5.64453 34.3392L5.83128 34.6643L8.83128 32.9393L8.64453 32.6142ZM39.3563 32.6142L39.1695 32.9393L42.1695 34.6643L42.3563 34.3388L39.3563 32.6142ZM8.18141 34.7974L6.60641 35.8849L6.81941 36.1936L8.39441 35.1061L8.18141 34.7974ZM39.8194 34.7974L39.606 35.1057L41.1814 36.1932L41.3948 35.8849L39.8194 34.7974ZM10.3804 35.1447L7.71791 37.3572L7.95753 37.6459L10.6204 35.4334L10.3804 35.1447ZM37.6204 35.1447L37.3804 35.4334L40.0433 37.6459L40.2829 37.3572L37.6204 35.1447ZM12.5322 37.3433L10.3197 39.9683L10.6065 40.2102L12.8187 37.5852L12.5322 37.3433ZM35.4687 37.3433L35.1822 37.5852L37.3943 40.2102L37.6812 39.9683L35.4687 37.3433ZM37.7063 37.4048L37.4449 37.6737L38.7949 38.9862L39.0559 38.7173L37.7063 37.4048ZM15.0263 39.1321L13.3013 42.0946L13.6249 42.2836L15.3499 39.3211L15.0263 39.1321ZM32.9749 39.1321L32.6509 39.3211L34.3759 42.2836L34.6995 42.0946L32.9749 39.1321ZM12.8224 39.5686L11.7345 41.1061L12.0405 41.3224L13.128 39.7846L12.8224 39.5686ZM35.1788 39.5686L34.8724 39.7846L35.9599 41.3224L36.2663 41.1057L35.1788 39.5686ZM17.7863 40.4386L16.6238 43.7011L16.977 43.8267L18.1395 40.5646L17.7863 40.4386ZM30.2142 40.4386L29.8613 40.5646L31.0238 43.8271L31.3774 43.7007L30.2142 40.4386ZM20.7405 41.2568L20.1405 44.6693L20.5103 44.7342L21.1103 41.3217L20.7405 41.2568ZM27.2603 41.2568L26.8905 41.3221L27.4905 44.7346L27.8603 44.6689L27.2603 41.2568ZM15.732 41.2816L14.9067 42.9691L15.2434 43.1341L16.0692 41.4466L15.732 41.2816ZM32.2688 41.2816L31.9317 41.4466L32.7574 43.1341L33.0942 42.9691L32.2688 41.2816ZM23.8129 41.5891V45.0391H24.1879V41.5891H23.8129ZM18.8318 42.4411L18.3439 44.2786L18.7065 44.3746L19.194 42.5371L18.8318 42.4411ZM29.169 42.4411L28.8064 42.5371L29.2943 44.3746L29.6569 44.2786L29.169 42.4411ZM22.1262 43.0737L21.9762 44.9487L22.3497 44.9787L22.4997 43.1037L22.1262 43.0737ZM25.8747 43.0737L25.5012 43.1037L25.6512 44.9787L26.0247 44.9487L25.8747 43.0737Z", fill: "white" }), jsx("path", { d: "M40.0117 7.875L22.0117 22.0125L23.9617 23.9625L40.0117 7.875Z", fill: "#FF0000" }), jsx("path", { d: "M23.9609 23.9625L26.2109 26.2125L40.0109 7.875L23.9609 23.9625Z", fill: "#D01414" }), jsx("path", { d: "M22.0125 22.0117L7.875 40.0117L23.9625 23.9617L22.0125 22.0117Z", fill: "white" }), jsx("path", { d: "M7.875 40.0109L26.2125 26.2109L23.9625 23.9609L7.875 40.0109Z", fill: "#ACACAC" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "paint0_linear_2937_2841", x1: 24.0075, y1: 0.567, x2: 24.0075, y2: 47.439, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#19D7FF" }), jsx("stop", { offset: 1, stopColor: "#1E64F0" })] }), jsx("clipPath", { id: "clip0_2937_2841", children: jsx("rect", { width: 48, height: 48, fill: "white" }) })] })] }))); };
+
+var IconMozillaColor = function (props) { return (jsxs("svg", __assign({ width: 47, height: 48, viewBox: "0 0 47 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxs("g", { clipPath: "url(#clip0_2937_2828)", children: [jsx("path", { d: "M44.9256 16.068C43.9169 13.641 41.871 11.0206 40.2687 10.1923C41.4115 12.4055 42.2045 14.7823 42.6196 17.2383L42.6238 17.2772C39.9992 10.7337 35.5484 8.09529 31.9135 2.35014C31.7257 2.05728 31.5434 1.76096 31.3666 1.46133C31.2755 1.30483 31.1902 1.14503 31.1109 0.982233C30.96 0.690279 30.8438 0.381715 30.7645 0.0628065C30.7647 0.0480847 30.7593 0.0338378 30.7496 0.022781C30.7399 0.0117242 30.7265 0.00463052 30.7118 0.00285179C30.6975 -0.000950598 30.6825 -0.000950598 30.6682 0.00285179C30.6653 0.00285179 30.6604 0.00828576 30.6568 0.00955368C30.6532 0.0106405 30.6454 0.0160744 30.6401 0.0184292L30.649 0.00285179C24.8183 3.41701 22.8398 9.73707 22.6578 12.8984C20.3293 13.0584 18.1031 13.9164 16.2695 15.3605C16.0781 15.1985 15.8782 15.047 15.6704 14.9066C15.1416 13.0552 15.1191 11.0958 15.6052 9.2328C13.464 10.2701 11.5613 11.7406 10.0177 13.5512H10.0068C9.08684 12.385 9.15151 8.53979 9.20422 7.73647C8.93207 7.84592 8.67227 7.98387 8.42915 8.148C7.61705 8.7277 6.85781 9.37808 6.16029 10.0915C5.36558 10.8974 4.63972 11.7684 3.99033 12.6953V12.6988V12.6946C2.49796 14.8105 1.43941 17.201 0.875764 19.7281L0.84479 19.8814C0.759118 20.363 0.683027 20.8463 0.616564 21.331C0.616564 21.3484 0.612941 21.3645 0.61113 21.3819C0.407917 22.438 0.281998 23.5075 0.234375 24.5819V24.7018C0.249952 42.5725 19.6054 53.7246 35.074 44.7758C38.018 43.0727 40.5517 40.7435 42.4961 37.953C44.4404 35.1625 45.7479 31.9789 46.326 28.6273C46.3649 28.3279 46.3966 28.0314 46.4314 27.7289C46.9095 23.7772 46.3919 19.7687 44.9256 16.068ZM18.1704 34.2388C18.2789 34.291 18.3807 34.3473 18.4921 34.3969L18.5082 34.4073C18.3948 34.3528 18.2822 34.2967 18.1704 34.2388ZM42.6256 17.2827V17.2604L42.6298 17.285L42.6256 17.2827Z", fill: "url(#paint0_linear_2937_2828)" }), jsx("path", { d: "M44.9256 16.0671C43.9169 13.6402 41.871 11.0197 40.2687 10.1914C41.4115 12.4046 42.2045 14.7815 42.6196 17.2374V17.2595L42.6238 17.2842C44.413 22.4043 44.1542 28.0178 41.9015 32.9516C39.241 38.6601 32.801 44.5112 22.7207 44.2267C11.8288 43.9182 2.23661 35.8361 0.443401 25.2502C0.117001 23.5809 0.443401 22.7346 0.607507 21.3779C0.383601 22.4317 0.258681 23.5041 0.234375 24.5811V24.701C0.249952 42.5717 19.6054 53.7238 35.074 44.7749C38.018 43.0718 40.5517 40.7427 42.4961 37.9522C44.4404 35.1617 45.7479 31.9781 46.326 28.6265C46.3649 28.3271 46.3966 28.0306 46.4314 27.7281C46.9095 23.7763 46.3919 19.7678 44.9256 16.0671Z", fill: "url(#paint1_radial_2937_2828)" }), jsx("path", { d: "M44.9256 16.0671C43.9169 13.6402 41.871 11.0197 40.2687 10.1914C41.4115 12.4046 42.2045 14.7815 42.6196 17.2374V17.2595L42.6238 17.2842C44.413 22.4043 44.1542 28.0178 41.9015 32.9516C39.241 38.6601 32.801 44.5112 22.7207 44.2267C11.8288 43.9182 2.23661 35.8361 0.443401 25.2502C0.117001 23.5809 0.443401 22.7346 0.607507 21.3779C0.383601 22.4317 0.258681 23.5041 0.234375 24.5811V24.701C0.249952 42.5717 19.6054 53.7238 35.074 44.7749C38.018 43.0718 40.5517 40.7427 42.4961 37.9522C44.4404 35.1617 45.7479 31.9781 46.326 28.6265C46.3649 28.3271 46.3966 28.0306 46.4314 27.7281C46.9095 23.7763 46.3919 19.7678 44.9256 16.0671Z", fill: "url(#paint2_radial_2937_2828)" }), jsx("path", { d: "M33.6473 18.7978C33.6976 18.8331 33.7444 18.8685 33.7916 18.9038C33.2085 17.8698 32.4827 16.9231 31.6354 16.0917C24.4206 8.87557 29.7446 0.445325 30.6425 0.0171289L30.6513 0.00390625C24.8207 3.41807 22.8422 9.73813 22.6602 12.8994C22.9309 12.8808 23.1992 12.8579 23.476 12.8579C25.5449 12.8618 27.5758 13.4134 29.3624 14.4567C31.1489 15.5 32.6273 16.9978 33.6473 18.7978Z", fill: "url(#paint3_radial_2937_2828)" }), jsx("path", { d: "M23.4878 20.2403C23.4494 20.8178 21.4093 22.8091 20.696 22.8091C14.095 22.8091 13.0234 26.8024 13.0234 26.8024C13.3158 30.1649 15.6589 32.9344 18.4913 34.3994C18.6206 34.4666 18.7519 34.5271 18.8831 34.5863C19.1075 34.6859 19.3348 34.779 19.5647 34.8655C20.5367 35.2095 21.5548 35.4059 22.585 35.4482C34.155 35.9908 36.3964 21.6126 28.0469 17.4402C30.0166 17.1839 32.0112 17.6682 33.6441 18.7992C32.6241 16.9992 31.1457 15.5014 29.3592 14.4581C27.5726 13.4148 25.5416 12.8632 23.4728 12.8594C23.1973 12.8594 22.9277 12.8822 22.6569 12.9009C20.3284 13.0609 18.1022 13.9189 16.2686 15.363C16.6225 15.6626 17.0221 16.0627 17.8636 16.8921C19.4388 18.444 23.4787 20.0516 23.4878 20.2403Z", fill: "url(#paint4_radial_2937_2828)" }), jsx("path", { d: "M23.4878 20.2403C23.4494 20.8178 21.4093 22.8091 20.696 22.8091C14.095 22.8091 13.0234 26.8024 13.0234 26.8024C13.3158 30.1649 15.6589 32.9344 18.4913 34.3994C18.6206 34.4666 18.7519 34.5271 18.8831 34.5863C19.1075 34.6859 19.3348 34.779 19.5647 34.8655C20.5367 35.2095 21.5548 35.4059 22.585 35.4482C34.155 35.9908 36.3964 21.6126 28.0469 17.4402C30.0166 17.1839 32.0112 17.6682 33.6441 18.7992C32.6241 16.9992 31.1457 15.5014 29.3592 14.4581C27.5726 13.4148 25.5416 12.8632 23.4728 12.8594C23.1973 12.8594 22.9277 12.8822 22.6569 12.9009C20.3284 13.0609 18.1022 13.9189 16.2686 15.363C16.6225 15.6626 17.0221 16.0627 17.8636 16.8921C19.4388 18.444 23.4787 20.0516 23.4878 20.2403Z", fill: "url(#paint5_radial_2937_2828)" }), jsx("path", { d: "M15.1895 14.5901C15.3512 14.693 15.511 14.799 15.6686 14.9082C15.1396 13.0568 15.1171 11.0974 15.6034 9.23438C13.4621 10.2717 11.5594 11.7422 10.0156 13.5527C10.1288 13.5497 13.4963 13.4892 15.1895 14.5901Z", fill: "url(#paint6_radial_2937_2828)" }), jsx("path", { d: "M0.448605 25.2506C2.24 35.8365 11.834 43.9186 22.7259 44.2271C32.8062 44.5122 39.246 38.6605 41.9067 32.952C44.1594 28.0182 44.4182 22.4047 42.629 17.2846V17.2625C42.629 17.2451 42.6254 17.2348 42.629 17.2402L42.6332 17.2792C43.4568 22.6559 40.7219 27.8651 36.4466 31.3874L36.4334 31.4174C28.1033 38.2017 20.1311 35.5106 18.5176 34.4121C18.4041 34.3578 18.2915 34.3017 18.1798 34.2438C13.3229 31.9222 11.3165 27.4972 11.7465 23.7023C10.5936 23.7193 9.46052 23.4016 8.4845 22.7877C7.50849 22.1738 6.73145 21.29 6.24755 20.2434C7.52248 19.4623 8.97619 19.0208 10.4701 18.9608C11.9641 18.9008 13.4485 19.2245 14.7819 19.9009C17.5311 21.1488 20.6593 21.2717 23.4978 20.2434C23.489 20.0546 19.449 18.4465 17.8737 16.8953C17.0322 16.0657 16.6328 15.6662 16.2788 15.3662C16.0875 15.2041 15.8876 15.0525 15.6798 14.9121C15.542 14.8181 15.3869 14.7163 15.2007 14.5941C13.5075 13.4931 10.1401 13.5536 10.0287 13.5567H10.018C9.09802 12.3906 9.16269 8.54533 9.2154 7.74219C8.9432 7.85147 8.68339 7.98936 8.44033 8.15354C7.6282 8.73319 6.86895 9.38358 6.17147 10.0971C5.37395 10.9007 4.64507 11.7697 3.99245 12.6949V12.6983V12.6942C2.50009 14.8101 1.44154 17.2006 0.877888 19.7277C0.866658 19.775 0.0417823 23.3806 0.448605 25.2506Z", fill: "url(#paint7_radial_2937_2828)" }), jsx("path", { d: "M31.6335 16.0906C32.4809 16.9231 33.2067 17.8708 33.7897 18.9058C33.9101 18.9954 34.0262 19.0905 34.1377 19.1909C39.4006 24.0423 36.6431 30.9004 36.4377 31.3885C40.7129 27.866 43.4453 22.657 42.6242 17.2801C39.9984 10.7337 35.5476 8.09529 31.9126 2.35014C31.7249 2.05728 31.5425 1.76096 31.3658 1.46133C31.2747 1.30483 31.1894 1.14503 31.11 0.982233C30.9592 0.690279 30.843 0.381715 30.7637 0.0628065C30.7638 0.0480847 30.7585 0.0338378 30.7488 0.022781C30.7391 0.0117242 30.7256 0.00463052 30.711 0.00285179C30.6967 -0.000950598 30.6816 -0.000950598 30.6673 0.00285179C30.6644 0.00285179 30.6596 0.00828576 30.6559 0.00955368C30.6523 0.0106405 30.6445 0.0160744 30.6393 0.0184292C29.7414 0.444271 24.4174 8.87452 31.6335 16.0906Z", fill: "url(#paint8_radial_2937_2828)" }), jsx("path", { d: "M34.1373 19.1882C34.0258 19.0878 33.9097 18.9927 33.7893 18.9031C33.7421 18.8678 33.6953 18.8325 33.645 18.7971C32.0121 17.6661 30.0175 17.1818 28.0478 17.4381C36.3971 21.6128 34.157 35.9887 22.586 35.4461C21.5557 35.4038 20.5376 35.2074 19.5656 34.8634C19.3356 34.7772 19.1083 34.6841 18.884 34.5842C18.7527 34.5243 18.6215 34.4645 18.4922 34.3973L18.5083 34.4076C20.1218 35.5091 28.0915 38.2002 36.4241 31.4128L36.4373 31.3829C36.6451 30.8977 39.4026 24.038 34.1373 19.1882Z", fill: "url(#paint9_radial_2937_2828)" }), jsx("path", { d: "M13.0244 26.8009C13.0244 26.8009 14.096 22.8077 20.697 22.8077C21.4103 22.8077 23.4522 20.8163 23.4888 20.2389C20.6502 21.2672 17.5219 21.1442 14.7729 19.8962C13.4394 19.2199 11.9549 18.8963 10.4609 18.9563C8.96697 19.0163 7.51324 19.4578 6.23828 20.2389C6.72219 21.2854 7.49922 22.1692 8.47523 22.7832C9.45125 23.3971 10.5844 23.7148 11.7373 23.6978C11.3073 27.4934 13.3137 31.9184 18.1705 34.2393C18.279 34.2915 18.3808 34.3478 18.4922 34.3974C15.6575 32.933 13.3167 30.1635 13.0244 26.8009Z", fill: "url(#paint10_radial_2937_2828)" }), jsx("path", { d: "M44.9256 16.068C43.9169 13.641 41.871 11.0206 40.2687 10.1923C41.4115 12.4055 42.2045 14.7823 42.6196 17.2383L42.6238 17.2772C39.9992 10.7337 35.5484 8.09529 31.9135 2.35014C31.7257 2.05728 31.5434 1.76096 31.3666 1.46133C31.2755 1.30483 31.1902 1.14503 31.1109 0.982233C30.96 0.690279 30.8438 0.381715 30.7645 0.0628065C30.7647 0.0480847 30.7593 0.0338378 30.7496 0.022781C30.7399 0.0117242 30.7265 0.00463052 30.7118 0.00285179C30.6975 -0.000950598 30.6825 -0.000950598 30.6682 0.00285179C30.6653 0.00285179 30.6604 0.00828576 30.6568 0.00955368C30.6532 0.0106405 30.6454 0.0160744 30.6401 0.0184292L30.649 0.00285179C24.8183 3.41701 22.8398 9.73707 22.6578 12.8984C22.9286 12.8797 23.1969 12.8569 23.4736 12.8569C25.5425 12.8607 27.5735 13.4123 29.36 14.4556C31.1466 15.499 32.625 16.9968 33.6449 18.7968C32.0121 17.6657 30.0174 17.1814 28.0477 17.4377C36.3972 21.6125 34.1572 35.9884 22.5859 35.4457C21.5556 35.4034 20.5375 35.207 19.5655 34.863C19.3356 34.7768 19.1083 34.6837 18.8839 34.5839C18.7528 34.5239 18.6215 34.4641 18.4921 34.3969L18.5082 34.4073C18.3948 34.3528 18.2822 34.2967 18.1704 34.2388C18.2789 34.291 18.3807 34.3473 18.4921 34.3969C15.6574 32.9319 13.3166 30.1624 13.0243 26.7999C13.0243 26.7999 14.0959 22.8067 20.6969 22.8067C21.4102 22.8067 23.4521 20.8153 23.4887 20.2378C23.4796 20.0491 19.4396 18.441 17.8645 16.8896C17.023 16.0602 16.6234 15.6606 16.2695 15.3605C16.0781 15.1985 15.8782 15.047 15.6704 14.9066C15.1416 13.0552 15.1191 11.0958 15.6052 9.2328C13.464 10.2701 11.5613 11.7406 10.0177 13.5512H10.0068C9.08684 12.385 9.15151 8.53979 9.20422 7.73647C8.93207 7.84592 8.67227 7.98387 8.42915 8.148C7.61705 8.7277 6.85781 9.37808 6.16029 10.0915C5.36558 10.8974 4.63972 11.7684 3.99033 12.6953C2.49796 14.8112 1.43941 17.201 0.875764 19.7281L0.84479 19.8814C0.800956 20.0857 0.605152 21.123 0.576896 21.3458C0.576896 21.3627 0.576896 21.3284 0.576896 21.3458C0.3978 22.4167 0.283419 23.4973 0.234375 24.5819V24.7018C0.249952 42.5725 19.6054 53.7246 35.074 44.7758C38.018 43.0727 40.5517 40.7435 42.4961 37.953C44.4404 35.1625 45.7479 31.9789 46.326 28.6273C46.3649 28.3279 46.3966 28.0314 46.4314 27.7289C46.9095 23.7772 46.3919 19.7687 44.9256 16.068Z", fill: "url(#paint11_linear_2937_2828)" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "paint0_linear_2937_2828", x1: 41.8529, y1: 7.4202, x2: 3.31712, y2: 44.6, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.048, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.111, stopColor: "#FFE847" }), jsx("stop", { offset: 0.225, stopColor: "#FFC830" }), jsx("stop", { offset: 0.368, stopColor: "#FF980E" }), jsx("stop", { offset: 0.401, stopColor: "#FF8B16" }), jsx("stop", { offset: 0.462, stopColor: "#FF672A" }), jsx("stop", { offset: 0.534, stopColor: "#FF3647" }), jsx("stop", { offset: 0.705, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint1_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(40.0731 5.3154) scale(48.3933 48.3933)", children: [jsx("stop", { offset: 0.129, stopColor: "#FFBD4F" }), jsx("stop", { offset: 0.186, stopColor: "#FFAC31" }), jsx("stop", { offset: 0.247, stopColor: "#FF9D17" }), jsx("stop", { offset: 0.283, stopColor: "#FF980E" }), jsx("stop", { offset: 0.403, stopColor: "#FF563B" }), jsx("stop", { offset: 0.467, stopColor: "#FF3750" }), jsx("stop", { offset: 0.71, stopColor: "#F5156C" }), jsx("stop", { offset: 0.782, stopColor: "#EB0878" }), jsx("stop", { offset: 0.86, stopColor: "#E50080" })] }), jsxs("radialGradient", { id: "paint2_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(22.3897 25.0999) scale(48.3933 48.3933)", children: [jsx("stop", { offset: 0.3, stopColor: "#960E18" }), jsx("stop", { offset: 0.351, stopColor: "#B11927", stopOpacity: 0.74 }), jsx("stop", { offset: 0.435, stopColor: "#DB293D", stopOpacity: 0.343 }), jsx("stop", { offset: 0.497, stopColor: "#F5334B", stopOpacity: 0.094 }), jsx("stop", { offset: 0.53, stopColor: "#FF3750", stopOpacity: 0 })] }), jsxs("radialGradient", { id: "paint3_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(28.2264 -5.66503) scale(35.0589 35.0589)", children: [jsx("stop", { offset: 0.132, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.252, stopColor: "#FFDC3E" }), jsx("stop", { offset: 0.506, stopColor: "#FF9D12" }), jsx("stop", { offset: 0.526, stopColor: "#FF980E" })] }), jsxs("radialGradient", { id: "paint4_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(17.036 37.7441) scale(23.0422)", children: [jsx("stop", { offset: 0.353, stopColor: "#3A8EE6" }), jsx("stop", { offset: 0.472, stopColor: "#5C79F0" }), jsx("stop", { offset: 0.669, stopColor: "#9059FF" }), jsx("stop", { offset: 1, stopColor: "#C139E6" })] }), jsxs("radialGradient", { id: "paint5_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(25.0406 21.1378) rotate(-13.5915) scale(12.2168 14.3028)", children: [jsx("stop", { offset: 0.206, stopColor: "#9059FF", stopOpacity: 0 }), jsx("stop", { offset: 0.278, stopColor: "#8C4FF3", stopOpacity: 0.064 }), jsx("stop", { offset: 0.747, stopColor: "#7716A8", stopOpacity: 0.45 }), jsx("stop", { offset: 0.975, stopColor: "#6E008B", stopOpacity: 0.6 })] }), jsxs("radialGradient", { id: "paint6_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(21.781 3.3377) scale(16.5765 16.5765)", children: [jsx("stop", { stopColor: "#FFE226" }), jsx("stop", { offset: 0.121, stopColor: "#FFDB27" }), jsx("stop", { offset: 0.295, stopColor: "#FFC82A" }), jsx("stop", { offset: 0.502, stopColor: "#FFA930" }), jsx("stop", { offset: 0.732, stopColor: "#FF7E37" }), jsx("stop", { offset: 0.792, stopColor: "#FF7139" })] }), jsxs("radialGradient", { id: "paint7_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(34.8104 -7.17827) scale(70.7246 70.7245)", children: [jsx("stop", { offset: 0.113, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.456, stopColor: "#FF980E" }), jsx("stop", { offset: 0.622, stopColor: "#FF5634" }), jsx("stop", { offset: 0.716, stopColor: "#FF3647" }), jsx("stop", { offset: 0.904, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint8_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(28.8579 -3.24665) rotate(83.9761) scale(51.8358 34.0194)", children: [jsx("stop", { stopColor: "#FFF44F" }), jsx("stop", { offset: 0.06, stopColor: "#FFE847" }), jsx("stop", { offset: 0.168, stopColor: "#FFC830" }), jsx("stop", { offset: 0.304, stopColor: "#FF980E" }), jsx("stop", { offset: 0.356, stopColor: "#FF8B16" }), jsx("stop", { offset: 0.455, stopColor: "#FF672A" }), jsx("stop", { offset: 0.57, stopColor: "#FF3647" }), jsx("stop", { offset: 0.737, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint9_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(21.3907 9.47634) scale(44.1546 44.1546)", children: [jsx("stop", { offset: 0.137, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.48, stopColor: "#FF980E" }), jsx("stop", { offset: 0.592, stopColor: "#FF5634" }), jsx("stop", { offset: 0.655, stopColor: "#FF3647" }), jsx("stop", { offset: 0.904, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint10_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(33.0439 12.0614) scale(48.3268 48.3268)", children: [jsx("stop", { offset: 0.094, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.231, stopColor: "#FFE141" }), jsx("stop", { offset: 0.509, stopColor: "#FFAF1E" }), jsx("stop", { offset: 0.626, stopColor: "#FF980E" })] }), jsxs("linearGradient", { id: "paint11_linear_2937_2828", x1: 41.3899, y1: 7.22135, x2: 8.59986, y2: 40.0108, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.167, stopColor: "#FFF44F", stopOpacity: 0.8 }), jsx("stop", { offset: 0.266, stopColor: "#FFF44F", stopOpacity: 0.634 }), jsx("stop", { offset: 0.489, stopColor: "#FFF44F", stopOpacity: 0.217 }), jsx("stop", { offset: 0.6, stopColor: "#FFF44F", stopOpacity: 0 })] }), jsx("clipPath", { id: "clip0_2937_2828", children: jsx("rect", { width: 46.3698, height: 48, fill: "white" }) })] })] }))); };
+
+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 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]" })] })] }));
+};
+
+var IconCheck = function (props) { return (jsx("svg", __assign({ width: 64, height: 64, viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "mt-10 lg:mt-16" }, props, { children: jsx("path", { d: "M28.2673 44.2663L47.0673 25.4663L43.334 21.733L28.2673 36.7997L20.6673 29.1997L16.934 32.933L28.2673 44.2663ZM32.0007 58.6663C28.3118 58.6663 24.8451 57.9659 21.6007 56.565C18.3562 55.1641 15.534 53.2646 13.134 50.8663C10.734 48.4663 8.83443 45.6441 7.43532 42.3997C6.03621 39.1552 5.33576 35.6886 5.33398 31.9997C5.33398 28.3108 6.03443 24.8441 7.43532 21.5997C8.83621 18.3552 10.7358 15.533 13.134 13.133C15.534 10.733 18.3562 8.83345 21.6007 7.43434C24.8451 6.03523 28.3118 5.33479 32.0007 5.33301C35.6895 5.33301 39.1562 6.03345 42.4007 7.43434C45.6451 8.83523 48.4673 10.7348 50.8673 13.133C53.2673 15.533 55.1678 18.3552 56.5686 21.5997C57.9695 24.8441 58.6691 28.3108 58.6673 31.9997C58.6673 35.6886 57.9669 39.1552 56.566 42.3997C55.1651 45.6441 53.2655 48.4663 50.8673 50.8663C48.4673 53.2663 45.6451 55.1668 42.4007 56.5677C39.1562 57.9686 35.6895 58.6681 32.0007 58.6663ZM32.0007 53.333C37.9562 53.333 43.0006 51.2663 47.134 47.133C51.2673 42.9997 53.334 37.9552 53.334 31.9997C53.334 26.0441 51.2673 20.9997 47.134 16.8663C43.0006 12.733 37.9562 10.6663 32.0007 10.6663C26.0451 10.6663 21.0007 12.733 16.8673 16.8663C12.734 20.9997 10.6673 26.0441 10.6673 31.9997C10.6673 37.9552 12.734 42.9997 16.8673 47.133C21.0007 51.2663 26.0451 53.333 32.0007 53.333Z", fill: "currentColor" }) }))); };
+
+var ModalConfirm = function (_a) {
+    var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, title = _a.title, message = _a.message, _d = _a.icon, icon = _d === void 0 ? "warning" : _d, _e = _a.onConfirm, onConfirm = _e === void 0 ? function () { } : _e, _f = _a.onCancel, onCancel = _f === void 0 ? function () { } : _f, _g = _a.textButtonConfirm, textButtonConfirm = _g === void 0 ? "Confirmar" : _g, _h = _a.textButtonCancel, textButtonCancel = _h === void 0 ? "Cancelar" : _h, _j = _a.twoButtons, twoButtons = _j === void 0 ? true : _j, _k = _a.className, className = _k === void 0 ? "" : _k;
+    var handleConfirm = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            try {
+                onConfirm();
+                onClose();
+            }
+            catch (error) {
+                console.error("Error en handleConfirm:", error);
+                onClose();
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var handleCancel = function () {
+        onCancel();
+        onClose();
+    };
+    return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: "max-w-[680px] pt-5 pb-8 ".concat(className), closeButton: true, closeDisabled: true, topAbsolute: true, children: [jsxs("div", { className: "flex items-center justify-center", children: [icon === "warning" && jsx(IconWarning, { className: "w-16 h-16 text-onpe-ui-skyblue" }), icon === "success" && jsx(IconCheck, { className: "w-16 h-16 text-onpe-ui-skyblue" })] }), jsx("p", { className: "mt-3 text-lg font-medium text-center lg:mt-4 lg:text-2xl text-onpe-ui-skyblue", children: title }), jsx("p", { className: "mt-7 text-sm lg:text-lg text-center max-w-full lg:max-w-[576px]", children: message }), jsxs("div", { className: "flex flex-col-reverse items-center justify-center w-full gap-5 mt-11 lg:mt-20 lg:flex-row", children: [twoButtons && jsx(Button, { className: "w-full max-w-[200px] lg:w-[200px]", color: "blue", title: textButtonCancel, onClick: handleCancel }), jsx(Button, { className: "w-full max-w-[200px] lg:w-[200px]", color: "red", title: textButtonConfirm, onClick: handleConfirm })] })] }));
+};
+
+var IconSpinnerDesktop = function (props) { return (jsx("svg", __assign({ width: 102, height: 102, viewBox: "0 0 102 102", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M50.9999 3.08313C23.9241 3.08208 3.08296 24.6456 3.08325 51C3.08354 75.4375 22.453 98.9167 50.9999 98.9167C77.5573 98.9167 98.9166 77.3542 98.9166 51", stroke: "currentColor", strokeWidth: 6, strokeLinecap: "round" }) }))); };
+
+var IconSpinnerMobile = function (props) { return (jsx("svg", __assign({ width: 33, height: 33, viewBox: "0 0 33 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M16.5 3C8.87169 2.9997 2.99992 9.07499 3 16.5C3.00008 23.385 8.45721 30 16.5 30C23.9822 30 30 23.925 30 16.5", stroke: "currentColor", strokeWidth: 6, strokeLinecap: "round" }) }))); };
+
+var ModalLoading = function (_a) {
+    var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? function () { } : _c, _d = _a.message, message = _d === void 0 ? "Cargando..." : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
+    return (jsxs(Modal, { isOpen: isOpen, onClose: onClose, className: className, closeDisabled: true, whitoutBackground: true, children: [jsx(IconSpinnerDesktop, { className: "hidden text-white animate-spin md:block" }), jsx(IconSpinnerMobile, { className: "block text-white animate-spin md:hidden" }), jsx("p", { className: "text-white leading-normal text-2xl md:text-[64px] text-center mt-10 md:mt-20", children: message })] }));
+};
+
+var IconWindow = function (props) { return (jsx("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M21.7629 3.14219C21.8365 3.20154 21.8958 3.27659 21.9365 3.36184C21.9773 3.44709 21.9985 3.54039 21.9985 3.63489V11.8676H11.866V5.02304L21.2322 3.01427C21.3247 2.99429 21.4205 2.9953 21.5126 3.01722C21.6046 3.03914 21.6906 3.08141 21.7642 3.14093M10.5994 5.29409L3.50029 6.81523C3.35863 6.84566 3.23169 6.92374 3.14065 7.03646C3.0496 7.14917 2.99996 7.28969 3 7.43458V11.8676H10.5994V5.29409ZM3 13.1341V18.8337C3.00002 18.9863 3.05513 19.1337 3.1552 19.2489C3.25526 19.3641 3.39355 19.4393 3.54462 19.4606L10.5994 20.4688V13.1341H3ZM11.866 20.6499L21.2766 21.9938C21.3663 22.0065 21.4577 21.9997 21.5447 21.974C21.6316 21.9484 21.712 21.9043 21.7804 21.8449C21.8489 21.7854 21.9038 21.712 21.9414 21.6295C21.979 21.547 21.9985 21.4575 21.9985 21.3668V13.1341H11.866V20.6499Z", fill: "currentColor" }) }))); };
+
+var IconAndroid = function (props) { return (jsx("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M14.9751 3.01952L15.9351 1.28752C15.9474 1.26532 15.9552 1.24093 15.958 1.21573C15.9609 1.19052 15.9588 1.16501 15.9517 1.14063C15.9447 1.11625 15.933 1.0935 15.9172 1.07366C15.9014 1.05382 15.8818 1.0373 15.8596 1.02502C15.8374 1.01274 15.813 1.00495 15.7878 1.0021C15.7626 0.999249 15.7371 1.00139 15.7127 1.0084C15.6884 1.01541 15.6656 1.02716 15.6458 1.04296C15.6259 1.05877 15.6094 1.07832 15.5971 1.10052L14.6271 2.85052C13.7991 2.48747 12.9048 2.30002 12.0006 2.30002C11.0965 2.30002 10.2022 2.48747 9.37412 2.85052L8.40413 1.10052C8.37933 1.05543 8.33763 1.02204 8.28822 1.00769C8.2388 0.993347 8.18571 0.999219 8.14062 1.02402C8.09554 1.04881 8.06215 1.09051 8.0478 1.13992C8.03346 1.18934 8.03933 1.24243 8.06413 1.28752L9.02413 3.01952C8.11071 3.47001 7.33899 4.16332 6.79357 5.02342C6.24816 5.88353 5.95011 6.87722 5.93213 7.89552H18.0691C18.051 6.87701 17.7526 5.88318 17.2068 5.02305C16.661 4.16292 15.8889 3.46973 14.9751 3.01952ZM9.20012 5.67452C9.09981 5.67452 9.00174 5.64476 8.91835 5.589C8.83495 5.53325 8.76997 5.45401 8.73162 5.36131C8.69328 5.2686 8.6833 5.16661 8.70294 5.06824C8.72258 4.96986 8.77097 4.87952 8.84198 4.80866C8.91298 4.73779 9.00341 4.68959 9.10183 4.67014C9.20024 4.65069 9.30221 4.66087 9.39484 4.6994C9.48746 4.73792 9.56658 4.80306 9.62217 4.88657C9.67776 4.97008 9.70732 5.0682 9.70712 5.16852C9.70686 5.30281 9.65333 5.43151 9.55828 5.52637C9.46322 5.62124 9.33442 5.67452 9.20012 5.67452ZM14.8021 5.67452C14.7018 5.67452 14.6037 5.64476 14.5203 5.589C14.437 5.53325 14.372 5.45401 14.3336 5.36131C14.2953 5.2686 14.2853 5.16661 14.3049 5.06824C14.3246 4.96986 14.373 4.87952 14.444 4.80866C14.515 4.73779 14.6054 4.68959 14.7038 4.67014C14.8022 4.65069 14.9042 4.66087 14.9968 4.6994C15.0895 4.73792 15.1686 4.80306 15.2242 4.88657C15.2798 4.97008 15.3093 5.0682 15.3091 5.16852C15.3089 5.30281 15.2553 5.43151 15.1603 5.52637C15.0652 5.62124 14.9364 5.67452 14.8021 5.67452ZM5.93012 17.1715C5.92986 17.3646 5.96771 17.5558 6.0415 17.7342C6.1153 17.9126 6.22358 18.0747 6.36015 18.2112C6.49672 18.3477 6.65888 18.4558 6.83734 18.5295C7.01581 18.6032 7.20706 18.6409 7.40013 18.6405H8.37313V21.6405C8.37313 22.0013 8.51646 22.3474 8.77161 22.6025C9.02675 22.8577 9.3728 23.001 9.73362 23.001C10.0945 23.001 10.4405 22.8577 10.6956 22.6025C10.9508 22.3474 11.0941 22.0013 11.0941 21.6405V18.6405H12.9081V21.6405C12.9081 22.0012 13.0514 22.3471 13.3065 22.6022C13.5615 22.8572 13.9074 23.0005 14.2681 23.0005C14.6288 23.0005 14.9747 22.8572 15.2298 22.6022C15.4848 22.3471 15.6281 22.0012 15.6281 21.6405V18.6405H16.6021C16.7949 18.6406 16.9859 18.6028 17.1641 18.529C17.3422 18.4553 17.5041 18.3472 17.6405 18.2108C17.7768 18.0745 17.8849 17.9126 17.9586 17.7345C18.0324 17.5563 18.0703 17.3653 18.0701 17.1725V8.37552H5.93012V17.1715ZM4.06313 8.14152C3.70242 8.14205 3.35665 8.28564 3.10169 8.54079C2.84673 8.79594 2.70339 9.14181 2.70312 9.50252V15.1715C2.70312 15.3501 2.7383 15.527 2.80665 15.692C2.875 15.857 2.97517 16.0069 3.10146 16.1332C3.22775 16.2595 3.37767 16.3596 3.54268 16.428C3.70768 16.4963 3.88453 16.5315 4.06313 16.5315C4.24172 16.5315 4.41857 16.4963 4.58357 16.428C4.74858 16.3596 4.8985 16.2595 5.02479 16.1332C5.15108 16.0069 5.25125 15.857 5.3196 15.692C5.38795 15.527 5.42312 15.3501 5.42312 15.1715V9.50252C5.4226 9.14198 5.27914 8.79637 5.02421 8.54144C4.76927 8.2865 4.42366 8.14305 4.06313 8.14252M19.9351 8.14252C19.5744 8.14305 19.2287 8.28664 18.9737 8.54179C18.7187 8.79694 18.5754 9.14281 18.5751 9.50352V15.1725C18.5751 15.3511 18.6103 15.528 18.6786 15.693C18.747 15.858 18.8472 16.0079 18.9735 16.1342C19.0997 16.2605 19.2497 16.3606 19.4147 16.429C19.5797 16.4973 19.7565 16.5325 19.9351 16.5325C20.1137 16.5325 20.2906 16.4973 20.4556 16.429C20.6206 16.3606 20.7705 16.2605 20.8968 16.1342C21.0231 16.0079 21.1233 15.858 21.1916 15.693C21.2599 15.528 21.2951 15.3511 21.2951 15.1725V9.50252C21.2946 9.14198 21.1511 8.79637 20.8962 8.54144C20.6413 8.2865 20.2957 8.14305 19.9351 8.14252Z", fill: "currentColor" }) }))); };
+
+var IconApple = function (props) { return (jsx("svg", __assign({ stroke: "currentColor", fill: "currentColor", width: 24, height: 24, strokeWidth: 0, viewBox: "0 0 384 512", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z" }) }))); };
+
+var ModalSystemIncompatible = 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-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]" })] })] }));
+};
+
+var IconChrome = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxs("g", { clipPath: "url(#clip2_4460_12124)", children: [jsx("path", { d: "M4.00488 3.44051C6.20217 1.58479 9.04983 0.560425 12.0001 0.564465C14.1846 0.563653 16.3279 1.12509 18.1987 2.18821C20.0696 3.25133 21.597 4.77577 22.6161 6.59708H12.0001C10.8956 6.5969 9.81579 6.90448 8.89627 7.48114C7.97674 8.0578 7.25859 8.87781 6.83208 9.8381L4.00488 3.44051Z", fill: "currentColor" }), jsx("path", { d: "M2.79194 4.62109C1.53583 6.03815 0.666731 7.72344 0.260475 9.5299C-0.145781 11.3364 -0.0768467 13.2091 0.461263 14.9846C0.999374 16.7602 1.99031 18.3847 3.34759 19.7163C4.70487 21.0478 6.38726 22.0461 8.24794 22.6239L12.7471 17.1071C11.3631 17.2831 9.95915 16.9654 8.81071 16.2163C7.66226 15.4671 6.85212 14.3407 6.53914 13.0577C6.50797 13.0141 6.48169 12.9676 6.46074 12.919L2.79194 4.62109Z", fill: "currentColor" }), jsx("path", { d: "M9.94385 23.0208C12.0087 23.3602 14.1319 23.1838 16.102 22.5093C18.0721 21.8347 19.8204 20.6856 21.1728 19.1761C22.5252 17.6667 23.4346 15.8497 23.8105 13.906C24.1864 11.9624 24.0155 9.95977 23.315 8.09766C23.2769 8.10277 23.2384 8.10529 23.1998 8.1052H15.9198C16.4526 8.59622 16.8757 9.18278 17.1642 9.83031C17.4527 10.4778 17.6009 11.1733 17.5998 11.8756C17.6033 13.2244 17.0569 14.5229 16.0734 15.5027L9.94385 23.0208Z", fill: "currentColor" }), jsx("path", { d: "M8 11.8759C8 10.8759 8.42143 9.91687 9.17157 9.20979C9.92172 8.5027 10.9391 8.10547 12 8.10547C13.0609 8.10547 14.0783 8.5027 14.8284 9.20979C15.5786 9.91687 16 10.8759 16 11.8759C16 12.8758 15.5786 13.8348 14.8284 14.5419C14.0783 15.249 13.0609 15.6462 12 15.6462C10.9391 15.6462 9.92172 15.249 9.17157 14.5419C8.42143 13.8348 8 12.8758 8 11.8759Z", fill: "currentColor" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip2_4460_12124", children: jsx("rect", { width: 24, height: 22.6223, fill: "white", transform: "translate(0 0.564453)" }) }) })] }))); };
+
+var IconSafari = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxs("g", { clipPath: "url(#clip0_7500_5262)", children: [jsx("path", { d: "M7.93359 16.068L10.9832 10.9832L16.068 7.93359L13.0184 13.0184L7.93359 16.068Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12ZM19.0864 6.0112C19.1782 5.85821 19.2162 5.67893 19.1944 5.50185C19.1726 5.32477 19.0923 5.16006 18.9661 5.0339C18.8399 4.90774 18.6752 4.82737 18.4982 4.80557C18.3211 4.78378 18.1418 4.8218 17.9888 4.9136L9.8176 9.8176L4.912 17.9888C4.8202 18.1418 4.78218 18.3211 4.80397 18.4982C4.82577 18.6752 4.90614 18.8399 5.0323 18.9661C5.15845 19.0923 5.32317 19.1726 5.50025 19.1944C5.67733 19.2162 5.85661 19.1782 6.0096 19.0864L14.1808 14.1824L19.0864 6.0112Z", fill: "currentColor" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_7500_5262", children: jsx("rect", { width: 24, height: 24, fill: "white" }) }) })] }))); };
+
+var IconMozilla = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx("g", { clipPath: "url(#clip0_4460_12122)", children: jsx("path", { d: "M5.63408 6.116C5.64569 6.116 5.64569 6.116 5.63408 6.116V6.116ZM22.3969 8.15267C21.8974 7.00294 20.8635 5.76561 20.062 5.37142C20.7125 6.58685 21.0958 7.80227 21.2469 8.70016V8.72206C19.9342 5.63421 17.7038 4.38594 15.88 1.67038C15.787 1.53899 15.6825 1.39664 15.6012 1.25429C15.5547 1.17764 15.5198 1.10099 15.4734 1.02434C15.4037 0.881997 15.334 0.73965 15.2991 0.586353C15.2991 0.575403 15.2875 0.564453 15.2759 0.564453H15.241C12.6621 1.98793 11.5818 4.49543 11.3146 6.08315C10.5131 6.12695 9.72314 6.3131 9.0029 6.64159C8.8635 6.69634 8.80542 6.84964 8.85189 6.98104C8.90997 7.13434 9.09584 7.21098 9.24685 7.14529C9.87415 6.86059 10.5712 6.69634 11.2682 6.65254H11.3262C11.4192 6.64159 11.5237 6.64159 11.6167 6.64159C12.1975 6.63064 12.7435 6.70729 13.2894 6.86059L13.3591 6.88249C13.4753 6.90439 13.5566 6.94819 13.6496 6.94819C13.7076 6.99199 13.7773 7.01389 13.8354 7.03579L13.9981 7.10149C14.0794 7.13434 14.1607 7.16719 14.2304 7.20003C14.2652 7.22193 14.3001 7.23288 14.3349 7.25478C14.4163 7.29858 14.5208 7.33143 14.5673 7.37523C14.6137 7.39713 14.6602 7.42998 14.7067 7.45188C15.5547 7.94462 16.2633 8.62351 16.7396 9.43379C16.1239 9.02865 15.0087 8.62351 13.94 8.79871C18.122 10.7806 16.9952 17.5586 11.1985 17.2958C10.6873 17.2848 10.1762 17.1863 9.68829 17.022C9.57212 16.9892 9.45595 16.9454 9.3514 16.8906C9.29332 16.8687 9.212 16.8359 9.15392 16.803C7.72507 16.1132 6.55179 14.8101 6.38916 13.2224C6.38916 13.2224 6.96999 11.3281 10.2575 11.3281C10.6176 11.3281 11.6167 10.3864 11.6515 10.1236C11.6515 10.0251 9.6302 9.26955 8.84027 8.53591C8.41045 8.14172 8.21297 7.95557 8.03872 7.81322C7.94579 7.73658 7.84124 7.67088 7.73669 7.60518C7.46971 6.73012 7.45767 5.80343 7.70184 4.92248C6.50532 5.43712 5.57599 6.2474 4.90223 6.94819C4.43756 6.4007 4.47241 4.59398 4.49564 4.21074C4.48403 4.21074 4.14714 4.38593 4.11229 4.40783C3.70571 4.68158 3.32236 4.98817 2.97386 5.30572C2.56728 5.71086 2.20716 6.116 1.8819 6.554C1.16166 7.55043 0.580832 8.68921 0.325266 9.88274C0.325266 9.89369 0.2091 10.3317 0.127783 10.8901L0.0929331 11.142C0.0696998 11.3281 0.0464666 11.4924 0 11.7771V12.226C0 18.2812 5.22749 23.1868 11.6167 23.1868C17.3901 23.1868 22.1646 19.2558 23.0939 14.0656C23.1171 13.9451 23.1288 13.8028 23.152 13.6604C23.3843 11.7771 23.1288 9.80609 22.3969 8.15267Z", fill: "currentColor" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_4460_12122", children: jsx("rect", { width: 24, height: 22.6223, fill: "white", transform: "translate(0 0.564453)" }) }) })] }))); };
+
+var IconEdge = function (props) { return (jsxs("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx("g", { clipPath: "url(#clip0_8211_8231)", children: jsx("path", { d: "M9.86748 11.7697C9.90253 13.051 10.5964 14.591 12.2319 15.9545C13.6546 17.1391 16.1157 18.0916 18.1066 18.0916C18.7863 18.0923 19.4637 18.0112 20.124 17.8498C20.3714 17.7895 20.6314 17.8089 20.8671 17.905C21.1027 18.0012 21.302 18.1693 21.4366 18.3854C21.5711 18.6015 21.6339 18.8546 21.6162 19.1085C21.5984 19.3624 21.5009 19.6043 21.3377 19.7996C19.4012 22.1173 16.6672 23.6261 13.674 24.029C13.5491 24.0479 13.4218 24.0422 13.2992 24.0121C10.7136 23.3739 7.83188 20.132 7.83188 16.8828C7.83188 14.0132 8.84726 12.4769 9.86748 11.7697ZM9.01407 7.25984C10.0434 7.42348 10.9791 7.95314 11.6492 8.75146C11.0422 8.77677 10.442 8.88996 9.86748 9.08749C7.44144 9.89737 5.4143 12.5168 5.4143 16.8828C5.4143 19.9495 6.86364 22.0394 8.76385 23.6797C3.94442 22.315 0.34827 18.0384 0.00255686 12.8685C-0.0167921 12.5867 0.0742415 12.3084 0.256402 12.0925L0.461897 11.8556L0.853544 11.4228L1.17629 11.0832L1.3564 10.897L1.75772 10.4945L2.21464 10.0485L2.46607 9.81034C4.77485 7.63093 7.18034 6.94798 9.01407 7.25984ZM12.0626 -0.0398865C17.8165 -0.0398865 22.6299 3.97926 23.8507 9.36309C24.2859 11.279 23.7141 12.7779 22.8511 13.821C22.1768 14.6235 21.3065 15.2381 20.3247 15.6052C19.1582 16.0173 17.8467 16.0004 16.8047 15.8179C15.8739 15.6547 14.7135 15.3404 14.1418 14.5221C13.9795 14.2901 13.9038 14.0085 13.9278 13.7264C13.9519 13.4443 14.0743 13.1796 14.2735 12.9785C14.8598 12.3862 15.1305 11.7758 15.1704 11.2294C15.182 11.0104 15.1637 10.7908 15.116 10.5767C14.4125 7.40973 12.2319 5.35362 9.41902 4.87616C6.08276 4.30925 2.91695 6.03295 0.576731 8.27037C2.16266 3.44498 6.70529 -0.0398865 12.0626 -0.0398865Z", fill: "currentColor" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_8211_8231", children: jsx("rect", { width: 24, height: 24, fill: "white" }) }) })] }))); };
+
+var BrowserRecommended = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.showLabels, showLabels = _c === void 0 ? true : _c, _d = _a.title, title = _d === void 0 ? "Navegadores recomendados:" : _d;
+    return (jsxs("div", { className: "flex flex-col items-center justify-center gap-6 pt-3 pb-6 text-xs text-center text-onpe-ui-blue bg-onpe-ui-skyblue/15 lg:flex-row md:py-2 ".concat(className), children: [jsx("p", { children: title }), jsxs("div", { className: "flex gap-6 lg:gap-8", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconChrome, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Google Chrome" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconSafari, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Safari" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconMozilla, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Mozilla Firefox" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconEdge, { className: "w-4 h-4" }), showLabels && jsx("p", { className: "hidden text-left lg:block", children: "Microsoft Edge" })] })] })] }));
+};
+
+var Footer = function (_a) {
+    var _b = _a.showBrowserInfo, showBrowserInfo = _b === void 0 ? true : _b, _c = _a.showContactInfo, showContactInfo = _c === void 0 ? true : _c, _d = _a.showVersionInfo, showVersionInfo = _d === void 0 ? true : _d, _e = _a.showFooterContent, showFooterContent = _e === void 0 ? true : _e, _f = _a.isDevelopment, isDevelopment = _f === void 0 ? false : _f, props = __rest(_a, ["showBrowserInfo", "showContactInfo", "showVersionInfo", "showFooterContent", "isDevelopment"]);
+    return (jsxs("footer", __assign({}, props, { children: [showFooterContent && (jsxs(Fragment, { children: [showVersionInfo ? showVersionInfo : jsx(Fragment, {}), showBrowserInfo && jsx(BrowserRecommended, {}), showContactInfo && (jsx("div", { className: "relative z-10 flex w-full px-4 bg-onpe-ui-blue", children: jsxs("ul", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6 lg:gap-8 justify-center py-14 lg:pt-[15px] lg:pb-[18px] w-full max-w-[1400px] mx-auto", children: [jsxs("li", { className: "text-left lg:text-center", children: [jsx("p", { className: "pb-2 font-semibold text-onpe-ui-yellow", children: "Oficina central" }), jsx("p", { className: "text-sm font-medium text-white", children: "Jr. Washington 1894 - Cercado de Lima" })] }), jsxs("li", { className: "text-left lg:text-center", children: [jsx("p", { className: "pb-2 font-semibold text-onpe-ui-yellow", children: "Escr\u00EDbenos" }), jsx("p", { className: "text-sm font-medium text-white", children: "informes@onpe.gob.pe" })] }), jsxs("li", { className: "text-left lg:text-center", children: [jsx("p", { className: "pb-2 font-semibold text-onpe-ui-yellow", children: "Central telef\u00F3nica" }), jsx("p", { className: "text-sm font-medium text-white", children: "(01) 4170630 | Lunes a viernes de 8:30 a. m. a 4:30 p. m." })] })] }) }))] })), isDevelopment && (jsx("div", { className: "h-[93px] lg:h-[46px] w-full text-center flex items-center justify-center bg-onpe-ui-yellow-light/75 fixed z-10 right-0 bottom-0", children: jsxs("p", { className: "px-2 py-1 text-2xl text-onpe-ui-blue font-consolas", children: ["Versi\u00F3n en Desarrollo ", jsx("br", { className: "lg:hidden" }), " - No Oficial"] }) }))] })));
+};
 
 export { BrowserRecommended, Button, Footer, Modal, ModalBrowserIncompatible, ModalConfirm, ModalLoading, ModalSystemIncompatible, Overlay, Portal, Show };
-export type { BrowserRecommendedProps, ButtonProps, FooterProps, ModalBrowserIncompatibleProps, ModalConfirmProps, ModalLoadingProps, ModalProps, ModalSystemIncompatibleProps, OverlayProps, PortalProps, ShowProps };
+//# sourceMappingURL=components.js.map

package/dist/hooks.d.ts

@@ -1,3 +1,17 @@
-export { useDebounce } from "./hooks/useDebounce";
-export { useLocalStorage } from "./hooks/useLocalStorage";
-//# sourceMappingURL=hooks.d.ts.map
+/**
+ * Hook para debounce de valores
+ * @param value - Valor a debounce
+ * @param delay - Delay en milisegundos
+ * @returns Valor debounced
+ */
+declare function useDebounce<T>(value: T, delay: number): T;
+
+/**
+ * Hook personalizado para manejar localStorage
+ * @param key - Clave del localStorage
+ * @param initialValue - Valor inicial
+ * @returns [value, setValue] - Valor actual y función para actualizarlo
+ */
+declare function useLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];
+
+export { useDebounce, useLocalStorage };