frutjam 0.0.7 → 0.0.8-alpha.2

package/src/components/modal.css

@@ -0,0 +1,107 @@
+@import 'tailwindcss';
+@import '../themes/default.css';
+@utility dialog {
+    @apply pointer-events-none invisible fixed inset-0 m-0 grid h-full max-h-none w-full max-w-none items-center justify-items-center bg-transparent p-0 text-inherit;
+    overflow-x: hidden;
+    transition:
+      transform 0.3s ease-out,
+      visibility 0.3s allow-discrete,
+      opacity 0.1s ease-out;
+    overflow-y: hidden;
+    overscroll-behavior: contain;
+    z-index: 999;
+  
+    &:not(dialog:not([popover]:popover-open)),
+    &::backdrop {
+      @apply opacity-100 starting:invisible starting:opacity-0 bg-neutral-950/25 dark:bg-neutral-950/50;
+      transition:
+        display 0.3s ease-out allow-discrete,
+        opacity 0.3s ease-out,
+        visibility 0.3s ease-out allow-discrete;
+    }
+  
+    &[popover]:popover-open {
+      @apply pointer-events-auto visible opacity-100 starting:invisible starting:opacity-0;
+  
+      .dialog-body {
+        translate: 0 0;
+        scale: 1;
+        opacity: 1;
+      }
+    }
+  }
+  
+  @utility dialog-backdrop {
+    @apply col-start-1 row-start-1 grid self-stretch justify-self-stretch text-transparent;
+    z-index: -1;
+  
+    button {
+      @apply cursor-pointer;
+    }
+  }
+  
+  @utility dialog-body {
+    @apply bg-white rounded-2xl ring shadow-lg ring-neutral-500/10 forced-colors:outline col-start-1 row-start-1 max-h-screen w-11/12 max-w-[32rem] p-4;
+    transition:
+      translate 0.3s ease-out,
+      scale 0.3s ease-out,
+      opacity 0.2s ease-out 0.05s,
+      box-shadow 0.3s ease-out;
+    scale: 95%;
+    opacity: 0;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+  }
+  
+  @utility dialog-top {
+    @apply place-items-start;
+  
+    :where(.dialog-body) {
+      @apply h-auto w-full max-w-none rounded-none;
+      max-height: calc(100vh - 5em);
+      translate: 0 -100%;
+      scale: 1;
+    }
+  }
+  
+  @utility dialog-middle {
+    @apply place-items-center;
+  
+    :where(.dialog-body) {
+      @apply h-auto w-11/12 max-w-[32rem];
+      max-height: calc(100vh - 5em);
+      translate: 0 2%;
+      scale: 98%;
+    }
+  }
+  
+  @utility dialog-bottom {
+    @apply place-items-end;
+  
+    :where(.dialog-body) {
+      @apply h-auto w-full max-w-none rounded-none;
+      max-height: calc(100vh - 5em);
+      translate: 0 100%;
+      scale: 1;
+    }
+  }
+  
+  @utility dialog-start {
+    @apply place-items-start;
+  
+    :where(.dialog-body) {
+      @apply h-screen max-h-none w-auto max-w-none rounded-none;
+      translate: -100% 0;
+      scale: 1;
+    }
+  }
+  
+  @utility dialog-end {
+    @apply place-items-end;
+  
+    :where(.dialog-body) {
+      @apply h-screen max-h-none w-auto max-w-none rounded-none;
+      translate: 100% 0;
+      scale: 1;
+    }
+  }

package/src/components/typography.css

@@ -0,0 +1,5 @@
+@utility style {
+    h1 {
+        @apply text-4xl font-bold
+    }
+}

package/src/main.css

@@ -0,0 +1,4 @@
+@import 'tailwindcss';
+@import './themes/default.css';
+@import './components/button.css';
+@import './components/modal.css';

package/src/main.js

@@ -0,0 +1 @@
+import "./main.css"

package/src/themes/default.css

@@ -0,0 +1,60 @@
+:root {
+  --neutral-color: oklch(14% .005 285.823);
+  --neutral-content-color: #fff;
+
+  --primary-color: oklch(0.546 0.245 262.881);
+  --primary-content-color: oklch(0.95 0.02 262.881);
+
+  --secondary-color: oklch(37.69% 0.1347 323.76);
+  --secondary-content-color: oklch(100% 0 0);
+
+  --accent-color: oklch(0.6 0.3 262.881);
+  --accent-content-color: oklch(0.98 0.03 262.881);
+
+  --info-color: oklch(0.65 0.2 230);
+  --info-content-color: oklch(0.98 0.02 230);
+
+  --success-color: oklch(0.6 0.22 150);
+  --success-content-color: oklch(0.98 0.02 150);
+
+  --warning-color: oklch(77.2% 0.1738 64.55);
+  --warning-content-color: oklch(0% 0 0);
+
+  --error-color: oklch(0.6 0.25 30);
+  --error-content-color: oklch(0.98 0.02 30);
+
+}
+
+[data-theme="dark"] {
+  --primary-color: oklch(.546 .245 262.881);
+  --primary-content-color: #fff;
+
+  --secondary-color: oklch(.546 .245 262.881);
+  --secondary-content-color: #fff;
+}
+
+@theme inline {
+  --color-neutral: var(--neutral-color);
+  --color-neutral-content: var(--neutral-content-color);
+
+  --color-primary: var(--primary-color);
+  --color-primary-content: var(--primary-content-color);
+
+  --color-secondary: var(--secondary-color);
+  --color-secondary-content: var(--secondary-content-color);
+
+  --color-accent: var(--accent-color);
+  --color-accent-content: var(--accent-content-color);
+
+  --color-info: var(--info-color);
+  --color-info-content: var(--info-content-color);
+
+  --color-success: var(--success-color);
+  --color-success-content: var(--success-content-color);
+
+  --color-warning: var(--warning-color);
+  --color-warning-content: var(--warning-content-color);
+
+  --color-error: var(--error-color);
+  --color-error-content: var(--error-content-color);
+}

package/src/themes/typography.css

@@ -0,0 +1,8 @@
+:root {
+    --style-h1-size: ;
+    --style-h2-size: ;
+    --style-h3-size: ;
+    --style-h4-size: ;
+    --style-h5-size: ;
+    --style-h6-size: ;
+}

package/README.md

@@ -1,78 +0,0 @@
-## Frutjam Useful Prebuilt Plugins & UI Components for TailwindCSS
-
-Frutjam is a powerful library with an array of useful plugins and UI components created exclusively for use with Tailwind CSS. Whether you're creating a web app, a website, or a digital product, Frutjam offers a variety of tools to help you boost your development process and improve user experience. Furthermore, it provides numerous customization options within its plugins, allowing you to design your solutions precisely to your requirements.
-
-## Table of Contents
-
-- [Installation](#installation)
-- [Usage](#usage)
-- [License](#license)
-
-## Documentations
-For detail documentation, visit [frutjam.com](https://frutjam.com)
-	
-## Key Features:
-
-1. **Tailwind CSS Integration:** Frutjam is designed to work easily with Tailwind CSS, a well-known utility-focused CSS framework. This integration allows you to use the full power of Tailwind's utility classes while also benefiting from Frutjam's additional features.
-
-2. **Useful Plugins:** Frutjam is releasing a number of plugins that will enhance your projects' functionality. These plugins include features like notifications, modals, sliders, form elements, and more. Each plugin is intended to be simple to use, adaptable, and compatible with current web development methods.
-
-3. **UI Components:** In addition to plugins, Frutjam provides an extensive collection of UI components that can be simply integrated into your projects. From navigation menus and cards to buttons and input fields, these components are designed to be accessible, responsive, and visually appealing.
-
-4. **Framework & Libraries Support:** Written in TypeScript, Frutjam supports CommonJS (CJS) and ECMAScript Modules (ESM). It is being developed to support new web frameworks and libraries, such as React, Next.js, Vue, and others.
-
-5. **MIT License:** Frutjam is released under the MIT License, allowing you the freedom to use, alter, and distribute the library as needed for both commercial and personal projects.
-
-Whether you're a beginner exploring web development or an experienced developer looking for efficient tools, Frutjam offers a versatile set of resources to streamline your projects and elevate the user experience.
-
-## Getting started
-
-Whether you're a newbie exploring web development or an experienced developer seeking for efficient tools, Frutjam provides a diverse variety of resources to help you streamline your projects and improve the user experience.
-
-## Installation
-
-You can install Frutjam via npm:
-
-```bash
-npm install frutjam
-```
-
-## Usage
-
-Import the `Notification` class from Frutjam:
-
-```typescript
-import { Notification } from "frutjam";
-```
-
-Create a new notification instance with custom configurations:
-
-```typescript
-new Notification({
-    effect: "slide",
-    escapeTime: 5000,
-    autoClose: false,
-    arriveFrom: "top",
-    element: "<div class='your-customizable-design-class'><button type='button' data-fj='toggle-btn'>Close</button><!-- Add your other elements here --></div>"
-});
-```
-
-### Configuration Options
-
-- `effect`: Choose between "fade" or "slide" for the notification effect.
-- `escapeTime`: Time in milliseconds before the notification automatically closes.
-- `arriveTime`: specifies the time in milliseconds after which the notification's arrival animation completes.
-- `autoClose`: Boolean to enable or disable automatic closing of the notification.
-- `arriveFrom`: Direction from which the notification should arrive ("left", "right", "top", "bottom").
-- `element`: Customise your own HTML element to be displayed in the notification.
-
-`<button type='button' data-fj='toggle-btn'>Close</button>` 
-To enable manual closing of the current element, set the `data-fj='toggle-btn'` attribute to button.
-
-## License
-
-Frutjam is Open Source project licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
-
-## Support
-
-For any questions or issues, please [open an issue](https://github.com/nezanuha/frutjam/issues) on GitHub.

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Notification } from './plugins/notification';
-export { default as TelephoneInput } from './plugins/telephoneInput';
-export { default as Popover } from './plugins/popover';
-export { default as Tabs } from './plugins/tabs';

package/dist/index.js

@@ -1,3 +0,0 @@
-/*! For license information please see index.js.LICENSE.txt */
-!function(e,A){"object"==typeof exports&&"object"==typeof module?module.exports=A():"function"==typeof define&&define.amd?define([],A):"object"==typeof exports?exports.frutjam=A():e.frutjam=A()}(self,(()=>(()=>{"use strict";var e={859:(e,A,n)=>{n.d(A,{A:()=>i});var t=n(354),a=n.n(t),o=n(314),r=n.n(o)()(a());r.push([e.id,"/*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n.\\!container {\n  width: 100% !important;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 640px) {\n\n  .\\!container {\n    max-width: 640px !important;\n  }\n\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n\n  .\\!container {\n    max-width: 768px !important;\n  }\n\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n\n  .\\!container {\n    max-width: 1024px !important;\n  }\n\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n\n  .\\!container {\n    max-width: 1280px !important;\n  }\n\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n\n  .\\!container {\n    max-width: 1536px !important;\n  }\n\n  .container {\n    max-width: 1536px;\n  }\n}\n.block {\n  display: block;\n}\n.-translate-x-full {\n  --tw-translate-x: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-full {\n  --tw-translate-y: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-full {\n  --tw-translate-x: 100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-full {\n  --tw-translate-y: 100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.opacity-0 {\n  opacity: 0;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n[data-fj='notification'] {\n  margin: 1.5rem;\n  max-height: -moz-max-content;\n  max-height: max-content;\n  overflow: hidden;\n}","",{version:3,sources:["webpack://./src/plugins/notification/styles.css"],names:[],mappings:"AAAA;;CAAc,CAAd;;;CAAc;;AAAd;;;EAAA,sBAAc,EAAd,MAAc;EAAd,eAAc,EAAd,MAAc;EAAd,mBAAc,EAAd,MAAc;EAAd,qBAAc,EAAd,MAAc;AAAA;;AAAd;;EAAA,gBAAc;AAAA;;AAAd;;;;;;;;CAAc;;AAAd;;EAAA,gBAAc,EAAd,MAAc;EAAd,8BAAc,EAAd,MAAc;EAAd,gBAAc,EAAd,MAAc;EAAd,cAAc;KAAd,WAAc,EAAd,MAAc;EAAd,+HAAc,EAAd,MAAc;EAAd,6BAAc,EAAd,MAAc;EAAd,+BAAc,EAAd,MAAc;EAAd,wCAAc,EAAd,MAAc;AAAA;;AAAd;;;CAAc;;AAAd;EAAA,SAAc,EAAd,MAAc;EAAd,oBAAc,EAAd,MAAc;AAAA;;AAAd;;;;CAAc;;AAAd;EAAA,SAAc,EAAd,MAAc;EAAd,cAAc,EAAd,MAAc;EAAd,qBAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,yCAAc;UAAd,iCAAc;AAAA;;AAAd;;CAAc;;AAAd;;;;;;EAAA,kBAAc;EAAd,oBAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,cAAc;EAAd,wBAAc;AAAA;;AAAd;;CAAc;;AAAd;;EAAA,mBAAc;AAAA;;AAAd;;;;;CAAc;;AAAd;;;;EAAA,+GAAc,EAAd,MAAc;EAAd,6BAAc,EAAd,MAAc;EAAd,+BAAc,EAAd,MAAc;EAAd,cAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,cAAc;AAAA;;AAAd;;CAAc;;AAAd;;EAAA,cAAc;EAAd,cAAc;EAAd,kBAAc;EAAd,wBAAc;AAAA;;AAAd;EAAA,eAAc;AAAA;;AAAd;EAAA,WAAc;AAAA;;AAAd;;;;CAAc;;AAAd;EAAA,cAAc,EAAd,MAAc;EAAd,qBAAc,EAAd,MAAc;EAAd,yBAAc,EAAd,MAAc;AAAA;;AAAd;;;;CAAc;;AAAd;;;;;EAAA,oBAAc,EAAd,MAAc;EAAd,8BAAc,EAAd,MAAc;EAAd,gCAAc,EAAd,MAAc;EAAd,eAAc,EAAd,MAAc;EAAd,oBAAc,EAAd,MAAc;EAAd,oBAAc,EAAd,MAAc;EAAd,uBAAc,EAAd,MAAc;EAAd,cAAc,EAAd,MAAc;EAAd,SAAc,EAAd,MAAc;EAAd,UAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;;EAAA,oBAAc;AAAA;;AAAd;;;CAAc;;AAAd;;;;EAAA,0BAAc,EAAd,MAAc;EAAd,6BAAc,EAAd,MAAc;EAAd,sBAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,aAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,gBAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,wBAAc;AAAA;;AAAd;;CAAc;;AAAd;;EAAA,YAAc;AAAA;;AAAd;;;CAAc;;AAAd;EAAA,6BAAc,EAAd,MAAc;EAAd,oBAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,wBAAc;AAAA;;AAAd;;;CAAc;;AAAd;EAAA,0BAAc,EAAd,MAAc;EAAd,aAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,kBAAc;AAAA;;AAAd;;CAAc;;AAAd;;;;;;;;;;;;;EAAA,SAAc;AAAA;;AAAd;EAAA,SAAc;EAAd,UAAc;AAAA;;AAAd;EAAA,UAAc;AAAA;;AAAd;;;EAAA,gBAAc;EAAd,SAAc;EAAd,UAAc;AAAA;;AAAd;;CAAc;AAAd;EAAA,UAAc;AAAA;;AAAd;;CAAc;;AAAd;EAAA,gBAAc;AAAA;;AAAd;;;CAAc;;AAAd;EAAA,UAAc,EAAd,MAAc;EAAd,cAAc,EAAd,MAAc;AAAA;;AAAd;;EAAA,UAAc,EAAd,MAAc;EAAd,cAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;;EAAA,eAAc;AAAA;;AAAd;;CAAc;AAAd;EAAA,eAAc;AAAA;;AAAd;;;;CAAc;;AAAd;;;;;;;;EAAA,cAAc,EAAd,MAAc;EAAd,sBAAc,EAAd,MAAc;AAAA;;AAAd;;CAAc;;AAAd;;EAAA,eAAc;EAAd,YAAc;AAAA;;AAAd,wEAAc;AAAd;EAAA,aAAc;AAAA;;AAAd;EAAA,wBAAc;EAAd,wBAAc;EAAd,mBAAc;EAAd,mBAAc;EAAd,cAAc;EAAd,cAAc;EAAd,cAAc;EAAd,eAAc;EAAd,eAAc;EAAd,aAAc;EAAd,aAAc;EAAd,kBAAc;EAAd,sCAAc;EAAd,8BAAc;EAAd,6BAAc;EAAd,4BAAc;EAAd,eAAc;EAAd,oBAAc;EAAd,sBAAc;EAAd,uBAAc;EAAd,wBAAc;EAAd,kBAAc;EAAd,2BAAc;EAAd,4BAAc;EAAd,sCAAc;EAAd,kCAAc;EAAd,2BAAc;EAAd,sBAAc;EAAd,8BAAc;EAAd,YAAc;EAAd,kBAAc;EAAd,gBAAc;EAAd,iBAAc;EAAd,kBAAc;EAAd,cAAc;EAAd,gBAAc;EAAd,aAAc;EAAd,mBAAc;EAAd,qBAAc;EAAd,2BAAc;EAAd,yBAAc;EAAd,0BAAc;EAAd,2BAAc;EAAd,uBAAc;EAAd,wBAAc;EAAd,yBAAc;EAAd,sBAAc;EAAd,oBAAc;EAAd,sBAAc;EAAd,qBAAc;EAAd;AAAc;;AAAd;EAAA,wBAAc;EAAd,wBAAc;EAAd,mBAAc;EAAd,mBAAc;EAAd,cAAc;EAAd,cAAc;EAAd,cAAc;EAAd,eAAc;EAAd,eAAc;EAAd,aAAc;EAAd,aAAc;EAAd,kBAAc;EAAd,sCAAc;EAAd,8BAAc;EAAd,6BAAc;EAAd,4BAAc;EAAd,eAAc;EAAd,oBAAc;EAAd,sBAAc;EAAd,uBAAc;EAAd,wBAAc;EAAd,kBAAc;EAAd,2BAAc;EAAd,4BAAc;EAAd,sCAAc;EAAd,kCAAc;EAAd,2BAAc;EAAd,sBAAc;EAAd,8BAAc;EAAd,YAAc;EAAd,kBAAc;EAAd,gBAAc;EAAd,iBAAc;EAAd,kBAAc;EAAd,cAAc;EAAd,gBAAc;EAAd,aAAc;EAAd,mBAAc;EAAd,qBAAc;EAAd,2BAAc;EAAd,yBAAc;EAAd,0BAAc;EAAd,2BAAc;EAAd,uBAAc;EAAd,wBAAc;EAAd,yBAAc;EAAd,sBAAc;EAAd,oBAAc;EAAd,sBAAc;EAAd,qBAAc;EAAd;AAAc;AACd;EAAA;AAAoB;AAApB;EAAA;AAAoB;AAApB;;EAAA;IAAA;EAAoB;;EAApB;IAAA;EAAoB;AAAA;AAApB;;EAAA;IAAA;EAAoB;;EAApB;IAAA;EAAoB;AAAA;AAApB;;EAAA;IAAA;EAAoB;;EAApB;IAAA;EAAoB;AAAA;AAApB;;EAAA;IAAA;EAAoB;;EAApB;IAAA;EAAoB;AAAA;AAApB;;EAAA;IAAA;EAAoB;;EAApB;IAAA;EAAoB;AAAA;AACpB;EAAA;AAAmB;AAAnB;EAAA,uBAAmB;EAAnB;AAAmB;AAAnB;EAAA,uBAAmB;EAAnB;AAAmB;AAAnB;EAAA,sBAAmB;EAAnB;AAAmB;AAAnB;EAAA,qBAAmB;EAAnB;AAAmB;AAAnB;EAAA,sBAAmB;EAAnB;AAAmB;AAAnB;EAAA;AAAmB;AAAnB;EAAA;AAAmB;AAAnB;EAAA;AAAmB;AAIX;EAAA,cAAmC;EAAnC,4BAAmC;EAAnC,uBAAmC;EAAnC;AAAmC",sourcesContent:["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\n@layer utilities{\r\n    [data-fj='notification'] {\r\n        @apply overflow-hidden m-6 max-h-max\r\n    }    \r\n}"],sourceRoot:""}]);const i=r},793:(e,A,n)=>{n.d(A,{A:()=>i});var t=n(354),a=n.n(t),o=n(314),r=n.n(o)()(a());r.push([e.id,"/*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n.\\!container {\n  width: 100% !important;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 640px) {\n\n  .\\!container {\n    max-width: 640px !important;\n  }\n\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n\n  .\\!container {\n    max-width: 768px !important;\n  }\n\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n\n  .\\!container {\n    max-width: 1024px !important;\n  }\n\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n\n  .\\!container {\n    max-width: 1280px !important;\n  }\n\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n\n  .\\!container {\n    max-width: 1536px !important;\n  }\n\n  .container {\n    max-width: 1536px;\n  }\n}\n.block {\n  display: block;\n}\n.-translate-x-full {\n  --tw-translate-x: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-full {\n  --tw-translate-y: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-full {\n  --tw-translate-x: 100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-full {\n  --tw-translate-y: 100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.opacity-0 {\n  opacity: 0;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.fj-popover {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: flex-end;\n  gap: 0.75rem;\n}\n.fj-popover-content {\n  z-index: 50;\n  width: 100%;\n  max-width: 32rem;\n  --tw-translate-y: 40rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  transition-duration: 300ms;\n}\n","",{version:3,sources:["webpack://./src/plugins/popover/styles.css"],names:[],mappings:"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",sourcesContent:["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\n@layer utilities{\r\n    .fj-popover{\r\n        @apply flex flex-col gap-3 justify-end items-end\r\n    }\r\n    .fj-popover-content{\r\n        @apply max-w-lg w-full z-50 translate-y-[40rem] duration-300\r\n    }\r\n}\r\n"],sourceRoot:""}]);const i=r},314:e=>{e.exports=function(e){var A=[];return A.toString=function(){return this.map((function(A){var n="",t=void 0!==A[5];return A[4]&&(n+="@supports (".concat(A[4],") {")),A[2]&&(n+="@media ".concat(A[2]," {")),t&&(n+="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {")),n+=e(A),t&&(n+="}"),A[2]&&(n+="}"),A[4]&&(n+="}"),n})).join("")},A.i=function(e,n,t,a,o){"string"==typeof e&&(e=[[null,e,void 0]]);var r={};if(t)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(r[c]=!0)}for(var d=0;d<e.length;d++){var s=[].concat(e[d]);t&&r[s[0]]||(void 0!==o&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=o),n&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=n):s[2]=n),a&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=a):s[4]="".concat(a)),A.push(s))}},A}},354:e=>{e.exports=function(e){var A=e[1],n=e[3];if(!n)return A;if("function"==typeof btoa){var t=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t),o="/*# ".concat(a," */");return[A].concat([o]).join("\n")}return[A].join("\n")}},620:(e,A,n)=>{n.r(A),n.d(A,{default:()=>h});var t=n(72),a=n.n(t),o=n(825),r=n.n(o),i=n(659),c=n.n(i),d=n(56),s=n.n(d),l=n(540),m=n.n(l),u=n(113),p=n.n(u),b=n(859),E={};E.styleTagTransform=p(),E.setAttributes=s(),E.insert=c().bind(null,"head"),E.domAPI=r(),E.insertStyleElement=m(),a()(b.A,E);const h=b.A&&b.A.locals?b.A.locals:void 0},48:(e,A,n)=>{n.r(A),n.d(A,{default:()=>h});var t=n(72),a=n.n(t),o=n(825),r=n.n(o),i=n(659),c=n.n(i),d=n(56),s=n.n(d),l=n(540),m=n.n(l),u=n(113),p=n.n(u),b=n(793),E={};E.styleTagTransform=p(),E.setAttributes=s(),E.insert=c().bind(null,"head"),E.domAPI=r(),E.insertStyleElement=m(),a()(b.A,E);const h=b.A&&b.A.locals?b.A.locals:void 0},72:e=>{var A=[];function n(e){for(var n=-1,t=0;t<A.length;t++)if(A[t].identifier===e){n=t;break}return n}function t(e,t){for(var o={},r=[],i=0;i<e.length;i++){var c=e[i],d=t.base?c[0]+t.base:c[0],s=o[d]||0,l="".concat(d," ").concat(s);o[d]=s+1;var m=n(l),u={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==m)A[m].references++,A[m].updater(u);else{var p=a(u,t);t.byIndex=i,A.splice(i,0,{identifier:l,updater:p,references:1})}r.push(l)}return r}function a(e,A){var n=A.domAPI(A);return n.update(e),function(A){if(A){if(A.css===e.css&&A.media===e.media&&A.sourceMap===e.sourceMap&&A.supports===e.supports&&A.layer===e.layer)return;n.update(e=A)}else n.remove()}}e.exports=function(e,a){var o=t(e=e||[],a=a||{});return function(e){e=e||[];for(var r=0;r<o.length;r++){var i=n(o[r]);A[i].references--}for(var c=t(e,a),d=0;d<o.length;d++){var s=n(o[d]);0===A[s].references&&(A[s].updater(),A.splice(s,1))}o=c}}},659:e=>{var A={};e.exports=function(e,n){var t=function(e){if(void 0===A[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}A[e]=n}return A[e]}(e);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}},540:e=>{e.exports=function(e){var A=document.createElement("style");return e.setAttributes(A,e.attributes),e.insert(A,e.options),A}},56:(e,A,n)=>{e.exports=function(e){var A=n.nc;A&&e.setAttribute("nonce",A)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var A=e.insertStyleElement(e);return{update:function(n){!function(e,A,n){var t="";n.supports&&(t+="@supports (".concat(n.supports,") {")),n.media&&(t+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(t+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),t+=n.css,a&&(t+="}"),n.media&&(t+="}"),n.supports&&(t+="}");var o=n.sourceMap;o&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),A.styleTagTransform(t,e,A.options)}(A,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(A)}}}},113:e=>{e.exports=function(e,A){if(A.styleSheet)A.styleSheet.cssText=e;else{for(;A.firstChild;)A.removeChild(A.firstChild);A.appendChild(document.createTextNode(e))}}},156:function(e,A,n){var t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(A,"__esModule",{value:!0}),A.Tabs=A.Popover=A.TelephoneInput=A.Notification=void 0;var a=n(675);Object.defineProperty(A,"Notification",{enumerable:!0,get:function(){return t(a).default}});var o=n(836);Object.defineProperty(A,"TelephoneInput",{enumerable:!0,get:function(){return t(o).default}});var r=n(253);Object.defineProperty(A,"Popover",{enumerable:!0,get:function(){return t(r).default}});var i=n(796);Object.defineProperty(A,"Tabs",{enumerable:!0,get:function(){return t(i).default}})},41:(e,A)=>{Object.defineProperty(A,"__esModule",{value:!0}),A.config=void 0,A.config={arriveFrom:{right:"translate-x-full",left:"-translate-x-full",bottom:"translate-y-full",top:"-translate-y-full"},effects:{slide:"duration-300",fade:"opacity-0 duration-300"}}},675:(e,A,n)=>{Object.defineProperty(A,"__esModule",{value:!0}),n(620);const t=n(41);A.default=class{effect;escapeTime;arriveTime;autoClose;arriveFrom;element;timeoutId;constructor({effect:e="fade",escapeTime:A=3e3,arriveTime:n=200,autoClose:t=!0,arriveFrom:a="right",element:o=null}={}){this.effect=e,this.arriveTime=n,this.autoClose=t,this.arriveFrom=a,this.escapeTime=A,this.element=o,this.timeoutId=null,this.render(),this.init()}render(){if("string"==typeof this.element){const e=document.createElement("div");e.innerHTML=this.element,this.element=e.firstChild,this.element.setAttribute("data-fj","user-element")}if(this.element instanceof HTMLElement){let e=document.querySelector("[data-fj='notification']");if(e||(e=document.createElement("div"),e.setAttribute("data-fj","notification"),document.querySelector("body")?.insertAdjacentElement("beforeend",e)),this.element!==e&&e.appendChild(this.element),"slide"==this.effect){const e=t.config.arriveFrom[this.arriveFrom];this.element.classList.add(e,"duration-300")}else this.element.classList.add("opacity-0","duration-300")}else console.error("No element provided. Element must be either an HTMLElement or a string representing raw HTML.");this.timeoutId=setTimeout((()=>{this.toggleNotification(this.element),this.timeoutId=null}),this.arriveTime),!0===this.autoClose&&(this.timeoutId=setTimeout((()=>{this.toggleNotification(this.element,"close"),this.timeoutId=null}),this.escapeTime))}init(){const e=e=>{const A=e.target.closest("[data-fj='user-element']");A&&this.toggleNotification(A,"close"),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)};document.querySelectorAll("[data-fj='toggle-btn']").forEach((A=>{A.dataset.clickEventAdded||(A.dataset.clickEventAdded="true",A.addEventListener("click",e))}))}toggleNotification(e,A){if(e instanceof HTMLElement){if("slide"==this.effect){const A=t.config.arriveFrom[this.arriveFrom];e.classList.toggle(A,!e.classList.contains(A))}else e.classList.toggle("opacity-0",!e.classList.contains("opacity-0"));"close"===A&&setTimeout((()=>{e.remove()}),300)}else console.error("Container is null or not an HTMLElement.")}}},253:(e,A,n)=>{Object.defineProperty(A,"__esModule",{value:!0}),n(48),A.default=class{autoPopup;popupTime;timeoutId;constructor({autoPopup:e=!1,popupTime:A=2e3}={}){this.autoPopup=e,this.popupTime=A,this.timeoutId=null,this.action()}action(){document.querySelectorAll(".fj-popover-toggle").forEach((e=>{e.addEventListener("click",(e=>{const A=e.target.closest(".fj-popover").querySelector(".fj-popover-content");A&&this.togglePopover(A),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}))})),!0===this.autoPopup&&(this.timeoutId=window.setTimeout((()=>{document.querySelectorAll(".fj-popover .fj-popover-content").forEach((e=>{this.togglePopover(e)})),this.timeoutId=null}),this.popupTime))}togglePopover(e){e.classList.toggle("translate-y-0")}}},796:(e,A)=>{Object.defineProperty(A,"__esModule",{value:!0}),A.default=class{tabs;tabContents;options;constructor(e){this.tabs=Array.from(document.querySelectorAll(".tab")),this.tabContents=Array.from(document.querySelectorAll(".tab-content")),this.options=e||{},this.init(),this.handleInitialTabState()}init(){this.tabs.forEach((e=>{e.addEventListener("click",(()=>this.toggleTab(e)))}))}toggleTab(e){const A=e.dataset.tab;A&&!e.classList.contains("disabled")&&(this.tabs.forEach((e=>{e.classList.remove("active")})),e.classList.add("active"),this.tabContents.forEach((e=>{e.id===A?(e.style.display="block",this.animateTab(e),this.options.onTabActive&&this.options.onTabActive(A)):e.style.display="none"})))}animateTab(e){e.style.opacity="0",setTimeout((()=>{e.style.opacity="1"}),300)}handleInitialTabState(){"all"===this.options.disableTabs?this.disableAllTabs():Array.isArray(this.options.disableTabs)?this.disableTabs(this.options.disableTabs):"all"===this.options.enableTabs?this.enableAllTabs():Array.isArray(this.options.enableTabs)&&this.enableTabs(this.options.enableTabs)}disableAllTabs(){this.tabs.forEach((e=>{e.classList.add("disabled")}))}enableAllTabs(){this.tabs.forEach((e=>{e.classList.remove("disabled")}))}enableTabs(e){"all"===e?this.enableAllTabs():Array.isArray(e)&&e.forEach((e=>{const A=this.tabs.find((A=>A.dataset.tab===e));A&&A.classList.remove("disabled")}))}disableTabs(e){"all"===e?this.disableAllTabs():Array.isArray(e)&&e.forEach((e=>{const A=this.tabs.find((A=>A.dataset.tab===e));A&&A.classList.add("disabled")}))}}},486:(e,A)=>{Object.defineProperty(A,"__esModule",{value:!0}),A.default={AD:{code:"AD",name:"Andorra",exampleNumber:"+376 123 456"},AE:{code:"AE",name:"United Arab Emirates",exampleNumber:"+971 50 123 4567"},AF:{code:"AF",name:"Afghanistan",exampleNumber:"+93 70 123 4567"},AG:{code:"AG",name:"Antigua and Barbuda",exampleNumber:"+1 268 464 1234"},AL:{code:"AL",name:"Albania",exampleNumber:"+355 66 123 456"},AM:{code:"AM",name:"Armenia",exampleNumber:"+374 77 123 456"},AO:{code:"AO",name:"Angola",exampleNumber:"+244 923 123 456"},AR:{code:"AR",name:"Argentina",exampleNumber:"+54 9 11 1234 5678"},AT:{code:"AT",name:"Austria",exampleNumber:"+43 660 1234567"},AU:{code:"AU",name:"Australia",exampleNumber:"+61 4 1234 5678"},AZ:{code:"AZ",name:"Azerbaijan",exampleNumber:"+994 50 123 45 67"},BA:{code:"BA",name:"Bosnia and Herzegovina",exampleNumber:"+387 61 123 456"},BB:{code:"BB",name:"Barbados",exampleNumber:"+1 246 250 1234"},BD:{code:"BD",name:"Bangladesh",exampleNumber:"+880 18 1234 5678"},BE:{code:"BE",name:"Belgium",exampleNumber:"+32 471 123 456"},BF:{code:"BF",name:"Burkina Faso",exampleNumber:"+226 70 12 34 56"},BG:{code:"BG",name:"Bulgaria",exampleNumber:"+359 87 123 4567"},BH:{code:"BH",name:"Bahrain",exampleNumber:"+973 3600 1234"},BI:{code:"BI",name:"Burundi",exampleNumber:"+257 79 123 456"},BJ:{code:"BJ",name:"Benin",exampleNumber:"+229 90 12 34 56"},BN:{code:"BN",name:"Brunei",exampleNumber:"+673 712 3456"},BO:{code:"BO",name:"Bolivia",exampleNumber:"+591 7123 4567"},BR:{code:"BR",name:"Brazil",exampleNumber:"+55 15 1234-5678"},BS:{code:"BS",name:"Bahamas",exampleNumber:"+1 242 359 1234"},BT:{code:"BT",name:"Bhutan",exampleNumber:"+975 17 123 456"},BW:{code:"BW",name:"Botswana",exampleNumber:"+267 71 123 456"},BY:{code:"BY",name:"Belarus",exampleNumber:"+375 29 123-45-67"},BZ:{code:"BZ",name:"Belize",exampleNumber:"+501 612 3456"},CA:{code:"CA",name:"Canada",exampleNumber:"+1 123-456-7890"},CD:{code:"CD",name:"Democratic Republic of the Congo",exampleNumber:"+243 81 234 5678"},CF:{code:"CF",name:"Central African Republic",exampleNumber:"+236 70 12 34 56"},CG:{code:"CG",name:"Republic of the Congo",exampleNumber:"+242 06 123 4567"},CH:{code:"CH",name:"Switzerland",exampleNumber:"+41 79 123 45 67"},CI:{code:"CI",name:"Ivory Coast",exampleNumber:"+225 01 23 45 67"},CL:{code:"CL",name:"Chile",exampleNumber:"+56 9 1234 5678"},CM:{code:"CM",name:"Cameroon",exampleNumber:"+237 6 12 34 56 78"},CN:{code:"CN",name:"China",exampleNumber:"+86 131 2345 6789"},CO:{code:"CO",name:"Colombia",exampleNumber:"+57 310 1234567"},CR:{code:"CR",name:"Costa Rica",exampleNumber:"+506 6123 4567"},CU:{code:"CU",name:"Cuba",exampleNumber:"+53 5 1234567"},CV:{code:"CV",name:"Cape Verde",exampleNumber:"+238 991 1234"},CY:{code:"CY",name:"Cyprus",exampleNumber:"+357 96 123456"},CZ:{code:"CZ",name:"Czech Republic",exampleNumber:"+420 601 123 456"},DE:{code:"DE",name:"Germany",exampleNumber:"+49 151 12345678"},DJ:{code:"DJ",name:"Djibouti",exampleNumber:"+253 77 83 33 33"},DK:{code:"DK",name:"Denmark",exampleNumber:"+45 20 12 34 56"},DM:{code:"DM",name:"Dominica",exampleNumber:"+1 767 225 1234"},DO:{code:"DO",name:"Dominican Republic",exampleNumber:"+1 809 234 5678"},DZ:{code:"DZ",name:"Algeria",exampleNumber:"+213 5 60 1234 56"},EC:{code:"EC",name:"Ecuador",exampleNumber:"+593 99 123 4567"},EE:{code:"EE",name:"Estonia",exampleNumber:"+372 5123 4567"},EG:{code:"EG",name:"Egypt",exampleNumber:"+20 12 3456 7890"},EH:{code:"EH",name:"Western Sahara",exampleNumber:"+212 65 12 34 56"},ER:{code:"ER",name:"Eritrea",exampleNumber:"+291 7 123 4567"},ES:{code:"ES",name:"Spain",exampleNumber:"+34 612 34 56 78"},ET:{code:"ET",name:"Ethiopia",exampleNumber:"+251 91 123 4567"},FI:{code:"FI",name:"Finland",exampleNumber:"+358 50 1234567"},FJ:{code:"FJ",name:"Fiji",exampleNumber:"+679 701 2345"},FK:{code:"FK",name:"Falkland Islands",exampleNumber:"+500 51234"},FM:{code:"FM",name:"Micronesia",exampleNumber:"+691 350 1234"},FO:{code:"FO",name:"Faroe Islands",exampleNumber:"+298 211234"},FR:{code:"FR",name:"France",exampleNumber:"+33 6 12 34 56 78"},GA:{code:"GA",name:"Gabon",exampleNumber:"+241 06 12 34 56"},GB:{code:"GB",name:"United Kingdom",exampleNumber:"+44 20 1234 5678"},GD:{code:"GD",name:"Grenada",exampleNumber:"+1 473 403 1234"},GE:{code:"GE",name:"Georgia",exampleNumber:"+995 595 12 34 56"},GF:{code:"GF",name:"French Guiana",exampleNumber:"+594 594 12 34 56"},GH:{code:"GH",name:"Ghana",exampleNumber:"+233 23 123 4567"},GI:{code:"GI",name:"Gibraltar",exampleNumber:"+350 57123"},GL:{code:"GL",name:"Greenland",exampleNumber:"+299 221234"},GM:{code:"GM",name:"Gambia",exampleNumber:"+220 301 1234"},GN:{code:"GN",name:"Guinea",exampleNumber:"+224 621 123 456"},GP:{code:"GP",name:"Guadeloupe",exampleNumber:"+590 690 123456"},GQ:{code:"GQ",name:"Equatorial Guinea",exampleNumber:"+240 222 123 456"},GR:{code:"GR",name:"Greece",exampleNumber:"+30 69 1234 5678"},GT:{code:"GT",name:"Guatemala",exampleNumber:"+502 5123 4567"},GU:{code:"GU",name:"Guam",exampleNumber:"+1 671 300 1234"},GW:{code:"GW",name:"Guinea-Bissau",exampleNumber:"+245 595 1234"},GY:{code:"GY",name:"Guyana",exampleNumber:"+592 609 1234"},HK:{code:"HK",name:"Hong Kong",exampleNumber:"+852 5123 4567"},HN:{code:"HN",name:"Honduras",exampleNumber:"+504 9123 4567"},HR:{code:"HR",name:"Croatia",exampleNumber:"+385 91 123 4567"},HT:{code:"HT",name:"Haiti",exampleNumber:"+509 34 12 3456"},HU:{code:"HU",name:"Hungary",exampleNumber:"+36 20 123 4567"},ID:{code:"ID",name:"Indonesia",exampleNumber:"+62 812-3456-7890"},IE:{code:"IE",name:"Ireland",exampleNumber:"+353 85 123 4567"},IL:{code:"IL",name:"Israel",exampleNumber:"+972 52-123-4567"},IN:{code:"IN",name:"India",exampleNumber:"+91 98765 43210"},IQ:{code:"IQ",name:"Iraq",exampleNumber:"+964 790 123 4567"},IR:{code:"IR",name:"Iran",exampleNumber:"+98 912 345 6789"},IS:{code:"IS",name:"Iceland",exampleNumber:"+354 660 1234"},IT:{code:"IT",name:"Italy",exampleNumber:"+39 345 678 9012"},JM:{code:"JM",name:"Jamaica",exampleNumber:"+1 876 210 1234"},JO:{code:"JO",name:"Jordan",exampleNumber:"+962 7 9012 3456"},JP:{code:"JP",name:"Japan",exampleNumber:"+81 90-1234-5678"},KE:{code:"KE",name:"Kenya",exampleNumber:"+254 712 345 678"},KG:{code:"KG",name:"Kyrgyzstan",exampleNumber:"+996 700 123 456"},KH:{code:"KH",name:"Cambodia",exampleNumber:"+855 12 345 678"},KI:{code:"KI",name:"Kiribati",exampleNumber:"+686 72012"},KM:{code:"KM",name:"Comoros",exampleNumber:"+269 321 2345"},KN:{code:"KN",name:"Saint Kitts and Nevis",exampleNumber:"+1 869 556 1234"},KP:{code:"KP",name:"North Korea",exampleNumber:"+850 192 1234"},KR:{code:"KR",name:"South Korea",exampleNumber:"+82 10-1234-5678"},KW:{code:"KW",name:"Kuwait",exampleNumber:"+965 500 12345"},KY:{code:"KY",name:"Cayman Islands",exampleNumber:"+1 345 323 1234"},KZ:{code:"KZ",name:"Kazakhstan",exampleNumber:"+7 701 123 4567"},LA:{code:"LA",name:"Laos",exampleNumber:"+856 20 71 234 567"},LB:{code:"LB",name:"Lebanon",exampleNumber:"+961 71 123 456"},LC:{code:"LC",name:"Saint Lucia",exampleNumber:"+1 758 284 1234"},LI:{code:"LI",name:"Liechtenstein",exampleNumber:"+423 661 2345"},LK:{code:"LK",name:"Sri Lanka",exampleNumber:"+94 77 123 4567"},LR:{code:"LR",name:"Liberia",exampleNumber:"+231 77 012 345"},LS:{code:"LS",name:"Lesotho",exampleNumber:"+266 5012 3456"},LT:{code:"LT",name:"Lithuania",exampleNumber:"+370 6 123 4567"},LU:{code:"LU",name:"Luxembourg",exampleNumber:"+352 621 123 456"},LV:{code:"LV",name:"Latvia",exampleNumber:"+371 21 234 567"},LY:{code:"LY",name:"Libya",exampleNumber:"+218 91 234 5678"},MA:{code:"MA",name:"Morocco",exampleNumber:"+212 650-123456"},MC:{code:"MC",name:"Monaco",exampleNumber:"+377 6 12 34 56"},MD:{code:"MD",name:"Moldova",exampleNumber:"+373 69 123 456"},ME:{code:"ME",name:"Montenegro",exampleNumber:"+382 67 123 456"},MG:{code:"MG",name:"Madagascar",exampleNumber:"+261 32 12 345 67"},MH:{code:"MH",name:"Marshall Islands",exampleNumber:"+692 235 1234"},MK:{code:"MK",name:"North Macedonia",exampleNumber:"+389 70 123 456"},ML:{code:"ML",name:"Mali",exampleNumber:"+223 65 01 23 45"},MM:{code:"MM",name:"Myanmar",exampleNumber:"+95 9 123 4567"},MN:{code:"MN",name:"Mongolia",exampleNumber:"+976 11 234 567"},MO:{code:"MO",name:"Macau",exampleNumber:"+853 6612 3456"},MP:{code:"MP",name:"Northern Mariana Islands",exampleNumber:"+1 670 234 5678"},MQ:{code:"MQ",name:"Martinique",exampleNumber:"+596 696 12 34 56"},MR:{code:"MR",name:"Mauritania",exampleNumber:"+222 22 12 34 56"},MS:{code:"MS",name:"Montserrat",exampleNumber:"+1 664 492 1234"},MT:{code:"MT",name:"Malta",exampleNumber:"+356 9696 1234"},MU:{code:"MU",name:"Mauritius",exampleNumber:"+230 5 123 4567"},MV:{code:"MV",name:"Maldives",exampleNumber:"+960 771-2345"},MW:{code:"MW",name:"Malawi",exampleNumber:"+265 991 234 567"},MX:{code:"MX",name:"Mexico",exampleNumber:"+52 1 55 1234 5678"},MY:{code:"MY",name:"Malaysia",exampleNumber:"+60 12-345 6789"},MZ:{code:"MZ",name:"Mozambique",exampleNumber:"+258 82 123 4567"},NA:{code:"NA",name:"Namibia",exampleNumber:"+264 81 123 4567"},NC:{code:"NC",name:"New Caledonia",exampleNumber:"+687 75.12.34"},NE:{code:"NE",name:"Niger",exampleNumber:"+227 93 12 34 56"},NG:{code:"NG",name:"Nigeria",exampleNumber:"+234 805 123 4567"},NI:{code:"NI",name:"Nicaragua",exampleNumber:"+505 8123 4567"},NL:{code:"NL",name:"Netherlands",exampleNumber:"+31 6 12345678"},NO:{code:"NO",name:"Norway",exampleNumber:"+47 412 34 567"},NP:{code:"NP",name:"Nepal",exampleNumber:"+977 985-1234567"},NR:{code:"NR",name:"Nauru",exampleNumber:"+674 556 1234"},NU:{code:"NU",name:"Niue",exampleNumber:"+683 4034"},NZ:{code:"NZ",name:"New Zealand",exampleNumber:"+64 21 123 4567"},OM:{code:"OM",name:"Oman",exampleNumber:"+968 9212 3456"},PA:{code:"PA",name:"Panama",exampleNumber:"+507 6123 4567"},PE:{code:"PE",name:"Peru",exampleNumber:"+51 912 345 678"},PF:{code:"PF",name:"French Polynesia",exampleNumber:"+689 87.12.34.56"},PG:{code:"PG",name:"Papua New Guinea",exampleNumber:"+675 7010 1234"},PH:{code:"PH",name:"Philippines",exampleNumber:"+63 905 123 4567"},PK:{code:"PK",name:"Pakistan",exampleNumber:"+92 300 1234567"},PL:{code:"PL",name:"Poland",exampleNumber:"+48 512 345 678"},PM:{code:"PM",name:"Saint Pierre and Miquelon",exampleNumber:"+508 41 12 34"},PN:{code:"PN",name:"Pitcairn Islands",exampleNumber:"+64 3 123 4567"},PR:{code:"PR",name:"Puerto Rico",exampleNumber:"+1 787 234 5678"},PS:{code:"PS",name:"Palestine",exampleNumber:"+970 59 123 4567"},PT:{code:"PT",name:"Portugal",exampleNumber:"+351 96 123 4567"},PW:{code:"PW",name:"Palau",exampleNumber:"+680 620 1234"},PY:{code:"PY",name:"Paraguay",exampleNumber:"+595 981 123456"},QA:{code:"QA",name:"Qatar",exampleNumber:"+974 3312 3456"},RE:{code:"RE",name:"Réunion",exampleNumber:"+262 692 123 456"},RO:{code:"RO",name:"Romania",exampleNumber:"+40 721 123 456"},RS:{code:"RS",name:"Serbia",exampleNumber:"+381 60 1234567"},RU:{code:"RU",name:"Russia",exampleNumber:"+7 912 345-67-89"},RW:{code:"RW",name:"Rwanda",exampleNumber:"+250 72 123 4567"},SA:{code:"SA",name:"Saudi Arabia",exampleNumber:"+966 50 123 4567"},SB:{code:"SB",name:"Solomon Islands",exampleNumber:"+677 711 2345"},SC:{code:"SC",name:"Seychelles",exampleNumber:"+248 2 510 123"},SD:{code:"SD",name:"Sudan",exampleNumber:"+249 91 123 4567"},SE:{code:"SE",name:"Sweden",exampleNumber:"+46 73-123 45 67"},SG:{code:"SG",name:"Singapore",exampleNumber:"+65 8123 4567"},SH:{code:"SH",name:"Saint Helena",exampleNumber:"+290 71500"},SI:{code:"SI",name:"Slovenia",exampleNumber:"+386 40 123 456"},SK:{code:"SK",name:"Slovakia",exampleNumber:"+421 912 123 456"},SL:{code:"SL",name:"Sierra Leone",exampleNumber:"+232 25 123456"},SM:{code:"SM",name:"San Marino",exampleNumber:"+378 66 123456"},SN:{code:"SN",name:"Senegal",exampleNumber:"+221 70 123 45 67"},SO:{code:"SO",name:"Somalia",exampleNumber:"+252 61 234 5678"},SR:{code:"SR",name:"Suriname",exampleNumber:"+597 741 2345"},SS:{code:"SS",name:"South Sudan",exampleNumber:"+211 97 123 4567"},ST:{code:"ST",name:"São Tomé and Príncipe",exampleNumber:"+239 981 1234"},SV:{code:"SV",name:"El Salvador",exampleNumber:"+503 7012 3456"},SX:{code:"SX",name:"Sint Maarten",exampleNumber:"+1 721 520 1234"},SY:{code:"SY",name:"Syria",exampleNumber:"+963 944 567 890"},SZ:{code:"SZ",name:"Eswatini",exampleNumber:"+268 7612 3456"},TC:{code:"TC",name:"Turks and Caicos Islands",exampleNumber:"+1 649 231 1234"},TD:{code:"TD",name:"Chad",exampleNumber:"+235 63 01 23 45"},TG:{code:"TG",name:"Togo",exampleNumber:"+228 90 123 456"},TH:{code:"TH",name:"Thailand",exampleNumber:"+66 85 123 4567"},TJ:{code:"TJ",name:"Tajikistan",exampleNumber:"+992 93 123 45 67"},TK:{code:"TK",name:"Tokelau",exampleNumber:"+690 771234"},TL:{code:"TL",name:"Timor-Leste",exampleNumber:"+670 7721 2345"},TM:{code:"TM",name:"Turkmenistan",exampleNumber:"+993 65 123 456"},TN:{code:"TN",name:"Tunisia",exampleNumber:"+216 20 123 456"},TO:{code:"TO",name:"Tonga",exampleNumber:"+676 771 5123"},TR:{code:"TR",name:"Turkey",exampleNumber:"+90 543 123 4567"},TT:{code:"TT",name:"Trinidad and Tobago",exampleNumber:"+1 868 291 1234"},TV:{code:"TV",name:"Tuvalu",exampleNumber:"+688 9012"},TW:{code:"TW",name:"Taiwan",exampleNumber:"+886 912 345 678"},TZ:{code:"TZ",name:"Tanzania",exampleNumber:"+255 67 123 4567"},UA:{code:"UA",name:"Ukraine",exampleNumber:"+380 63 123 4567"},UG:{code:"UG",name:"Uganda",exampleNumber:"+256 71 234 5678"},US:{code:"US",name:"United States",exampleNumber:"+1 555-123-4567"},UY:{code:"UY",name:"Uruguay",exampleNumber:"+598 99 123 456"},UZ:{code:"UZ",name:"Uzbekistan",exampleNumber:"+998 95 123 45 67"},VA:{code:"VA",name:"Vatican City",exampleNumber:"+39 06 6982 1234"},VC:{code:"VC",name:"Saint Vincent and the Grenadines",exampleNumber:"+1 784 458 1234"},VE:{code:"VE",name:"Venezuela",exampleNumber:"+58 412 123 4567"},VG:{code:"VG",name:"British Virgin Islands",exampleNumber:"+1 284 300 1234"},VI:{code:"VI",name:"U.S. Virgin Islands",exampleNumber:"+1 340 642 1234"},VN:{code:"VN",name:"Vietnam",exampleNumber:"+84 98 123 4567"},VU:{code:"VU",name:"Vanuatu",exampleNumber:"+678 591 2345"},WS:{code:"WS",name:"Samoa",exampleNumber:"+685 721 2345"},XK:{code:"XK",name:"Kosovo",exampleNumber:"+383 44 123456"},YE:{code:"YE",name:"Yemen",exampleNumber:"+967 712 345 678"},YT:{code:"YT",name:"Mayotte",exampleNumber:"+262 639 12 34 56"},ZA:{code:"ZA",name:"South Africa",exampleNumber:"+27 71 123 4567"},ZM:{code:"ZM",name:"Zambia",exampleNumber:"+260 95 5123456"},ZW:{code:"ZW",name:"Zimbabwe",exampleNumber:"+263 71 123 4567"}}},836:function(e,A,n){var t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(A,"__esModule",{value:!0});const a=t(n(486));function o(e){const A=e.toUpperCase().split("").map((e=>127397+e.charCodeAt(0)));return String.fromCodePoint(...A)}A.default=class{inputElement=null;selectElement;countries={};showFlag;constructor(e,A){if(this.inputElement=document.getElementById(e),this.selectElement=document.createElement("select"),this.showFlag=A.showFlag??!1,this.init(),this.inputElement){const e=Array.isArray(A.countries)?A.countries.map((e=>"string"==typeof e?e:e.code)):Object.keys(a.default);this.convertCountries(e).then((e=>{this.countries=e,this.createCountryDropdown()}))}else console.error(`Element with ID '${e}' not found.`)}async convertCountries(e){return(await Promise.all(e.map((async e=>a.default[e]?{code:e,name:a.default[e].name,flag:this.showFlag?o(a.default[e].code):"",exampleNumber:a.default[e].exampleNumber}:null)))).filter((e=>null!==e)).reduce(((e,A)=>(A&&(e[A.code]=A),e)),{})}init(){if(this.inputElement)if(this.inputElement.closest('[data-fj="telephoneInput"]'))console.error('Input element is already inside a div with data-fj="telephoneInput".');else{const e=document.createElement("div");e.setAttribute("data-fj","telephoneInput");const A=this.inputElement.parentNode;A?(A.insertBefore(e,this.inputElement),e.appendChild(this.inputElement)):console.error("Input element has no parent node.")}else console.error("Input element is not initialized.")}createCountryDropdown(){this.selectElement.innerHTML="",Object.values(this.countries).forEach((e=>{const A=document.createElement("option");A.value=e.code;const n=o(e.code);A.text=this.showFlag?`${n} ${e.name} (${e.code})`:`${e.name} (${e.code})`,this.selectElement.appendChild(A)})),!this.selectElement.parentNode&&this.inputElement&&this.inputElement.parentNode&&this.inputElement.parentNode.insertBefore(this.selectElement,this.inputElement)}updatePlaceholder(){const e=this.selectElement.value,A=this.countries[e];A?this.inputElement?.setAttribute("placeholder",`E.g., ${A.exampleNumber}`):this.inputElement?.removeAttribute("placeholder")}}}},A={};function n(t){var a=A[t];if(void 0!==a)return a.exports;var o=A[t]={id:t,exports:{}};return e[t].call(o.exports,o,o.exports,n),o.exports}return n.n=e=>{var A=e&&e.__esModule?()=>e.default:()=>e;return n.d(A,{a:A}),A},n.d=(e,A)=>{for(var t in A)n.o(A,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:A[t]})},n.o=(e,A)=>Object.prototype.hasOwnProperty.call(e,A),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0,n(156)})()));
-//# sourceMappingURL=index.js.map

package/dist/index.js.LICENSE.txt

@@ -1,15 +0,0 @@
-/*
-* Notification
-* @version: 0.0.2
-* @author: Nezanuha
-* @license: Licensed under MIT
-* Copyright 2024 Nezanuha
-*/
-
-/*
-* Tabs
-* @version: 0.0.2
-* @author: Nezanuha
-* @license: Licensed under MIT
-* Copyright 2024 Nezanuha
-*/