@paperless/core 2.0.1-beta.106 → 2.0.1-beta.108

package/dist/esm/p-drawer-body_3.entry.js

@@ -1,24 +1,37 @@
-import { r as registerInstance, h, H as Host, c as createEvent } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, c as createEvent } from './index-DhGo7hbh.js';
+import { c as cva } from './index-CO0T2jO4.js';
+import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
+import './clsx-ChV9xqsO.js';
 
-const drawerBodyComponentCss = ".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;flex:1 1 0%;flex-direction:column;min-height:100%;padding:1.5rem 1rem env(safe-area-inset-bottom,0);width:100%}.static{position:static!important}";
+const drawerBodyComponentCss = ".flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}*{box-sizing:border-box}:host{display:flex;flex:1 1 0%;flex-direction:column;gap:1rem;height:100%;padding:1rem 1rem calc(env(safe-area-inset-bottom, 0) + 1rem);width:100%}.static{position:static!important}";
 
-const ModalBody = class {
+const DrawerBody = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    /**
-     * The variant of the modal body
-     */
-    variant = 'default';
     render() {
-        return (h(Host, { key: '5a33371424341596d5c42c9c2041c2f5fd0f15bb', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: '73520d30142df2b9228e5bb0a14b1eb66a66e0d6' })));
+        return h("slot", { key: '78b8055b04b8b75d8e6cda74d346b3798ce6adb9' });
     }
 };
-ModalBody.style = drawerBodyComponentCss;
+DrawerBody.style = drawerBodyComponentCss;
 
-const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));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;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!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}}";
+const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:.5rem;width:100%}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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: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}}@media (min-width:40rem){.tablet\\:max-w-\\[22\\.5rem\\]{max-width:22.5rem!important}}";
 
-const ModalContainer = class {
+const container = cva([
+    'flex-1 min-w-0',
+    'z-drawer flex flex-col',
+    'rounded-2xl bg-white',
+    'w-full tablet:max-w-[22.5rem]',
+    'shadow-modal',
+], {
+    variants: {
+        closing: {
+            false: 'animate-slide-in-right',
+            true: 'animate-slide-out-right'
+        },
+    },
+});
+const DrawerContainer = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
@@ -27,14 +40,25 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h(Host, { key: 'd57ab47c7edd6745dcb4dc62319f5df4b513ef2c', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: '9bd7b258807ca2f202c9d3ebd9547d63c1920a4b' })));
+        return (h("div", { key: '588fa8d66f4f38eabb6f32c43cc4edae5da25d88', class: container({
+                closing: asBoolean(this.closing),
+            }) }, h("slot", { key: '64fbe75f5908f8502da9bfd3c5a427d20a9cada6' })));
     }
 };
-ModalContainer.style = drawerContainerComponentCss;
+DrawerContainer.style = drawerContainerComponentCss;
 
-const drawerHeaderComponentCss = ".absolute{position:absolute!important}.sticky{position:sticky!important}.top-0{top:0!important}.z-drawer-header{z-index:501!important}.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-b-mystic-dark{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity,1))!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity,1))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity,1));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}:host p-button{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}.static{position:static!important}";
+const drawerHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.z-\\[1\\]{z-index:1!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.size-8{height:2rem!important;width:2rem!important}.min-h-12{min-height:3rem!important}.min-h-18{min-height:4.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.font-bold{font-weight:700!important}";
 
-const ModalHeader = class {
+const header = cva([
+    'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',
+    'inline-flex',
+]);
+const content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);
+const title = cva([
+    'flex-1 text-center',
+    'black-teal-500 text-2xl text-ambit font-bold',
+]);
+const DrawerHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.close = createEvent(this, "close", 3);
@@ -48,12 +72,12 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h(Host, { key: '43f615cab42c4d408b24b3501f0bced12c55b294', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: '3e1c19014ee187fcfb7c8c6e559bbbe40fb8ad37', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: '7647c9ca39660c114ab29c4fd2e96ff89193990e' })));
+        return (h("div", { key: '80435acb354fdd4814843c8b0ef1eb297c8a9678', class: header() }, h("div", { key: '7800396905ed9ce69e0c365ec45f5aa93eebb4df', class: content() }, this.showClose && (h("p-button", { key: 'e85ecaf4e44d4f702408886b1c6ea09e92fea9c7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), h("div", { key: '767c1723defac78365da2043d0e04a9d71fb245b', class: title() }, h("slot", { key: '2a4940fda5935fc207061bf075e9a8bb808eb4ea' })), this.showClose && h("div", { key: 'a1ccf517e2d3222539aa53180101112e6b652d79', class: "size-8" })), h("p-smile", { key: '741819b175e05405bd1f1d3578d5a8cb724f3bc3' })));
     }
 };
-ModalHeader.style = drawerHeaderComponentCss;
+DrawerHeader.style = drawerHeaderComponentCss;
 
-export { ModalBody as p_drawer_body, ModalContainer as p_drawer_container, ModalHeader as p_drawer_header };
+export { DrawerBody as p_drawer_body, DrawerContainer as p_drawer_container, DrawerHeader as p_drawer_header };
 //# sourceMappingURL=p-drawer-body.p-drawer-container.p-drawer-header.entry.js.map
 
 //# sourceMappingURL=p-drawer-body_3.entry.js.map

package/dist/esm/p-drawer-body_3.entry.js.map

@@ -1 +1 @@
-{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,scAAsc;;MCOxd,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,ypEAAypE;;MCYhrE,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,ksCAAksC;;MCOttC,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":[],"sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","mappings":";;;;;AAAA,MAAM,sBAAsB,GAAG,+WAA+W;;MCOjY,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAO,8DAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,4nFAA4nF;;ACKhqF,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,gBAAgB;IAEhB,wBAAwB;IAExB,sBAAsB;IACtB,+BAA+B;IAE/B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,wBAAwB;AACzB,YAAA,IAAI,EAAE;AACN,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;AC9CT,MAAM,wBAAwB,GAAG,+5BAA+5B;;ACGh8B,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,gFAAgF;IAChF,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8CAA8C;AAC9C,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAEN,CAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;","names":[],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col w-full items-end p-2;\n\t@apply h-full overflow-y-auto;\n}\n\n/* p-drawer-container { */\n/* \t@apply z-drawer flex flex-col; */\n/* \t// tablet:w-[22.5rem] */\n/* \t@apply w-full tablet:w-[22.5rem]; */\n/* \t@apply bg-white; */\n/* \t@apply min-h-screen; */\n/* \t@apply animate-slide-in-right; */\n/**/\n/* \t@apply shadow-3 #{!important}; */\n/**/\n/* \t&.closing { */\n/* \t\t@apply animate-slide-out-right; */\n/* \t} */\n/* } */\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white',\n\t\t'w-full tablet:max-w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right'\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && <div class=\"size-8\" />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-DhGo7hbh.js';
 
-const drawerComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!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}";
+const drawerComponentCss = "*{box-sizing:border-box}.static{position:static!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}";
 
 const Drawer = class {
     constructor(hostRef) {
@@ -56,16 +56,32 @@ const Drawer = class {
         }
         const headerContent = h("slot", { name: "header" });
         const bodyContent = h("slot", { name: "content" });
-        return (h(Host, { class: "p-drawer" }, h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
+        return (h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
             ? headerContent
-            : this.header)), h("p-drawer-body", null, bodyContent)))));
+            : this.header)), h("p-drawer-body", null, bodyContent))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
             return;
         }
+        const modal = this._findDrawer(ev.target);
+        if (modal) {
+            return;
+        }
         this.close(ev, 'backdrop');
     }
+    _findDrawer(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.nodeName.toLowerCase() === 'p-drawer-container') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-drawer') {
+            return null;
+        }
+        return this._findDrawer(el?.parentElement);
+    }
     close(ev, source = 'unknown', force = false) {
         if (!force) {
             this.closeClicked.emit({

package/dist/esm/p-drawer.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-drawer.entry.js","sources":["src/components/deprecated/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/deprecated/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n\t@apply block;\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer 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 on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = 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<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\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\n\t\treturn (\n\t\t\t<Host class=\"p-drawer\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\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-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\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-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n        source\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,8UAA8U;;MCiB5V,MAAM,GAAA,MAAA;;;;;;AAClB;;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,kBAAkB,GAAG,IAAI;AAEjC;;AAEG;IACK,QAAQ,GAAY,IAAI;AAEhC;;AAEG;IACK,UAAU,GAAY,IAAI;AAElC;;AAEG;AAIH,IAAA,YAAY;AAMZ;;AAEG;AAIH,IAAA,MAAM;;IAOE,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;;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;QAE3C,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,UAAU,EAAA,EACrB,CAAA,CAAA,YAAA,EAAA,EACC,OAAO,EAAC,QAAQ,EAChB,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,CAAA,CAAA,oBAAA,EAAA,EAAoB,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxC,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,cAAc,MAC3C,CAAA,CAAA,iBAAA,EAAA,EAAA,YAAA,EACa,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAE9C,EAAA,IAAI,CAAC;AACL,cAAE;AACF,cAAE,IAAI,CAAC,MAAM,CACG,CAClB,EACD,CAAA,CAAA,eAAA,EAAA,IAAA,EAAgB,WAAW,CAAiB,CACxB,CACT,CACP;;AAID,IAAA,cAAc,CAAC,EAAE,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC7B;;AAGD,QAAA,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,CAAC;;IAGpB,KAAK,CAAC,EAAe,EAAE,MAAA,GAAqD,SAAS,EAAE,KAAK,GAAG,KAAK,EAAA;QAC1G,IAAI,CAAC,KAAK,EAAE;AACX,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACtB,gBAAA,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACnB;AACJ,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACnB;;;AAIF,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QAEpB,UAAU,CAAC,MAAK;AACf,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;SAClB,EAAE,GAAG,CAAC;;IAIR,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;;IAI1B,sBAAsB,GAAA;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC;;;;;;;"}
+{"version":3,"file":"p-drawer.entry.js","sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.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({ tag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer 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 on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = 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<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\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\n\t\treturn (\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\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-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\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-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\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._findDrawer(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tprivate _findDrawer(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-drawer-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-drawer') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findDrawer(el?.parentElement);\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n        \t\tsource\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/p-empty-state_9.entry.js

@@ -64,11 +64,11 @@ const EmptyState = class {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (h("div", { key: '1aec16b19f0851bf1e9f60197f36a163ee2ab773', class: emptyState({
+        return (h("div", { key: 'a1cc31c240ae4c8dab7aff0670b25d8bffc83c62', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '0a12fef97b215480a5913914f174479f5b536072', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: 'b1af77e287702388404744b128036b33ad6881d6', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
 };
@@ -223,10 +223,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: 'ca755911f6e81e541e6fca42448a8e7dc8ec4c0e', class: item({
+        return (h(Host, { key: '6f25d27e8f828de9c832adc3ad05104e52c79f5e', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '009ca6a813887df8e3bcaa6e4fdd814bcb3e51b0', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: '07f0a1ca2b700fec0759179c7ba0fc758f5047b1' }))));
+            }) }, this._getIcon(), h("p", { key: 'ce1bd15739d832cfac5bc8dc3747ba284b769659', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: 'a1f954c38320ee8ce2bdf3c0121337d01bc21269' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -295,7 +295,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (h(Host, { key: '1f1f0d2b02be8eea2707277138c29263f4468d25', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (h(Host, { key: '38c0e403da7999fd01ba95cfc6df49fc647685f7', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -321,7 +321,7 @@ const TableContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '083aeb85646544809cf9774ced959ccf50e29815', class: container() }, h("slot", { key: '0d61250f8123f29c3292b82c13681a4e350873a9' })));
+        return (h(Host, { key: 'ec2740f70b5ccd8072c85851cb3d386d57f66776', class: container() }, h("slot", { key: 'd0a325e7049a3ce8bd25643bafc0646d5514a999' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -416,11 +416,11 @@ const TableFooter = class {
         }
     }
     render() {
-        return (h("div", { key: 'c0438b52ed17c7c55ce27474cabfb05c27658b42', class: footer({
+        return (h("div", { key: '9f23c7ef7d4e71ab6692aa295b5e7704fa34df4e', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '8db5d62d61cf63ae268e2401395f57dfc2ba047a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this.total > 0 && (h("p-pagination", { key: '1f2bb252d80b9ac79cdf6a362c9bfa851af45d3a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -10111,12 +10111,12 @@ const TableRow = class {
      */
     enableHover = true;
     render() {
-        return (h("div", { key: 'e2c8b7b3cd982751faaafe41a42f423038e6ddad', class: 'flex flex-col' }, h("div", { key: '406e8ebaa723489cf8c78b7591fa6bd595afbedf', class: row({
+        return (h("div", { key: '9bfd1509d1dd345215f61d6b7886cfb8a255d5db', class: 'flex flex-col' }, h("div", { key: '3364b244152540e4351450611e6898f37daa73a5', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
-            }) }, h("div", { key: 'c2a1325f2700dbcfd03f4b48c04cf0c7207cd987', class: content({
+            }) }, h("div", { key: 'e33f5810f48b92abbb7a5150863b205163d892ff', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '9234fea01551672a5ab448c98e1e6b1242dad727' }), h("div", { key: 'cf11ebdcc1195d04dac86afc12ee58b5372a8461', class: actions() }, h("slot", { key: '24ba39c7466b61335b052539a20f2ddddb06e1d1', name: 'actions' })))), h("p-divider", { key: '838d8412e8f37f566d78b33dbdc2f0e2682a0da2' })));
+            }) }, h("slot", { key: 'a8cb2fe679b9a681c5b6907155f5106d6744d4bf' }), h("div", { key: 'aed45dd92d81880717fd3d8046e4a0e18d4992d8', class: actions() }, h("slot", { key: 'dfd6864b51280782fca7877bc4b8d0748fc3fa9d', name: 'actions' })))), h("p-divider", { key: '423afd77506022eb33931d46ab3fe2a458c31f1b' })));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10128,7 +10128,7 @@ const TableRowActionsContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'f00e5ef0b8f7b8f62312f192582c6944a742cbd4', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '279e3dfee259f73018d450221df093d188e8406e', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: '2fcce26dad08122b038d98687f66915bc2d865b0' }))));
+        return (h("div", { key: 'eead5278be5ac7872804c591c3580aed153a2ea6', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '0273ed8002911efa1077c92e6cdfc68c11cb5b2a', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: '348bea06025f6728373134b29eeaad8b43fbc6da' }))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;

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

@@ -286,21 +286,21 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(Host, { key: 'e4ef4b7bd7b58d5ba0387bafbd25b4b5dec035cb', class: 'p-field' }, h("p-field-container", { key: 'f9de8c0706ed2dfa7dd24b5bb6beab3d9745b3ae', forceShowTooltip: this.forceShowTooltip || this._focused, id: id, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '10d1d5e6f557e9330abdbc567d92c930a7e979d1', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'b6debfb44e4208d503e9b30cec1d0749882933e9', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '9333c90c0800fc03603797cc2d271dd3fed389e1', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'c7f425d9955dd4bee2d692af72b3166b58f9054e', name: 'error', slot: 'error' })), h("div", { key: 'faca591aa1ec0d87ea9e88394bf3ee12d256b270', class: field({
+        return (h(Host, { key: 'b016bc667c01de72264fed640d5e4468aebeccf5', class: 'p-field' }, h("p-field-container", { key: '941c6b3753430b0cdcd9e92e6ee62902105fcfb3', forceShowTooltip: this.forceShowTooltip || this._focused, id: id, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '7bdcadcb46960cc509e7293cd94b069b1d6c7d96', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '5d5e3881e387cbf1842fc95f11a29054d4dc2d45', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'b55ffb578b0dc388f659a14fcd316f6256717715', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '6a549a27212826c7cf35b9e0f6bf13a46f55aeb8', name: 'error', slot: 'error' })), h("div", { key: '7bf0e6f1ce57e6f7e14416f6bc58c07e0c0acfc0', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), title: this.variant === 'read' && !hasValueSlot ? this.value : undefined, slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '77d97b8cab5691dc6cea459eb4f077c7305c63d3', class: prefixAndSuffix({
+            }), title: this.variant === 'read' && !hasValueSlot ? this.value : undefined, slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '73266e48a0074bd50999b82c211bf3353b724bda', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: cn('flex', {
                 'mt-[0.125rem]': this.variant === 'read' && this.size === 'base',
-            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'ba50836dc22fa1804d83aac6bf49a5c33e57a1dc', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '460fe559f1bb519cd3ba605d86b04481ae6aab83', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,

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

@@ -18,7 +18,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: 'd5a3f94d92f5c27677b4af1b7cf38cdf1acc835d', class: 'p-helper' }, h("p-tooltip", { key: '813372493655ce3c25df6b94812fbcf2e1abdc54', placement: this.placement, strategy: this.strategy }, h("div", { key: '5fc089010daf2af99c8f95c35cc63818056f50e7', slot: 'content' }, h("slot", { key: 'a0577548d0e202a033f2a5f496283edd4fc5566e' })), h("p-icon", { key: '116edc6ceefb01e05bbda56db0a64c6d8dc07cd8', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
+        return (h(Host, { key: 'f41fca806a7d1916dc45723de3a42b2213002423', class: 'p-helper' }, h("p-tooltip", { key: 'fb89672442dfe2dddc2606c36b0ef4dfdb31fddb', placement: this.placement, strategy: this.strategy }, h("div", { key: '595b4aa1facfbf4b12031d09b31eb0e2c706ceb3', slot: 'content' }, h("slot", { key: '7fd883a6819a9a4d625e0f9334746cff3b25f6bb' })), h("p-icon", { key: '94108377e460b52525fe3b61f55aa147173ddc7b', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
 };
 Helper.style = helperComponentCss;
@@ -133,19 +133,19 @@ const Tooltip = class {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: '7ba5c9bb239d23b2d57b000130f3e19cee4e1eb6', class: popover({
+        const tooltipElement = (h("div", { key: 'd6a2de919e13298a797eb701f39e618baca05447', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '249ca479f08b3fbb761b198144da5934794546dc', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'dcd1514581d1f66d5cc718b3d89b80189fd1dd87', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'a8c03830c6c69bfcdad24407dba9ce437392f5e1', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '741157aaefffc3454bae556b218238d856d1534c', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '6187e49fea26da6c90498ad9c07090dd62a2dc4f', class: portal({
+            tooltip = (h("p-portal", { key: 'cb6df13f055eb4645b5d047f7863a52b2d59e504', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '4e8a94da2020541af5c1b2a83293a2bd4f4fec4d', class: 'p-popover flex cursor-pointer' }, h("div", { key: '0ee5ced800985b43de430e0ed3c1387395215780', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: 'f1698f9ac78e4f02a57927a59f940f58d37e2148', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '944859d801f06035897ae3aa870d7116b929dc13', class: 'p-popover flex cursor-pointer' }, h("div", { key: '710b90fa9f7ee2bcedbcc6c542495aa6ccd8ceac', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: '8c85a1172350cb6039b3424ea369a97577aa433b', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/esm/p-iban-icon.entry.js

@@ -19,7 +19,7 @@ const IbanIcon = class {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (h(Host, { key: 'c0a1ffaaa9866414ab54d2df1607f28e8173aec3', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (h(Host, { key: '7e58e64617cdbb1783c9588e493ca4b3b0759b96', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

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

@@ -62,7 +62,7 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h("div", { key: '4a40810d87c1f1bd83cc3e69ac2cf25f46f67aa7', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'd3ad64ceacacec9df1426d38e9942801b1f4d212', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '5235c245a17d046440920bf46d09bb14b34fb944', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '4eba145a27b621135147fc6e63dbf0a3fa7f8fa3', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'e294844104637e743082e3555a59e058e3f29fba', variant: 'negative' })))));
+        return (h("div", { key: '04c278209f627e9dff0ffa8d95dabc198e269ab0', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '7aa94bf095817fda6d4254f501ed81b982657611', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'e65af856f4870d555da5200ec7a139462380f634', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '25f33a822d0e6b81d129d5d0cb67addaa0ec8b23', class: close(), onClick: () => this._close() }, h("p-icon", { key: '855a3822417f72d34cc543e5bfec6cc7b4cdf914', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/esm/p-input-error.entry.js

@@ -14,7 +14,7 @@ const InputError = class {
     forceShowTooltip = false;
     _showTooltip = false;
     render() {
-        return (h(Host, { key: '482bc1e8b0cdaed3682a411c654078b70d0ec3d4', class: 'p-input-error' }, h("p-tooltip", { key: 'd18452830ef67033ab38ed6e85ab1e265b6f448e', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '4fa5702822beb968b03f4202ee723525c8adc4d7', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '6a5c9d0abcf7ef186aefbe71cb16f00198d5951b', class: 'p-input-error' }, h("p-tooltip", { key: '11f0175c810e2be9a479eca8f290bc2a507b152f', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '9866eba022348ebc6157af194afae56102388271', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

package/dist/esm/p-input-group.entry.js

@@ -81,11 +81,11 @@ const InputGroup = class {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: 'fb201728fa18d5aec97dd2824efaa689b98ce7ad', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '7334e9e084b547fc5ca2bf38c880128d54360cdd', class: 'flex items-end justify-between' }, label && (h("div", { key: '55c0abff4ba61b0c43e503d8e91750ec397ed24d', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '41d0cb3ceafb26eed674de61113ef3c1c99814be', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: '6dd49d0852b45c09284ea5c48e34f9ef5b60cfc1', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '46f41260a9c3095a5779828d32a6bfca9ec80f0f', name: 'header' }), helper && (h("p-helper", { key: 'ddc6077bc09562bd5dfd24b06b280da90d504546', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '95964a84d9a8130ae2cf4f42b9e094e1126e9ab5', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: '2a1137259d412a694fbfff8ab39f9aa7baed2c7b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '44d91c5d865b4132d25b746246b4401cbd714e6a', class: 'flex items-end justify-between' }, label && (h("div", { key: 'ef6a367209f4a77e6743b3aeb5e009cb785c92d0', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '3e1e6f3531a6bf50fc3cfedcd4e84dd31c3e8cf3', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'd427be6fa65fe24f27c50ab9bf5d8d8641be3e71', class: 'input-header' }, hasHeaderSlot && h("slot", { key: 'e26f4830c121b6d903f315b6ec00b1c0ef488ff2', name: 'header' }), helper && (h("p-helper", { key: '777e995ccd5f3e4ffb92b8330afd01aa3ad6e71e', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'a02b034865c179ea26f31d3fee9dad15deda8ef5', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '2c5f591ff9f1c5d8911289a5f92b8390d6858a2c', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '96648d035e582b2fde640bd8a649587d3771f74b', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '8d80e8f05d179f243bdd792cccb90481ca5b5291', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'cda8172ed22e134f5edfae386e50061cc64956fe', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'a6d5153816ad93449638755401a856960b41bc19', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'f21f438205bf7c2bba3b666393dc0e93ca3d790d', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '9faf8c8947d25fbb76bb8b9aa881e104104dc876', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'b9bbea9469d32123ce49c3ab2fa84d3a0745b43f', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

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

@@ -60,14 +60,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (h(Host, { key: '08936862bed40acc54b2bb5adc1233e49f82a977', class: 'p-label' }, h("div", { key: '7c991e845cea4030126e0131028f56ee370323a5', class: label({
+        return (h(Host, { key: '71ee68f992cfdd738f5e975c395af6f0cd847e2e', class: 'p-label' }, h("div", { key: '39bc594fa05d7b10c0fe0c3e93d0ebc515a8f666', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '9faa2c326baccac2998e3b05e74ea7224bb2daf2', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'e9f2bacfbd324299cd170141113156bf6ce2da9c', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '29b1df63ae3678e7a935c522095f253ffeff6046', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'f1e0bfd391b12848fc8d08efa185df9a34de6ebc', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'd858bb60b26a057eb72689ab8ee7202f5d470092' }))))));
+            }) }, h("slot", { key: '59bf2918ed512d0873b23955f35fedbc7c72340a' }))))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -16,7 +16,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (h(Host, { key: 'b9de9621cc435a8254de19da7ce4bf18b547efff', class: `p-layout variant-${this.variant}` }, h("div", { key: '942b4fe9581aa7c513a6ad987e575f0b897f394d', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '26591bedb0825f0aaa302167ad09f54afbf51fe6', class: 'inner-content' }, h("slot", { key: '1be3fa1bfa311ff7a82bf723a72e298d3aeaf5ae', name: 'content' }))), h("div", { key: '5310bd9c0189b14870a8b989b11a5b07f38c6100', class: 'sidebar' }, h("slot", { key: 'd58f487f0de718c9a5d06023c21189bf5069b9c0', name: 'sidebar' })), h("div", { key: 'df74d86c4002b80002e0b281406c2a5279c19677', class: 'topbar' }, h("slot", { key: 'e6516cc5398ad5dc963977f8630324af57b040a3', name: 'topbar' }))));
+        return (h(Host, { key: '1842eb883c8d4ea1191d48bc9ade56a174fa10d7', class: `p-layout variant-${this.variant}` }, h("div", { key: '902c4a18f765089943b6dcea6ec947168511a4b9', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '2306252bcceb536d67bb82b2dfec4baec4cdfbd4', class: 'inner-content' }, h("slot", { key: 'aabfac1fbdb4bf51c810fb811e7a30139c7f40fd', name: 'content' }))), h("div", { key: '100580acda6ea25ed4a7efb58a40c5ecee9a2c4d', class: 'sidebar' }, h("slot", { key: '006bfddae6d28235257fca9f9ad761ef79b7ae69', name: 'sidebar' })), h("div", { key: '017fecbbbe583a4fe9c51796286a01df2faad6c3', class: 'topbar' }, h("slot", { key: '490a2f619d9edba1bad687e9698028715cd63ade', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;

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

@@ -30,10 +30,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (h("div", { key: 'f57b07159fc89214d6dc9f2a925644fcbb79c15d', class: body({
+        return (h("div", { key: 'ae04aa8ee7ac28631655823c8557e5f46dbdd3af', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: 'f4d54933b79036b57ee86e1f82e4830607e5ddc3' })));
+            }) }, h("slot", { key: 'edded036f5a204b6820e95644af5e11b90659876' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
@@ -73,10 +73,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h("div", { key: '30216aaad888f568cf3823d8063c657ac3a1f258', class: container({
+        return (h("div", { key: '1a4c675a8df8e09830c1feab2e88ef411aed4c9b', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '60c7e606bb0ddbf466515d7a6fb2c31640b13068' })));
+            }) }, h("slot", { key: 'dbc88f529c81a60aeb48c86ad89a278f0d92644d' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -88,7 +88,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '9190ed02eb4a01e20c57ea9c1ca5b0e99243029c', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'a4c1c9a9a5eeb4430862d6e273487b9c685f8a8a', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '1fbd162478d6f9cd6ba34604fbf0519f6f703c00', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '571c7888dc7665d65389a8014b6dae3af3a88c2d' }))));
+        return (h("div", { key: '58997c55f0f86adeef343bd8c4778a8a0d5aae45', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'd8ab141b88990b4a2c8af6c90d13ad795b8a8242', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '2155fc7f40f01339e8b8c8000410693213a04e8e', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'e16e263998ecd3e08fb4948a6934cfe40f2d934f' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -119,7 +119,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h("div", { key: 'c84ea0d44d685eac1fb28d26101c9bd771c71adc', class: header() }, h("div", { key: 'f8515fd3f423836b8fad44bd0880221682dda5f4', class: content() }, h("div", { key: 'cee8d374aec4e6560b9d6c9ec18ad997e6c6c128', class: title() }, h("slot", { key: '1559e68d91507339ac784daf77880087cfa82a7f' })), this.showClose && (h("p-button", { key: '214f9c910359f8255b6616d0ead493e3eb8e1e01', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '89a5ec85acab82de12898edaac52883076e1f803' })));
+        return (h("div", { key: 'ea409642210bca0edd6bcce2c8b15492301000be', class: header() }, h("div", { key: '5c60f285d79d977450d3a133a0e7d61a1e3bb8f7', class: content() }, h("div", { key: '0bd61293220a5d54806ecf755f408c43decb59ba', class: title() }, h("slot", { key: 'e2a0c14cb192104ab1aa8d59bac70b121296f3ed' })), this.showClose && (h("p-button", { key: 'ba29d62c1765c7a397f04d4c014ff753abd03f29', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '8837a8456debeea6f3c3da964ae574eb612a78e7' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

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

@@ -49,7 +49,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '53f5cbb707d43895d61263cc66cf0b0ca70bc16f' }, h("p-backdrop", { key: 'f7631ad68ce5c66ea866e1e07d1b46076d2fb928', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '619e8ac8e751fc4ce650a9222929c5400b0eb7f7', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '4e792b78748522f1effe8570b58d5ceabe012d32', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'e10eac4427b22a65dd3a2dc2ab76170fd2546946', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '82c4ea5c1cb86ec222415f0012a1dcaf5419929a', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '0f18a100c12b60e09ab2fdb68b5a6c67366d36c0', name: 'company' })), h("div", { key: '958013530513e26038ed4068060ee5728d711e84', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'ea16cd85f07f6b65e1b6ba20549273b8dd630583', name: 'content' })), h("div", { key: 'c3506e17da027d0d5c4010f5823c6102bc8565d8', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'ddc92d681f57167730794e71db9f02e70eea2a95', name: 'user' }))), h("div", { key: '203e25b74541cdb5588fce0e9c94874be0bdae76', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'cbe75579e8131c2ded9f8c50fe086461d2870008', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '33ebb7bba63f14a3f48ed92b2dfd9c02445a8002', name: 'topbar' }))));
+        return (h(Host, { key: '2454198616a89f6ee5be80b5015bb425a43ac1ab' }, h("p-backdrop", { key: 'edf555a9998bbe29bc6d23bb8062d2cd91a40526', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'f1d5ee815ca333b61adb42f47e1af62f34f81c55', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '92079830ab45b054c49ef1d96dce3bdba16317fe', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '94bbb8bb5bd84e680bc1a19c94c600b96e624fbb', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '84d7b951268841ddf4afc597a95b3d7107966dc7', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'fd5289de2edbdcfc1daeb91bea5eaf3b17939942', name: 'company' })), h("div", { key: 'dc521460a54752e679cbecb96f723ed91e919ab9', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'c215321feb35149589a7475b7df960d357016aa1', name: 'content' })), h("div", { key: '5d67060818c2cfbbebe75392db6f6402fd17a7ef', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '727ffeb55bf2cfc51b43727240ae48ecc285b82b', name: 'user' }))), h("div", { key: '5e9c20cd0d7ed4badced9d4d276c02b872dbb878', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '5aef208e1bc4ebca99102e3af6cf776481bf5a30', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'bcf56977ccd76fcdca4bb32d02969f08005826e7', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

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

@@ -73,10 +73,10 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: '565fb765efeff2641a72e130bdd7b4a9f65f5e51', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'f1624bc3f52669956d31162481ce30eb39d81384', class: navigationItem({
+        return (h(Host, { key: '7ff5ea7bb9efd2e81050abf41b27d0be3794133b', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'b6ce8c6b8d2a7e61bd37ad7fb94b4442c251afa0', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '6d78ae7c364bc20a5b7fe0fd59edcf464b932a46', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '5ee1459dd3f3d2d3f4a47339bcfbba0975b22985', variant: this.icon })), h("span", { key: 'f1e765dc8954bcab086e25626e09d25de0494ad7', class: this.counter && 'has-counter' }, h("slot", { key: '5d9aaf3e81fa24553e0a22e03ae9677f17367548' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '4ce1a9b6f618acdf62cba78d6febe66e4a73aa28' }, this.counter)), !!this.loading && h("p-loader", { key: '46c43a329f042f09320d5a74e72912b3b611a1ab', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '753aaf2cd3a0fc728557c296c54e154ab14f3059', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '58e57b38f913e95971b6fb56492e7a568bd69622', variant: this.icon })), h("span", { key: 'eccac44f523ad489977ee25bfad972fb19703bae', class: this.counter && 'has-counter' }, h("slot", { key: '2659769537c022e51aa3a223e1f57638dbe66274' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7077e0e0a9891e7f486231a97da2100e331d938e' }, this.counter)), !!this.loading && h("p-loader", { key: '14e7a7ddc195707cfd50a71f488938dd3a7e2a32', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

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

@@ -11,7 +11,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (h(Host, { key: '1f274ccfba30257f75286708f56c481158f1c3b7', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '8dfe8d8c598b3489758813f43a474662b641dfdf' }, this.header)), h("div", { key: '849cc30c7c244296970fcd8a6ea0a97775b6db72', class: 'flex flex-col' }, h("slot", { key: '55644e12261090dc75391f5306ac22f4711ad902' }))));
+        return (h(Host, { key: '2d6be2c8ff3ded760dfa38814d41798e34e668bd', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '811de7004feeb785fb30bdff062e150c1733bc0f' }, this.header)), h("div", { key: '97c9e1701288c4a4e56205800eafc0638ef5252c', class: 'flex flex-col' }, h("slot", { key: '5a11e97a2c4c38393c625e626665572aea79d106' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss;

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

@@ -7,7 +7,7 @@ const NavigationTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'd51756470d5725ba1a1d9b1128d72b6d51db7588', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: 'fa9b64875c9973c7001fdc7cfff81131b965985b' })));
+        return (h(Host, { key: 'eb18e6b6cb338e7a1492a2f1730760f065a497a9', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: 'e98dd025038ddf4c893eaca629c3cc5c5b20dfdc' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;