@paperless/core 2.0.1-beta.53 → 2.0.1-beta.55

package/dist/components/p-modal.js

@@ -1,13 +1,14 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$a } from './p-BXAHgoEY.js';
-import { d as defineCustomElement$9 } from './p-BY0H39XY.js';
-import { d as defineCustomElement$8 } from './p-07fGAiCb.js';
-import { d as defineCustomElement$7 } from './p-Dtck_OHl.js';
-import { d as defineCustomElement$6 } from './p-BdpJbfnc.js';
-import { d as defineCustomElement$5 } from './p-n07zIH56.js';
-import { d as defineCustomElement$4 } from './p-C4xUhAnC.js';
-import { d as defineCustomElement$3 } from './p-BSAFZSVl.js';
-import { d as defineCustomElement$2 } from './p-BacnlWAP.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BLaYz0fg.js';
+import { d as defineCustomElement$b } from './p-DP9DUvTl.js';
+import { d as defineCustomElement$a } from './p-C65dU-F-.js';
+import { d as defineCustomElement$9 } from './p-Dyfjx_j0.js';
+import { d as defineCustomElement$8 } from './p-Dtck_OHl.js';
+import { d as defineCustomElement$7 } from './p-DHB3oMcL.js';
+import { d as defineCustomElement$6 } from './p-BABnzdIg.js';
+import { d as defineCustomElement$5 } from './p-C_sIecbu.js';
+import { d as defineCustomElement$4 } from './p-BeoE8y4t.js';
+import { d as defineCustomElement$3 } from './p-D6r97Zk0.js';
+import { d as defineCustomElement$2 } from './p-ZJWCfnJD.js';
 
 const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     constructor() {
@@ -20,11 +21,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     /**
      * The size of the modal container
      */
-    size = 'md';
-    /**
-     * The variant of the modal body
-     */
-    variant = 'default';
+    size = 'base';
     /**
      * The Header of the modal
      */
@@ -53,10 +50,6 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
      * Wether we should scroll lock the body
      */
     scrollLock = true;
-    /**
-     * Wether the body should have padding
-     */
-    padding = true;
     /**
      * Close click event
      */
@@ -77,19 +70,33 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
         if (!this.show) {
             return;
         }
-        const headerContent = h("slot", { name: "header" });
-        const bodyContent = h("slot", { name: "content" });
-        const footerContent = h("slot", { name: "footer" });
-        return (h(Host, { class: "p-modal" }, h("p-backdrop", { applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-modal-container", { size: this.size, closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-modal-header", { showClose: this.showClose, onClose: (ev) => this.close('button', ev.detail) }, this._hasHeaderSlot
-            ? headerContent
-            : this.header)), h("p-modal-body", { variant: this.variant, roundedBottom: !this._hasFooterSlot, roundedTop: !this._hasHeaderSlot && !this.header?.length, padding: this.padding }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
+        const headerContent = h("slot", { name: 'header' });
+        const bodyContent = h("slot", { name: 'content' });
+        const footerContent = h("slot", { name: 'footer' });
+        return (h("p-backdrop", { applyBlur: this.applyBlur, onClicked: ev => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-modal-container", { size: this.size, closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-modal-header", { size: this.size, showClose: this.showClose, onClose: ev => this.close('button', ev.detail) }, this._hasHeaderSlot ? headerContent : this.header)), h("p-modal-body", { roundedBottom: !this._hasFooterSlot, roundedTop: !this._hasHeaderSlot && !this.header?.length }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent)))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
             return;
         }
+        const modal = this._findModal(ev.target);
+        if (modal) {
+            return;
+        }
         this.close('backdrop', ev);
     }
+    _findModal(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.nodeName.toLowerCase() === 'p-modal-container') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-backdrop') {
+            return null;
+        }
+        return this._findModal(el?.parentElement);
+    }
     close(reason, ev) {
         this.closeClicked.emit(ev);
         this._closing = true;
@@ -104,7 +111,6 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     }
 }, [1, "p-modal", {
         "size": [1],
-        "variant": [1],
         "header": [1],
         "show": [4],
         "applyBlur": [4, "apply-blur"],
@@ -112,14 +118,13 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
         "showMobileFooter": [4, "show-mobile-footer"],
         "backdropClickClose": [4, "backdrop-click-close"],
         "scrollLock": [4, "scroll-lock"],
-        "padding": [4],
         "_closing": [32]
     }, [[8, "closeModal", "handleCloseModal"]]]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-modal", "p-backdrop", "p-button", "p-divider", "p-icon", "p-loader", "p-modal-body", "p-modal-container", "p-modal-footer", "p-modal-header"];
+    const components = ["p-modal", "p-backdrop", "p-button", "p-divider", "p-icon", "p-loader", "p-modal-body", "p-modal-container", "p-modal-footer", "p-modal-header", "p-smile-footer"];
     components.forEach(tagName => { switch (tagName) {
         case "p-modal":
             if (!customElements.get(tagName)) {
@@ -128,45 +133,50 @@ function defineCustomElement$1() {
             break;
         case "p-backdrop":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "p-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "p-divider":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "p-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "p-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "p-modal-body":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "p-modal-container":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "p-modal-footer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "p-modal-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-smile-footer":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -1 +1 @@
-{"file":"p-modal.js","mappings":";;;;;;;;;;;MAgBa,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB;;AAEG;IACK,IAAI,GAA8B,IAAI;AAE9C;;AAEG;IACK,OAAO,GAA8B,SAAS;AAEtD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;IACK,IAAI,GAAY,KAAK;AAE7B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;IACK,gBAAgB,GAAG,KAAK;AAEhC;;AAEG;IACK,kBAAkB,GAAG,IAAI;AAEjC;;AAEG;IACK,UAAU,GAAY,IAAI;AAElC;;AAEG;IACK,OAAO,GAAY,IAAI;AAE/B;;AAEG;AAIH,IAAA,YAAY;AAEZ;;AAEG;AAIH,IAAA,MAAM;;IAOE,cAAc,GAAG,KAAK;IACtB,cAAc,GAAG,KAAK;IAEb,QAAQ,GAAG,KAAK;IAEjC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B;AACD,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B;;IAGF,MAAM,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf;;AAGD,QAAA,MAAM,aAAa,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,GAAG;AAC5C,QAAA,MAAM,WAAW,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,GAAG;AAC3C,QAAA,MAAM,aAAa,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,GAAG;QAE5C,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,SAAS,EAAA,EACpB,CAAA,CAAA,YAAA,EAAA,EACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,EAE3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxD,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,cAAc,MAC3C,CAAA,CAAA,gBAAA,EAAA,EACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,EAE/C,EAAA,IAAI,CAAC;AACL,cAAE;AACF,cAAE,IAAI,CAAC,MAAM,CACE,CACjB,EACD,CAAA,CAAA,cAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,CAAC,IAAI,CAAC,cAAc,EACnC,UAAU,EAAE,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EACxD,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAEpB,WAAW,CACE,EACd,IAAI,CAAC,cAAc,KACnB,CAAiB,CAAA,gBAAA,EAAA,IAAA,EAAA,aAAa,CAAkB,CAChD,CACkB,CACR,CACP;;AAID,IAAA,cAAc,CAAC,EAAc,EAAA;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC7B;;AAGD,QAAA,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;;IAGpB,KAAK,CAAC,MAAc,EAAE,EAAe,EAAA;AAC3C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;AAE1B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QAEpB,UAAU,CAAC,MAAK;AACf,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AAErB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SACxB,EAAE,GAAG,CAAC;;IAIR,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"footer\"]'\n\t\t);\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\t\tconst footerContent = <slot name=\"footer\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-modal\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-modal-container size={this.size} closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close('button', ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t\t\tpadding={this.padding}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"version":3}
+{"file":"p-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<p-backdrop\n\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\tclosing={this._closing}\n\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t>\n\t\t\t\t<p-modal-container\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t>\n\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t)}\n\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t>\n\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-modal-container>\n\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"version":3}

package/dist/components/p-navbar.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { a as cva } from './p-DtNXXDfQ.js';
-import { d as defineCustomElement$5 } from './p-BXAHgoEY.js';
-import { d as defineCustomElement$4 } from './p-BY0H39XY.js';
+import { d as defineCustomElement$5 } from './p-DP9DUvTl.js';
+import { d as defineCustomElement$4 } from './p-C65dU-F-.js';
 import { d as defineCustomElement$3 } from './p-Dtck_OHl.js';
-import { d as defineCustomElement$2 } from './p-BdpJbfnc.js';
+import { d as defineCustomElement$2 } from './p-DHB3oMcL.js';
 
 const navbarComponentCss = "*{box-sizing:border-box}:host{.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}@media (min-width:105rem){.layout-1680\\:w-72{width:18rem!important}}";
 
@@ -54,7 +54,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
     }
     _show = false;
     render() {
-        return (h(Host, { key: 'de0a7273112c8004394fac871dc11b42594f870d', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'bb0e286f77ccacd71c622e4bca44b7721a34f758', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'ad5ca2284cee827aadd6b7400ed5b729fcf109be', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '2b009d0dd527eb8098923ff5b5889690a1b61930', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b77861d630264442541a75faa38a6ca7d7b950f6', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'f3770d1dc21c967586f38889bce7b87a1be7a855', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'e7549b21687c361ec945141fc6fb7a62d8a35152', name: 'company' })), h("div", { key: 'daddb745aaf8b21bcd2f68e801b670a13f430095', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '1c2acaafe3e244808cb3fa52b324ccd8ac9c92fc', name: 'content' })), h("div", { key: '2107d8099967f9725e9d95666bd1ca0b97089aa4', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '02f87d20e0c76d4c36ccc99277f314fab5dcdf95', name: 'user' }))), h("div", { key: '339c6b81be30fafc499efb89067dc64c2568ca21', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3421d7353ffa03fdd53b1a7686bbe468d9721687', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a508317c8683c53258a572fd87a4de4986f9f24d', name: 'topbar' }))));
+        return (h(Host, { key: '1089baa509795310aa9e9c4b4c1a54624a7ef31c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '2c415cc864f3d338b987b41429f98b090ddf53b7', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '55761ceaea587deb639a7a00a21ce4b1de8d1077', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '73550d0731b0cd8f16176031bec6b22b222cf6d3', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '40296bbaf4062f58668be3a9678eeee72e384bdc', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '7e9e3ccc2e67346753f5857627f14177927190f1', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '93eee53bb316df4b4e1979ca2305538b93f9dad7', name: 'company' })), h("div", { key: '101a6607ac9fa0404c478132db8d6dc187941d0e', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '40f3116758e9dcb1b9cd95a3ea0abfe63f556df5', name: 'content' })), h("div", { key: '9eda09f5fe5723f3e4a2275dbc12e93e1f017a21', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '2f56fa2058cd4769f1bd494d688ac4005bc91ff4', name: 'user' }))), h("div", { key: 'bdc8cd868d4a1c144d3808d7b9387a50d630deb3', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '78d95e0d63fd0f1e7831d4fbbaa2638129473f90', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'd234f98d3764d1c23e75bd50b4a44152c8f8a401', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/p-navigation-item.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { a as cva } from './p-DtNXXDfQ.js';
-import { c as cn } from './p-DzRWzJmf.js';
+import { c as cn } from './p-C9_6jSTk.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 import { d as defineCustomElement$4 } from './p-KMoX6P83.js';
 import { d as defineCustomElement$3 } from './p-Dtck_OHl.js';
-import { d as defineCustomElement$2 } from './p-BdpJbfnc.js';
+import { d as defineCustomElement$2 } from './p-DHB3oMcL.js';
 
 const navigationItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@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}}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 
@@ -76,10 +76,10 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem ext
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: '79994e86292f09cfc75ff2f3975030ee9e9dce06', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'bed91b063af5892b731a872fbb0949b539f4591c', class: navigationItem({
+        return (h(Host, { key: 'a87f509578f0ce6740dd69fc69e0fa04ed0ee2b2', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '4609e8924e72646b9802e869c50c80e47a78ac30', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '207d64b0404e1bbd61c01ebbe48011e3c5bb4f92', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'babf7766bd3e6c4abe920e080c36d2bf940ea480', variant: this.icon })), h("span", { key: '64bcff00187439b6d894682f3b3b77d4f34e5865', class: this.counter && 'has-counter' }, h("slot", { key: '7810eb410817292b67cb540bc406aca91c07c5b3' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'b1da55a598b0e7ee9af2d8f8b5814af7ee7fc1a9' }, this.counter)), !!this.loading && h("p-loader", { key: '0617f2cbd8a40642ec4fd992ca0daed95c44d0bf', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '468f0196ea467f1dd47b3afc56abff04b76036da', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'a868bd9dda5e0b2f45a5519a0b91b00c7fb69411', variant: this.icon })), h("span", { key: '6de006baa0a070f31f1c3dae2a12c13a45161df3', class: this.counter && 'has-counter' }, h("slot", { key: 'cb79f483fe8571267edc88b0d5ba3714b058ab69' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7984ff9391669ab92375d11756dc320a099ac412' }, this.counter)), !!this.loading && h("p-loader", { key: '7f9b7682218b062de8cafd6999c3d4739cdebd28', class: 'ml-auto' }))));
     }
     static get style() { return navigationItemComponentCss; }
 }, [4, "p-navigation-item", {

package/dist/components/p-navigation-section.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$2 } from './p-BiItbUez.js';
+import { d as defineCustomElement$2 } from './p-CubiUj-9.js';
 
 const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
 
@@ -13,7 +13,7 @@ const NavigationSection = /*@__PURE__*/ proxyCustomElement(class NavigationSecti
      */
     header;
     render() {
-        return (h(Host, { key: 'f4f2bcc2770ff5c35006c726fa8eaa766c0576c1', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '54a51bf17ffcc7ab14f254e22ab912d479ecf47e' }, this.header)), h("div", { key: '3f0d55eda9f0f0dcf6a5d12be309d9310a29d67d', class: 'flex flex-col' }, h("slot", { key: '47119d190320bf6e916ee65b53db59f0b7308e25' }))));
+        return (h(Host, { key: '656b8844f21a7487d1988f82ef95e6f7f8071b6f', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '13774787edcc7fb4056c2b6b8780827407535dd0' }, this.header)), h("div", { key: 'b9a92a246a30ce332c6a754136cfcd2ab3f74a9a', class: 'flex flex-col' }, h("slot", { key: '090c9b6453469778bce1291541f326edac343fe9' }))));
     }
     static get style() { return navigationSectionComponentCss; }
 }, [4, "p-navigation-section", {

package/dist/components/p-navigation-title.js

@@ -1,4 +1,4 @@
-import { N as NavigationTitle, d as defineCustomElement$1 } from './p-BiItbUez.js';
+import { N as NavigationTitle, d as defineCustomElement$1 } from './p-CubiUj-9.js';
 
 const PNavigationTitle = NavigationTitle;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-pages-item.js

@@ -1,4 +1,4 @@
-import { P as PaginationPagesItem, d as defineCustomElement$1 } from './p-CvbYpfDR.js';
+import { P as PaginationPagesItem, d as defineCustomElement$1 } from './p-CnABRyX2.js';
 
 const PPaginationPagesItem = PaginationPagesItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-pages.js

@@ -1,4 +1,4 @@
-import { P as PaginationPages, d as defineCustomElement$1 } from './p-Bff_TG6G.js';
+import { P as PaginationPages, d as defineCustomElement$1 } from './p-DoulR9IJ.js';
 
 const PPaginationPages = PaginationPages;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-size.js

@@ -1,4 +1,4 @@
-import { P as PaginationSize, d as defineCustomElement$1 } from './p-B6GGNVz2.js';
+import { P as PaginationSize, d as defineCustomElement$1 } from './p-Cf24ESpf.js';
 
 const PPaginationSize = PaginationSize;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination.js

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$3, a as defaultSize, b as defaultSizeOptions } from './p-B6GGNVz2.js';
+import { d as defineCustomElement$3, a as defaultSize, b as defaultSizeOptions } from './p-Cf24ESpf.js';
 import { a as cva } from './p-DtNXXDfQ.js';
 import { d as defineCustomElement$b } from './p-1Wq1CH33.js';
-import { d as defineCustomElement$a } from './p-07fGAiCb.js';
-import { d as defineCustomElement$9 } from './p-BqOefaSc.js';
-import { d as defineCustomElement$8 } from './p-opsKG2Eb.js';
-import { d as defineCustomElement$7 } from './p-DTgB2PCO.js';
+import { d as defineCustomElement$a } from './p-Dyfjx_j0.js';
+import { d as defineCustomElement$9 } from './p-COTTTg9c.js';
+import { d as defineCustomElement$8 } from './p-CJvopJ3x.js';
+import { d as defineCustomElement$7 } from './p-BWOIzq0V.js';
 import { d as defineCustomElement$6 } from './p-Dtck_OHl.js';
-import { d as defineCustomElement$5 } from './p-Bff_TG6G.js';
-import { d as defineCustomElement$4 } from './p-CvbYpfDR.js';
-import { d as defineCustomElement$2 } from './p--FcCSVgz.js';
+import { d as defineCustomElement$5 } from './p-DoulR9IJ.js';
+import { d as defineCustomElement$4 } from './p-CnABRyX2.js';
+import { d as defineCustomElement$2 } from './p-Xa-E5Gqm.js';
 
 const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";
 
@@ -73,12 +73,12 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'e4dafb4d00fe57e1f56d4e4c892b63cfb3562216', class: pagination({
+        return (h(Host, { key: 'd621942e09c5c48e4fa43a01ebff160a9e80b62b', class: pagination({
                 hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '44a1132a9402ce841e0ac111e52d2414e7d09d18' }, h("p-pagination-size", { key: '81088b332c027e799beedb92b609c825e28d0db0', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '93ee58473f0494ee0201af1ccff452de809fac9c' }, h("p-pagination-size", { key: '4655daf55b5a42d7e06486582c668ec61f52bd1d', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '7ba1c2fdfa070d230ec312c8aaa772177d4c6f51', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '229ec3acb75a7076bf7f67411ed23b5143a498fe', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this._hasPaginationPages && (h("p-divider", { key: '3ed490e233d902ad86f4d718beee5f64c826dbb5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '3307cb66009c30099b6fa236aec627600196229f', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/components/p-portal.js

@@ -1,4 +1,4 @@
-import { P as Portal, d as defineCustomElement$1 } from './p--FcCSVgz.js';
+import { P as Portal, d as defineCustomElement$1 } from './p-Xa-E5Gqm.js';
 
 const PPortal = Portal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-profile.js

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { a as cva } from './p-DtNXXDfQ.js';
-import { d as defineCustomElement$7 } from './p-BY0H39XY.js';
-import { d as defineCustomElement$6 } from './p-BqOefaSc.js';
-import { d as defineCustomElement$5 } from './p-opsKG2Eb.js';
+import { d as defineCustomElement$7 } from './p-C65dU-F-.js';
+import { d as defineCustomElement$6 } from './p-COTTTg9c.js';
+import { d as defineCustomElement$5 } from './p-CJvopJ3x.js';
 import { d as defineCustomElement$4 } from './p-Dtck_OHl.js';
-import { d as defineCustomElement$3 } from './p-BdpJbfnc.js';
-import { d as defineCustomElement$2 } from './p--FcCSVgz.js';
+import { d as defineCustomElement$3 } from './p-DHB3oMcL.js';
+import { d as defineCustomElement$2 } from './p-Xa-E5Gqm.js';
 
 const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
 
@@ -37,7 +37,7 @@ const Profile = /*@__PURE__*/ proxyCustomElement(class Profile extends H {
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '924a53724123db1114424a326b281ae4ac1450f1', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(Host, { key: '3429f2c599ed9a16edcb44bffb7bf937dcdfe028', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/components/p-radio.js

@@ -84,11 +84,11 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends H {
     checkedChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: '8e608ec2fb314e40a66b72ddbae8eff93b6fc36a', class: 'p-radio' }, h("label", { key: '5e1ea70d0a70918aaf6a812f388efea422d329c2', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '9e9654e0252ac94c0827d22192f29706bd8b1e9e', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '86fe67a11b8ca0b2f6ef1e264fa3a5ef6851b588', class: radio({
+        return (h(Host, { key: '6638ffb8a344e1f1d8fd8151325f1a7b03cfcda3', class: 'p-radio' }, h("label", { key: '9558d0c136974b26e1c09fdafa909c36dc2699a2', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '8f1b876a7a9290467ea00876d167f131eb2a00bc', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '7a1855289d2060d8bc379d922234adde088a0dc6', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '12b7898a144dca6adfe4d3679eaa91de92dd416d', class: circle({
+            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '07cdb6d6ae5eedfbae3c1b959fd2ea91812cd365', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: '31cea45bfaa8cba4b3d8bda8d17ac437b8aaab53' }))));
+            }) })), h("slot", { key: '7033aa1f87f896e0e80f85b1043d518290b3fb86' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -1,4 +1,4 @@
-import { S as SegmentContainer, d as defineCustomElement$1 } from './p-DbKboE3F.js';
+import { S as SegmentContainer, d as defineCustomElement$1 } from './p-DNJBM2XN.js';
 
 const PSegmentContainer = SegmentContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-segment-item.js

@@ -1,4 +1,4 @@
-import { S as SegmentItem, d as defineCustomElement$1 } from './p-BHSmQ31H.js';
+import { S as SegmentItem, d as defineCustomElement$1 } from './p-E29xiZ5o.js';
 
 const PSegmentItem = SegmentItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-select.js

@@ -2,18 +2,18 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { c as childOf } from './p-72lRg7Ri.js';
 import { a as cva } from './p-DtNXXDfQ.js';
 import { d as defineCustomElement$e } from './p-B2ynMJEJ.js';
-import { d as defineCustomElement$d } from './p-BY0H39XY.js';
+import { d as defineCustomElement$d } from './p-C65dU-F-.js';
 import { d as defineCustomElement$c } from './p-1Wq1CH33.js';
-import { d as defineCustomElement$b } from './p-BqOefaSc.js';
-import { d as defineCustomElement$a } from './p-opsKG2Eb.js';
-import { d as defineCustomElement$9 } from './p-DTgB2PCO.js';
-import { d as defineCustomElement$8 } from './p-DjK4atKh.js';
-import { d as defineCustomElement$7 } from './p-Cdz6WnSV.js';
-import { d as defineCustomElement$6 } from './p-Cwl9G2yh.js';
+import { d as defineCustomElement$b } from './p-COTTTg9c.js';
+import { d as defineCustomElement$a } from './p-CJvopJ3x.js';
+import { d as defineCustomElement$9 } from './p-BWOIzq0V.js';
+import { d as defineCustomElement$8 } from './p-BM8Lv22C.js';
+import { d as defineCustomElement$7 } from './p-IyfiAeqp.js';
+import { d as defineCustomElement$6 } from './p-CXRp-6BG.js';
 import { d as defineCustomElement$5 } from './p-Dtck_OHl.js';
-import { d as defineCustomElement$4 } from './p-BdpJbfnc.js';
-import { d as defineCustomElement$3 } from './p--FcCSVgz.js';
-import { d as defineCustomElement$2 } from './p-DI2Fs1EY.js';
+import { d as defineCustomElement$4 } from './p-DHB3oMcL.js';
+import { d as defineCustomElement$3 } from './p-Xa-E5Gqm.js';
+import { d as defineCustomElement$2 } from './p-D24IHbvN.js';
 
 const selectComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@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}}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";
 
@@ -294,7 +294,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends H {
         }
     }
     render() {
-        return (h(Host, { key: '09f49a3f2f56a185d2cf3bc5fe291863dac662c8', class: 'p-select' }, h("p-dropdown", { key: 'd2c5b649fba5a2f2aac49758dbb6e46bb6cfa69b', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '2eef2b44ddbfe59e8bb24041f4db5df368c36eb9', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: 'f9380f93e8c93a21159b7613562919c4ac7c114b', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'fba077b335c6625cad40e437f67bbe6cb5df839f', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (h(Host, { key: 'ff43aa586a6ea21661882466be86ae01d7ee30ae', class: 'p-select' }, h("p-dropdown", { key: '37f3195b9c4b1ad3a13a3037bc3360eb13756ed0', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: 'ecec7c0a970b95a289f0429db859b0e83a336b3d', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '7d9211431dfd440efae432a234488fb8d135324a', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '4ca1f6b776d3461cd1edfe3da7d97b6404690cc8', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/components/p-slider-indicator.js

@@ -1,4 +1,4 @@
-import { S as SliderIndicator, d as defineCustomElement$1 } from './p-fgCai9gE.js';
+import { S as SliderIndicator, d as defineCustomElement$1 } from './p-CUDyKiPX.js';
 
 const PSliderIndicator = SliderIndicator;
 const defineCustomElement = defineCustomElement$1;

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

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

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

@@ -0,0 +1,9 @@
+import { S as SmileFooter, d as defineCustomElement$1 } from './p-ZJWCfnJD.js';
+
+const PSmileFooter = SmileFooter;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSmileFooter, defineCustomElement };
+//# sourceMappingURL=p-smile-footer.js.map
+
+//# sourceMappingURL=p-smile-footer.js.map

package/dist/components/p-smile-footer.js.map

@@ -0,0 +1 @@
+{"file":"p-smile-footer.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-status.js

@@ -25,8 +25,8 @@ const Status = /*@__PURE__*/ proxyCustomElement(class Status extends H {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: 'a75b85034516db337d5f6632f84abfff1129b380', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: 'b2cd3740feb36b508c2b3347420cd2530d2cba1c' })));
+        return (h(Host, { key: '1032689fcc33844bfa7347620684075ea9873f8b', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: '9d891f08536f09fc706e198448c09ef263294300' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

package/dist/components/p-stepper-item.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { d as defineCustomElement$2 } from './p-Dtck_OHl.js';
 
-const stepperItemComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.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-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{animation-duration:.5s!important;transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1);background-color:rgb(218 230 240/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){flex:0;height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";
+const stepperItemComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.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-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){flex:0;height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";
 
 const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H {
     constructor() {
@@ -30,7 +30,7 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
      */
     active = false;
     render() {
-        return (h(Host, { key: '82fd1a19414cdea67c966a38e699e100a515258a', class: "p-stepper-item" }, h("div", { key: '1ee7fee1b70ddb0b3842211c2f2d5844d89dd4c1', class: "circle" }, this.finished && h("p-icon", { key: '00507ee10dc6a7208f52b01ff9d775c5304f1f7e', variant: "checkmark" })), h("div", { key: '11198dcd8131bdca3235fce4f8ac1283642ba14a', class: "content" }, h("slot", { key: 'e20e46b983d4f931e9b365ebf6f9d73a58e3e5d9', name: "content" }))));
+        return (h(Host, { key: 'f03fd5df93d6260ef7a41e99876439616e5b26ff', class: "p-stepper-item" }, h("div", { key: 'a8a53cea77e70373ac63f045f2be67be0a98d1f3', class: "circle" }, this.finished && h("p-icon", { key: 'fb126cb5cd3d7b4f42f8288a54a75dc431c14137', variant: "checkmark" })), h("div", { key: 'f1aa93fd0c6bed9163e15b6e37753dd72a4781f7', class: "content" }, h("slot", { key: 'f494f4504a858af8c961b313db5a46a71a4602bd', name: "content" }))));
     }
     static get style() { return stepperItemComponentCss; }
 }, [1, "p-stepper-item", {

package/dist/components/p-stepper-item.js.map

@@ -1 +1 @@
-{"file":"p-stepper-item.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,k9GAAk9G;;MCOr+G,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,KAAK,GAA+B,QAAQ;AAErE;;AAEG;IACsB,SAAS,GACjC,YAAY;AAEb;;AAEG;IACsB,eAAe,GAAoB,KAAK;AAEjE;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,MAAM,GAAY,KAAK;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,IAAI,CAAC,QAAQ,IAAI,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,GAAG,CAC3C,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/deprecated/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center flex-shrink-0;\n\t\t@apply h-4 w-4 rounded-full;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\tflex: 0;\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-stepper-item.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,w2GAAw2G;;MCO33G,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,KAAK,GAA+B,QAAQ;AAErE;;AAEG;IACsB,SAAS,GACjC,YAAY;AAEb;;AAEG;IACsB,eAAe,GAAoB,KAAK;AAEjE;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,MAAM,GAAY,KAAK;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,IAAI,CAAC,QAAQ,IAAI,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,GAAG,CAC3C,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/deprecated/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center flex-shrink-0;\n\t\t@apply h-4 w-4 rounded-full;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\tflex: 0;\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-stepper-line.js

@@ -1,4 +1,4 @@
-import { S as StepperLine, d as defineCustomElement$1 } from './p-Cz_cUyMW.js';
+import { S as StepperLine, d as defineCustomElement$1 } from './p-BO10PaSR.js';
 
 const PStepperLine = StepperLine;
 const defineCustomElement = defineCustomElement$1;