@paperless/core 2.0.1-beta.62 → 2.0.1-beta.64

package/dist/collection/components/atoms/smile/smile.component.js

@@ -15,7 +15,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '0539830bb64e3097124546c62f5c07432531f5fc', class: smile({ variant: this.variant }) }, h("div", { key: '5569aeba74c7470ad56544de6da9fef787222fb0', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
+        return (h(Host, { key: '5b59c91f7a8185516bf18a8192df30e63f0216a3', class: smile({ variant: this.variant }) }, h("div", { key: 'b92b3d41b4c022af61e5e797ac64e98089949c58', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/tab/container/tab-container.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-10{z-index:10!important}.m-0{margin:0!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.gap-5{gap:1.25rem!important}.overflow-x-auto{overflow-x:auto!important}.scrollbar-hide{-ms-overflow-style:none!important;scrollbar-width:none!important}.scrollbar-hide::-webkit-scrollbar{display:none!important}

package/dist/collection/components/atoms/tab/container/tab-container.component.js

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class TabContainer {
+    render() {
+        return (h("div", { key: '8c0dd218f0a595a2822b368814eb44009ad82e46', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '29f65c3c1c5ceccbe1805098b7a98a27750e0c0d', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '3127b28c98e1b89f84e60b2f5768d8152ee44557' })), h("p-divider", { key: 'd41c6b8a3f3d947b3543f81d2b3321f98c18e4c3', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+    }
+    static get is() { return "p-tab-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tab-container.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tab-container.component.css"]
+        };
+    }
+}
+//# sourceMappingURL=tab-container.component.js.map

package/dist/collection/components/atoms/tab/container/tab-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tab/container/tab-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,YAAY;IACxB,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,mCAAmC;YAC7C,4DAAK,KAAK,EAAC,uDAAuD;gBACjE,8DAAQ,CACH;YACN,kEAAW,KAAK,EAAC,qCAAqC,GAAG,CACpD,CACN,CAAC;IACH,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-tab-container',\n\tstyleUrl: 'tab-container.component.css',\n\tshadow: true,\n})\nexport class TabContainer {\n\trender() {\n\t\treturn (\n\t\t\t<div class='relative flex h-8 w-full flex-col'>\n\t\t\t\t<div class='z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<p-divider class='absolute bottom-0 left-0 m-0 w-full' />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/tab/item/tab-item.component.css

@@ -0,0 +1 @@
+.flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-content:" "}.static{position:static!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.after\:h-\[2px\]:after{content:var(--tw-content)!important;height:2px!important}.after\:bg-dark-teal-600:after{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\:bg-transparent:after{background-color:transparent!important;content:var(--tw-content)!important}.hover\:after\:bg-dark-teal-100:hover:after{--tw-bg-opacity:1!important;background-color:rgb(204 220 218/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}

package/dist/collection/components/{deprecated/atoms → atoms}/tab/item/tab-item.component.js

@@ -1,17 +1,30 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+const item = cva([
+    'text-base h-8 flex flex-col justify-between',
+    'cursor-pointer',
+    "after:h-[2px] after:content-[' ']",
+], {
+    variants: {
+        active: {
+            true: 'after:bg-dark-teal-600 text-dark-teal-600',
+            false: 'text-dark-teal-400 after:bg-transparent hover:after:bg-dark-teal-100',
+        },
+    },
+});
 export class TabItem {
     /**
      * Wether the tab item is active
      */
     active = false;
     render() {
-        return (h(Host, { key: '3d8a7b34e437d72b510b1a7669d71950514cff2e', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: '1c2887f1f9ff9a38dfcfce11d9ec91ff00b5db5d' })));
+        return (h("div", { key: '1ec28d8e3fa3d13224247d561f10460c6ead3298', class: item({ active: this.active }) }, h("slot", { key: '8fb91e0c4f822895709d2856115f8fc570048b21' })));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["tab-item.component.scss"]
+            "$": ["tab-item.component.css"]
         };
     }
     static get styleUrls() {

package/dist/collection/components/atoms/tab/item/tab-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tab/item/tab-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,CACf;IACC,6CAA6C;IAC7C,gBAAgB;IAChB,mCAAmC;CACnC,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,IAAI,EAAE,2CAA2C;YACjD,KAAK,EACJ,sEAAsE;SACvE;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,OAAO;IACnB;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;YACxC,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'text-base h-8 flex flex-col justify-between',\n\t\t'cursor-pointer',\n\t\t\"after:h-[2px] after:content-[' ']\",\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\ttrue: 'after:bg-dark-teal-600 text-dark-teal-600',\n\t\t\t\tfalse:\n\t\t\t\t\t'text-dark-teal-400 after:bg-transparent hover:after:bg-dark-teal-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-tab-item',\n\tstyleUrl: 'tab-item.component.css',\n\tshadow: true,\n})\nexport class TabItem {\n\t/**\n\t * Wether the tab item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={item({ active: this.active })}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/toggle/toggle.component.js

@@ -78,11 +78,11 @@ export class Toggle {
     indeterminateChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: '788ff58c2902c2c34140670a8ef56ca683177026', class: 'p-checkbox' }, h("label", { key: '9ba51f248fb6c727fb1cf2f63effed6a01d98c6a', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '06dd57308e0b0249cb4af93cbc9f29130399cb9c', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '0a27eff7d10b085072b286a9cd362f53fe5674cb', class: checkbox({
+        return (h(Host, { key: 'cc18ab9b736b7b9f988928a63f6c5a0ba1c54b1d', class: 'p-checkbox' }, h("label", { key: 'e2094a2717dcd042d163443a79104a4a26dd9806', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '6d80056de23eb7b5f963a07caf34eb7b489d83fe', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'c218919cc052a3fe31d84f033f735f954bbf1d1a', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'a248e9d87335ef8e236c4bd063279a5ddcc22406', class: circle({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '9f6fe7e1ba6cf111db571c61f2d8f3af6fa30a7f', class: circle({
                 disabled: this.disabled,
-            }) })), h("slot", { key: 'db10e77117b096d200af56feaa4b68616db99464' }))));
+            }) })), h("slot", { key: '05c354affb2702d43214e83543add591853fb641' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/tooltip/tooltip.component.js

@@ -108,19 +108,19 @@ export class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: 'ac59783cf85abe0cdc11e28620280f2bda0ec471', class: popover({
+        const tooltipElement = (h("div", { key: '964d08f12cd4b08114dc3873e17cca96ce4fb3c0', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '0b18b0410fa7aedb281b7bf240fb59ab45a0773c', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'e0ba8d5ca07da5a1fef26fc5dfd322606363dcb0', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '684fbb0cb4ba63decb6064edb973660a0fd66be8', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'fb0dcc801a5dd16e7aa314463a682e1dfcf87654', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '3ec571947753a91efa8771017bc1a86dbaddad72', class: portal({
+            tooltip = (h("p-portal", { key: 'cc04657d297ff62df0bd0ffe649299d1904ad0c5', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '77cebe8240d2a28eb1b69fe25b5db8b2a078a608', class: 'p-popover flex cursor-pointer' }, h("div", { key: 'b4c90e10f7160626975c108676c677cb4e55ae36', class: 'relative h-inherit w-inherit' }, h("slot", { key: 'fa26a96881225647ffbc0e044d262caea153b48c', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '087eb065cece95a021feefa03f3382c78e7d420e', class: 'p-popover flex cursor-pointer' }, h("div", { key: '63652250939a9597a965476b98d183e40f1eac9d', class: 'relative h-inherit w-inherit' }, h("slot", { key: 'd330e104fde9c344d02c2c9dd33249cfc3e2ecf1', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/collection/components/deprecated/atoms/counter/counter.component.js

@@ -9,7 +9,7 @@ export class Counter {
      */
     size = 'default';
     render() {
-        return (h(Host, { key: 'd2404c6cb3112ab35b1f0309702f4dca43e2fdc7', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: 'afc020c7923ee53371bfe671b66598c430aab417' })));
+        return (h(Host, { key: 'c7ba578506ee54636d7526bc359ec071ce6d7bf2', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: '1b8ef072130d4daf41677988fa9b6e93668f0111' })));
     }
     static get is() { return "p-counter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/drawer/body/drawer-body.component.js

@@ -5,7 +5,7 @@ export class ModalBody {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: '78995d6293e4ca700027e6040ebcaebe2a2e2ba0', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: 'ace509ea80ed563034194d80f8f787edaf998b52' })));
+        return (h(Host, { key: '2520795b8635b88fd4689805c93f724e98090c1c', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: '3ac28d7812ce85a34c4a59b19e25fc444c7d37ef' })));
     }
     static get is() { return "p-drawer-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/drawer/container/drawer-container.component.js

@@ -10,7 +10,7 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h(Host, { key: 'd5428fccf8ef87e889b85c687649fcb808296328', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: 'd1a9ff0e223024f56791bc1842c90f175f55813d' })));
+        return (h(Host, { key: '0e327d7518acec308ff91585147416bb7fcf6f6d', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: 'ee496c398318f1b604f86042b96980a2319a6bfa' })));
     }
     static get is() { return "p-drawer-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/deprecated/atoms/drawer/header/drawer-header.component.js

@@ -9,7 +9,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(Host, { key: 'c9d05554eb7cdf5e4c31f22582eda0bc215574e7', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: '13a58ddda403d08e70d403add27d7a34f9fab001', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: '9a8839e6b50972bee967945ea791712b45902fa3' })));
+        return (h(Host, { key: 'ee62292c64b405694277ab012e03a1375e7e7b17', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: 'c35b79735bfe18188d3105f8336eaae908036a5e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: 'd734ec1fcdd792cf3867953e2598f9fa954144a9' })));
     }
     static get is() { return "p-drawer-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/info-panel/info-panel.component.js

@@ -25,7 +25,7 @@ export class InfoPanel {
      */
     _el;
     render() {
-        return (h(Host, { key: '101a596249e687f0c6b021b41689a7d2f7b875ae', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'af61d4901375bca8ad7c892411edf87ddf15a547', class: 'header' }, h("slot", { key: '187139fd3d1c006e19b4795096e0c8e0d2527add', name: 'header' })), h("div", { key: 'df8d013feeca0855f0b7fed28a42d27f7d8477c4', class: 'content' }, h("slot", { key: '15e87c16fc6199eb5184729f527b41391e4ea0f0', name: 'content' })), this.closeable && (h("div", { key: 'bc036f2e2750d1a4153305097cb11f183d5cdfab', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '4da70fd7696239ef8ce00ef2fa3d20b9040e7816', variant: 'negative' })))));
+        return (h(Host, { key: '9eb262cfcdbbc7c81884559f22efb9d4b670b75a', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'b30b7f2e842e75874b62c461cd75e18533c3bf5a', class: 'header' }, h("slot", { key: '9af70b307f1d81b79dc2b273a9e621e06c1bd114', name: 'header' })), h("div", { key: 'ad69ae0d77d63b78c7f52614e47bbad4fdd25c38', class: 'content' }, h("slot", { key: '950b5647d6c65065fd87166796a07f6ee828cf80', name: 'content' })), this.closeable && (h("div", { key: 'bb12dab296d4248e49036e8d57ad3c86634bcd83', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '9c32de9ae095efb917fd4e7a0300242dc0bdef79', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/collection/components/deprecated/atoms/layout/layout.component.js

@@ -5,7 +5,7 @@ export class Layout {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: '7b6cc128969e9bc507b8ac5abdba91a68cb3e188', class: `p-layout variant-${this.variant}` }, h("div", { key: '52382256749bc1bbb5d75d9ce0ef7f9f542f7897', class: 'content' }, h("div", { key: '7f311fba45b4f9bc6388547bceb2bded78ef189c', class: 'inner-content' }, h("slot", { key: '195c46ddae43768490383ab06914b7ec7151c066', name: 'content' }))), h("div", { key: '40be7fb6d3197a1477003748ee628991324e7122', class: 'sidebar' }, h("slot", { key: '6f58a4a922b99651c7752bfd86428cc8b6979dc6', name: 'sidebar' })), h("div", { key: '6ef7f2b8e5b05f3616da1d5b5b5858aeb8fc7049', class: 'topbar' }, h("slot", { key: '14267c70d406c3a255c9eb8b2de5904a5e449b60', name: 'topbar' }))));
+        return (h(Host, { key: '83bf2d744371af578658fab1d60bdc99ba219283', class: `p-layout variant-${this.variant}` }, h("div", { key: '683fb2c8b73ba2b9b32762e860bc9c0a7164c47b', class: 'content' }, h("div", { key: '920ec6b59fbcd19a98f8384915ea266e0ebec0d6', class: 'inner-content' }, h("slot", { key: 'd1760fc61e715e1a6966e11ed9db730ccb72d7ef', name: 'content' }))), h("div", { key: 'a9e52f6b1a7905340ce8d749e088192a88fe8da5', class: 'sidebar' }, h("slot", { key: '36ad035653a8f49788db9651c5b0ae62ef660b32', name: 'sidebar' })), h("div", { key: '3b3ab5e7ec6a114296b8e699567cb41631ffedd2', class: 'topbar' }, h("slot", { key: 'cfae23c07360d1a6a9c49830239761e334212320', name: 'topbar' }))));
     }
     static get is() { return "p-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/slider-indicator/slider-indicator.component.js

@@ -5,7 +5,7 @@ export class SliderIndicator {
      */
     active = false;
     render() {
-        return (h(Host, { key: 'eb181ba58becb6dbe087245f06463959d5ccc4db', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: 'cbcda587cd65ad2fd9d52013336a9e4a46fae855', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get is() { return "p-slider-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/status/status.component.js

@@ -17,8 +17,8 @@ export class Status {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '1032689fcc33844bfa7347620684075ea9873f8b', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: '9d891f08536f09fc706e198448c09ef263294300' })));
+        return (h(Host, { key: '56166f20d5b90b89ded4570d0671978f15a79d69', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: '91b5a16cb729b8f538b8c31964b1ec0094360643' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

package/dist/collection/components/deprecated/atoms/stepper/item/stepper-item.component.js

@@ -21,7 +21,7 @@ export class StepperItem {
      */
     active = false;
     render() {
-        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" }))));
+        return (h(Host, { key: '5530f6c741575ff1d139f5ecaf7c843ce5fb319a', class: "p-stepper-item" }, h("div", { key: '0b34dc9d11a253db66cd4caff2cecb37e9a52d23', class: "circle" }, this.finished && h("p-icon", { key: 'a1f32db164e705ee95bb4f53470132c5e633c297', variant: "checkmark" })), h("div", { key: 'f4055e42d9ab92299ff14680c14b5d600cc2142f', class: "content" }, h("slot", { key: '6080dea3f48628d7695fa637388c42b5af5b0a94', name: "content" }))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/stepper/line/stepper-line.component.js

@@ -9,7 +9,7 @@ export class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return h(Host, { key: '5a548083286c1e6fac309cc9932bd7a235da2d16', class: "p-stepper-line" });
+        return h(Host, { key: 'ffc0cbfb4c34dfd63323ec045e915b78e2a1fc27', class: "p-stepper-line" });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/table/container/table-container.component.js

@@ -5,7 +5,7 @@ export class TableContainer {
      */
     shadow = true;
     render() {
-        return (h(Host, { key: 'f2d2684a14a158c8af47cf5daecd2ae48365a8b7', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '55538a53644fc3d398bef27ac210d56ca7d0c9da' })));
+        return (h(Host, { key: '6f3f3c1d957438e6ee63262f7d6c0710956ef61b', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '3d639a3534b7edf3ff5953ca4d6ceb06245d4794' })));
     }
     static get is() { return "p-table-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/toast-container/toast-container.component.js

@@ -5,7 +5,7 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h(Host, { key: '823f2e09c27734c94b3b97abc0549a49cb4dce73', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '40a0af150c31efaffc0c9c7997de70f7e22ddb63' })));
+        return (h(Host, { key: '79297fc7b92c3f6b339bfc29250c9b099cccacad', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '8641033db3759449c4153890f5a5f2596331d3e6' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/molecules/accordion/accordion.component.js

@@ -21,7 +21,7 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(Host, { key: 'c5eb10861877bbc542868d3aa1311848052f99f2', class: 'p-accordion' }, h("div", { key: '8e7d163573240c05fb44a6f087e1456b6f96c3b5', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: 'f044bb94a4285e5196faa53961a44f91be5c7af7', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'a49157072cdb8aebe5ccc8befda52d8c36ae9557', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: 'a61d3267d7c07ad83465af718e925348bbbdd3ed' })), this.open && (h("div", { key: 'f6b2a2ae0e113ffbfe8da5ad98c1eeb19f8a8ac2', class: 'mt-6' }, h("slot", { key: '90a36c875c36afd6c13c39f1e131f66e2cb2204c' })))));
+        return (h(Host, { key: '7ad723f9d462475bbde3b153d9933ae8aa486087', class: 'p-accordion' }, h("div", { key: 'd84095e73c10d45be714b9dc5be39f8cb46eae07', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '91b832f408a54a7c157de9da7e5eeceb2e40c22c', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ecee19be59e16078a4b451674ed44d73114e523d', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '99dc087bff6db71f175f66ca150fe81eb1b77bc0' })), this.open && (h("div", { key: 'cd20ff3a60c59c2b7f14ee7d4082fc9afe4064c8', class: 'mt-6' }, h("slot", { key: '4b293f8ddc3dd60d1e2dae75f4707eb5b78e7183' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

package/dist/collection/components/deprecated/molecules/attachment/attachment.component.js

@@ -25,14 +25,14 @@ export class Attachment {
      */
     delete;
     render() {
-        let prefix = h("p-icon", { key: '66d74af853a35ed1c2e383f68887e25ed9f2eea9', variant: 'attachment' });
+        let prefix = h("p-icon", { key: 'e23ed6e11a562258c720881549f28a7abb584f3d', variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: '54a0651e687eb5889d99246f68b70789c635e073' });
+            prefix = h("p-loader", { key: 'f97752af8256bbdae224e3567d96004df480ce0b' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: 'd6fedf139be6b8edd5e8643e142c4920186bec07', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: '0a9913dded62bb2b899aebef67e612cf6decd4f8', variant: 'warning', class: 'text-negative' }));
         }
-        return (h(Host, { key: '758ee94440b31dc737e35fb06fc6d320c798a4bb', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'ef397fb570c50a9d555093b7e381aaf6caf88d98', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '4dcfc702944645c5db8f86a56b959122bbcf6861', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '1274c5b0eed2d30468acc56a5b30b11dacf44fdb' })), this.error?.length && h("p-input-error", { key: 'e620eb17c4a0c197ecc3765bb9bc8513cd29ea23', error: this.error })), h("p-button", { key: '0cfe5de2cb1124da25bd273dc9222f3ce10c00f0', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
+        return (h(Host, { key: '9d4d8572b25dc995f2b1fc078cc6066124331ea1', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'be153b4d1970343f7bb0ea67eac8b1fa246f9bb5', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '80d5a254322f25126ccfdd375bfd089c70513237', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '667ab94cb746606eb4f6466570b550c07aa97cfa' })), this.error?.length && h("p-input-error", { key: '6edb2fdb1734929bf6288c1d3670678eef7f8c60', error: this.error })), h("p-button", { key: '3d616711ff6c9f351410fe6b613edd04eee363c9', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
     static get is() { return "p-attachment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/molecules/content-slider/content-slider.component.js

@@ -49,9 +49,9 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: '75da799f01accf4047ac83242a1200509947c1f5', class: "p-content-slider" }, h("div", { key: '4146cd50da6e230f179612844beb835914a89632', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: 'e783ded65669f94fb8f4890624b967de22aaa356', class: "p-content-slider" }, h("div", { key: '596098993bda1ca9ae97a625986885c48eb6849b', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: 'fdbbd773f07938dd8906bb456e7739f6c717092c', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '7a3d5dd2a3234d27c8ab6acfc5a64f98cf52c1c8' }))), h("div", { key: '56cd4bdee286d29a469bf30ac842977c80ed6195', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '40b9daccd158e980521b92d1e8bdfa85336c527f', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '5ed5d24d35a24f2b69345d40aea7c488bc381ba3' }))), h("div", { key: '9eed8a08f02b7aba97e04ff55e72c651347a7ac6', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {

package/dist/collection/components/deprecated/molecules/cropper/cropper.component.js

@@ -41,10 +41,10 @@ export class Cropper {
         }, 200);
     }
     render() {
-        return (h(Host, { key: '7390aec5b5f81ffd67e54811ca821cc9772fddc5', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '95ecbd9acce466e81d90810cc7297dcf6ea5cdbe', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '76534002ee9c7dc3e8e073393b35235c187d7656', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '597dba1bcc2d306c4161b9a45bcb061d8acc9e2d', class: clsx({
+        return (h(Host, { key: 'cf3ff15123161c366d73c97eae8eaef57baa5452', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '28611bd08b26638165dbe3f18bec490a6ab2d90d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '67bbbf0f4a0e835a410ec9812547624bc2b83909', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '264614024cdfc56792f2508203ebfc0a1d4ee8dc', class: clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: 'e00c6e0b5541edce749b7837769cb35b26b2e3b6', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'adee5991926e23ed24349ca87b69f4e5002185a1', action: 'move', plain: true }))), h("div", { key: '76041ecf8ca26fd74b50acdc5543e94efc4326dd', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: 'e0ae20d0717c42c24a554527f032564ef62400c7', variant: 'minus' }), h("input", { key: 'e1f7facd9c9e6012e577688ba13b8119effce06d', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '25815296c58d77cc72a1d7de328e8f44c897b608', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '3dcc1ed6c57736a627b510f5294291b5c1214683', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'e987c84b87f01162c7ab093d606463f189a16bf7', action: 'move', plain: true }))), h("div", { key: 'f75de6ebbd0e0e5e27ef6d455c5dad7467240d2e', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '115a2f9d9cd815b172ecf132db230fa6ed0d0855', variant: 'minus' }), h("input", { key: '83aa40b551425dc62588d9308cc6c7a683fbbdf0', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '64e60553e7ea9ee72fde7acdc6ff05fe298a639d', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/collection/components/deprecated/molecules/input/error/input-error.component.js

@@ -10,7 +10,7 @@ export class InputError {
     forceShowTooltip = false;
     _showTooltip = false;
     render() {
-        return (h(Host, { key: '93f5e97e760f8f71d190128d030417f6022ff646', class: 'p-input-error' }, h("p-tooltip", { key: 'cd0e27c3e79bf3e6fb3e24d383620617c04c6faf', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '5f7adcb2bce4ca7704b3d5a44ddc849871908eee', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '9a4a7ce1e1f2896ac29e28d6fe579523c36e0583', class: 'p-input-error' }, h("p-tooltip", { key: 'd814ead32e454f066b47dcd5611be326793f2868', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '718d3fc0be9a532bb5a75745adcbce99c62b283c', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
     static get is() { return "p-input-error"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/molecules/input/group/input-group.component.js

@@ -78,11 +78,11 @@ export class InputGroup {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: 'cb58c460301e45e1a0b612fa72bd10016d4fba6b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '57040a0fdc8af97730eba9d0836accf4f32b1ebd', class: 'flex items-end justify-between' }, label && (h("div", { key: '4c54a2f6af88e0ad9da6b6b8ba0cf32d17b3830b', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: 'a1e06c2b0bcf1a41e6e9b40092b84bc0e34b392c', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'c401d7d52e15360173986f922b3610ff6a716e1a', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '71c03facbb151f30b71f4c3f03ef2ce3cd32c142', name: 'header' }), helper && (h("p-helper", { key: '3c01fcea64f1aa78cd0bcf6b40d4221a523d3447', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'ed1a4b89784b5cf170d98b57de42a97c49d6f203', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: 'cd5c981afb24ed35d88d336a9453c9978f43210b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '7c6f6c840d4da940053432b62aae9ce6b45086a1', class: 'flex items-end justify-between' }, label && (h("div", { key: '2dd1a251b54bfcb644d2e4adcd67c40bb7949360', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '65cbea2d0ea418e68ec828edec2a1844f9af288b', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'c793e8afa5b854d866628a4a5fd3cfe189da1df2', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '595760f0fd4f0625dea40d3a3d8d74e4c3f09cff', name: 'header' }), helper && (h("p-helper", { key: '831272e23636747f8fa7650c6def7b216b30e175', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '4727a2fe32651d088cf36336d18a6710e651baae', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '753af8b94714c2a9cdc1e056b7101fa1cb5554e1', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'cb796c664b94500d996a3d0f437efab6a5386eac', 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: '42aa18a95659386cce232fd4df5ae983e03b8082', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '0e0dc2aa768193a0e742ea812a1d908bd46fef5e', 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: 'b72c503fbf3d7de51a49d11897b1b9ffb4f7f39f', 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: '5b495dc855e6f246f7d5a8814bfbbba2880ea4fa', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '47d5833f618ae15aff5ee3ecdb3b8f24f2e1ed22', 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: '4cc972e56a638da234ecb604a41c484f4d934ff4', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

package/dist/collection/components/deprecated/molecules/stepper/stepper.component.js

@@ -126,7 +126,7 @@ export class Stepper {
         }
     }
     render() {
-        return (h(Host, { key: '0b8269c5f35b289292d6ac440989fbb88c9cec58', class: 'p-stepper' }, h("slot", { key: 'f9aa77e19f2bdcb0ce1e0abef93c0942c6d5d43a', onSlotchange: () => this._generateStepsOnce() })));
+        return (h(Host, { key: 'f80dff601db0c373f46a4eeb258b8a5e584807c1', class: 'p-stepper' }, h("slot", { key: 'bcdbd79194ba1742fc80b0076bcec37f8c778b4f', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();

package/dist/collection/components/deprecated/molecules/table/cell/table-cell.component.js

@@ -108,7 +108,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: '0495db2bdb9b786accdfc88ec80e2436c282977d', class: {
+        return (h(Host, { key: 'b7620f0ee21e17edca2055eb8922744a907967db', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),

package/dist/collection/components/deprecated/molecules/table/footer/table-footer.component.js

@@ -63,7 +63,7 @@ export class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: '42c00b66495038ac7ccb6d28c2250fd73631dc4b', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'f17e9956e73d83b535b9aeeca1240eb026c0010c', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: 'e78b6d888f3e772fd2c1aba229ca8be9e5e5370f', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: '3cf8f111258bd45703b38e25b2c32006fdf4edb6', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: '45c2b65b254a22746c8f23b6eb8b971cc8029c7d', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(Host, { key: '3f4e0c5076b37fdfc5d0e5be548b75466c7eae3f', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'f04181e63fff24d77cef765a3a407c092f5778d5', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: 'a8ae2ba7710a12b9972883cff3cd388eca64846d', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: '0509218175a106f638f20cc7aa8473a3e6da2481', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'e874598c37373eb0901f5d4a589d97d95e23a8e7', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

package/dist/collection/components/deprecated/molecules/table/row/table-row.component.js

@@ -9,9 +9,9 @@ export class TableRow {
      */
     enableHover = true;
     render() {
-        return (h(Host, { key: 'd8d02837b2745eee2259d8d4394dcf3690f0f4ce', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (h(Host, { key: '4eb7b600ebd599c94ae12073fead55f1ca3ec80a', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, h("div", { key: 'aa97d9224ebca93136dbd42bfa76172bc17f41b6', class: "content" }, h("slot", { key: 'f3cec9093018c7954467ab1cc524f5175ad99971' })), this.variant === 'default' && h("p-divider", { key: '70987aecedb7da7791ff8ba59852cda276646802', class: "m-0" })));
+                'enable-hover'} group` }, h("div", { key: '1feec0275a46bb0a015504d4c06a0ae918854285', class: "content" }, h("slot", { key: '72942f803484d25af5fd21ab7b8909f00a6b928d' })), this.variant === 'default' && h("p-divider", { key: '0c5a0ed14e9ee23abb742608f0ccd23c77cc3eeb', class: "m-0" })));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/molecules/toast/toast.component.js

@@ -33,7 +33,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(Host, { key: '2281bed5ceb6fd1bd75e1d4052911b931df5c19a', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '9c32222544f01d3eb1218749c8456b165593b371', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '35e4ccdec5e79538b1ee337040a5e0243da52cae', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '729a55e03e1933eb17ef0193f4d164b9519d6bd6', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '3c0dfe15bb1cd42ecc4787a3fbdab57f3a1724dc', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: '487b43615637dc1fb54cd5d5868e08de6ce262f3', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '6a5b4105e9f59db8af4fe48151d5a58d4ddebf4f', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'b41b592791fed6a2aef9a6abbb63005574d5e355', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '775a806ae49147691a4417a7e2056fc67a09dc6a', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '19de0f2d585db0e53ff122a192c55523c04d95b9', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/helpers/portal/portal.component.js

@@ -15,7 +15,7 @@ export class Portal {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: 'd1932f08bcd675a36f4ab38f80b0600b3be37837' }, h("slot", { key: '6c6d36bb258590934c5b7a7f6498f5a7a548f6ff' })));
+        return (h(Host, { key: '7bb00af33aa3d9f2ce92c74b3ba8733b5aa207ca' }, h("slot", { key: '4ca5ee281205812eed199bb1dbeff4f4b9374f16' })));
     }
     static get is() { return "p-portal"; }
     static get elementRef() { return "_el"; }

package/dist/collection/components/molecules/button/button.component.js

@@ -354,7 +354,7 @@ export class Button {
             : 'button';
         const hostClass = cn('p-button inline-block', this.class);
         const active = asBoolean(this.active) || hostClass?.includes('active');
-        return (h(Host, { key: 'dbd79d7dfc7e9d8d8cd50514d290ec7537bb33ea', class: hostClass }, h(VariableTag, { key: 'fcabf15c50e50d29d1dac37b837ea6eacf6a3a78', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (h(Host, { key: 'f8b82cd4f0dd06a0e5158f9b41bcc6d429e144a0', class: hostClass }, h(VariableTag, { key: '1780fa5bdd95f495048a5ab319fee58f17867c6c', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
                 variant: this.variant,
                 size: this.size,
                 underline: asBoolean(this.underline, true),
@@ -363,14 +363,14 @@ export class Button {
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: asBoolean(this.iconOnly),
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: 'c6815df014236dd8ac2b3877c7a033f8c8b23194', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '26102fc040bb218c000fc70380f9e52b17effcf1', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
             this._getIcon(), this.label ? this.label : h("slot", null), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '1057a1a6a0f6c7dc0c0ebd02c0707185edfcce82', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: 'e87d31250b2e811ae99bf152142172906b12cb2b', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '91fe3354bb521e60720554761f03151600357367', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '1846424e04ac80fcef48d9eca2e5a73cac27c946', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

package/dist/collection/components/molecules/button-group/button-group.component.js

@@ -12,7 +12,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '4f87b3f4f13977c9e41013dbb68c2c85cb288103', class: 'p-button-group flex items-center' }, h("slot", { key: 'bec1625b32257bbd321a0d6914781e7073245b72' })));
+        return (h(Host, { key: '1216ea61ee13ce0984d174a26327a13c30e59aec', class: 'p-button-group flex items-center' }, h("slot", { key: 'a08515bc207a028ff44ee2ee772d3450d1d0b918' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/collection/components/molecules/calendar/calendar.component.js

@@ -157,7 +157,7 @@ export class Calendar {
             .filter(date => isValid(date));
     }
     render() {
-        return (h(Host, { key: '591bd660edfa3985c1af3c9e79a6c6de9a9bd4ee', class: calendar({ variant: this.variant }) }, this._getView()));
+        return (h(Host, { key: '916212fecf76b328323cba558b214243e114aff8', class: calendar({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {

package/dist/collection/components/molecules/datepicker/datepicker.component.js

@@ -179,9 +179,9 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'c8143d4958c47a22fa340b3cf8d3f1649299deab', class: 'p-datepicker' }, h("p-dropdown", { key: '10d249e7751f37046366aaa502660d967206a2f8', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'fa193ceceb358713531e6cd38dbdb04fda0ba325', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'd34ca2fbb262fe5efe10ee8acb23630d1ce5d2a0', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (h(Host, { key: '82777f59f92246f3c7608c4d6bdbb6132709bc1a', class: 'p-datepicker' }, h("p-dropdown", { key: 'a972c8c4a70feb80035a73fbe74b67933f9b8c75', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '5df1909b766b9a6b5fb99087b6de19e4056d80e3', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '2651aeb771406a52993f42e2cd6b32a3980a42d4', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '373a5ee2d7e209b24b64bed9b3f2fc9edf821b56', slot: 'items' }, h("p-calendar", { key: '3a452fa1fe9d3827710c6b0e58c5f59ba8a1c7d3', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'd8b5a7211ed90deb1b256b5817e540592330c854', slot: 'items' }, h("p-calendar", { key: 'cc8a29a13248271d4185ee9f6ffadd4bce8b900c', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/molecules/dropdown/dropdown.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!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}}
+*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\[13\.875rem\]{max-width:13.875rem!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}}