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

package/dist/collection/components/atoms/drawer/header/drawer-header.component.css

@@ -0,0 +1 @@
+*{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}

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

@@ -1,5 +1,15 @@
-import { h, Host } from "@stencil/core";
-export class ModalHeader {
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+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',
+]);
+export class DrawerHeader {
     /**
      * Wether to show the close button on mobile
      */
@@ -9,13 +19,13 @@ export class ModalHeader {
      */
     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' })));
     }
     static get is() { return "p-drawer-header"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["drawer-header.component.scss"]
+            "$": ["drawer-header.component.css"]
         };
     }
     static get styleUrls() {

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drawer/header/drawer-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,gFAAgF;IAChF,aAAa;CACb,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC,CAAC;AAE1E,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8CAA8C;CAC9C,CAAC,CAAC;AAOH,MAAM,OAAO,YAAY;IACxB;;OAEG;IACK,SAAS,GAAG,IAAI,CAAC;IAEzB;;OAEG;IAIH,KAAK,CAA2B;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,MAAM,EAAE;YACnB,4DAAK,KAAK,EAAE,OAAO,EAAE;gBACnB,IAAI,CAAC,SAAS,IAAI,CAClB,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ;gBAED,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,8DAAQ,CACH;gBAEL,IAAI,CAAC,SAAS,IAAI,4DAAK,KAAK,EAAC,QAAQ,GAAG,CACpC;YAEN,iEAAW,CACN,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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"]}

package/dist/collection/components/atoms/dropdown-menu/container/dropdown-menu-container.component.js

@@ -65,14 +65,14 @@ export class DropdownMenuContainer {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (h("div", { key: 'e429cfa1a020d0f590cf396e31cd6588b0f327d7', class: dropdownMenuContainer({
+        return (h("div", { key: '9fdbc014bb777e9db6fb407c5994982b696bf8bb', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, h("div", { key: 'a19f442546a9e2349d6c33a1c6b0950d1e819bd4', class: 'flex w-full flex-col' }, h("slot", { key: 'c9a9b93cb83f8e670a7cae2c91ec15a77c62d011' }))));
+            }) }, h("div", { key: '899dc3bee6482e16ac442ec0afc0127c73ab3283', class: 'flex w-full flex-col' }, h("slot", { key: '1b6a4124637524f48812b7f4fbbb207f9b957ba0' }))));
     }
     static get is() { return "p-dropdown-menu-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/dropdown-menu/item/dropdown-menu-item.component.js

@@ -188,17 +188,17 @@ export class DropdownMenuItem {
      */
     useContainer = true;
     render() {
-        return (h("div", { key: 'e1912d180b54485dbca8bb693a1d94b9a6a2b49a', class: dropdownMenuItem({
+        return (h("div", { key: 'c8acdbe3151719407cc750c90c8d55a9828efdee', class: dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true, true),
                 disabled: asBoolean(this.disabled),
-            }) }, this.icon && (h("p-icon", { key: 'b177fdf93d358828bb3cc0177450c1398ddfb57b', class: dropdownMenuItemIcon({
+            }) }, this.icon && (h("p-icon", { key: '43a3a38ee417cca7db77302722d84a5d633797f7', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
                 wave: asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '1ff9f1c4f5cd0245bc125fec7486082164b5b44c', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null))));
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '8aa693f1df4f10709f22ee8176d6d2da00cfe494', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null))));
     }
     static get is() { return "p-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js

@@ -73,10 +73,10 @@ export class FloatingMenuItem {
      */
     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) {

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

@@ -9,7 +9,7 @@ export class Helper {
      */
     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' }))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/iban-icon/iban-icon.component.js

@@ -15,7 +15,7 @@ export class IbanIcon {
             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/collection/components/atoms/info-panel/info-panel.component.js

@@ -57,7 +57,7 @@ export class InfoPanel {
     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/collection/components/atoms/modal/body/modal-body.component.js

@@ -22,10 +22,10 @@ export class ModalBody {
      */
     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' })));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,10 +31,10 @@ export class ModalContainer {
      */
     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' })));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/footer/modal-footer.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ModalFooter {
     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' }))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.js

@@ -20,7 +20,7 @@ export class ModalHeader {
      */
     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' })));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class NavigationTitle {
     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' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js

@@ -77,12 +77,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(Host, { key: '3e5541b6c558aebbef2701e9a0b5622ef4dce27c', class: item({
+        return (h(Host, { key: '77b82a4a8328ec0d84b316f39f9c258934382301', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, h("slot", { key: '5ec5830a110b3c7bfa101a5524e5317b8a815ffa' })));
+            }) }, h("slot", { key: 'eeb5bcc6752a18593f904a957be76de280f63388' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get originalStyleUrls() {

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

@@ -87,11 +87,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;
-        return (h(Host, { key: '2de9b0fc06dc7c2e53493144a1ed2a4036265c00', class: 'p-radio' }, h("label", { key: 'fd09c920ed23e6bc40b0ee6c01de4d6360720989', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'bb277f24a18db5aff13bc8a2a854f8035058a68d', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'a90ee0668a06799e0ed16489b203483fabea2820', class: radio({
+        return (h(Host, { key: 'ee68301d264e0a8eec79bddc92ee1fd5f7f06d3b', class: 'p-radio' }, h("label", { key: 'd9189b5e74dd53ad56040fef040c9d16673cbfe5', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '8987d497fc944a7f362e0c8b7918e9cd424bb53b', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'd5a74bd83dc1862f3d0d3d25eea69590ce5b358d', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '33cd9b8bcb47a3a72fae3fd8a1b16ecf777072ff', class: circle({
+            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '9365092a1ef52d7e547bf9462775793e1d189b31', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: 'f4089bb4a3b8ec38963938869b2113a2d75b6e05' }))));
+            }) })), h("slot", { key: 'ede744702f9f1fa2953b59b94cc3d2bf428a8214' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SegmentContainer {
     render() {
-        return (h(Host, { key: '390c920fa2ddfb55845598d9df9564a294b296c3', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: '4bd2f7fd00f8c130f3bd669f504004b8fb42ba71' })));
+        return (h(Host, { key: 'bda5e2d5e7f7c9f0509d94cf39ff1eb215e6fd14', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: '30330b65c7294c799737b218c0ba7b33c0030396' })));
     }
     static get is() { return "p-segment-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/segment/item/segment-item.component.js

@@ -49,11 +49,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(Host, { key: 'f06e8ea8f8ab63e0f688656061e68efec6f19676', class: segmentItem({
+        return (h(Host, { key: 'eefb25484ad2a550a30816f99085af8c6617fd0f', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '1a4b2b1f197d5572fb6c3c3a0de63a0825aaaf9b', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
+            }) }, this.icon && (h("p-icon", { key: '55e8aabbcd2575920d8530a09947a73849f49fa1', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
     }
     static get is() { return "p-segment-item"; }
     static get originalStyleUrls() {

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

@@ -15,7 +15,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '90cb6d949f72915dfbfbd681e87db831442cedf7', class: smile({ variant: this.variant }) }, h("div", { key: 'f1f7a08f3379cd4e0e7bf389a65fae69d1da7c52', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
+        return (h(Host, { key: '3d2892748994e5ffe19911528c5a0015a9254c9e', class: smile({ variant: this.variant }) }, h("div", { key: 'd17cedb38bc1256692c087fc095346a7efca18f5', 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.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     render() {
-        return (h("div", { key: '08a36fd955bd6c109bcb122c3ae22589f7b682df', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '017a8a6b522ef622d05486e77f11a911bca53084', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '6ba5f31d10a9f6bfe24aefe44a92a073f481ebc1' })), h("p-divider", { key: 'c23daa183f648a32b794b39e4db04a83ea34aa73', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (h("div", { key: '4a2e2570b95ab186cdfc9455214da22f0d8e8586', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'aede988de21568e57f2da16f525dae6e01682bcb', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '939368f3230c1b3c18e391277b3a99c27a2a6854' })), h("p-divider", { key: '413e9cd32408d6b93c9822c696467e88850d45ab', class: 'absolute bottom-0 left-0 m-0 w-full' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h("div", { key: '922ec97f044554b50233a6f187aa7bd25f849bb0', class: item({ active: this.active }) }, h("slot", { key: '684026ee241b6ae6f231a9eb65709f2245789e10' })));
+        return (h("div", { key: '5b23a1e6e66054110f2fef1efd9efe378f57e226', class: item({ active: this.active }) }, h("slot", { key: '589556fe51d37d17a634a7478b49ce4a576e83fc' })));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 const container = cva('flex flex-col relative');
 export class TableContainer {
     render() {
-        return (h(Host, { key: '083aeb85646544809cf9774ced959ccf50e29815', class: container() }, h("slot", { key: '0d61250f8123f29c3292b82c13681a4e350873a9' })));
+        return (h(Host, { key: 'ec2740f70b5ccd8072c85851cb3d386d57f66776', class: container() }, h("slot", { key: 'd0a325e7049a3ce8bd25643bafc0646d5514a999' })));
     }
     static get is() { return "p-table-container"; }
     static get originalStyleUrls() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TableRowActionsContainer {
     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' }))));
     }
     static get is() { return "p-table-row-actions-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,9 +34,9 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: '1151cb77fad52b8fe80e0fc59207bbe1a6d14c98', class: container({
+        return (h("div", { key: 'f8f9fc362daa164c4be7591c1920ebe508faa557', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '9ee9fb2b4abdd7fad7c984915bc4cc2e62c61459' })));
+            }) }, h("slot", { key: '0f2ffda058016b40ffd001412bdbaf3b172f7340' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -85,11 +85,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;
-        return (h(Host, { key: 'bdb755b123c9e0db89691a7518b90bb55acafd6b', class: 'p-checkbox' }, h("label", { key: '20cf456b74f471505d860d02ba8be247058519d3', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '6ab47bef26178e13dec1830da96497f4ca64990f', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '2625f73de7266ec9a3b871eb14049ccd491ffff6', class: checkbox({
+        return (h(Host, { key: '161343f20129c88e9a89e652c9628871bc04e9a9', class: 'p-checkbox' }, h("label", { key: 'd406a2f0eca431515acac792d3ab895ed6445b1b', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '8c29a103c3b41de23a91b7291084f15f32094528', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '4cf8942fc15c279d89f23a2e6f1f2cf564bcbce2', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'eaaf77e117f47480bf6e39853d8897c345af5ebd', class: circle({
+            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'b4cd5f1b063a3847914b28fcbc3886c22b2d9c71', class: circle({
                 disabled: this.disabled,
-            }) })), h("slot", { key: '7f59c85ae96879721f29112f75d3882bd7d15540' }))));
+            }) })), h("slot", { key: 'f5d618842fca90b2e58b9cfa268b594e6e2970eb' }))));
     }
     _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: '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/collection/components/deprecated/atoms/counter/counter.component.js

@@ -9,7 +9,7 @@ export class Counter {
      */
     size = 'default';
     render() {
-        return (h(Host, { key: '743ade2abc74d6e315bafdb55f53df719f40a63c', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: '054dcbcd71ceadb49eb8347ffc86117365a0c483' })));
+        return (h(Host, { key: 'a1627a8c420d7fea23b32e2a2557fb6588898d5b', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: '3e73a0abd8a197cef2d112cac0d3f560d073a959' })));
     }
     static get is() { return "p-counter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class Layout {
      */
     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' }))));
     }
     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: '9add77758ed47e849fc05ae609df4b5d2ca1540d', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: '7c720a5583961de1bfbb98a45a9508f21f46d964', 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: '996fc0449fd6bcb1f2d92b946d64bfd24b8896c2', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: '5eeedda2f3545ee07daf3055be6f8dc9618fd896' })));
+        return (h(Host, { key: '12747e2009650f7e5e52eb439b211f222bceb5ad', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: 'ca582f23ee7e8368817bdd3b603e2c63e834e2d1' })));
     }
     _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: '022c84b7b8e3aad6aae5405966cf6d791c1f6596', class: "p-stepper-item" }, h("div", { key: '47556bc1b741a154b1c209af5047eca543f8a3b7', class: "circle" }, this.finished && h("p-icon", { key: '7d9dd4c0f565b446c73b2ecb8b1f6f48a9778ca4', variant: "checkmark" })), h("div", { key: 'cb653a07fe053ec610285ef8765c145647a0cf63', class: "content" }, h("slot", { key: '74dc2f863ea563640285709642b2a8ee6431658c', name: "content" }))));
+        return (h(Host, { key: '00b12417594b4549a7cf81325c4cc96d8f0210c2', class: "p-stepper-item" }, h("div", { key: 'd0e45b771c701974859771fa1e785bd3ee70d4ea', class: "circle" }, this.finished && h("p-icon", { key: '7b911928983e885ad0cb8b589b50491f2c9bb917', variant: "checkmark" })), h("div", { key: 'e3be25a34e07e51c39d2a45e13a8678d32327c7c', class: "content" }, h("slot", { key: '684ab813c54847a46de04d0413af98b1c438b7ab', 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: 'fcd872b4c3e302e9defb325f4c002106d61832c6', class: "p-stepper-line" });
+        return h(Host, { key: 'a74b22d5041bfeb398976db6279fab8418adf406', class: "p-stepper-line" });
     }
     static get is() { return "p-stepper-line"; }
     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: 'a2ed34f33f56c3f97d56496880c5ee50e077ebd3', class: 'p-accordion' }, h("div", { key: '43d206821608e9149f8ef93ac06c03655769c62a', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '081f53e5691bdc5b79dc048ea0b461d27b251817', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'c49e9856d9e6bb81918fe0708b01f4b03d2a2b1e', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: 'f12b21a266e3e1dde4fab249fa54667cca34133f' })), this.open && (h("div", { key: 'ea5635d1a0355bf74e21b296fa18973aba47ab67', class: 'mt-6' }, h("slot", { key: 'db8643a6fb59c3afb8181c8c7a9e175c205dbce9' })))));
+        return (h(Host, { key: 'e662bfe977c60b47ec2e624aadf227b73cfe2b1d', class: 'p-accordion' }, h("div", { key: '90f37f6be6b2a272c349340ea5e88d01cd91806f', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '6746eaaf82e912c09376c47b5a92c9553fc9a181', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ec4a89e5613b989a408ad5f7d30be198e6175437', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '87ece009aff99e1cee79887d3951abd5860da883' })), this.open && (h("div", { key: 'a4ee83b19640ace3cd642c28cce4ceb49fe8cf84', class: 'mt-6' }, h("slot", { key: '517d40fffa8d15ff3acdcf7d732ac6b4cc8236ec' })))));
     }
     _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: 'cbf8d6b989fe1962a8ddc956c5aba58a3ab55cdf', variant: 'attachment' });
+        let prefix = h("p-icon", { key: '7d60c543cb4751138d163065247a27c71f248741', variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: '2a587378b75ae17bad33dff9f91b987d51a342fb' });
+            prefix = h("p-loader", { key: '50572b2ee95d283b38ccbbdb2ce25cb52744ac26' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: '0591271393bd30ae296d264f92343d31c0fe27f5', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: 'e0cfc3e3fb09105b8c72e3173da208815ce009ab', variant: 'warning', class: 'text-negative' }));
         }
-        return (h(Host, { key: '6f93a46dbd20473b7eb35d7990b7b1e6870f81f9', class: 'p-attachment flex items-start gap-4' }, h("div", { key: '841ae5e57a805586e5746beab3deb3f8e8bd7d8d', 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: 'f653bbbcb98813010a1eeb8c600e21f81de709f0', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '54f1273823eb6a5158d77c6321c0480370e822a3' })), this.error?.length && h("p-input-error", { key: '3f6f4f960322c6ca82fe5fe7e9b374e548afef3d', error: this.error })), h("p-button", { key: 'dc52b2553604bfa853c1da2266de2696951d16d3', 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: '924de4f0d0261ce76cd339b006ae59ca8b177b53', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'acbf3bd38573feace3aa528a5480c5c18f2d839b', 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: '7cf1b78f38b0c5e1cd12d12e4ca1cb0654ac9a90', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: 'f244a0e0153ac4f7c0864ab611cb101e0db88437' })), this.error?.length && h("p-input-error", { key: '64a6e8c355d38cfdf7453849c4583f8ec7451eac', error: this.error })), h("p-button", { key: 'd6722638b5d416acbb4821d920e9349ebc614a83', 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: '5a552ade735a7f9c0e74a7fe401eb9b00d823399', class: "p-content-slider" }, h("div", { key: 'da0494409b2ccd05180f78db06ad4563c3b4b463', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: '955a37eb2c0409c6ab7329e12ce7d62e20851f82', class: "p-content-slider" }, h("div", { key: 'd9f60aa8c530dae7d70e29dbba6000848920e13d', 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: '1d93397c8e37e56f18d0db6b764d542776f1907b', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'c04880b12c6a1ae888d1cf6d43bba4b0d87468ab' }))), h("div", { key: '0e628ec13ee82b23a890699f0415addc30284a41', 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: '78cfd1ecdece726ee7f3f559a4be1a5d4ea0517d', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'add6e8e6408ce3edf0662ddf6e43a844f2a3d9eb' }))), h("div", { key: '11dfe819fd6520675e99e7d41b15cb770f86fcec', 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: '5153fce9e4b5a655e033ee3b57e02cfe9a880897', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '766771c9638445c3a0497d155f2aa3e67e7406ee', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'e2dab0a3cc09730573b5e26ec1754cfa4523d00c', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'e7acb67c622502247af7856dcec63648908e77d3', class: clsx({
+        return (h(Host, { key: 'e24538f7894f87f0a74b278cfcded8c468458b1d', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '322819276c8067200448b6b5db91c5d4b55635dc', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '425800342321a6866fe456c306cd14e41f730638', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '8c0909db63231a802bc9a095ff4d7a91733c2cb5', 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: '6880cecb9d10ccc8616c5ab1973ddba868a8708e', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'a96b2f75774f75f675b860d758ddcbd7aacd43bd', action: 'move', plain: true }))), h("div", { key: '090df4f7e2a9e66b6d11bb0c1175ab82a0356b1a', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: 'da60fd876d545d7e882f2f6b1b0eb13e81ee9214', variant: 'minus' }), h("input", { key: 'd7d60f822762b54016eebe5649a8afe3cc5eae5a', 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: '2b1db1e2ae240e44d50ea0ac4caf63c9e3e67d7a', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '98bb666ed377e4a05dcd79bf75a6bfbd0c87f357', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '800ba3ca781e8bcaadf48fc9bdb19f9a1f8e2a18', action: 'move', plain: true }))), h("div", { key: '329691f46ecb9a2fe69adc9ee52e01f99d5e5887', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '331f23998c122f21c0b5244ebf7ead26d85b5b75', variant: 'minus' }), h("input", { key: 'ba6b41da6715d42d6b39e707b6a99b5401c40272', 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: '1259a20fa5c3cae52a1dc9568329451a32706f4d', 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: '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' }))));
     }
     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: '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/collection/components/deprecated/molecules/stepper/stepper.component.js

@@ -126,7 +126,7 @@ export class Stepper {
         }
     }
     render() {
-        return (h(Host, { key: 'acc2bb47c5e302dd10fcfc3fb27063d1efbaee35', class: 'p-stepper' }, h("slot", { key: '20552e416c0db8166bda1a5291384bf0b5d93665', onSlotchange: () => this._generateStepsOnce() })));
+        return (h(Host, { key: 'b28e2468eadad29e85e2201f95c83a57e545821f', class: 'p-stepper' }, h("slot", { key: 'c6b310552a73de9351ea74ac406f876a91f3cf46', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();

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: '2e16e8ca1ff15699dcd52a8d138258689545919c' }, h("slot", { key: 'd5b262b9609d648828efd849fa4bd3950b9b0147' })));
+        return (h(Host, { key: '4dc8c030ff629d3b44072c6abd4767cc8cbe33af' }, h("slot", { key: 'adc1b43bc7454423ed39af107d87a5fda7501a11' })));
     }
     static get is() { return "p-portal"; }
     static get elementRef() { return "_el"; }