react-toast-master 1.1.6 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +40 -3
  2. package/build/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/ToastProvider.jsx +3 -3
  5. package/src/components/styles/breakPoints.css +36 -19
  6. package/src/components/styles/button.css +9 -3
  7. package/src/components/styles/shadows.css +0 -2
  8. package/src/components/styles/skew.css +3 -3
  9. package/src/components/styles/textColor.css +11 -5
package/README.md CHANGED
@@ -9,11 +9,10 @@ $ npm install react-toast-master
9
9
  $ yarn add react-toast-master
10
10
  ```
11
11
 
12
- ## 💡 Example
12
+ ## 💡 Simple Example
13
13
 
14
14
  ```jsx
15
15
  import React from "react";
16
-
17
16
  import { ToastProvider, useToast } from "react-toast-master";
18
17
 
19
18
  function App() {
@@ -34,9 +33,47 @@ function App() {
34
33
  }
35
34
  ```
36
35
 
36
+ ## 💡 With More Customization ( with Tailwind CSS )
37
+
38
+ ```jsx
39
+ import React from "react";
40
+ import { ToastProvider, useToast } from "react-toast-master";
41
+
42
+ function App() {
43
+ const { toastMaster } = useToast();
44
+
45
+ const showToast = () => {
46
+ toastMaster({
47
+ type: "errorWhite",
48
+ message: "Uh oh! Something went wrong.",
49
+ footer: (
50
+ <div className="flex justify-between">
51
+ <p>There was a problem with your request.</p>{" "}
52
+ <span className="border border-white cursor-pointer duration-100 hover:bg-white hover:text-[#dc2626] h-min px-2 rounded-sm text-white whitespace-nowrap">
53
+ Try again
54
+ </span>
55
+ </div>
56
+ ),
57
+ align: "left",
58
+ position: "bottomRight",
59
+ bg: "error",
60
+ transition: "top",
61
+ shadow: "white",
62
+ cancelButton: true,
63
+ });
64
+ };
65
+
66
+ return (
67
+ <ToastProvider>
68
+ <button onClick={showToast}>Toast</button>
69
+ </ToastProvider>
70
+ );
71
+ }
72
+ ```
73
+
37
74
  ## 📔 Documentation and Demo
38
75
 
39
- Check [website](https://react-toast-master.web.app) to get a better understanding!
76
+ Check [website](https://react-toast-master.web.app)( under development ) to get a better understanding!
40
77
 
41
78
  ## 📜 License
42
79
 
package/build/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see index.js.LICENSE.txt */
2
- (()=>{"use strict";var t={290:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,'.outer_container {\n\tposition: fixed;\n\tdisplay: flex;\n\twidth: 100%;\n\tpointer-events: none;\n}\n\n.inner_container {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tpointer-events: all;\n}\n\n/* \n\t \t\treveal animation css \n*/\n.outer_container.ani_down {\n\tanimation: slide_down 0.5s ease forwards;\n}\n.outer_container.ani_top {\n\tanimation: slide_up 0.5s ease forwards;\n}\n.outer_container.ani_left {\n\tanimation: slide_left 0.5s ease forwards;\n}\n.outer_container.ani_right {\n\tanimation: slide_right 0.5s ease forwards;\n}\n.outer_container.ani_fade {\n\tanimation: fade_in 0.5s ease forwards;\n}\n.outer_container.ani_zoom {\n\tanimation: zoom_in 0.8s ease forwards;\n}\n.outer_container.ani_jelly {\n\tanimation: jelly 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.475) forwards;\n}\n\n/* \n\t \t\treveal animation \n*/\n@keyframes slide_down {\n\tfrom {\n\t\ttransform: translateY(-150%);\n\t}\n\tto {\n\t\ttransform: translateY(0);\n\t}\n}\n\n@keyframes slide_up {\n\tfrom {\n\t\ttransform: translateY(150%);\n\t}\n\tto {\n\t\ttransform: translateY(0);\n\t}\n}\n\n@keyframes slide_left {\n\tfrom {\n\t\ttransform: translateX(-100%);\n\t}\n\tto {\n\t\ttransform: translateX(0);\n\t}\n}\n\n@keyframes slide_right {\n\tfrom {\n\t\ttransform: translateX(100%);\n\t}\n\tto {\n\t\ttransform: translateX(0);\n\t}\n}\n\n@keyframes fade_in {\n\tfrom {\n\t\tscale: 0.975;\n\t\topacity: 0.2;\n\t}\n\tto {\n\t\topacity: 1;\n\t\tscale: 1;\n\t}\n}\n\n@keyframes zoom_in {\n\tfrom {\n\t\tscale: 0.9;\n\t\topacity: 0;\n\t}\n\tto {\n\t\tscale: 1;\n\t\tscale: 1;\n\t}\n}\n@keyframes jelly {\n\tfrom {\n\t\ttransform: rotateX(90deg);\n\t\tscale: 0.93;\n\t}\n\tto {\n\t\ttransform: rotateX(0deg);\n\t\tscale: 1;\n\t}\n}\n\n/* \n\t \t\tclosing animation css\n*/\n.outer_container.ani_fade_out {\n\tanimation: fade_out 0.5s ease forwards;\n}\n.outer_container.ani_zoom_out {\n\tanimation: zoom_out 0.5s ease-out forwards;\n}\n.outer_container.ani_slide_out_down {\n\tanimation: slide_out_down 0.5s ease forwards;\n}\n.outer_container.ani_slide_out_up {\n\tanimation: slide_out_up 0.5s ease forwards;\n}\n.outer_container.ani_slide_out_left {\n\tanimation: slide_out_left 0.5s ease forwards;\n}\n.outer_container.ani_slide_out_right {\n\tanimation: slide_out_right 0.5s ease forwards;\n}\n.outer_container.ani_jelly_out {\n\tanimation: jelly_out 0.5s ease forwards;\n}\n\n/* \n\t \t\tclosing animation \n*/\n\n@keyframes slide_out_down {\n\tfrom {\n\t\ttransform: translateY(0);\n\t}\n\tto {\n\t\ttransform: translateY(-200%);\n\t}\n}\n\n@keyframes slide_out_up {\n\tfrom {\n\t\ttransform: translateY(0);\n\t}\n\tto {\n\t\ttransform: translateY(200%);\n\t}\n}\n\n@keyframes slide_out_left {\n\tfrom {\n\t\ttransform: translateX(0);\n\t}\n\tto {\n\t\ttransform: translateX(-100%);\n\t}\n}\n\n@keyframes slide_out_right {\n\tfrom {\n\t\ttransform: translateX(0);\n\t}\n\tto {\n\t\ttransform: translateX(100%);\n\t}\n}\n\n@keyframes fade_out {\n\tfrom {\n\t\topacity: 1;\n\t\tscale: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t\tscale: 0.95;\n\t}\n}\n\n@keyframes zoom_out {\n\tfrom {\n\t\tscale: 1;\n\t\topacity: 1;\n\t}\n\tto {\n\t\tscale: 0.9;\n\t\topacity: 0;\n\t}\n}\n\n@keyframes jelly_out {\n\tfrom {\n\t\ttransform: rotateX(0deg);\n\t\tscale: 1;\n\t\topacity: 1;\n\t}\n\tto {\n\t\ttransform: rotateX(40deg);\n\t\tscale: 0.95;\n\t\topacity: 0;\n\t}\n}\n\n/* \n\tthis css style is used when the toast is using full width "bottomFull" ||"topFull" \n*/\n.outer_container.ani_fade_out_full {\n\tanimation: fade_out_full 0.5s ease forwards;\n}\n\n@keyframes fade_out_full {\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n}\n\n.reveal_ani {\n\tanimation: revealFooter 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n}\n\n@keyframes revealFooter {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-150%);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n.overlay {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: glass;\n\ttransition: background-color 0.35s ease-in-out;\n\tz-index: 9997;\n\tbackdrop-filter: blur(0.7px);\n}\n\n.overlay.show {\n\tbackground-color: rgba(12, 12, 12, 0.63);\n}\n',""]);const s=i},743:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* background */\n.bg_white {\n\tbackground-color: #ffffff;\n\tborder: 1px solid #dddddd;\n}\n.bg_error {\n\tbackground-color: #dc2626;\n\tborder: 1px solid #d14f4f;\n}\n.bg_dark {\n\tbackground-color: #141318;\n\tborder: 1px solid #35383d;\n}\n.bg_gray {\n\tbackground-color: #495668;\n\tborder: 1px solid #97a5b9;\n}\n.bg_glass {\n\tbackground: #ffffff38 !important;\n\tbackdrop-filter: blur(7px) !important;\n\t-webkit-backdrop-filter: blur(7px) !important;\n\tborder: 1px solid rgba(255, 255, 255, 0.18) !important;\n}\n.bg_success {\n\tbackground-color: #07bc0c;\n\tborder: 1px solid #007e33;\n}\n\n.bg_warning {\n\tbackground-color: #edc319;\n\tborder: 1px solid #ff8800;\n}\n\n.bg_info {\n\tbackground-color: #007fff;\n\tborder: 1px solid #146fb9;\n}\n\n.bg_transparent {\n\tbackground-color: transparent;\n\tborder: 1px solid #ffffff;\n}\n\n.bg_darker {\n\tcolor: rgb(231, 231, 231);\n}\n.bg_whiter {\n\tcolor: #536075;\n}\n.bg_glass_close {\n\tcolor: #ffffff;\n}\n",""]);const s=i},909:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* border radius */\n.rounded_none {\n\tborder-radius: 0rem;\n}\n.rounded_md {\n\tborder-radius: 0.375rem;\n}\n.rounded_sm {\n\tborder-radius: 0.125rem;\n}\n.rounded_lg {\n\tborder-radius: 0.5rem;\n}\n.rounded_xl {\n\tborder-radius: 0.75rem;\n}\n.rounded_2xl {\n\tborder-radius: 1rem;\n}\n.rounded_full {\n\tborder-radius: 9999px;\n}\n\n.border_white {\n\tborder: 1px solid #fff;\n}\n.border_dark {\n\tborder: 1px solid #141318;\n}\n.border_success {\n\tborder: 1px solid #22c55e;\n}\n.border_error {\n\tborder: 1px solid #dc2626;\n}\n.border_warning {\n\tborder: 1px solid #edc319;\n}\n.border_info {\n\tborder: 1px solid #2196f3;\n}\n.border_neutral {\n\tborder: 1px solid rgba(136, 136, 136, 0.651);\n}\n",""]);const s=i},175:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* xl */\n@media screen and (min-width: 1280px) and (max-width: 5120px) {\n\t.toast_width {\n\t\twidth: 475px;\n\t\tpadding: 0.725rem 2.3rem;\n\t}\n\t.toast_width_confirm {\n\t\twidth: 480px;\n\t\tpadding: 1.1rem 1.5rem;\n\t}\n\t.toast_message {\n\t\t/* display: flex; */\n\t\talign-items: center;\n\t\tfont-size: 1.04rem;\n\t\tline-height: 1.3rem;\n\t\tfont-weight: 600;\n\t\twhite-space: normal;\n\t\tcolumn-gap: 1rem;\n\t\t/* border: 1px solid red; */\n\t}\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tfont-weight: 400;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t\tpadding: 0.325rem 2.3rem;\n\t}\n\n\t.confirm_div {\n\t\tfont-size: 1rem;\n\t\tline-height: 1.5rem;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\tcolumn-gap: 0.75rem;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tfont-weight: 400;\n\t\tfont-size: 0.875rem;\n\t\tpadding: 0.625rem 0rem;\n\t\tline-height: 1.25rem;\n\t}\n}\n\n/* medium display */\n@media screen and (min-width: 768px) and (max-width: 1279px) {\n\t.toast_message {\n\t\t/* display: flex; */\n\t\tflex-direction: row;\n\t\tcolumn-gap: 0.8rem;\n\t\tfont-size: 1rem;\n\t\tline-height: 1.3rem;\n\t\tfont-weight: 600;\n\t\talign-items: center;\n\t}\n\t.toast_width {\n\t\twidth: 440px;\n\t\tpadding: 0.425rem 2rem;\n\t}\n\t.toast_width_confirm {\n\t\twidth: 450px;\n\t\tpadding: 1rem 1.5rem;\n\t}\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tfont-weight: 400;\n\t\tfont-size: 0.8rem;\n\t\tline-height: 1.25rem;\n\t\tpadding: 0.325rem 2rem;\n\t}\n\n\t.confirm_div {\n\t\tfont-size: 1rem;\n\t\tline-height: 1.5rem;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\tcolumn-gap: 0.75rem;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\t/* border-bottom-width: 1px; */\n\t\tfont-weight: 400;\n\t\tfont-size: 0.8rem;\n\t\tline-height: 1.25rem;\n\t\tpadding: 0.6rem 0rem;\n\t}\n}\n\n/* small display */\n@media screen and (min-width: 481px) and (max-width: 767px) {\n\t.toast_message {\n\t\t/* display: flex; */\n\t\tflex-direction: row;\n\t\tfont-size: 17px;\n\t\tline-height: 1.4rem;\n\t\tfont-weight: 500;\n\t\tgap: 0rem 0.75rem;\n\t\talign-items: center;\n\t}\n\t.toast_width {\n\t\twidth: 380px;\n\t\tpadding: 0.325rem 2.2rem;\n\t}\n\t.toast_width_confirm {\n\t\twidth: 410px;\n\t\tpadding: 1rem 1.5rem;\n\t}\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tfont-weight: 400;\n\t\tfont-size: 13px;\n\t\tline-height: 1.2rem;\n\t\tpadding: 0.35rem 2.2rem;\n\t}\n\t.confirm_div {\n\t\tfont-size: 1rem;\n\t\tline-height: 1.5rem;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\tcolumn-gap: 0.75rem;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\t/* font-size: 0.77rem; */\n\t\tfont-size: 14px;\n\t\tletter-spacing: -0.4px;\n\t\tpadding: 0.625rem 0rem;\n\t}\n}\n\n@media screen and (min-width: 120px) and (max-width: 480px) {\n\t.toast_width {\n\t\twidth: 95vw;\n\t\tpadding: 0.325rem 1.1rem;\n\t}\n\t.toast_width_confirm {\n\t\twidth: 95vw;\n\t\tpadding: 0.925rem 0.875rem;\n\t}\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tfont-weight: 400;\n\t\tfont-size: 13px;\n\t\tline-height: 1.25rem;\n\t\tpadding: 0.425rem 0.875rem;\n\t\tletter-spacing: -0.5px;\n\t}\n\t.toast_message {\n\t\t/* display: flex; */\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: 0rem 0.6rem;\n\t\tfont-size: 16px;\n\t\tline-height: 1.25rem;\n\t\tfont-weight: 500;\n\t\tletter-spacing: -0.4px;\n\t}\n\n\t/* confirm toast component styles */\n\t.confirm_div {\n\t\tdisplay: flex;\n\t\tflex-direction: column-reverse;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\trow-gap: 0.37rem;\n\t\tfont-size: 13.5px;\n\t\tline-height: 1.25rem;\n\t\twidth: 100%;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\tfont-size: 13.5px;\n\t\tletter-spacing: -0.6px;\n\t\tpadding: 0.725rem 0rem;\n\t}\n}\n\n.toast_message {\n\tdisplay: flex;\n\tposition: relative;\n}\n",""]);const s=i},647:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* Default styles for buttons */\n.cancel_button,\n.confirm_button {\n\twhite-space: nowrap;\n\tfont-size: 1rem;\n\tline-height: 1.5rem;\n\tborder-radius: 0.375rem;\n\ttransition-duration: 300ms;\n\tfont-weight: 600;\n}\n\n/* Large devices */\n@media screen and (min-width: 1280px) and (max-width: 5120px) {\n\t.cancel_button {\n\t\tbackground-color: transparent;\n\t\tpadding: 0.25rem 1rem;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.25rem 1rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t}\n\n\t.closeDiv {\n\t\tright: -2rem;\n\t}\n}\n\n/* Medium devices */\n@media screen and (min-width: 768px) and (max-width: 1279px) {\n\t.cancel_button {\n\t\tbackground-color: transparent;\n\t\tpadding: 0.25rem 1rem;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.25rem 1rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t}\n\n\t.closeDiv {\n\t\tright: -2rem;\n\t}\n}\n\n/* Small devices */\n@media screen and (min-width: 481px) and (max-width: 767px) {\n\t.cancel_button {\n\t\tpadding: 0.4rem 1.5rem;\n\t\tfont-size: 0.875rem;\n\t\tbackground-color: transparent;\n\t\tline-height: 1.25rem;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.4rem 1.5rem;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t}\n\t.closeDiv {\n\t\tright: -2rem;\n\t}\n}\n\n/* Extra small devices */\n@media screen and (min-width: 120px) and (max-width: 480px) {\n\t.cancel_button {\n\t\tpadding: 0.35rem 0.5rem;\n\t\tborder-width: 1px;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\n\t\twidth: 100%;\n\t\tbackground-color: transparent;\n\t\tcolor: white;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.35rem 0.5rem;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t\twidth: 100%;\n\t}\n\t.closeDiv {\n\t\tright: -1.1rem;\n\t}\n}\n\n.confirm_button_white {\n\tbackground-color: #141318;\n\tcolor: #fff;\n\tborder: 1px solid #353244;\n}\n.confirm_button_dark {\n\tbackground-color: #fff;\n\tcolor: #1f2937;\n\tborder: 1px solid #d1d5db;\n}\n.cancel_button_dark {\n\tcolor: #1f2937;\n\tborder: 1px solid #d1d5db;\n}\n.cancel_button_all {\n\tcolor: #fff;\n\tborder: 1px solid #67656e;\n}\n\n/* cancel button glass */\n.cancel_button_glass {\n\tcolor: #ffffff;\n\tborder: 1px solid #ffffff;\n}\n\n/* \n\t \t\tbelow css styles are being used in the InnerFooter \n\t\t\t\tcomponent's toast close button \n*/\n.closeDiv {\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\ttransition-duration: 300ms;\n}\n\n.div_flex {\n\tdisplay: flex;\n}\n.div_hidden {\n\tdisplay: none;\n}\n\n.inner_container .closeButton {\n\topacity: 0;\n\tpadding: 0.25rem;\n\ttransition: opacity 150ms ease-in-out, scale 150ms ease-in-out;\n}\n.closeButton:hover {\n\tscale: 1.05;\n}\n.inner_container:hover .closeButton {\n\topacity: 1;\n}\n\n/* \n\t \t\tfor screen readers \n*/\n.sr_only {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\twhite-space: nowrap;\n\tborder-width: 0;\n}\n",""]);const s=i},388:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,".box_shadow {\n\tbox-shadow: #00000009 0px 1px 2px, #00000009 0px 2px 4px, #00000009 0px 4px 8px, #00000009 0px 8px 16px,\n\t\t#00000009 0px 16px 24px, #00000010 0px 24px 32px;\n\n\t/* rgba(0, 0, 0, 0.185) 0px 32px 64px; */\n}\n.box_shadow_block {\n\tbox-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 13px -3px,\n\t\trgba(0, 0, 0, 0.25) 0px -3px 0px inset;\n}\n\n.shadow_dark {\n\tbox-shadow: 0px 1px 0px 0px #00000065, 1px 0px 0px 0px #00000065, 1px 2px 0px 0px #00000065,\n\t\t2px 1px 0px 0px #00000065, 2px 3px 0px 0px #00000065, 3px 2px 0px 0px #00000065,\n\t\t3px 4px 0px 0px #00000065, 4px 3px 0px 0px #00000065, 4px 5px 0px 0px #00000065,\n\t\t5px 4px 0px 0px #00000065, 5px 6px 0px 0px #00000065, 6px 5px 0px 0px #000000d5;\n}\n.shadow_white {\n\tbox-shadow: 0px 1px 0px 0px #dddddda2, 1px 0px 0px 0px #dddddda2, 1px 2px 0px 0px #dddddda2,\n\t\t2px 1px 0px 0px #dddddda2, 2px 3px 0px 0px #dddddda2, 3px 2px 0px 0px #dddddda2,\n\t\t3px 4px 0px 0px #dddddda2, 4px 3px 0px 0px #dddddda2, 4px 5px 0px 0px #dddddda2,\n\t\t5px 4px 0px 0px #dddddda2, 5px 6px 0px 0px #dddddda2, 6px 5px 0px 0px #dddddda2;\n}\n.shadow_error {\n\tbox-shadow: 0px 1px 0px 0px #dc2626, 1px 0px 0px 0px #dc2626, 1px 2px 0px 0px #dc2626,\n\t\t2px 1px 0px 0px #dc2626, 2px 3px 0px 0px #dc2626, 3px 2px 0px 0px #dc2626, 3px 4px 0px 0px #dc2626,\n\t\t4px 3px 0px 0px #dc2626, 4px 5px 0px 0px #dc2626, 5px 4px 0px 0px #dc2626, 5px 6px 0px 0px #dc2626,\n\t\t6px 5px 0px 0px #dc2626;\n}\n.shadow_success {\n\tbox-shadow: 0px 1px 0px 0px #07bc0d, 1px 0px 0px 0px #07bc0d, 1px 2px 0px 0px #07bc0d,\n\t\t2px 1px 0px 0px #07bc0d, 2px 3px 0px 0px #07bc0d, 3px 2px 0px 0px #07bc0d, 3px 4px 0px 0px #07bc0d,\n\t\t4px 3px 0px 0px #07bc0d, 4px 5px 0px 0px #07bc0d, 5px 4px 0px 0px #07bc0d, 5px 6px 0px 0px #07bc0d,\n\t\t6px 5px 0px 0px #07bc0d;\n}\n.shadow_warning {\n\tbox-shadow: 0px 1px 0px 0px #edc319, 1px 0px 0px 0px #edc319, 1px 2px 0px 0px #edc319,\n\t\t2px 1px 0px 0px #edc319, 2px 3px 0px 0px #edc319, 3px 2px 0px 0px #edc319, 3px 4px 0px 0px #edc319,\n\t\t4px 3px 0px 0px #edc319, 4px 5px 0px 0px #edc319, 5px 4px 0px 0px #edc319, 5px 6px 0px 0px #edc319,\n\t\t6px 5px 0px 0px #edc319;\n}\n.shadow_info {\n\tbox-shadow: 0px 1px 0px 0px #2196f3, 1px 0px 0px 0px #2196f3, 1px 2px 0px 0px #2196f3,\n\t\t2px 1px 0px 0px #2196f3, 2px 3px 0px 0px #2196f3, 3px 2px 0px 0px #2196f3, 3px 4px 0px 0px #2196f3,\n\t\t4px 3px 0px 0px #2196f3, 4px 5px 0px 0px #2196f3, 5px 4px 0px 0px #2196f3, 5px 6px 0px 0px #2196f3,\n\t\t6px 5px 0px 0px #2196f3;\n}\n\n.shadow_around {\n\tbox-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);\n}\n",""]);const s=i},801:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* \n\t \t\tskew css styles only applies to screens of 640px and up \n*/\n@media (min-width: 640px) {\n\t.right3 {\n\t\ttransform: skewX(-3deg) !important;\n\t}\n\n\t.right6 {\n\t\ttransform: skewX(-6deg) !important;\n\t}\n\n\t.right12 {\n\t\ttransform: skewX(-12deg) !important;\n\t}\n}\n",""]);const s=i},463:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* \n\t \t\ttoast text alignment for mobile screens \n*/\n.justify_end,\n.justify_start,\n.justify_center,\n.text_start,\n.text_end,\n.text_center {\n\tjustify-content: center;\n\ttext-align: center;\n}\n\n/* \n\t \t\ttoast text alignment from 640px and up \n*/\n@media (min-width: 640px) {\n\t.justify_end {\n\t\tjustify-content: end;\n\t\ttext-align: start;\n\t}\n\t.justify_start {\n\t\tjustify-content: flex-start;\n\t\ttext-align: end;\n\t}\n\t.justify_center {\n\t\tjustify-content: center;\n\t\ttext-align: center;\n\t}\n\n\t.text_start {\n\t\tjustify-content: flex-start;\n\t\ttext-align: start;\n\t}\n\t.text_end {\n\t\tjustify-content: flex-end;\n\t\ttext-align: end;\n\t}\n\t.text_center {\n\t\tjustify-content: center;\n\t\ttext-align: center;\n\t}\n}\n",""]);const s=i},5:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,".text_warning {\n\tcolor: #edc319;\n}\n.text_dark {\n\tcolor: #1f2937;\n}\n.text_white {\n\tcolor: white;\n}\n.text_darker {\n\tcolor: #131318;\n}\n.textWhite {\n\tcolor: #fff;\n}\n.text_error {\n\tcolor: #dc2626;\n}\n.text_success {\n\tcolor: #07bc0c;\n}\n.text_info {\n\tcolor: #007fff;\n}\n.textWarning {\n\tcolor: #bda74e;\n}\n@keyframes spin {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n.animate_spin {\n\tanimation: spin 1.2s linear infinite;\n}\n\n.rotate_deg {\n\ttransform: rotate(40deg);\n}\n\n.footer_dark {\n\tcolor: #5e6a7a;\n\tborder-color: #4b556380;\n}\n.footer_white {\n\tcolor: #6b7280;\n\tborder-color: #9ca3af99;\n}\n.footer_info {\n\tcolor: #d1d5db;\n\tborder-color: #e5e7eb99;\n}\n.footer_error {\n\tcolor: #d1d5db;\n\tborder-color: #9ca3af99;\n}\n.footer_success {\n\tcolor: #ebebeb;\n\tborder-color: #ffffff99;\n}\n",""]);const s=i},423:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,'/* \n\t \t\ttoast position for small screens \n*/\n.top {\n\tjustify-content: center;\n\tleft: 0;\n\ttop: 1rem;\n}\n.topLeft {\n\tleft: 0rem;\n\ttop: 1rem;\n\tjustify-content: center;\n}\n.topRight {\n\tright: 0rem;\n\tjustify-content: center;\n\ttop: 1rem;\n}\n\n.middle {\n\tposition: absolute;\n\tinset: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.bottom {\n\tjustify-content: center;\n\tleft: 0;\n\tbottom: 1rem;\n}\n.bottomLeft {\n\tleft: 0rem;\n\tjustify-content: center;\n\tbottom: 1rem;\n}\n.bottomRight {\n\tjustify-content: center;\n\tright: 0rem;\n\tbottom: 1rem;\n}\n\n.topFull {\n\tjustify-content: center;\n\talign-items: center;\n\ttop: 0;\n\twidth: 100%;\n}\n.bottomFull {\n\tjustify-content: center;\n\talign-items: center;\n\tbottom: 0;\n\twidth: 100%;\n}\n\n/* \n\t \t\ttoast position from 640px and up \n*/\n@media (min-width: 640px) {\n\t.top {\n\t\tjustify-content: center;\n\t\tleft: auto;\n\t\tright: 0;\n\t\ttop: 1.25rem;\n\t}\n\t.topLeft {\n\t\tjustify-content: flex-start;\n\t\tleft: 1.25rem;\n\t\ttop: 1.25rem;\n\t}\n\t.topRight {\n\t\tjustify-content: flex-end;\n\t\tright: 1.25rem;\n\t\ttop: 1.25rem;\n\t}\n\n\t.bottom {\n\t\tjustify-content: center;\n\t\tleft: auto;\n\t\tright: 0;\n\t\tbottom: 1.25rem;\n\t}\n\t.bottomLeft {\n\t\tjustify-content: flex-start;\n\t\tleft: 1.25rem;\n\t\tbottom: 1.25rem;\n\t}\n\t.bottomRight {\n\t\tjustify-content: flex-end;\n\t\tright: 1.25rem;\n\t\tbottom: 1.25rem;\n\t}\n\n\t.topFull {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\t.bottomFull {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tbottom: 0;\n\t\twidth: 100%;\n\t}\n}\n\n/* \n\t\t\t\tthis css style is used when the toast is using full width \n\t\t\t\t"bottomFull" ||"topFull" \n*/\n.toast_width_full {\n\twidth: 100vw;\n\tpadding: 0.325rem 1.5rem;\n}\n',""]);const s=i},314:t=>{t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var e="",r=void 0!==n[5];return n[4]&&(e+="@supports (".concat(n[4],") {")),n[2]&&(e+="@media ".concat(n[2]," {")),r&&(e+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),e+=t(n),r&&(e+="}"),n[2]&&(e+="}"),n[4]&&(e+="}"),e})).join("")},n.i=function(t,e,r,o,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(r)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(i[c]=!0)}for(var d=0;d<t.length;d++){var l=[].concat(t[d]);r&&i[l[0]]||(void 0!==a&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=a),e&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=e):l[2]=e),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),n.push(l))}},n}},601:t=>{t.exports=function(t){return t[1]}},72:t=>{var n=[];function e(t){for(var e=-1,r=0;r<n.length;r++)if(n[r].identifier===t){e=r;break}return e}function r(t,r){for(var a={},i=[],s=0;s<t.length;s++){var c=t[s],d=r.base?c[0]+r.base:c[0],l=a[d]||0,p="".concat(d," ").concat(l);a[d]=l+1;var f=e(p),m={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==f)n[f].references++,n[f].updater(m);else{var u=o(m,r);r.byIndex=s,n.splice(s,0,{identifier:p,updater:u,references:1})}i.push(p)}return i}function o(t,n){var e=n.domAPI(n);return e.update(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap&&n.supports===t.supports&&n.layer===t.layer)return;e.update(t=n)}else e.remove()}}t.exports=function(t,o){var a=r(t=t||[],o=o||{});return function(t){t=t||[];for(var i=0;i<a.length;i++){var s=e(a[i]);n[s].references--}for(var c=r(t,o),d=0;d<a.length;d++){var l=e(a[d]);0===n[l].references&&(n[l].updater(),n.splice(l,1))}a=c}}},659:t=>{var n={};t.exports=function(t,e){var r=function(t){if(void 0===n[t]){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}n[t]=e}return n[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(e)}},540:t=>{t.exports=function(t){var n=document.createElement("style");return t.setAttributes(n,t.attributes),t.insert(n,t.options),n}},56:(t,n,e)=>{t.exports=function(t){var n=e.nc;n&&t.setAttribute("nonce",n)}},825:t=>{t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=t.insertStyleElement(t);return{update:function(e){!function(t,n,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var o=void 0!==e.layer;o&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,o&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var a=e.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(r,t,n.options)}(n,t,e)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)}}}},113:t=>{t.exports=function(t,n){if(n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}}},n={};function e(r){var o=n[r];if(void 0!==o)return o.exports;var a=n[r]={id:r,exports:{}};return t[r](a,a.exports,e),a.exports}e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.nc=void 0;var r={};(()=>{e.r(r),e.d(r,{ToastProvider:()=>nt,useToast:()=>tt});const t=require("react"),n=(...t)=>t.filter(((t,n,e)=>Boolean(t)&&e.indexOf(t)===n)).join(" ");var o={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const a=(0,t.forwardRef)((({color:e="currentColor",size:r=24,strokeWidth:a=2,absoluteStrokeWidth:i,className:s="",children:c,iconNode:d,...l},p)=>(0,t.createElement)("svg",{ref:p,...o,width:r,height:r,stroke:e,strokeWidth:i?24*Number(a)/Number(r):a,className:n("lucide",s),...l},[...d.map((([n,e])=>(0,t.createElement)(n,e))),...Array.isArray(c)?c:[c]]))),i=(e,r)=>{const o=(0,t.forwardRef)((({className:o,...i},s)=>{return(0,t.createElement)(a,{ref:s,iconNode:r,className:n(`lucide-${c=e,c.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,o),...i});var c}));return o.displayName=`${e}`,o},s=i("CheckCheck",[["path",{d:"M18 6 7 17l-5-5",key:"116fxf"}],["path",{d:"m22 10-7.5 7.5L13 16",key:"ke71qq"}]]),c=i("CircleX",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),d=i("CircleDashed",[["path",{d:"M10.1 2.182a10 10 0 0 1 3.8 0",key:"5ilxe3"}],["path",{d:"M13.9 21.818a10 10 0 0 1-3.8 0",key:"11zvb9"}],["path",{d:"M17.609 3.721a10 10 0 0 1 2.69 2.7",key:"1iw5b2"}],["path",{d:"M2.182 13.9a10 10 0 0 1 0-3.8",key:"c0bmvh"}],["path",{d:"M20.279 17.609a10 10 0 0 1-2.7 2.69",key:"1ruxm7"}],["path",{d:"M21.818 10.1a10 10 0 0 1 0 3.8",key:"qkgqxc"}],["path",{d:"M3.721 6.391a10 10 0 0 1 2.7-2.69",key:"1mcia2"}],["path",{d:"M6.391 20.279a10 10 0 0 1-2.69-2.7",key:"1fvljs"}]]),l=i("Info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]),p=i("Pin",[["line",{x1:"12",x2:"12",y1:"17",y2:"22",key:"1jrz49"}],["path",{d:"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z",key:"13yl11"}]]),f=i("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var m=e(72),u=e.n(m),x=e(825),h=e.n(x),_=e(659),g=e.n(_),b=e(56),w=e.n(b),y=e(540),v=e.n(y),k=e(113),A=e.n(k),E=e(743),S={};S.styleTagTransform=A(),S.setAttributes=w(),S.insert=g().bind(null,"head"),S.domAPI=h(),S.insertStyleElement=v(),u()(E.A,S),E.A&&E.A.locals&&E.A.locals;var j=e(909),R={};R.styleTagTransform=A(),R.setAttributes=w(),R.insert=g().bind(null,"head"),R.domAPI=h(),R.insertStyleElement=v(),u()(j.A,R),j.A&&j.A.locals&&j.A.locals;var D=e(647),T={};T.styleTagTransform=A(),T.setAttributes=w(),T.insert=g().bind(null,"head"),T.domAPI=h(),T.insertStyleElement=v(),u()(D.A,T),D.A&&D.A.locals&&D.A.locals;var z=e(388),F={};F.styleTagTransform=A(),F.setAttributes=w(),F.insert=g().bind(null,"head"),F.domAPI=h(),F.insertStyleElement=v(),u()(z.A,F),z.A&&z.A.locals&&z.A.locals;var N=e(463),W={};W.styleTagTransform=A(),W.setAttributes=w(),W.insert=g().bind(null,"head"),W.domAPI=h(),W.insertStyleElement=v(),u()(N.A,W),N.A&&N.A.locals&&N.A.locals;var M=e(5),I={};I.styleTagTransform=A(),I.setAttributes=w(),I.insert=g().bind(null,"head"),I.domAPI=h(),I.insertStyleElement=v(),u()(M.A,I),M.A&&M.A.locals&&M.A.locals;var C=e(423),P={};P.styleTagTransform=A(),P.setAttributes=w(),P.insert=g().bind(null,"head"),P.domAPI=h(),P.insertStyleElement=v(),u()(C.A,P),C.A&&C.A.locals&&C.A.locals;var L=e(290),X={};X.styleTagTransform=A(),X.setAttributes=w(),X.insert=g().bind(null,"head"),X.domAPI=h(),X.insertStyleElement=v(),u()(L.A,X),L.A&&L.A.locals&&L.A.locals;var B=e(175),O={};O.styleTagTransform=A(),O.setAttributes=w(),O.insert=g().bind(null,"head"),O.domAPI=h(),O.insertStyleElement=v(),u()(B.A,O),B.A&&B.A.locals&&B.A.locals;var Y=e(801),q={};q.styleTagTransform=A(),q.setAttributes=w(),q.insert=g().bind(null,"head"),q.domAPI=h(),q.insertStyleElement=v(),u()(Y.A,q),Y.A&&Y.A.locals&&Y.A.locals;var G={dark:"footer_dark",warning:"footer_dark",white:"footer_white",info:"footer_info",error:"footer_error",success:"footer_success",gray:"footer_success",glass:"footer_success",transparent:"footer_success"};const $=function(t){var n=t.footer,e=t.toastAlignment,r=t.toastBG;return React.createElement("div",{className:"_footer toast_width ".concat(e," ").concat(G[r])},n)};var H={dark:"footer_dark",warning:"footer_dark",white:"footer_white",info:"footer_info",error:"footer_error",success:"footer_success",gray:"footer_success",glass:"footer_success",transparent:"footer_success"};const U=function(t){var n=t.footer,e=t.toastAlignment,r=t.toastBG;return React.createElement("div",{className:"innerFooter ".concat(e," ").concat(H[r])},n)};var Z={dark:"footer_dark",warning:"footer_dark",white:"footer_white",info:"footer_info",error:"footer_error",success:"footer_success",gray:"footer_success",glass:"footer_success",transparent:"footer_success"};const J=function(t){var n=t.toastAlignment,e=t.toastBG,r=t.loadFooter;return React.createElement("div",{className:"_footer toast_width reveal_ani ".concat(n," ").concat(Z[e])},r)};function V(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var r,o,a,i,s=[],c=!0,d=!1;try{if(a=(e=e.call(t)).next,0===n){if(Object(e)!==e)return;c=!1}else for(;!(c=(r=a.call(e)).done)&&(s.push(r.value),s.length!==n);c=!0);}catch(t){d=!0,o=t}finally{try{if(!c&&null!=e.return&&(i=e.return(),Object(i)!==i))return}finally{if(d)throw o}}return s}}(t,n)||function(t,n){if(t){if("string"==typeof t)return K(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?K(t,n):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=new Array(n);e<n;e++)r[e]=t[e];return r}var Q=(0,t.createContext)(),tt=function(){return(0,t.useContext)(Q)},nt=function(n){var e=n.children,r=V((0,t.useState)(""),2),o=r[0],a=r[1],i=V((0,t.useState)(""),2),m=i[0],u=i[1],x=V((0,t.useState)(null),2),h=x[0],_=x[1],g=V((0,t.useState)(null),2),b=g[0],w=g[1],y=V((0,t.useState)(!0),2),v=y[0],k=y[1],A=V((0,t.useState)(null),2),E=A[0],S=A[1],j=V((0,t.useState)(""),2),R=j[0],D=j[1],T=V((0,t.useState)(""),2),z=T[0],F=T[1],N=V((0,t.useState)(""),2),W=N[0],M=N[1],I=V((0,t.useState)(""),2),C=I[0],P=I[1],L=V((0,t.useState)(""),2),X=L[0],B=L[1],O=V((0,t.useState)(""),2),Y=O[0],q=O[1],G=V((0,t.useState)(""),2),H=G[0],Z=G[1],K=V((0,t.useState)(!1),2),tt=K[0],nt=K[1],et=V((0,t.useState)(null),2),rt=et[0],ot=et[1],at=V((0,t.useState)(!1),2),it=at[0],st=at[1],ct=V((0,t.useState)(null),2),dt=ct[0],lt=ct[1],pt=(0,t.useRef)(null),ft={success:"bg_success",error:"bg_error",warning:"bg_warning",info:"bg_info",glass:"bg_glass",white:"bg_white",dark:"bg_dark",gray:"bg_gray",transparent:"bg_transparent"},mt={top:"top",topFull:"topFull",topLeft:"topLeft",topRight:"topRight",bottom:"bottom",bottomFull:"bottomFull",bottomLeft:"bottomLeft",bottomRight:"bottomRight",center:"middle"},ut={down:"ani_down",top:"ani_top",left:"ani_left",right:"ani_right",fade:"ani_fade",zoom:"ani_zoom",jelly:"ani_jelly"},xt={left:"text_start",right:"text_end",center:"text_center"},ht={right3:"right3",right6:"right6",right12:"right12"},_t={none:"",gray:"box_shadow",block:"box_shadow_block",error:"shadow_error",white:"shadow_white",dark:"shadow_dark",success:"shadow_success",info:"shadow_info",warning:"shadow_warning",around:"shadow_around"},gt={none:"rounded_none",sm:"rounded_sm",md:"rounded_md",lg:"rounded_lg",xl:"rounded_xl",twoXl:"rounded_2xl",full:"rounded_full"},bt=Object.keys(mt).find((function(t){return mt[t]===z})),wt=Object.keys(ft).find((function(t){return ft[t]===R})),yt=function(t,n){var e;switch(t){case"ani_top":e="ani_slide_out_up";break;case"ani_down":e="ani_slide_out_down";break;case"ani_left":e="ani_slide_out_left";break;case"ani_right":e="ani_slide_out_right";break;case"ani_jelly":e="ani_jelly_out";break;case"ani_zoom":e="ani_zoom_out";break;default:e="ani_fade_out"}return"bottomFull"!==n&&"topFull"!==n||(e="ani_fade_out_full"),e}(C,bt),vt=function(){P(yt);var t=setTimeout((function(){a(""),u(""),clearTimeout(b),P("")}),300);return function(){return clearTimeout(t)}};(0,t.useEffect)((function(){"loading"===o||"loadingWhite"===o||"loadingDark"===o?(k(!1),setTimeout((function(){return k(!0)}),7e3)):k(!0)}),[o]),(0,t.useEffect)((function(){var t=function(t){"Escape"===t.key&&vt()};return document.addEventListener("keydown",t),function(){document.removeEventListener("keydown",t)}}),[]),(0,t.useEffect)((function(){"confirm"!==o&&"confirmDark"!==o||pt.current.focus()}),[o]);var kt=new Proxy({},{get:function(t,n){switch(n){case"success":case"successWhite":case"successDark":return React.createElement(s,null);case"error":case"errorWhite":case"errorDark":return React.createElement(c,null);case"loading":case"loadingWhite":case"loadingDark":return React.createElement(d,{className:"animate_spin"});case"warning":case"warningWhite":case"warningDark":case"warningStay":case"warningStayWhite":case"warningStayDark":return React.createElement(l,null);case"info":case"infoWhite":case"infoDark":case"infoStay":case"infoStayWhite":case"infoStayDark":return React.createElement(p,{className:"rotate_deg"});default:return}}}),At=new Set(["confirm","confirmWhite","confirmDark","infoStay","infoStayWhite","infoStayDark","loading","loadingWhite","loadingDark","warningStay","warningStayWhite","warningStayDark"]);return(0,t.useEffect)((function(){nt("confirm"===o||"confirmDark"===o)}),[o]),React.createElement(Q.Provider,{value:{toastMaster:function(t){return b&&clearTimeout(b),new Promise((function(n){P(yt);var e=function(){!function(t,n){var e=t.type,r=void 0===e?"success":e,o=t.message,i=void 0===o?"":o,s=t.bg,c=void 0===s?"white":s,d=t.position,l=void 0===d?"top":d,p=t.transition,f=void 0===p?"zoom":p,m=t.loadFooter,x=void 0===m?null:m,h=t.footer,g=void 0===h?null:h,b=t.skew,y=void 0===b?"":b,v=t.cancelButton,k=void 0!==v&&v,A=t.shadow,E=void 0===A?"gray":A,j=t.radius,R=void 0===j?"lg":j,T=t.align,z=void 0===T?"center":T;a(r),u(i),lt(x),ot(g),S(k);var N=mt[l]||"",W=ut[f]||"",I=ht[y]||"",C=_t[E]||"",L=gt[R]||"",X=xt[z]||"";if(D(ft[c]||""),F(N),P(W),M(I),B(C),q(L),Z(X),"success"!==r&&"successWhite"!==r&&"successDark"!==r&&"error"!==r&&"errorWhite"!==r&&"errorDark"!==r&&"warning"!==r&&"warningWhite"!==r&&"warningDark"!==r&&"info"!==r&&"infoWhite"!==r&&"infoDark"!==r&&"basic"!==r&&"basicDark"!==r||w(setTimeout((function(){return vt()}),4500)),"confirm"!==r&&"confirmDark"!==r||_((function(){return n})),"loading"!==r&&"loadingWhite"!==r&&"loadingDark"!==r||(st(!1),setTimeout((function(){return st(!0)}),7330)),"loading"===r||"loadingWhite"===r||"loadingDark"===r)a(""),u(""),lt(""),ot(""),S(""),setTimeout((function(){a(r),u(i),lt(x),ot(g),S(k)}),330)}(t,n)};o?setTimeout(e,300):e()}))},hideToast:vt}},React.createElement(React.Fragment,null,e,o&&React.createElement(React.Fragment,null,("confirm"===o||"confirmDark"===o)&&React.createElement("div",{className:"overlay ".concat(tt?"show":"")}),React.createElement("div",{className:"outer_container ".concat(z," ").concat(C),style:{zIndex:"9999"}},React.createElement("div",{className:"inner_container ".concat({success:"text_success",error:"text_error",loading:"text_warning",warning:"text_warning",warningStay:"text_warning",info:"text_info",infoStay:"text_info",confirm:"text_white",basic:"text_white",successWhite:"text_white",errorWhite:"text_white",loadingWhite:"text_white",warningWhite:"text_white",warningStayWhite:"text_white",infoWhite:"text_white",infoStayWhite:"text_white",successDark:"text_dark",errorDark:"text_dark",loadingDark:"text_dark",warningDark:"text_dark",warningStayDark:"text_dark",infoDark:"text_dark",infoStayDark:"text_dark ",confirmDark:"text_dark ",basicDark:"text_dark "}[o]," ").concat(R," ").concat(W," ").concat(X," ").concat(Y),onMouseEnter:function(){At.has(o)||clearTimeout(b)},onMouseLeave:function(){At.has(o)||w(setTimeout(vt,1500))}},React.createElement("div",{className:"\n\t\t\t\t\t\t\t\t".concat("bottomFull"===bt||"topFull"===bt?"toast_width_full":"confirm"===o||"confirmDark"===o?"toast_width_confirm":"toast_width")},React.createElement("div",{className:"toast_message ".concat(H)},"confirm"!==o&&"confirmDark"!==o&&"basic"!==o&&"basicDark"!==o&&React.createElement("div",null,React.createElement("span",{className:"sr_only"},"toast icon"),React.createElement("span",{"aria-hidden":"true"},kt[o])),React.createElement(React.Fragment,null,m),React.createElement("div",{className:"closeDiv ".concat(v&&E&&"confirm"!==o&&"confirmDark"!==o&&"bottomFull"!==bt&&"topFull"!==bt?"div_flex":"div_hidden")},React.createElement("div",null,React.createElement("button",{onClick:vt,id:"close",className:"closeButton \n\t\t\t\t\t\t\t\t\t\t\t\t\t".concat("white"===wt?"bg_whiter":"glass"===wt||"transparent"===wt?"bg_glass_close":"bg_darker")},React.createElement("span",{className:"sr_only"},"close toast"),React.createElement(f,{"aria-hidden":"true",size:18}))))),["confirm","confirmDark"].includes(o)&&rt&&React.createElement(U,{footer:rt,toastBG:wt,toastAlignment:H,toastType:o}),React.createElement(React.Fragment,null,("confirm"===o||"confirmDark"===o)&&React.createElement("div",{className:"confirm_div \n\t\t\t\t\t\t\t\t\t\t\t\t".concat("text_start"===H?"justify_end":"text_end"===H?"justify_start":"text_center"===H?"justify_center":null,"\n\t\t\t\t\t\t\t\t\t\t\t")},React.createElement("button",{className:"cancel_button ".concat("white"===wt?"cancel_button_dark":"success"===wt||"warning"===wt||"error"===wt||"info"===wt||"dark"===wt?"cancel_button_all":"cancel_button_glass"),onClick:function(){h&&h(!1),vt(),nt(!1)}},React.createElement("span",{className:"sr_only"},"close toast"),"Cancel"),React.createElement("button",{ref:pt,className:"confirm_button\n\t\t\t\t\t\t\t\t\t\t\t\t\t".concat("dark"===wt?"confirm_button_dark":"confirm_button_white"),onClick:function(){P(yt);var t=setTimeout((function(){h&&h(!0),P(""),vt(),nt(!1)}),330);return function(){return clearTimeout(t)}}},React.createElement("span",{className:"sr_only"},"confirm action"),"Confirm")))),React.createElement(React.Fragment,null,!("confirmDark"===o||"confirm"===o||"bottomFull"===bt||"topFull"===bt)&&React.createElement("div",null,rt&&React.createElement($,{footer:rt,toastBG:wt,toastAlignment:H})),!("bottomFull"===bt||"topFull"===bt||"confirmDark"===o||"confirm"===o)&&it&&dt&&React.createElement(J,{toastAlignment:H,toastBG:wt,loadFooter:dt})))))))}})(),module.exports=r})();
2
+ (()=>{"use strict";var t={290:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,'.outer_container {\n\tposition: fixed;\n\tdisplay: flex;\n\twidth: 100%;\n\tpointer-events: none;\n}\n\n.inner_container {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tpointer-events: all;\n}\n\n/* \n\t \t\treveal animation css \n*/\n.outer_container.ani_down {\n\tanimation: slide_down 0.5s ease forwards;\n}\n.outer_container.ani_top {\n\tanimation: slide_up 0.5s ease forwards;\n}\n.outer_container.ani_left {\n\tanimation: slide_left 0.5s ease forwards;\n}\n.outer_container.ani_right {\n\tanimation: slide_right 0.5s ease forwards;\n}\n.outer_container.ani_fade {\n\tanimation: fade_in 0.5s ease forwards;\n}\n.outer_container.ani_zoom {\n\tanimation: zoom_in 0.8s ease forwards;\n}\n.outer_container.ani_jelly {\n\tanimation: jelly 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.475) forwards;\n}\n\n/* \n\t \t\treveal animation \n*/\n@keyframes slide_down {\n\tfrom {\n\t\ttransform: translateY(-150%);\n\t}\n\tto {\n\t\ttransform: translateY(0);\n\t}\n}\n\n@keyframes slide_up {\n\tfrom {\n\t\ttransform: translateY(150%);\n\t}\n\tto {\n\t\ttransform: translateY(0);\n\t}\n}\n\n@keyframes slide_left {\n\tfrom {\n\t\ttransform: translateX(-100%);\n\t}\n\tto {\n\t\ttransform: translateX(0);\n\t}\n}\n\n@keyframes slide_right {\n\tfrom {\n\t\ttransform: translateX(100%);\n\t}\n\tto {\n\t\ttransform: translateX(0);\n\t}\n}\n\n@keyframes fade_in {\n\tfrom {\n\t\tscale: 0.975;\n\t\topacity: 0.2;\n\t}\n\tto {\n\t\topacity: 1;\n\t\tscale: 1;\n\t}\n}\n\n@keyframes zoom_in {\n\tfrom {\n\t\tscale: 0.9;\n\t\topacity: 0;\n\t}\n\tto {\n\t\tscale: 1;\n\t\tscale: 1;\n\t}\n}\n@keyframes jelly {\n\tfrom {\n\t\ttransform: rotateX(90deg);\n\t\tscale: 0.93;\n\t}\n\tto {\n\t\ttransform: rotateX(0deg);\n\t\tscale: 1;\n\t}\n}\n\n/* \n\t \t\tclosing animation css\n*/\n.outer_container.ani_fade_out {\n\tanimation: fade_out 0.5s ease forwards;\n}\n.outer_container.ani_zoom_out {\n\tanimation: zoom_out 0.5s ease-out forwards;\n}\n.outer_container.ani_slide_out_down {\n\tanimation: slide_out_down 0.5s ease forwards;\n}\n.outer_container.ani_slide_out_up {\n\tanimation: slide_out_up 0.5s ease forwards;\n}\n.outer_container.ani_slide_out_left {\n\tanimation: slide_out_left 0.5s ease forwards;\n}\n.outer_container.ani_slide_out_right {\n\tanimation: slide_out_right 0.5s ease forwards;\n}\n.outer_container.ani_jelly_out {\n\tanimation: jelly_out 0.5s ease forwards;\n}\n\n/* \n\t \t\tclosing animation \n*/\n\n@keyframes slide_out_down {\n\tfrom {\n\t\ttransform: translateY(0);\n\t}\n\tto {\n\t\ttransform: translateY(-200%);\n\t}\n}\n\n@keyframes slide_out_up {\n\tfrom {\n\t\ttransform: translateY(0);\n\t}\n\tto {\n\t\ttransform: translateY(200%);\n\t}\n}\n\n@keyframes slide_out_left {\n\tfrom {\n\t\ttransform: translateX(0);\n\t}\n\tto {\n\t\ttransform: translateX(-100%);\n\t}\n}\n\n@keyframes slide_out_right {\n\tfrom {\n\t\ttransform: translateX(0);\n\t}\n\tto {\n\t\ttransform: translateX(100%);\n\t}\n}\n\n@keyframes fade_out {\n\tfrom {\n\t\topacity: 1;\n\t\tscale: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t\tscale: 0.95;\n\t}\n}\n\n@keyframes zoom_out {\n\tfrom {\n\t\tscale: 1;\n\t\topacity: 1;\n\t}\n\tto {\n\t\tscale: 0.9;\n\t\topacity: 0;\n\t}\n}\n\n@keyframes jelly_out {\n\tfrom {\n\t\ttransform: rotateX(0deg);\n\t\tscale: 1;\n\t\topacity: 1;\n\t}\n\tto {\n\t\ttransform: rotateX(40deg);\n\t\tscale: 0.95;\n\t\topacity: 0;\n\t}\n}\n\n/* \n\tthis css style is used when the toast is using full width "bottomFull" ||"topFull" \n*/\n.outer_container.ani_fade_out_full {\n\tanimation: fade_out_full 0.5s ease forwards;\n}\n\n@keyframes fade_out_full {\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n}\n\n.reveal_ani {\n\tanimation: revealFooter 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n}\n\n@keyframes revealFooter {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-150%);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n.overlay {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: glass;\n\ttransition: background-color 0.35s ease-in-out;\n\tz-index: 9997;\n\tbackdrop-filter: blur(0.7px);\n}\n\n.overlay.show {\n\tbackground-color: rgba(12, 12, 12, 0.63);\n}\n',""]);const s=i},743:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* background */\n.bg_white {\n\tbackground-color: #ffffff;\n\tborder: 1px solid #dddddd;\n}\n.bg_error {\n\tbackground-color: #dc2626;\n\tborder: 1px solid #d14f4f;\n}\n.bg_dark {\n\tbackground-color: #141318;\n\tborder: 1px solid #35383d;\n}\n.bg_gray {\n\tbackground-color: #495668;\n\tborder: 1px solid #97a5b9;\n}\n.bg_glass {\n\tbackground: #ffffff38 !important;\n\tbackdrop-filter: blur(7px) !important;\n\t-webkit-backdrop-filter: blur(7px) !important;\n\tborder: 1px solid rgba(255, 255, 255, 0.18) !important;\n}\n.bg_success {\n\tbackground-color: #07bc0c;\n\tborder: 1px solid #007e33;\n}\n\n.bg_warning {\n\tbackground-color: #edc319;\n\tborder: 1px solid #ff8800;\n}\n\n.bg_info {\n\tbackground-color: #007fff;\n\tborder: 1px solid #146fb9;\n}\n\n.bg_transparent {\n\tbackground-color: transparent;\n\tborder: 1px solid #ffffff;\n}\n\n.bg_darker {\n\tcolor: rgb(231, 231, 231);\n}\n.bg_whiter {\n\tcolor: #536075;\n}\n.bg_glass_close {\n\tcolor: #ffffff;\n}\n",""]);const s=i},909:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* border radius */\n.rounded_none {\n\tborder-radius: 0rem;\n}\n.rounded_md {\n\tborder-radius: 0.375rem;\n}\n.rounded_sm {\n\tborder-radius: 0.125rem;\n}\n.rounded_lg {\n\tborder-radius: 0.5rem;\n}\n.rounded_xl {\n\tborder-radius: 0.75rem;\n}\n.rounded_2xl {\n\tborder-radius: 1rem;\n}\n.rounded_full {\n\tborder-radius: 9999px;\n}\n\n.border_white {\n\tborder: 1px solid #fff;\n}\n.border_dark {\n\tborder: 1px solid #141318;\n}\n.border_success {\n\tborder: 1px solid #22c55e;\n}\n.border_error {\n\tborder: 1px solid #dc2626;\n}\n.border_warning {\n\tborder: 1px solid #edc319;\n}\n.border_info {\n\tborder: 1px solid #2196f3;\n}\n.border_neutral {\n\tborder: 1px solid rgba(136, 136, 136, 0.651);\n}\n",""]);const s=i},175:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* xl */\n@media screen and (min-width: 1280px) and (max-width: 5120px) {\n\t.toast_width {\n\t\tpadding: 0.725rem 2.3rem;\n\t}\n\t.max_width {\n\t\twidth: 475px;\n\t\toverflow: hidden;\n\t}\n\t.toast_width_confirm {\n\t\tpadding: 1.1rem 1.5rem;\n\t}\n\t.toast_message {\n\t\talign-items: center;\n\t\tfont-size: 1.04rem;\n\t\tline-height: 1.3rem;\n\t\tfont-weight: 600;\n\t\twhite-space: normal;\n\t\tcolumn-gap: 1rem;\n\t}\n\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tborder-top-style: solid;\n\t\tfont-weight: 400;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t\tpadding: 0.325rem 2.3rem;\n\t}\n\n\t.confirm_div {\n\t\tfont-size: 1rem;\n\t\tline-height: 1.5rem;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\tcolumn-gap: 0.75rem;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tfont-weight: 400;\n\t\tfont-size: 0.875rem;\n\t\tpadding: 0.625rem 0rem;\n\t\tline-height: 1.25rem;\n\t}\n}\n\n/* medium display */\n@media screen and (min-width: 768px) and (max-width: 1279px) {\n\t.toast_message {\n\t\tflex-direction: row;\n\t\tcolumn-gap: 0.8rem;\n\t\tfont-size: 1rem;\n\t\tline-height: 1.3rem;\n\t\tfont-weight: 600;\n\t\talign-items: center;\n\t}\n\t.toast_width {\n\t\tpadding: 0.425rem 2rem;\n\t}\n\t.toast_width_confirm {\n\t\tpadding: 1rem 1.5rem;\n\t}\n\t.max_width {\n\t\twidth: 445px;\n\t\toverflow: hidden;\n\t}\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tborder-top-style: solid;\n\n\t\tfont-weight: 400;\n\t\tfont-size: 0.8rem;\n\t\tline-height: 1.25rem;\n\t\tpadding: 0.325rem 2rem;\n\t}\n\n\t.confirm_div {\n\t\tfont-size: 1rem;\n\t\tline-height: 1.5rem;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\tcolumn-gap: 0.75rem;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tfont-weight: 400;\n\t\tfont-size: 0.8rem;\n\t\tline-height: 1.25rem;\n\t\tpadding: 0.6rem 0rem;\n\t}\n}\n\n/* small display */\n@media screen and (min-width: 481px) and (max-width: 767px) {\n\t.toast_message {\n\t\tflex-direction: row;\n\t\tfont-size: 17px;\n\t\tline-height: 1.4rem;\n\t\tfont-weight: 500;\n\t\tgap: 0rem 0.75rem;\n\t\talign-items: center;\n\t}\n\t.toast_width {\n\t\tpadding: 0.425rem 2.2rem;\n\t}\n\t.toast_width_confirm {\n\t\tpadding: 1rem 1.5rem;\n\t}\n\t.max_width {\n\t\twidth: 390px;\n\t\toverflow: hidden;\n\t}\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tborder-top-style: solid;\n\n\t\tfont-weight: 400;\n\t\tfont-size: 13px;\n\t\tline-height: 1.2rem;\n\t\tpadding: 0.35rem 2.2rem;\n\t}\n\t.confirm_div {\n\t\tfont-size: 1rem;\n\t\tline-height: 1.5rem;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\tcolumn-gap: 0.75rem;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\tfont-size: 14px;\n\t\tletter-spacing: -0.4px;\n\t\tpadding: 0.625rem 0rem;\n\t}\n}\n\n@media screen and (min-width: 120px) and (max-width: 480px) {\n\t.toast_width {\n\t\tpadding: 0.425rem 1.1rem;\n\t}\n\t.toast_width_confirm {\n\t\tpadding: 0.925rem 0.875rem;\n\t}\n\t.max_width {\n\t\twidth: 95vw;\n\t\toverflow: hidden;\n\t}\n\t/* footer */\n\t._footer {\n\t\twhite-space: break-spaces;\n\t\tdisplay: flex;\n\t\tborder-top-width: 1px;\n\t\tborder-top-style: solid;\n\t\tfont-weight: 400;\n\t\tfont-size: 13px;\n\t\tline-height: 1.1rem;\n\t\tpadding: 0.325rem 0.575rem;\n\t\tletter-spacing: -0.5px;\n\t}\n\t.toast_message {\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: 0rem 0.6rem;\n\t\tfont-size: 16px;\n\t\tline-height: 1.25rem;\n\t\tfont-weight: 500;\n\t\tletter-spacing: -0.4px;\n\t}\n\n\t/* confirm toast component styles */\n\t.confirm_div {\n\t\tdisplay: flex;\n\t\tflex-direction: column-reverse;\n\t\talign-items: center;\n\t\tmargin-top: 0.75rem;\n\t\tcolor: #374151;\n\t\tfont-weight: 500;\n\t\trow-gap: 0.37rem;\n\t\tfont-size: 13.5px;\n\t\tline-height: 1.25rem;\n\t\twidth: 100%;\n\t}\n\n\t/* \n\t \t\tthis css is being used in the InnerFooter component \n\t*/\n\t.innerFooter {\n\t\tfont-size: 13.5px;\n\t\tletter-spacing: -0.6px;\n\t\tpadding: 0.725rem 0rem;\n\t}\n}\n\n.toast_message {\n\tdisplay: flex;\n\tposition: relative;\n}\n\n/* Reset styles for <p> tags inside the .toast component */\np {\n\tmargin-block-start: 0;\n\tmargin-block-end: 0;\n\tmargin-inline-start: 0;\n\tmargin-inline-end: 0;\n\tunicode-bidi: initial;\n}\n",""]);const s=i},647:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* Default styles for buttons */\n.cancel_button,\n.confirm_button {\n\tfont-family: inherit;\n\twhite-space: nowrap;\n\tfont-size: 1rem;\n\tline-height: 1.5rem;\n\tborder-radius: 0.375rem;\n\ttransition-duration: 300ms;\n\tfont-weight: 600;\n\tcursor: pointer;\n}\n\n/* Large devices */\n@media screen and (min-width: 1280px) and (max-width: 5120px) {\n\t.cancel_button {\n\t\tbackground-color: transparent;\n\t\tpadding: 0.25rem 1rem;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.25rem 1rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t}\n\n\t.closeDiv {\n\t\tright: -2rem;\n\t}\n}\n\n/* Medium devices */\n@media screen and (min-width: 768px) and (max-width: 1279px) {\n\t.cancel_button {\n\t\tbackground-color: transparent;\n\t\tpadding: 0.25rem 1rem;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.25rem 1rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t}\n\n\t.closeDiv {\n\t\tright: -2rem;\n\t}\n}\n\n/* Small devices */\n@media screen and (min-width: 481px) and (max-width: 767px) {\n\t.cancel_button {\n\t\tpadding: 0.4rem 1.5rem;\n\t\tfont-size: 0.875rem;\n\t\tbackground-color: transparent;\n\t\tline-height: 1.25rem;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.4rem 1.5rem;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t}\n\t.closeDiv {\n\t\tright: -2rem;\n\t}\n}\n\n/* Extra small devices */\n@media screen and (min-width: 120px) and (max-width: 480px) {\n\t.cancel_button {\n\t\tpadding: 0.35rem 0.5rem;\n\t\tborder-width: 1px;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\n\t\twidth: 100%;\n\t\tbackground-color: transparent;\n\t\tcolor: white;\n\t}\n\n\t.confirm_button {\n\t\tpadding: 0.35rem 0.5rem;\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t\twidth: 100%;\n\t}\n\t.closeDiv {\n\t\tright: -1.1rem;\n\t}\n}\n\n.confirm_button_white {\n\tbackground-color: #141318;\n\tcolor: #fff;\n\tborder: 1px solid #353244;\n}\n.confirm_button_dark {\n\tbackground-color: #fff;\n\tcolor: #1f2937;\n\tborder: 1px solid #d1d5db;\n}\n.cancel_button_dark {\n\tcolor: #1f2937;\n\tborder: 1px solid #d1d5db;\n}\n.cancel_button_all {\n\tcolor: #fff;\n\tborder: 1px solid #67656e;\n}\n\n/* cancel button glass */\n.cancel_button_glass {\n\tcolor: #ffffff;\n\tborder: 1px solid #ffffff;\n}\n\n/* \n\t \t\tbelow css styles are being used in the InnerFooter \n\t\t\t\tcomponent's toast close button \n*/\n.closeDiv {\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\ttransition-duration: 300ms;\n}\n\n.div_flex {\n\tdisplay: flex;\n\tcursor: pointer;\n}\n.div_hidden {\n\tdisplay: none;\n}\n\n.inner_container .closeButton {\n\topacity: 0 !important;\n\tpadding: 0.25rem;\n\ttransition: opacity 150ms ease-in-out, scale 150ms ease-in-out;\n\tbackground-color: initial;\n\tborder: none;\n\toutline: none;\n}\n.closeButton:hover {\n\tscale: 1.05 !important;\n}\n.inner_container:hover .closeButton {\n\topacity: 1 !important;\n}\n\n/* \n\t \t\tfor screen readers \n*/\n.sr_only {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\twhite-space: nowrap;\n\tborder-width: 0;\n}\n",""]);const s=i},388:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,".box_shadow {\n\tbox-shadow: #00000009 0px 1px 2px, #00000009 0px 2px 4px, #00000009 0px 4px 8px, #00000009 0px 8px 16px,\n\t\t#00000009 0px 16px 24px, #00000010 0px 24px 32px;\n}\n.box_shadow_block {\n\tbox-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 13px -3px,\n\t\trgba(0, 0, 0, 0.25) 0px -3px 0px inset;\n}\n\n.shadow_dark {\n\tbox-shadow: 0px 1px 0px 0px #00000065, 1px 0px 0px 0px #00000065, 1px 2px 0px 0px #00000065,\n\t\t2px 1px 0px 0px #00000065, 2px 3px 0px 0px #00000065, 3px 2px 0px 0px #00000065,\n\t\t3px 4px 0px 0px #00000065, 4px 3px 0px 0px #00000065, 4px 5px 0px 0px #00000065,\n\t\t5px 4px 0px 0px #00000065, 5px 6px 0px 0px #00000065, 6px 5px 0px 0px #000000d5;\n}\n.shadow_white {\n\tbox-shadow: 0px 1px 0px 0px #dddddda2, 1px 0px 0px 0px #dddddda2, 1px 2px 0px 0px #dddddda2,\n\t\t2px 1px 0px 0px #dddddda2, 2px 3px 0px 0px #dddddda2, 3px 2px 0px 0px #dddddda2,\n\t\t3px 4px 0px 0px #dddddda2, 4px 3px 0px 0px #dddddda2, 4px 5px 0px 0px #dddddda2,\n\t\t5px 4px 0px 0px #dddddda2, 5px 6px 0px 0px #dddddda2, 6px 5px 0px 0px #dddddda2;\n}\n.shadow_error {\n\tbox-shadow: 0px 1px 0px 0px #dc2626, 1px 0px 0px 0px #dc2626, 1px 2px 0px 0px #dc2626,\n\t\t2px 1px 0px 0px #dc2626, 2px 3px 0px 0px #dc2626, 3px 2px 0px 0px #dc2626, 3px 4px 0px 0px #dc2626,\n\t\t4px 3px 0px 0px #dc2626, 4px 5px 0px 0px #dc2626, 5px 4px 0px 0px #dc2626, 5px 6px 0px 0px #dc2626,\n\t\t6px 5px 0px 0px #dc2626;\n}\n.shadow_success {\n\tbox-shadow: 0px 1px 0px 0px #07bc0d, 1px 0px 0px 0px #07bc0d, 1px 2px 0px 0px #07bc0d,\n\t\t2px 1px 0px 0px #07bc0d, 2px 3px 0px 0px #07bc0d, 3px 2px 0px 0px #07bc0d, 3px 4px 0px 0px #07bc0d,\n\t\t4px 3px 0px 0px #07bc0d, 4px 5px 0px 0px #07bc0d, 5px 4px 0px 0px #07bc0d, 5px 6px 0px 0px #07bc0d,\n\t\t6px 5px 0px 0px #07bc0d;\n}\n.shadow_warning {\n\tbox-shadow: 0px 1px 0px 0px #edc319, 1px 0px 0px 0px #edc319, 1px 2px 0px 0px #edc319,\n\t\t2px 1px 0px 0px #edc319, 2px 3px 0px 0px #edc319, 3px 2px 0px 0px #edc319, 3px 4px 0px 0px #edc319,\n\t\t4px 3px 0px 0px #edc319, 4px 5px 0px 0px #edc319, 5px 4px 0px 0px #edc319, 5px 6px 0px 0px #edc319,\n\t\t6px 5px 0px 0px #edc319;\n}\n.shadow_info {\n\tbox-shadow: 0px 1px 0px 0px #2196f3, 1px 0px 0px 0px #2196f3, 1px 2px 0px 0px #2196f3,\n\t\t2px 1px 0px 0px #2196f3, 2px 3px 0px 0px #2196f3, 3px 2px 0px 0px #2196f3, 3px 4px 0px 0px #2196f3,\n\t\t4px 3px 0px 0px #2196f3, 4px 5px 0px 0px #2196f3, 5px 4px 0px 0px #2196f3, 5px 6px 0px 0px #2196f3,\n\t\t6px 5px 0px 0px #2196f3;\n}\n\n.shadow_around {\n\tbox-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);\n}\n",""]);const s=i},801:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* \n\t \t\tskew css styles only applies to screens of 640px and up \n*/\n@media (min-width: 640px) {\n\t.right3 {\n\t\ttransform: skewX(-3deg);\n\t}\n\n\t.right6 {\n\t\ttransform: skewX(-6deg);\n\t}\n\n\t.right12 {\n\t\ttransform: skewX(-12deg);\n\t}\n}\n",""]);const s=i},463:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,"/* \n\t \t\ttoast text alignment for mobile screens \n*/\n.justify_end,\n.justify_start,\n.justify_center,\n.text_start,\n.text_end,\n.text_center {\n\tjustify-content: center;\n\ttext-align: center;\n}\n\n/* \n\t \t\ttoast text alignment from 640px and up \n*/\n@media (min-width: 640px) {\n\t.justify_end {\n\t\tjustify-content: end;\n\t\ttext-align: start;\n\t}\n\t.justify_start {\n\t\tjustify-content: flex-start;\n\t\ttext-align: end;\n\t}\n\t.justify_center {\n\t\tjustify-content: center;\n\t\ttext-align: center;\n\t}\n\n\t.text_start {\n\t\tjustify-content: flex-start;\n\t\ttext-align: start;\n\t}\n\t.text_end {\n\t\tjustify-content: flex-end;\n\t\ttext-align: end;\n\t}\n\t.text_center {\n\t\tjustify-content: center;\n\t\ttext-align: center;\n\t}\n}\n",""]);const s=i},5:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,".text_warning {\n\tcolor: #edc319;\n}\n.text_dark {\n\tcolor: #1f2937;\n}\n.text_white {\n\tcolor: white;\n}\n.text_darker {\n\tcolor: #131318;\n}\n.textWhite {\n\tcolor: #fff;\n}\n.text_error {\n\tcolor: #dc2626;\n}\n.text_success {\n\tcolor: #07bc0c;\n}\n.text_info {\n\tcolor: #007fff;\n}\n.textWarning {\n\tcolor: #bda74e;\n}\n@keyframes spin {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n.animate_spin {\n\tanimation: spin 1.2s linear infinite;\n}\n\n.rotate_deg {\n\ttransform: rotate(40deg);\n}\n.icon_only {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: 100%;\n}\n\n.footer_dark {\n\tcolor: #5e6a7a;\n\tborder-top-color: #4b556380;\n}\n.footer_white {\n\tcolor: #6b7280;\n\tborder-top-color: #9ca3af99;\n}\n.footer_info {\n\tcolor: #d1d5db;\n\tborder-top-color: #e5e7eb99;\n}\n.footer_error {\n\tcolor: #d1d5db;\n\tborder-top-color: #9ca3af99;\n}\n.footer_success {\n\tcolor: #ebebeb;\n\tborder-top-color: #ffffff99;\n}\n",""]);const s=i},423:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(601),o=e.n(r),a=e(314),i=e.n(a)()(o());i.push([t.id,'/* \n\t \t\ttoast position for small screens \n*/\n.top {\n\tjustify-content: center;\n\tleft: 0;\n\ttop: 1rem;\n}\n.topLeft {\n\tleft: 0rem;\n\ttop: 1rem;\n\tjustify-content: center;\n}\n.topRight {\n\tright: 0rem;\n\tjustify-content: center;\n\ttop: 1rem;\n}\n\n.middle {\n\tposition: absolute;\n\tinset: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.bottom {\n\tjustify-content: center;\n\tleft: 0;\n\tbottom: 1rem;\n}\n.bottomLeft {\n\tleft: 0rem;\n\tjustify-content: center;\n\tbottom: 1rem;\n}\n.bottomRight {\n\tjustify-content: center;\n\tright: 0rem;\n\tbottom: 1rem;\n}\n\n.topFull {\n\tjustify-content: center;\n\talign-items: center;\n\ttop: 0;\n\twidth: 100%;\n}\n.bottomFull {\n\tjustify-content: center;\n\talign-items: center;\n\tbottom: 0;\n\twidth: 100%;\n}\n\n/* \n\t \t\ttoast position from 640px and up \n*/\n@media (min-width: 640px) {\n\t.top {\n\t\tjustify-content: center;\n\t\tleft: auto;\n\t\tright: 0;\n\t\ttop: 1.25rem;\n\t}\n\t.topLeft {\n\t\tjustify-content: flex-start;\n\t\tleft: 1.25rem;\n\t\ttop: 1.25rem;\n\t}\n\t.topRight {\n\t\tjustify-content: flex-end;\n\t\tright: 1.25rem;\n\t\ttop: 1.25rem;\n\t}\n\n\t.bottom {\n\t\tjustify-content: center;\n\t\tleft: auto;\n\t\tright: 0;\n\t\tbottom: 1.25rem;\n\t}\n\t.bottomLeft {\n\t\tjustify-content: flex-start;\n\t\tleft: 1.25rem;\n\t\tbottom: 1.25rem;\n\t}\n\t.bottomRight {\n\t\tjustify-content: flex-end;\n\t\tright: 1.25rem;\n\t\tbottom: 1.25rem;\n\t}\n\n\t.topFull {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\t.bottomFull {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tbottom: 0;\n\t\twidth: 100%;\n\t}\n}\n\n/* \n\t\t\t\tthis css style is used when the toast is using full width \n\t\t\t\t"bottomFull" ||"topFull" \n*/\n.toast_width_full {\n\twidth: 100vw;\n\tpadding: 0.325rem 1.5rem;\n}\n',""]);const s=i},314:t=>{t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var e="",r=void 0!==n[5];return n[4]&&(e+="@supports (".concat(n[4],") {")),n[2]&&(e+="@media ".concat(n[2]," {")),r&&(e+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),e+=t(n),r&&(e+="}"),n[2]&&(e+="}"),n[4]&&(e+="}"),e})).join("")},n.i=function(t,e,r,o,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(r)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(i[c]=!0)}for(var d=0;d<t.length;d++){var l=[].concat(t[d]);r&&i[l[0]]||(void 0!==a&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=a),e&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=e):l[2]=e),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),n.push(l))}},n}},601:t=>{t.exports=function(t){return t[1]}},72:t=>{var n=[];function e(t){for(var e=-1,r=0;r<n.length;r++)if(n[r].identifier===t){e=r;break}return e}function r(t,r){for(var a={},i=[],s=0;s<t.length;s++){var c=t[s],d=r.base?c[0]+r.base:c[0],l=a[d]||0,p="".concat(d," ").concat(l);a[d]=l+1;var f=e(p),m={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==f)n[f].references++,n[f].updater(m);else{var u=o(m,r);r.byIndex=s,n.splice(s,0,{identifier:p,updater:u,references:1})}i.push(p)}return i}function o(t,n){var e=n.domAPI(n);return e.update(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap&&n.supports===t.supports&&n.layer===t.layer)return;e.update(t=n)}else e.remove()}}t.exports=function(t,o){var a=r(t=t||[],o=o||{});return function(t){t=t||[];for(var i=0;i<a.length;i++){var s=e(a[i]);n[s].references--}for(var c=r(t,o),d=0;d<a.length;d++){var l=e(a[d]);0===n[l].references&&(n[l].updater(),n.splice(l,1))}a=c}}},659:t=>{var n={};t.exports=function(t,e){var r=function(t){if(void 0===n[t]){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}n[t]=e}return n[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(e)}},540:t=>{t.exports=function(t){var n=document.createElement("style");return t.setAttributes(n,t.attributes),t.insert(n,t.options),n}},56:(t,n,e)=>{t.exports=function(t){var n=e.nc;n&&t.setAttribute("nonce",n)}},825:t=>{t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=t.insertStyleElement(t);return{update:function(e){!function(t,n,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var o=void 0!==e.layer;o&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,o&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var a=e.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(r,t,n.options)}(n,t,e)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)}}}},113:t=>{t.exports=function(t,n){if(n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}}},n={};function e(r){var o=n[r];if(void 0!==o)return o.exports;var a=n[r]={id:r,exports:{}};return t[r](a,a.exports,e),a.exports}e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.nc=void 0;var r={};(()=>{e.r(r),e.d(r,{ToastProvider:()=>nt,useToast:()=>tt});const t=require("react"),n=(...t)=>t.filter(((t,n,e)=>Boolean(t)&&e.indexOf(t)===n)).join(" ");var o={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const a=(0,t.forwardRef)((({color:e="currentColor",size:r=24,strokeWidth:a=2,absoluteStrokeWidth:i,className:s="",children:c,iconNode:d,...l},p)=>(0,t.createElement)("svg",{ref:p,...o,width:r,height:r,stroke:e,strokeWidth:i?24*Number(a)/Number(r):a,className:n("lucide",s),...l},[...d.map((([n,e])=>(0,t.createElement)(n,e))),...Array.isArray(c)?c:[c]]))),i=(e,r)=>{const o=(0,t.forwardRef)((({className:o,...i},s)=>{return(0,t.createElement)(a,{ref:s,iconNode:r,className:n(`lucide-${c=e,c.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,o),...i});var c}));return o.displayName=`${e}`,o},s=i("CheckCheck",[["path",{d:"M18 6 7 17l-5-5",key:"116fxf"}],["path",{d:"m22 10-7.5 7.5L13 16",key:"ke71qq"}]]),c=i("CircleX",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),d=i("CircleDashed",[["path",{d:"M10.1 2.182a10 10 0 0 1 3.8 0",key:"5ilxe3"}],["path",{d:"M13.9 21.818a10 10 0 0 1-3.8 0",key:"11zvb9"}],["path",{d:"M17.609 3.721a10 10 0 0 1 2.69 2.7",key:"1iw5b2"}],["path",{d:"M2.182 13.9a10 10 0 0 1 0-3.8",key:"c0bmvh"}],["path",{d:"M20.279 17.609a10 10 0 0 1-2.7 2.69",key:"1ruxm7"}],["path",{d:"M21.818 10.1a10 10 0 0 1 0 3.8",key:"qkgqxc"}],["path",{d:"M3.721 6.391a10 10 0 0 1 2.7-2.69",key:"1mcia2"}],["path",{d:"M6.391 20.279a10 10 0 0 1-2.69-2.7",key:"1fvljs"}]]),l=i("Info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]),p=i("Pin",[["line",{x1:"12",x2:"12",y1:"17",y2:"22",key:"1jrz49"}],["path",{d:"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z",key:"13yl11"}]]),f=i("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var m=e(72),u=e.n(m),x=e(825),h=e.n(x),_=e(659),g=e.n(_),b=e(56),w=e.n(b),y=e(540),v=e.n(y),k=e(113),A=e.n(k),E=e(743),S={};S.styleTagTransform=A(),S.setAttributes=w(),S.insert=g().bind(null,"head"),S.domAPI=h(),S.insertStyleElement=v(),u()(E.A,S),E.A&&E.A.locals&&E.A.locals;var j=e(909),R={};R.styleTagTransform=A(),R.setAttributes=w(),R.insert=g().bind(null,"head"),R.domAPI=h(),R.insertStyleElement=v(),u()(j.A,R),j.A&&j.A.locals&&j.A.locals;var D=e(647),T={};T.styleTagTransform=A(),T.setAttributes=w(),T.insert=g().bind(null,"head"),T.domAPI=h(),T.insertStyleElement=v(),u()(D.A,T),D.A&&D.A.locals&&D.A.locals;var F=e(388),z={};z.styleTagTransform=A(),z.setAttributes=w(),z.insert=g().bind(null,"head"),z.domAPI=h(),z.insertStyleElement=v(),u()(F.A,z),F.A&&F.A.locals&&F.A.locals;var N=e(463),W={};W.styleTagTransform=A(),W.setAttributes=w(),W.insert=g().bind(null,"head"),W.domAPI=h(),W.insertStyleElement=v(),u()(N.A,W),N.A&&N.A.locals&&N.A.locals;var M=e(5),I={};I.styleTagTransform=A(),I.setAttributes=w(),I.insert=g().bind(null,"head"),I.domAPI=h(),I.insertStyleElement=v(),u()(M.A,I),M.A&&M.A.locals&&M.A.locals;var C=e(423),P={};P.styleTagTransform=A(),P.setAttributes=w(),P.insert=g().bind(null,"head"),P.domAPI=h(),P.insertStyleElement=v(),u()(C.A,P),C.A&&C.A.locals&&C.A.locals;var L=e(290),X={};X.styleTagTransform=A(),X.setAttributes=w(),X.insert=g().bind(null,"head"),X.domAPI=h(),X.insertStyleElement=v(),u()(L.A,X),L.A&&L.A.locals&&L.A.locals;var B=e(175),O={};O.styleTagTransform=A(),O.setAttributes=w(),O.insert=g().bind(null,"head"),O.domAPI=h(),O.insertStyleElement=v(),u()(B.A,O),B.A&&B.A.locals&&B.A.locals;var Y=e(801),q={};q.styleTagTransform=A(),q.setAttributes=w(),q.insert=g().bind(null,"head"),q.domAPI=h(),q.insertStyleElement=v(),u()(Y.A,q),Y.A&&Y.A.locals&&Y.A.locals;var G={dark:"footer_dark",warning:"footer_dark",white:"footer_white",info:"footer_info",error:"footer_error",success:"footer_success",gray:"footer_success",glass:"footer_success",transparent:"footer_success"};const $=function(t){var n=t.footer,e=t.toastAlignment,r=t.toastBG;return React.createElement("div",{className:"_footer toast_width ".concat(e," ").concat(G[r])},n)};var H={dark:"footer_dark",warning:"footer_dark",white:"footer_white",info:"footer_info",error:"footer_error",success:"footer_success",gray:"footer_success",glass:"footer_success",transparent:"footer_success"};const U=function(t){var n=t.footer,e=t.toastAlignment,r=t.toastBG;return React.createElement("div",{className:"innerFooter ".concat(e," ").concat(H[r])},n)};var Z={dark:"footer_dark",warning:"footer_dark",white:"footer_white",info:"footer_info",error:"footer_error",success:"footer_success",gray:"footer_success",glass:"footer_success",transparent:"footer_success"};const J=function(t){var n=t.toastAlignment,e=t.toastBG,r=t.loadFooter;return React.createElement("div",{className:"_footer toast_width reveal_ani ".concat(n," ").concat(Z[e])},r)};function V(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var r,o,a,i,s=[],c=!0,d=!1;try{if(a=(e=e.call(t)).next,0===n){if(Object(e)!==e)return;c=!1}else for(;!(c=(r=a.call(e)).done)&&(s.push(r.value),s.length!==n);c=!0);}catch(t){d=!0,o=t}finally{try{if(!c&&null!=e.return&&(i=e.return(),Object(i)!==i))return}finally{if(d)throw o}}return s}}(t,n)||function(t,n){if(t){if("string"==typeof t)return K(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?K(t,n):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=new Array(n);e<n;e++)r[e]=t[e];return r}var Q=(0,t.createContext)(),tt=function(){return(0,t.useContext)(Q)},nt=function(n){var e=n.children,r=V((0,t.useState)(""),2),o=r[0],a=r[1],i=V((0,t.useState)(""),2),m=i[0],u=i[1],x=V((0,t.useState)(null),2),h=x[0],_=x[1],g=V((0,t.useState)(null),2),b=g[0],w=g[1],y=V((0,t.useState)(!0),2),v=y[0],k=y[1],A=V((0,t.useState)(null),2),E=A[0],S=A[1],j=V((0,t.useState)(""),2),R=j[0],D=j[1],T=V((0,t.useState)(""),2),F=T[0],z=T[1],N=V((0,t.useState)(""),2),W=N[0],M=N[1],I=V((0,t.useState)(""),2),C=I[0],P=I[1],L=V((0,t.useState)(""),2),X=L[0],B=L[1],O=V((0,t.useState)(""),2),Y=O[0],q=O[1],G=V((0,t.useState)(""),2),H=G[0],Z=G[1],K=V((0,t.useState)(!1),2),tt=K[0],nt=K[1],et=V((0,t.useState)(null),2),rt=et[0],ot=et[1],at=V((0,t.useState)(!1),2),it=at[0],st=at[1],ct=V((0,t.useState)(null),2),dt=ct[0],lt=ct[1],pt=(0,t.useRef)(null),ft={success:"bg_success",error:"bg_error",warning:"bg_warning",info:"bg_info",glass:"bg_glass",white:"bg_white",dark:"bg_dark",gray:"bg_gray",transparent:"bg_transparent"},mt={top:"top",topFull:"topFull",topLeft:"topLeft",topRight:"topRight",bottom:"bottom",bottomFull:"bottomFull",bottomLeft:"bottomLeft",bottomRight:"bottomRight",center:"middle"},ut={down:"ani_down",top:"ani_top",left:"ani_left",right:"ani_right",fade:"ani_fade",zoom:"ani_zoom",jelly:"ani_jelly"},xt={left:"text_start",right:"text_end",center:"text_center"},ht={right3:"three",right6:"six",right12:"twelve"},_t={none:"",gray:"box_shadow",block:"box_shadow_block",error:"shadow_error",white:"shadow_white",dark:"shadow_dark",success:"shadow_success",info:"shadow_info",warning:"shadow_warning",around:"shadow_around"},gt={none:"rounded_none",sm:"rounded_sm",md:"rounded_md",lg:"rounded_lg",xl:"rounded_xl",twoXl:"rounded_2xl",full:"rounded_full"},bt=Object.keys(mt).find((function(t){return mt[t]===F})),wt=Object.keys(ft).find((function(t){return ft[t]===R})),yt=function(t,n){var e;switch(t){case"ani_top":e="ani_slide_out_up";break;case"ani_down":e="ani_slide_out_down";break;case"ani_left":e="ani_slide_out_left";break;case"ani_right":e="ani_slide_out_right";break;case"ani_jelly":e="ani_jelly_out";break;case"ani_zoom":e="ani_zoom_out";break;default:e="ani_fade_out"}return"bottomFull"!==n&&"topFull"!==n||(e="ani_fade_out_full"),e}(C,bt),vt=function(){P(yt);var t=setTimeout((function(){a(""),u(""),clearTimeout(b),P("")}),300);return function(){return clearTimeout(t)}};(0,t.useEffect)((function(){"loading"===o||"loadingWhite"===o||"loadingDark"===o?(k(!1),setTimeout((function(){return k(!0)}),7e3)):k(!0)}),[o]),(0,t.useEffect)((function(){var t=function(t){"Escape"===t.key&&vt()};return document.addEventListener("keydown",t),function(){document.removeEventListener("keydown",t)}}),[]),(0,t.useEffect)((function(){"confirm"!==o&&"confirmDark"!==o||pt.current.focus()}),[o]);var kt=new Proxy({},{get:function(t,n){switch(n){case"success":case"successWhite":case"successDark":return React.createElement(s,null);case"error":case"errorWhite":case"errorDark":return React.createElement(c,null);case"loading":case"loadingWhite":case"loadingDark":return React.createElement(d,{className:"animate_spin"});case"warning":case"warningWhite":case"warningDark":case"warningStay":case"warningStayWhite":case"warningStayDark":return React.createElement(l,null);case"info":case"infoWhite":case"infoDark":case"infoStay":case"infoStayWhite":case"infoStayDark":return React.createElement(p,{className:"rotate_deg"});default:return}}}),At=new Set(["confirm","confirmWhite","confirmDark","infoStay","infoStayWhite","infoStayDark","loading","loadingWhite","loadingDark","warningStay","warningStayWhite","warningStayDark"]);return(0,t.useEffect)((function(){nt("confirm"===o||"confirmDark"===o)}),[o]),React.createElement(Q.Provider,{value:{toastMaster:function(t){return b&&clearTimeout(b),new Promise((function(n){P(yt);var e=function(){!function(t,n){var e=t.type,r=void 0===e?"success":e,o=t.message,i=void 0===o?"":o,s=t.bg,c=void 0===s?"white":s,d=t.position,l=void 0===d?"top":d,p=t.transition,f=void 0===p?"zoom":p,m=t.loadFooter,x=void 0===m?null:m,h=t.footer,g=void 0===h?null:h,b=t.skew,y=void 0===b?"":b,v=t.cancelButton,k=void 0!==v&&v,A=t.shadow,E=void 0===A?"gray":A,j=t.radius,R=void 0===j?"lg":j,T=t.align,F=void 0===T?"center":T;a(r),u(i),lt(x),ot(g),S(k);var N=mt[l]||"",W=ut[f]||"",I=ht[y]||"",C=_t[E]||"",L=gt[R]||"",X=xt[F]||"";if(D(ft[c]||""),z(N),P(W),M(I),B(C),q(L),Z(X),"success"!==r&&"successWhite"!==r&&"successDark"!==r&&"error"!==r&&"errorWhite"!==r&&"errorDark"!==r&&"warning"!==r&&"warningWhite"!==r&&"warningDark"!==r&&"info"!==r&&"infoWhite"!==r&&"infoDark"!==r&&"basic"!==r&&"basicDark"!==r||w(setTimeout((function(){return vt()}),4500)),"confirm"!==r&&"confirmDark"!==r||_((function(){return n})),"loading"!==r&&"loadingWhite"!==r&&"loadingDark"!==r||(st(!1),setTimeout((function(){return st(!0)}),7330)),"loading"===r||"loadingWhite"===r||"loadingDark"===r)a(""),u(""),lt(""),ot(""),S(""),setTimeout((function(){a(r),u(i),lt(x),ot(g),S(k)}),330)}(t,n)};o?setTimeout(e,300):e()}))},hideToast:vt}},React.createElement(React.Fragment,null,e,o&&React.createElement(React.Fragment,null,("confirm"===o||"confirmDark"===o)&&React.createElement("div",{className:"overlay ".concat(tt?"show":"")}),React.createElement("div",{className:"outer_container ".concat(F," ").concat(C),style:{zIndex:"9999"}},React.createElement("div",{className:"inner_container ".concat({success:"text_success",error:"text_error",loading:"text_warning",warning:"text_warning",warningStay:"text_warning",info:"text_info",infoStay:"text_info",confirm:"text_white",basic:"text_white",successWhite:"text_white",errorWhite:"text_white",loadingWhite:"text_white",warningWhite:"text_white",warningStayWhite:"text_white",infoWhite:"text_white",infoStayWhite:"text_white",successDark:"text_dark",errorDark:"text_dark",loadingDark:"text_dark",warningDark:"text_dark",warningStayDark:"text_dark",infoDark:"text_dark",infoStayDark:"text_dark ",confirmDark:"text_dark ",basicDark:"text_dark "}[o]," ").concat(R," ").concat(W," ").concat(X," ").concat(Y),onMouseEnter:function(){At.has(o)||clearTimeout(b)},onMouseLeave:function(){At.has(o)||w(setTimeout(vt,1500))}},React.createElement("div",{className:"\n\t\t\t\t\t\t\t\t".concat("bottomFull"===bt||"topFull"===bt?"toast_width_full":"confirm"===o||"confirmDark"===o?"toast_width_confirm":"toast_width")},React.createElement("div",{className:"toast_message ".concat(H)},"confirm"!==o&&"confirmDark"!==o&&"basic"!==o&&"basicDark"!==o&&React.createElement("div",null,React.createElement("span",{className:"sr_only"},"toast icon"),React.createElement("span",{"aria-hidden":"true"},kt[o])),React.createElement(React.Fragment,null,m),React.createElement("div",{className:"closeDiv ".concat(v&&E&&"confirm"!==o&&"confirmDark"!==o&&"bottomFull"!==bt&&"topFull"!==bt?"div_flex":"div_hidden")},React.createElement("div",null,React.createElement("button",{onClick:vt,id:"close",className:"closeButton \n\t\t\t\t\t\t\t\t\t\t\t\t\t".concat("white"===wt?"bg_whiter":"glass"===wt||"transparent"===wt?"bg_glass_close":"bg_darker")},React.createElement("span",{className:"sr_only"},"close toast"),React.createElement(f,{"aria-hidden":"true",size:18}))))),["confirm","confirmDark"].includes(o)&&rt&&React.createElement(U,{footer:rt,toastBG:wt,toastAlignment:H,toastType:o}),React.createElement(React.Fragment,null,("confirm"===o||"confirmDark"===o)&&React.createElement("div",{className:"confirm_div \n\t\t\t\t\t\t\t\t\t\t\t\t".concat("text_start"===H?"justify_end":"text_end"===H?"justify_start":"text_center"===H?"justify_center":null,"\n\t\t\t\t\t\t\t\t\t\t\t")},React.createElement("button",{className:"cancel_button ".concat("white"===wt?"cancel_button_dark":"success"===wt||"warning"===wt||"error"===wt||"info"===wt||"dark"===wt?"cancel_button_all":"cancel_button_glass"),onClick:function(){h&&h(!1),vt(),nt(!1)}},React.createElement("span",{className:"sr_only"},"close toast"),"Cancel"),React.createElement("button",{ref:pt,className:"confirm_button\n\t\t\t\t\t\t\t\t\t\t\t\t\t".concat("dark"===wt?"confirm_button_dark":"confirm_button_white"),onClick:function(){P(yt);var t=setTimeout((function(){h&&h(!0),P(""),vt(),nt(!1)}),330);return function(){return clearTimeout(t)}}},React.createElement("span",{className:"sr_only"},"confirm action"),"Confirm")))),React.createElement(React.Fragment,null,!("confirmDark"===o||"confirm"===o||"bottomFull"===bt||"topFull"===bt)&&React.createElement("div",null,rt&&React.createElement($,{footer:rt,toastBG:wt,toastAlignment:H})),!("bottomFull"===bt||"topFull"===bt||"confirmDark"===o||"confirm"===o)&&it&&dt&&React.createElement(J,{toastAlignment:H,toastBG:wt,loadFooter:dt})))))))}})(),module.exports=r})();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-toast-master",
3
- "version": "1.1.6",
3
+ "version": "2.0.0",
4
4
  "description": "React's most customizable toast notification component.",
5
5
  "main": "src/ToastProvider.jsx",
6
6
  "author": "mk-saadi",
package/src/ToastProvider.jsx CHANGED
@@ -85,9 +85,9 @@ export const ToastProvider = ({ children }) => {
85
85
  center: "text_center",
86
86
  };
87
87
  const toastAwesomeSkew = {
88
- right3: "right3",
89
- right6: "right6",
90
- right12: "right12",
88
+ right3: "three",
89
+ right6: "six",
90
+ right12: "twelve",
91
91
  };
92
92
  const toastAwesomeShadow = {
93
93
  none: "",
package/src/components/styles/breakPoints.css CHANGED
@@ -1,28 +1,30 @@
1
1
  /* xl */
2
2
  @media screen and (min-width: 1280px) and (max-width: 5120px) {
3
3
  .toast_width {
4
- width: 475px;
5
4
  padding: 0.725rem 2.3rem;
6
5
  }
6
+ .max_width {
7
+ width: 475px;
8
+ overflow: hidden;
9
+ }
7
10
  .toast_width_confirm {
8
- width: 480px;
9
11
  padding: 1.1rem 1.5rem;
10
12
  }
11
13
  .toast_message {
12
- /* display: flex; */
13
14
  align-items: center;
14
15
  font-size: 1.04rem;
15
16
  line-height: 1.3rem;
16
17
  font-weight: 600;
17
18
  white-space: normal;
18
19
  column-gap: 1rem;
19
- /* border: 1px solid red; */
20
20
  }
21
+
21
22
  /* footer */
22
23
  ._footer {
23
24
  white-space: break-spaces;
24
25
  display: flex;
25
26
  border-top-width: 1px;
27
+ border-top-style: solid;
26
28
  font-weight: 400;
27
29
  font-size: 0.875rem;
28
30
  line-height: 1.25rem;
@@ -56,7 +58,6 @@
56
58
  /* medium display */
57
59
  @media screen and (min-width: 768px) and (max-width: 1279px) {
58
60
  .toast_message {
59
- /* display: flex; */
60
61
  flex-direction: row;
61
62
  column-gap: 0.8rem;
62
63
  font-size: 1rem;
@@ -65,18 +66,22 @@
65
66
  align-items: center;
66
67
  }
67
68
  .toast_width {
68
- width: 440px;
69
69
  padding: 0.425rem 2rem;
70
70
  }
71
71
  .toast_width_confirm {
72
- width: 450px;
73
72
  padding: 1rem 1.5rem;
74
73
  }
74
+ .max_width {
75
+ width: 445px;
76
+ overflow: hidden;
77
+ }
75
78
  /* footer */
76
79
  ._footer {
77
80
  white-space: break-spaces;
78
81
  display: flex;
79
82
  border-top-width: 1px;
83
+ border-top-style: solid;
84
+
80
85
  font-weight: 400;
81
86
  font-size: 0.8rem;
82
87
  line-height: 1.25rem;
@@ -100,7 +105,6 @@
100
105
  .innerFooter {
101
106
  white-space: break-spaces;
102
107
  display: flex;
103
- /* border-bottom-width: 1px; */
104
108
  font-weight: 400;
105
109
  font-size: 0.8rem;
106
110
  line-height: 1.25rem;
@@ -111,7 +115,6 @@
111
115
  /* small display */
112
116
  @media screen and (min-width: 481px) and (max-width: 767px) {
113
117
  .toast_message {
114
- /* display: flex; */
115
118
  flex-direction: row;
116
119
  font-size: 17px;
117
120
  line-height: 1.4rem;
@@ -120,18 +123,22 @@
120
123
  align-items: center;
121
124
  }
122
125
  .toast_width {
123
- width: 380px;
124
- padding: 0.325rem 2.2rem;
126
+ padding: 0.425rem 2.2rem;
125
127
  }
126
128
  .toast_width_confirm {
127
- width: 410px;
128
129
  padding: 1rem 1.5rem;
129
130
  }
131
+ .max_width {
132
+ width: 390px;
133
+ overflow: hidden;
134
+ }
130
135
  /* footer */
131
136
  ._footer {
132
137
  white-space: break-spaces;
133
138
  display: flex;
134
139
  border-top-width: 1px;
140
+ border-top-style: solid;
141
+
135
142
  font-weight: 400;
136
143
  font-size: 13px;
137
144
  line-height: 1.2rem;
@@ -152,7 +159,6 @@
152
159
  this css is being used in the InnerFooter component
153
160
  */
154
161
  .innerFooter {
155
- /* font-size: 0.77rem; */
156
162
  font-size: 14px;
157
163
  letter-spacing: -0.4px;
158
164
  padding: 0.625rem 0rem;
@@ -161,26 +167,28 @@
161
167
 
162
168
  @media screen and (min-width: 120px) and (max-width: 480px) {
163
169
  .toast_width {
164
- width: 95vw;
165
- padding: 0.325rem 1.1rem;
170
+ padding: 0.425rem 1.1rem;
166
171
  }
167
172
  .toast_width_confirm {
168
- width: 95vw;
169
173
  padding: 0.925rem 0.875rem;
170
174
  }
175
+ .max_width {
176
+ width: 95vw;
177
+ overflow: hidden;
178
+ }
171
179
  /* footer */
172
180
  ._footer {
173
181
  white-space: break-spaces;
174
182
  display: flex;
175
183
  border-top-width: 1px;
184
+ border-top-style: solid;
176
185
  font-weight: 400;
177
186
  font-size: 13px;
178
- line-height: 1.25rem;
179
- padding: 0.425rem 0.875rem;
187
+ line-height: 1.1rem;
188
+ padding: 0.325rem 0.575rem;
180
189
  letter-spacing: -0.5px;
181
190
  }
182
191
  .toast_message {
183
- /* display: flex; */
184
192
  flex-direction: row;
185
193
  align-items: center;
186
194
  gap: 0rem 0.6rem;
@@ -218,3 +226,12 @@
218
226
  display: flex;
219
227
  position: relative;
220
228
  }
229
+
230
+ /* Reset styles for <p> tags inside the .toast component */
231
+ p {
232
+ margin-block-start: 0;
233
+ margin-block-end: 0;
234
+ margin-inline-start: 0;
235
+ margin-inline-end: 0;
236
+ unicode-bidi: initial;
237
+ }
package/src/components/styles/button.css CHANGED
@@ -1,12 +1,14 @@
1
1
  /* Default styles for buttons */
2
2
  .cancel_button,
3
3
  .confirm_button {
4
+ font-family: inherit;
4
5
  white-space: nowrap;
5
6
  font-size: 1rem;
6
7
  line-height: 1.5rem;
7
8
  border-radius: 0.375rem;
8
9
  transition-duration: 300ms;
9
10
  font-weight: 600;
11
+ cursor: pointer;
10
12
  }
11
13
 
12
14
  /* Large devices */
@@ -126,21 +128,25 @@
126
128
 
127
129
  .div_flex {
128
130
  display: flex;
131
+ cursor: pointer;
129
132
  }
130
133
  .div_hidden {
131
134
  display: none;
132
135
  }
133
136
 
134
137
  .inner_container .closeButton {
135
- opacity: 0;
138
+ opacity: 0 !important;
136
139
  padding: 0.25rem;
137
140
  transition: opacity 150ms ease-in-out, scale 150ms ease-in-out;
141
+ background-color: initial;
142
+ border: none;
143
+ outline: none;
138
144
  }
139
145
  .closeButton:hover {
140
- scale: 1.05;
146
+ scale: 1.05 !important;
141
147
  }
142
148
  .inner_container:hover .closeButton {
143
- opacity: 1;
149
+ opacity: 1 !important;
144
150
  }
145
151
 
146
152
  /*
package/src/components/styles/shadows.css CHANGED
@@ -1,8 +1,6 @@
1
1
  .box_shadow {
2
2
  box-shadow: #00000009 0px 1px 2px, #00000009 0px 2px 4px, #00000009 0px 4px 8px, #00000009 0px 8px 16px,
3
3
  #00000009 0px 16px 24px, #00000010 0px 24px 32px;
4
-
5
- /* rgba(0, 0, 0, 0.185) 0px 32px 64px; */
6
4
  }
7
5
  .box_shadow_block {
8
6
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 13px -3px,
package/src/components/styles/skew.css CHANGED
@@ -3,14 +3,14 @@
3
3
  */
4
4
  @media (min-width: 640px) {
5
5
  .right3 {
6
- transform: skewX(-3deg) !important;
6
+ transform: skewX(-3deg);
7
7
  }
8
8
 
9
9
  .right6 {
10
- transform: skewX(-6deg) !important;
10
+ transform: skewX(-6deg);
11
11
  }
12
12
 
13
13
  .right12 {
14
- transform: skewX(-12deg) !important;
14
+ transform: skewX(-12deg);
15
15
  }
16
16
  }
package/src/components/styles/textColor.css CHANGED
@@ -37,24 +37,30 @@
37
37
  .rotate_deg {
38
38
  transform: rotate(40deg);
39
39
  }
40
+ .icon_only {
41
+ display: flex;
42
+ justify-content: center;
43
+ align-items: center;
44
+ height: 100%;
45
+ }
40
46
 
41
47
  .footer_dark {
42
48
  color: #5e6a7a;
43
- border-color: #4b556380;
49
+ border-top-color: #4b556380;
44
50
  }
45
51
  .footer_white {
46
52
  color: #6b7280;
47
- border-color: #9ca3af99;
53
+ border-top-color: #9ca3af99;
48
54
  }
49
55
  .footer_info {
50
56
  color: #d1d5db;
51
- border-color: #e5e7eb99;
57
+ border-top-color: #e5e7eb99;
52
58
  }
53
59
  .footer_error {
54
60
  color: #d1d5db;
55
- border-color: #9ca3af99;
61
+ border-top-color: #9ca3af99;
56
62
  }
57
63
  .footer_success {
58
64
  color: #ebebeb;
59
- border-color: #ffffff99;
65
+ border-top-color: #ffffff99;
60
66
  }