@paperless/core 0.1.0-alpha.42 → 0.1.0-alpha.43

package/dist/components/p-divider.js

@@ -1,31 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const dividerComponentCss = ".static{position:static!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.h-px{height:1px!important}.w-full{width:100%!important}.bg-mystic-medium{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}";
-
-const Divider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, { class: "p-divider h-px bg-mystic-medium my-2 w-full" }));
-  }
-  static get style() { return dividerComponentCss; }
-}, [1, "p-divider"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-divider"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-divider":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Divider);
-      }
-      break;
-  } });
-}
+import { D as Divider, d as defineCustomElement$1 } from './divider.component.js';
 
 const PDivider = Divider;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal-backdrop.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalBackdrop extends Components.PModalBackdrop, HTMLElement {}
+export const PModalBackdrop: {
+  prototype: PModalBackdrop;
+  new (): PModalBackdrop;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-backdrop.js

@@ -0,0 +1,6 @@
+import { M as ModalBackdrop, d as defineCustomElement$1 } from './modal-backdrop.component.js';
+
+const PModalBackdrop = ModalBackdrop;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalBackdrop, defineCustomElement };

package/dist/components/p-modal-body.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalBody extends Components.PModalBody, HTMLElement {}
+export const PModalBody: {
+  prototype: PModalBody;
+  new (): PModalBody;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-body.js

@@ -0,0 +1,6 @@
+import { M as ModalBody, d as defineCustomElement$1 } from './modal-body.component.js';
+
+const PModalBody = ModalBody;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalBody, defineCustomElement };

package/dist/components/p-modal-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalContainer extends Components.PModalContainer, HTMLElement {}
+export const PModalContainer: {
+  prototype: PModalContainer;
+  new (): PModalContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-container.js

@@ -0,0 +1,6 @@
+import { M as ModalContainer, d as defineCustomElement$1 } from './modal-container.component.js';
+
+const PModalContainer = ModalContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalContainer, defineCustomElement };

package/dist/components/p-modal-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalFooter extends Components.PModalFooter, HTMLElement {}
+export const PModalFooter: {
+  prototype: PModalFooter;
+  new (): PModalFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-footer.js

@@ -0,0 +1,6 @@
+import { M as ModalFooter, d as defineCustomElement$1 } from './modal-footer.component.js';
+
+const PModalFooter = ModalFooter;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalFooter, defineCustomElement };

package/dist/components/p-modal-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalHeader extends Components.PModalHeader, HTMLElement {}
+export const PModalHeader: {
+  prototype: PModalHeader;
+  new (): PModalHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-header.js

@@ -0,0 +1,6 @@
+import { M as ModalHeader, d as defineCustomElement$1 } from './modal-header.component.js';
+
+const PModalHeader = ModalHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalHeader, defineCustomElement };

package/dist/components/p-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModal extends Components.PModal, HTMLElement {}
+export const PModal: {
+  prototype: PModal;
+  new (): PModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal.js

@@ -0,0 +1,94 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$7 } from './divider.component.js';
+import { d as defineCustomElement$6 } from './modal-backdrop.component.js';
+import { d as defineCustomElement$5 } from './modal-body.component.js';
+import { d as defineCustomElement$4 } from './modal-container.component.js';
+import { d as defineCustomElement$3 } from './modal-footer.component.js';
+import { d as defineCustomElement$2 } from './modal-header.component.js';
+
+const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The size of the modal container
+     */
+    this.size = 'md';
+    /**
+     * The variant of the modal body
+     */
+    this.variant = 'default';
+    /**
+     * Wether to show the modal or not
+     */
+    this.show = false;
+    this._hasFooterSlot = false;
+  }
+  componentWillLoad() {
+    this._hasFooterSlot = !!this._el.querySelector('[slot="footer"]');
+  }
+  render() {
+    if (!this.show) {
+      return;
+    }
+    const titleContent = h("slot", { name: "title" });
+    const bodyContent = h("slot", { name: "content" });
+    const footerContent = h("slot", { name: "footer" });
+    return (h(Host, { class: "p-modal" }, h("p-modal-backdrop", null, h("p-modal-container", { size: this.size }, h("p-modal-header", null, this.title ? this.title : titleContent), h("p-modal-body", { variant: this.variant }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
+  }
+  get _el() { return this; }
+}, [1, "p-modal", {
+    "size": [1],
+    "variant": [1],
+    "title": [1],
+    "show": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-modal", "p-divider", "p-modal-backdrop", "p-modal-body", "p-modal-container", "p-modal-footer", "p-modal-header"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-modal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Modal);
+      }
+      break;
+    case "p-divider":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "p-modal-backdrop":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "p-modal-body":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "p-modal-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "p-modal-footer":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-modal-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PModal = Modal;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModal, defineCustomElement };

package/dist/esm/{index-a68e547b.js → index-fff70567.js}

@@ -978,6 +978,9 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
                 hostRef.$queuedListeners$ = null;
             }
         }
+        {
+            promise = safeCall(instance, 'componentWillLoad');
+        }
     }
     {
         promise = then(promise, () => safeCall(instance, 'componentWillRender'));
@@ -1608,10 +1611,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './p-card-header.entry.js').then(processMod, consoleError);
-        case 'p-divider':
-          return import(
-            /* webpackMode: "lazy" */
-            './p-divider.entry.js').then(processMod, consoleError);
         case 'p-dropdown':
           return import(
             /* webpackMode: "lazy" */
@@ -1632,6 +1631,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './p-info-panel.entry.js').then(processMod, consoleError);
+        case 'p-modal':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-modal.entry.js').then(processMod, consoleError);
         case 'p-navigation-item':
           return import(
             /* webpackMode: "lazy" */
@@ -1660,6 +1663,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './p-dropdown-menu-container.entry.js').then(processMod, consoleError);
+        case 'p-modal-backdrop_5':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-modal-backdrop_5.entry.js').then(processMod, consoleError);
         case 'p-pagination-item':
           return import(
             /* webpackMode: "lazy" */
@@ -1668,6 +1675,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './p-tooltip.entry.js').then(processMod, consoleError);
+        case 'p-divider':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-divider.entry.js').then(processMod, consoleError);
       }
     }
     return import(

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-a68e547b.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-fff70567.js';
 
 /*
  Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["p-navigation-item",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header",[[4,"p-card-header",{"title":[1],"arrow":[4]}]]],["p-dropdown",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-segment-item",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-avatar",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-card-body",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container",[[1,"p-card-container",{"hoverable":[4]}]]],["p-divider",[[1,"p-divider"]]],["p-dropdown-menu-item",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container",[[4,"p-segment-container"]]],["p-counter",[[1,"p-counter"]]],["p-dropdown-menu-container",[[4,"p-dropdown-menu-container"]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
+  return bootstrapLazy([["p-modal",[[1,"p-modal",{"size":[1],"variant":[1],"title":[1],"show":[4]}]]],["p-navigation-item",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header",[[4,"p-card-header",{"title":[1],"arrow":[4]}]]],["p-dropdown",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-segment-item",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-avatar",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-card-body",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container",[[4,"p-segment-container"]]],["p-counter",[[1,"p-counter"]]],["p-dropdown-menu-container",[[4,"p-dropdown-menu-container"]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-divider",[[1,"p-divider"]]],["p-modal-backdrop_5",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
   });
 };
 

package/dist/esm/p-avatar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const avatarComponentCss = ".static{position:static!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}:host{display:inline-block}:host>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.size-small)>img{height:2.5rem;width:2.5rem}:host(.size-medium)>img{height:5rem;width:5rem}:host(.size-large)>img{height:7rem;width:7rem}:host(.variant-company)>img{border-radius:.25rem}:host(.variant-company.size-large),:host(.variant-company.size-medium){border-radius:.375rem}:host(.variant-user)>img{border-radius:100%}";
 

package/dist/esm/p-button_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-fff70567.js';
 
 const buttonComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{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))!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.border{border-width:1px!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm-light\\/5{background-color:rgba(176,178,203,.05)!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.outline{outline-style:solid!important}.filter{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)!important}p-button{display:inline-block}p-button>a,p-button>button{align-items:center;border:0;border-radius:.375rem;cursor:pointer;display:flex;font-weight:600;height:2.5rem;justify-content:center;line-height:1rem;outline:0}p-button>a.icon-position-end>p-icon,p-button>a>p-loader,p-button>button.icon-position-end>p-icon,p-button>button>p-loader{margin-left:.5rem}p-button>a.icon-position-start>p-icon,p-button>button.icon-position-start>p-icon{margin-right:.5rem}p-button>a.variant-primary,p-button>a.variant-secondary,p-button>button.variant-primary,p-button>button.variant-secondary{padding-left:1rem;padding-right:1rem}p-button>a.variant-primary,p-button>button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button>a.variant-primary:hover,p-button>button.variant-primary:hover{background-color:rgba(82,138,250,.95)}p-button>a.variant-primary:active,p-button>button.variant-primary:active{--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}p-button>a.variant-secondary,p-button>button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity));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)}p-button>a.variant-secondary:hover,p-button>button.variant-secondary:hover{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}p-button>a.variant-secondary:active,p-button>button.variant-secondary:active{background-color:rgba(176,178,203,.05);border-color:rgba(176,178,203,.2)}p-button>a.variant-text,p-button>button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.variant-text:hover,p-button>button.variant-text:hover{--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button>a.size-small,p-button>button.size-small{font-size:.875rem;height:2rem;line-height:1.25rem}p-button>a[disabled],p-button>button[disabled]{opacity:.5}p-button>a.has-chevron,p-button>button.has-chevron{padding-right:.5rem}p-button>a.has-chevron.variant-secondary:hover p-icon:last-child,p-button>button.has-chevron.variant-secondary:hover p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.has-icon-only,p-button>button.has-icon-only{padding-left:.5rem;padding-right:.5rem}p-button>a.has-icon-only>p-icon:first-child,p-button>button.has-icon-only>p-icon:first-child{margin-left:0;margin-right:0}p-button>a.should-inherit-text,p-button>button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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))!important}";
 

package/dist/esm/p-card-body.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const cardBodyComponentCss = ".static{position:static!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1rem 1.5rem}p-card-body.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}";
 

package/dist/esm/p-card-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const cardContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important}.shadow-4,.shadow-5{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-5{--tw-shadow:0px 0.1875rem 1rem rgba(0,24,98,.3)!important;--tw-shadow-colored:0px 0.1875rem 1rem var(--tw-shadow-color)!important}:host{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%}:host(.has-hover){cursor:pointer}:host(.has-hover:hover){--tw-shadow:0px 0.1875rem 1rem rgba(0,24,98,.3)!important;--tw-shadow-colored:0px 0.1875rem 1rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}";
 

package/dist/esm/p-card-header.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{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))!important}.justify-between{justify-content:space-between!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;justify-content:space-between;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{align-items:center;display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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))!important}";
 

package/dist/esm/p-counter.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const counterComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-4{height:1rem!important}.justify-center{justify-content:center!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}";
 

package/dist/esm/p-divider.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
-const dividerComponentCss = ".static{position:static!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.h-px{height:1px!important}.w-full{width:100%!important}.bg-mystic-medium{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}";
+const dividerComponentCss = ".static{position:static!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.block{display:block!important}.h-px{height:1px!important}.w-80{width:20rem!important}.bg-mystic-medium{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));display:block;height:1px;margin-bottom:.5rem;margin-top:.5rem;width:100%}.w-\\[33\\.5rem\\]{width:33.5rem!important}.w-\\[38rem\\]{width:38rem!important}.w-\\[47\\.5rem\\]{width:47.5rem!important}.w-\\[57\\.5rem\\]{width:57.5rem!important}";
 
 const Divider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h(Host, { class: "p-divider h-px bg-mystic-medium my-2 w-full" }));
+    return h(Host, { class: "p-divider" });
   }
 };
 Divider.style = dividerComponentCss;

package/dist/esm/p-dropdown-menu-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const dropdownMenuContainerComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.flex{display:flex!important}.min-w-\\[222px\\]{min-width:222px!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.filter{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)!important}p-dropdown-menu-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;display:flex;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);flex-direction:column;min-width:222px;padding-bottom:.5rem;padding-top:.5rem}";
 

package/dist/esm/p-dropdown-menu-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const dropdownMenuItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.items-center{align-items:center!important}.rounded{border-radius:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host(:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}";
 

package/dist/esm/p-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a68e547b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-fff70567.js';
 import { c as createPopper } from './popper-41c6f9cd.js';
 
 const childOf = (c, p) => {

package/dist/esm/p-helper.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const helperComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.inline-block{display:inline-block!important}.w-3{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.blur{--tw-blur:blur(8px)!important;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)!important}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}";
 

package/dist/esm/p-illustration.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const emptyState = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
   <defs>

package/dist/esm/p-info-panel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-fff70567.js';
 
 const infoPanelComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}";
 

package/dist/esm/p-modal-backdrop_5.entry.js

@@ -0,0 +1,84 @@
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
+
+const modalBackdropComponentCss = ".static{position:static!important}.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.flex{display:flex!important}.h-screen{height:100vh!important}.w-screen{width:100vw!important}.w-80{width:20rem!important}.justify-center{justify-content:center!important}.backdrop-blur-xs{--tw-backdrop-blur:blur(2px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{--tw-backdrop-blur:blur(2px);align-items:center;-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(81,83,107,.5);display:flex;height:100vh;justify-content:center;left:0;padding:4rem;position:fixed;top:0;width:100vw;z-index:500}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.w-\\[33\\.5rem\\]{width:33.5rem!important}.w-\\[38rem\\]{width:38rem!important}.w-\\[47\\.5rem\\]{width:47.5rem!important}.w-\\[57\\.5rem\\]{width:57.5rem!important}";
+
+const ModalBackdrop = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: "p-modal-backdrop" }, h("slot", null)));
+  }
+};
+ModalBackdrop.style = modalBackdropComponentCss;
+
+const modalBodyComponentCss = ".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.w-80{width:20rem!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{padding:1.5rem 3.5rem}:host(.variant-table){padding-left:1.5rem;padding-right:1.5rem}.w-\\[33\\.5rem\\]{width:33.5rem!important}.w-\\[38rem\\]{width:38rem!important}.w-\\[47\\.5rem\\]{width:47.5rem!important}.w-\\[57\\.5rem\\]{width:57.5rem!important}";
+
+const ModalBody = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * The variant of the modal body
+     */
+    this.variant = 'default';
+  }
+  render() {
+    return (h(Host, { class: `p-modal-body variant-${this.variant}` }, h("slot", null)));
+  }
+};
+ModalBody.style = modalBodyComponentCss;
+
+const modalContainerComponentCss = ".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.flex{display:flex!important}.w-80{width:20rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}p-modal-container{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;overflow:hidden}.w-\\[33\\.5rem\\]{width:33.5rem!important}.w-\\[38rem\\]{width:38rem!important}.w-\\[47\\.5rem\\]{width:47.5rem!important}.w-\\[57\\.5rem\\]{width:57.5rem!important}";
+
+// $modal-xs: 20rem;
+// $modal-sm: 33.5rem;
+// $modal-md: 38rem;
+// $modal-lg: 47.5rem;
+// $modal-xl: 57.5rem;
+const modalSizes = {
+  xs: 'w-80',
+  sm: 'w-[33.5rem]',
+  md: 'w-[38rem]',
+  lg: 'w-[47.5rem]',
+  xl: 'w-[57.5rem]',
+};
+const ModalContainer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * The size of the modal container
+     */
+    this.size = 'md';
+  }
+  render() {
+    const sizeClass = modalSizes[this.size];
+    return (h(Host, { class: `p-modal-container ${sizeClass}` }, h("slot", null)));
+  }
+};
+ModalContainer.style = modalContainerComponentCss;
+
+const modalFooterComponentCss = ".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.flex{display:flex!important}.w-80{width:20rem!important}.pb-6{padding-bottom:1.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}.w-\\[33\\.5rem\\]{width:33.5rem!important}.w-\\[38rem\\]{width:38rem!important}.w-\\[47\\.5rem\\]{width:47.5rem!important}.w-\\[57\\.5rem\\]{width:57.5rem!important}";
+
+const ModalFooter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: "p-modal-footer" }, h("p-divider", { class: "mb-6 mt-0" }), h("slot", null)));
+  }
+};
+ModalFooter.style = modalFooterComponentCss;
+
+const modalHeaderComponentCss = ".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.block{display:block!important}.w-80{width:20rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity));border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(39 40 56/var(--tw-text-opacity));display:block;font-size:1.875rem;font-weight:700;line-height:2.25rem;padding:1.5rem 2rem}.w-\\[33\\.5rem\\]{width:33.5rem!important}.w-\\[38rem\\]{width:38rem!important}.w-\\[47\\.5rem\\]{width:47.5rem!important}.w-\\[57\\.5rem\\]{width:57.5rem!important}";
+
+const ModalHeader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: "p-modal-header" }, h("slot", null)));
+  }
+};
+ModalHeader.style = modalHeaderComponentCss;
+
+export { ModalBackdrop as p_modal_backdrop, ModalBody as p_modal_body, ModalContainer as p_modal_container, ModalFooter as p_modal_footer, ModalHeader as p_modal_header };

package/dist/esm/p-modal.entry.js

@@ -0,0 +1,35 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-fff70567.js';
+
+const Modal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * The size of the modal container
+     */
+    this.size = 'md';
+    /**
+     * The variant of the modal body
+     */
+    this.variant = 'default';
+    /**
+     * Wether to show the modal or not
+     */
+    this.show = false;
+    this._hasFooterSlot = false;
+  }
+  componentWillLoad() {
+    this._hasFooterSlot = !!this._el.querySelector('[slot="footer"]');
+  }
+  render() {
+    if (!this.show) {
+      return;
+    }
+    const titleContent = h("slot", { name: "title" });
+    const bodyContent = h("slot", { name: "content" });
+    const footerContent = h("slot", { name: "footer" });
+    return (h(Host, { class: "p-modal" }, h("p-modal-backdrop", null, h("p-modal-container", { size: this.size }, h("p-modal-header", null, this.title ? this.title : titleContent), h("p-modal-body", { variant: this.variant }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
+  }
+  get _el() { return getElement(this); }
+};
+
+export { Modal as p_modal };

package/dist/esm/p-navigation-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const navigationItemComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-mystic-dark{--tw-text-opacity:1!important;color:rgb(218 230 240/var(--tw-text-opacity))!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:500;height:2rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host>a:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(39 40 56/var(--tw-text-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-right:.75rem}:host>a>p-counter{margin-left:auto}:host>a>span.has-counter{margin-right:.75rem}:host>a:hover>p-icon{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity))}:host(.active)>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.hover\\:bg-indigo-light:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}";
 

package/dist/esm/p-pagination-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a68e547b.js';
+import { r as registerInstance, h, H as Host } from './index-fff70567.js';
 
 const paginationItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}";