@paperless/core 2.0.1-beta.202 → 2.0.1-beta.204

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

@@ -64,7 +64,7 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (index.h("div", { key: 'e488768a3be74c93473444a3574b19727c5aa30b', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: '73a22ad675f8ce0ff293ad7c9031ad46ff469811', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: 'a53c10429ccae86d3c0eccb8ef387394236bc76b', class: 'h-inherit text-sm font-normal text-black-teal-800/60' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '5c04957bf9e61a36ebb4ec823b86f38bb9f386b7', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: '0e818a63378a4be69dfb4812d3f5070be5af4007', variant: 'negative' })))));
+        return (index.h("div", { key: 'bcd4b6f42534cd409dd5fb79d465ae8359d0b8cf', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: 'fef00d58e7904f8af8e5008ae1171070898a188a', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: '9359345feba09fa0e2cdc0bea706e76bf667f637', class: 'h-inherit text-sm font-normal text-black-teal-800/60' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '36907fc05ee846257782f94a002356a38cc0be12', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: '2a2d24503148b8414f277cd790e605cd974bdb7d', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

@@ -18,7 +18,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (index.h(index.Host, { key: '52de9c1778aa14253d79f84d2d883c57a43d23ba', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '531ae1ce00e1a1def89bed958ea6773721474c90', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '5eb4ab0f60fe7ec4428f714f9ca9df3ce0bb60cf', class: 'inner-content' }, index.h("slot", { key: '21680743aed9aa1bdeadfd85f501796fe40a5bbc', name: 'content' }))), index.h("div", { key: '31b24b144dcb8bd83463ee58a9bbe43c1fd20453', class: 'sidebar' }, index.h("slot", { key: '52a20a7ba01407a0e4ac7c228802d957f9630972', name: 'sidebar' })), index.h("div", { key: '6668181694a12d75db32117137467fa689e97842', class: 'topbar' }, index.h("slot", { key: '9b65f8c330d1c47936894097d8c5e1c764ec6c69', name: 'topbar' }))));
+        return (index.h(index.Host, { key: '474e15f4a31bb55b23ec6ff9523d52d82c7557b7', class: `p-layout variant-${this.variant}` }, index.h("div", { key: 'f42d06e51d86e3615e62bc115bb1fd4fee67ebe6', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '6b81f38faccb243e97eebf8c44719268313ed58f', class: 'inner-content' }, index.h("slot", { key: 'b316c8a854c3a2b0a7ff9b78828e994747731cc5', name: 'content' }))), index.h("div", { key: '2ca8750d8359c1fb05f0525e3f045ad68a924788', class: 'sidebar' }, index.h("slot", { key: '9161738a1e83ae018a8051ff81af94079d380fcf', name: 'sidebar' })), index.h("div", { key: '1af5a35f2a252664fa35a2681edeaa6e4fc2c67d', class: 'topbar' }, index.h("slot", { key: '2d979b72b4bed4d5acb405bcd462f9869cd55aba', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;

package/dist/cjs/p-listing-item.cjs.entry.js

@@ -13,7 +13,7 @@ const ListingItem = class {
      */
     icon = 'placeholder';
     render() {
-        return (index.h("div", { key: 'cb62b50b7c7de5c4e06be9f2fb58e08ae8149506', class: 'flex items-center  gap-2 text-black-teal' }, index.h("p-icon", { key: '7474202b76f38e0b0c2acce13014834f8d824490', variant: this.icon }), index.h("div", { key: '3aabba7a320f54ba7ebb366ecbbdaaa0e6d14822', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, index.h("slot", { key: 'c5adfe7f9ce4b65d3d34bba00b01144cf319a3bb' }))));
+        return (index.h("div", { key: '7282061329b002e0c8344da853f05c02be827ba5', class: 'flex items-center  gap-2 text-black-teal' }, index.h("p-icon", { key: 'f092a9c094c58a1878d5a16338b5a671d11e3613', variant: this.icon }), index.h("div", { key: '7d62d8119bab472feab22ed99ffec89a5bedf599', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, index.h("slot", { key: 'b91dd51ca012ca65cbc2d094c97743f7c7c3de82' }))));
     }
 };
 ListingItem.style = listingItemComponentCss;

package/dist/cjs/p-listing-line.cjs.entry.js

@@ -9,7 +9,7 @@ const ListingLine = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '55e469f24f721165a2e50ca99b704fc836b72ac7' });
+        return index.h(index.Host, { key: '79a67747ee120dbd786e5a21e11cbd24c573bfa9' });
     }
 };
 ListingLine.style = listingLineComponentCss;

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

@@ -32,10 +32,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (index.h("div", { key: 'f3633650995f9eeaa51bf09d84bd0ae8b56a9897', class: body({
+        return (index.h("div", { key: 'e6002a4e648d6250aeb607c4049241a4aa851c9d', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, index.h("slot", { key: '54847f6f3df55bbfbb10a9dbf8a3f835e1ca9a43' })));
+            }) }, index.h("slot", { key: '842b81747e523a69e73c08676807417d72e93cfc' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
@@ -76,10 +76,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (index.h("div", { key: 'b5a4fc9c9b0eb1241b6151ff23e27ec19aebbb1a', class: container({
+        return (index.h("div", { key: '75eea6706f2a3c3181ce467f215cdc2beb5cc6b6', class: container({
                 size: this.size,
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '4b87e4513772413b771b259196a863dbf95899dc' })));
+            }) }, index.h("slot", { key: '9303c1ff29901be1ed6276a7b8064fa1997f7f21' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -91,7 +91,7 @@ const ModalFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '63c99b91ff3ac842cf70b042acd1683ece518397', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, index.h("p-divider", { key: '8c96a057811a765ac2a02d5b0ae73641e34555c6', class: 'mb-4 hidden desktop-xs:inline-block' }), index.h("div", { key: 'ccffc1fc9a447e4309eb67782e36bfca5d4bdb4f', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, index.h("slot", { key: 'ab3a0d0ccccb8fab481dc9cf5afd3c55f3f621fa' }))));
+        return (index.h("div", { key: '920b729ad6eb28f740fb6b1f6a573dce8315d9a7', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, index.h("p-divider", { key: 'fff9bbe0c4b7a24d7c545f69f5ff06fd9f8ea88d', class: 'mb-4 hidden desktop-xs:inline-block' }), index.h("div", { key: '1058fbd2f44470c0b28029ae5962b7c8477658e1', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, index.h("slot", { key: '804b59f666a51e894e6a9c5c0b8d51770350f17c' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -123,7 +123,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h("div", { key: '53a74aa716b75264dd188894a8e16adc0974bc91', class: header() }, index.h("div", { key: 'd8ca516672c3990fa2609905f7d9bf5b896bd257', class: content() }, index.h("div", { key: '13c0755d3ad18312a2bb92e6cf35debf0da45495', class: title() }, index.h("slot", { key: '8b3a825f3b018f20085e344e4a060a528c97f178' })), this.showClose && (index.h("p-button", { key: 'c3aba3816afd3ad0db98dd88eb6d287ff0c854c4', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: '084f64a7ec9180842c800df9aaab404abbe5a73b' })));
+        return (index.h("div", { key: '41ca05ad15b6b0b077708bad33be8b231bf6bd43', class: header() }, index.h("div", { key: '28b908173cf3404a4eeb1173ffd115452ed64c1c', class: content() }, index.h("div", { key: '4f0e2641e96eca34dfe1df4bbfaa8e633c04c375', class: title() }, index.h("slot", { key: 'ba8e57293ede82f79ade21485ebe96bb2bc23b4a' })), this.showClose && (index.h("p-button", { key: 'dc7b397fbee7be83c9072094276cd84ec71f2f4a', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: '8cc7b5b9e75caba8876818510013aa4b9a8d00d9' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

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

@@ -9,7 +9,7 @@ const NavigationTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '914d30c436417cbc6b1b17fdcfb4c29e17bbab8f', class: 'text-xs font-medium text-black-teal-300' }, index.h("slot", { key: 'ec399961f23b4f2eea43a1a735f8b8d3dff87f90' })));
+        return (index.h(index.Host, { key: 'c27ee441faa038c96fde82b172e324a4f71d91dd', class: 'text-xs font-medium text-black-teal-300' }, index.h("slot", { key: 'adbd8a040f4bcf931202fc0d1ddd5e0f1af153bd' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;

package/dist/cjs/p-pagination-pages-item.cjs.entry.js

@@ -87,12 +87,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (index.h("div", { key: 'd2ddc83418972b3951700d51ad5410f9278b89a9', class: item({
+        return (index.h("div", { key: '51988da1f3003ae631bd115cb008986d73dcba2c', class: item({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active),
                 hover: asBoolean.asBoolean(this.hover, true),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, index.h("slot", { key: 'f3ab99505a24bdd18c0ced99e7b46f7ecf095d2c' })));
+            }) }, index.h("slot", { key: 'e7c9c66e9b8be2f5c5a5563899c483c9579cf310' })));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss;

package/dist/cjs/p-radio.cjs.entry.js

@@ -107,11 +107,11 @@ const Radio = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h("label", { key: '7439d96ddd646855324e16b14bfadaa420f88fed', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: 'daa2554bd42d8c94268bc2286d561489bc30a69e', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'c88efae0d851222483f2328047d3475a17356c65', class: radio({
+        return (index.h("label", { key: '2df58bb68a850f238ffa1a1a6eea5fa564cf5a40', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: '80a8e24e28f80d35ee6ad4dbd8ce52785b3baf09', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '6d3e43e473a10b86a331dccee9905d2fda7d487d', class: radio({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'd52907e9ea87ae222ee39a8a77c3024f004984bf', class: circle({
+            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'f0dc8f2aaca96a9efc41f801f93c199e58cb39ca', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) })), index.h("slot", { key: '2561241c3cfd9cd8d96286b1c287e780046b66d7' })));
+            }) })), index.h("slot", { key: 'a177cd1e6807f6124a1424dc8a67e5c7d480c0f0' })));
     }
     _onChange(ev) {
         if (asBoolean.asBoolean(this.disabled)) {

package/dist/cjs/p-smile.cjs.entry.js

@@ -51,7 +51,7 @@ const Smile = class {
      */
     variant = 'modal';
     render() {
-        return (index.h(index.Host, { key: 'ded4e086aa39913728bcd845c96b5d0b3e88e189', class: smile({ variant: this.variant }) }, index.h("div", { key: '45281fc62a393e6db9e9d36bfee790dc8e5c3a1e', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (index.h(index.Host, { key: '31b0620527b6668a8cd854c167a42881a18f4304', class: smile({ variant: this.variant }) }, index.h("div", { key: 'bd63d3574e87788cf408c5193c65b31934af6db0', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
 };
 Smile.style = smileComponentCss;

package/dist/cjs/p-stepper-item_2.cjs.entry.js

@@ -121,17 +121,17 @@ const StepperItem = class {
      */
     active = false;
     render() {
-        return (index.h("div", { key: 'c22963045d15227d31c0b357e82e3287bf67bcb7', class: item({
+        return (index.h("div", { key: 'c58e6035cf97eef91570ac4c614d888ca887d528', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, index.h("div", { key: '3d4d928bc7437f1c3e2e377fd0bab2dbc2015c8e', class: circle({
+            }) }, index.h("div", { key: 'd204648a2e9f79ff3e4d02d8264517e24b626210', class: circle({
                 active: asBoolean.asBoolean(this.active),
                 finished: asBoolean.asBoolean(this.finished),
-            }) }, this.number), index.h("div", { key: 'b03768ce647150b2ef04cc66ef2c0e9e9cc2d550', class: content({
+            }) }, this.number), index.h("div", { key: '320ee166c3959a577f570808a356b77a7ebcbff1', class: content({
                 active: asBoolean.asBoolean(this.active),
                 finished: asBoolean.asBoolean(this.finished),
                 direction: this.direction,
-            }) }, index.h("slot", { key: 'a30d4d31270881990f0d056468ab8a6397d20079' }))));
+            }) }, index.h("slot", { key: 'b36bdcd1509acf07ce565731f4ba6968dc28fdc2' }))));
     }
 };
 StepperItem.style = stepperItemComponentCss;
@@ -151,7 +151,7 @@ const StepperLine = class {
      */
     direction = 'horizontal';
     render() {
-        return index.h(index.Host, { key: '7cd8e08e1ac07b570f3b6c1081b38abcfa028656' });
+        return index.h(index.Host, { key: 'ed7c0fb95a8d2cc4e50b3d7b99cd51e354b3a8fc' });
     }
 };
 StepperLine.style = stepperLineComponentCss;

package/dist/cjs/p-tab-container.cjs.entry.js

@@ -9,7 +9,7 @@ const TabContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'f1f56cc0bdb9388606342f1dacecb7b7a80843ff', class: 'relative flex h-8 w-full flex-col' }, index.h("div", { key: 'fed8692300a689af9b0ae736fb0d8d3ad2862141', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, index.h("slot", { key: '458cda7ca75aee5c152a744e8766b4026ffddc86' })), index.h("p-divider", { key: 'ea99e1aa6bfcc5f3046a04096769e3432c96fc8b', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (index.h("div", { key: '4d2383fd0752b7dc7b334e52d91a8ebd7cae6c71', class: 'relative flex h-8 w-full flex-col' }, index.h("div", { key: '6dcb1f98ae9f1691da7c5b8df388cdad82795c94', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, index.h("slot", { key: 'c0d776c3bbc58f86407d370fad4f294168af7b44' })), index.h("p-divider", { key: 'e4bf504ad0a4eba3a02d0034527e13a62bdfa6b2', class: 'absolute bottom-0 left-0 m-0 w-full' })));
     }
 };
 TabContainer.style = tabContainerComponentCss;

package/dist/cjs/p-tab-item.cjs.entry.js

@@ -27,7 +27,7 @@ const TabItem = class {
      */
     active = false;
     render() {
-        return (index.h("div", { key: 'c67578afaa3848c45aa5fd360b2f8a57b64da974', class: item({ active: this.active }) }, index.h("slot", { key: '60e0511415ddd16c5067b3c07a5e44242a81cb45' })));
+        return (index.h("div", { key: '3e9e4cd3115e3ec666dc3cad67eaf161cd7bbfe7', class: item({ active: this.active }) }, index.h("slot", { key: '5eb55060062419f666a71429573217aaf900aa3e' })));
     }
 };
 TabItem.style = tabItemComponentCss;

package/dist/cjs/p-toast-container.cjs.entry.js

@@ -43,9 +43,9 @@ const ToastContainer = class {
      */
     placement = 'top-end';
     render() {
-        return (index.h("div", { key: 'c2a58ba7ab56753d8951f070c6c673448e568215', class: container({
+        return (index.h("div", { key: '6f308ab22f675823c930d42c17483ce969bcb3fb', class: container({
                 placement: this.placement,
-            }) }, index.h("slot", { key: '97f7eff5fe6e6306f426102a19dc44489bcfbee0' })));
+            }) }, index.h("slot", { key: 'd879fab252f0d27b283615889c0419f85dc8f7d3' })));
     }
 };
 ToastContainer.style = toastContainerComponentCss;

package/dist/cjs/p-toggle.cjs.entry.js

@@ -105,11 +105,11 @@ const Toggle = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h("label", { key: 'eaf772e49fc304b630bd338ac1b2c7c7f234215b', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: '93e56db81b0a47dd5eeccd2bcc4c28501d206221', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: '76c598407d56ecf6519a0f3bb672c3099c7d710e', class: toggle({
+        return (index.h("label", { key: '3c452b7dbb4275ebb66c1d1bcc729a3a2b87c0d6', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: 'b7ab71a4a62d0de03a24f88452822ceff561bccd', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: '31bc9fa1ffa15a745efeb2e387032a7f3aa5017a', class: toggle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '7c7c4399893fe8788e7b41d9b1c31c12fcfbfbd2', class: circle({
+            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'a7887ab023773b18065c7b30afdfb4f23fa9afaa', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) })), index.h("slot", { key: 'cc201f1b1420a452a9f0efb24c451de742f9fd32' })));
+            }) })), index.h("slot", { key: '8b4eff90e6e9b1fadc71ae5d2c39f4d690005b1c' })));
     }
     _onChange(ev) {
         if (asBoolean.asBoolean(this.disabled)) {

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

@@ -1 +1 @@
-*{box-sizing:border-box}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}
+.inline-flex{display:inline-flex!important}.h-\[0\.875rem\]{height:.875rem!important}.w-\[0\.875rem\]{width:.875rem!important}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.absolute{position:absolute!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}

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

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class Helper {
     /**
      * The strategy of the popover placement
@@ -9,7 +9,7 @@ export class Helper {
      */
     placement = 'top';
     render() {
-        return (h("p-tooltip", { key: '4aa5704b97a9f3a564f8ff65e7087604f16977b1', placement: this.placement, strategy: this.strategy }, h("div", { key: '61702004a82e3c224a51396a90121c49cb1bbc92', slot: 'content' }, h("slot", { key: '8281dd5311493231648741515fb139c278aa3bd9' })), h("p-icon", { key: '767162e0b2e58faaf53b0659ebfee196b5eca996', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' })));
+        return (h(Host, { key: '38e2ec25bf65962a1097b6d461a7562a71322357' }, h("p-tooltip", { key: '03d9006f431ecb0314915ea667bf9f5c081b0d14', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '9be75c3c4780f269f50d6fa027399657b406c91d', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }), h("div", { key: '46f40a2549521f729aaa471148e181d6dc22a1b6', slot: 'content' }, h("slot", { key: '66171ec51f02f6281872d3f142ad04c490f5d5fa' })))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,QAAQ,GAAa,UAAU,CAAC;IAExC;;OAEG;IACK,SAAS,GAAc,KAAK,CAAC;IAErC,MAAM;QACL,OAAO,CACN,kEACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAEvB,4DAAK,IAAI,EAAC,SAAS;gBAClB,8DAAQ,CACH;YAEN,+DACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,0DAA0D,EAChE,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,GACb,CACS,CACZ,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<p-tooltip\n\t\t\t\tplacement={this.placement}\n\t\t\t\tstrategy={this.strategy}\n\t\t\t>\n\t\t\t\t<div slot='content'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<p-icon\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t</p-tooltip>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,QAAQ,GAAa,UAAU,CAAC;IAExC;;OAEG;IACK,SAAS,GAAc,KAAK,CAAC;IAErC,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,kEACC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAEvB,+DACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,0DAA0D,EAChE,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,GACb;gBAEF,4DAAK,IAAI,EAAC,SAAS;oBAClB,8DAAQ,CACH,CACK,CACN,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='flex'\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/icon/icon.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}:host{display:inline-flex}.static{position:static!important}.inline-flex{display:inline-flex!important}.scale-\[0\.9999\]{--tw-scale-x:0.9999!important;--tw-scale-y:0.9999!important}.scale-\[0\.9999\],.scale-x-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}
+*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important;display:inline-flex}.static{position:static!important}.inline-flex{display:inline-flex!important}.scale-\[0\.9999\]{--tw-scale-x:0.9999!important;--tw-scale-y:0.9999!important}.scale-\[0\.9999\],.scale-x-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}

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: 'e488768a3be74c93473444a3574b19727c5aa30b', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '73a22ad675f8ce0ff293ad7c9031ad46ff469811', 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: 'a53c10429ccae86d3c0eccb8ef387394236bc76b', class: 'h-inherit text-sm font-normal text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '5c04957bf9e61a36ebb4ec823b86f38bb9f386b7', class: close(), onClick: () => this._close() }, h("p-icon", { key: '0e818a63378a4be69dfb4812d3f5070be5af4007', variant: 'negative' })))));
+        return (h("div", { key: 'bcd4b6f42534cd409dd5fb79d465ae8359d0b8cf', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'fef00d58e7904f8af8e5008ae1171070898a188a', 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: '9359345feba09fa0e2cdc0bea706e76bf667f637', class: 'h-inherit text-sm font-normal text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '36907fc05ee846257782f94a002356a38cc0be12', class: close(), onClick: () => this._close() }, h("p-icon", { key: '2a2d24503148b8414f277cd790e605cd974bdb7d', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

@@ -9,7 +9,7 @@ export class Layout {
      */
     scroll;
     render() {
-        return (h(Host, { key: '52de9c1778aa14253d79f84d2d883c57a43d23ba', class: `p-layout variant-${this.variant}` }, h("div", { key: '531ae1ce00e1a1def89bed958ea6773721474c90', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '5eb4ab0f60fe7ec4428f714f9ca9df3ce0bb60cf', class: 'inner-content' }, h("slot", { key: '21680743aed9aa1bdeadfd85f501796fe40a5bbc', name: 'content' }))), h("div", { key: '31b24b144dcb8bd83463ee58a9bbe43c1fd20453', class: 'sidebar' }, h("slot", { key: '52a20a7ba01407a0e4ac7c228802d957f9630972', name: 'sidebar' })), h("div", { key: '6668181694a12d75db32117137467fa689e97842', class: 'topbar' }, h("slot", { key: '9b65f8c330d1c47936894097d8c5e1c764ec6c69', name: 'topbar' }))));
+        return (h(Host, { key: '474e15f4a31bb55b23ec6ff9523d52d82c7557b7', class: `p-layout variant-${this.variant}` }, h("div", { key: 'f42d06e51d86e3615e62bc115bb1fd4fee67ebe6', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '6b81f38faccb243e97eebf8c44719268313ed58f', class: 'inner-content' }, h("slot", { key: 'b316c8a854c3a2b0a7ff9b78828e994747731cc5', name: 'content' }))), h("div", { key: '2ca8750d8359c1fb05f0525e3f045ad68a924788', class: 'sidebar' }, h("slot", { key: '9161738a1e83ae018a8051ff81af94079d380fcf', name: 'sidebar' })), h("div", { key: '1af5a35f2a252664fa35a2681edeaa6e4fc2c67d', class: 'topbar' }, h("slot", { key: '2d979b72b4bed4d5acb405bcd462f9869cd55aba', name: 'topbar' }))));
     }
     static get is() { return "p-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class ListingItem {
      */
     icon = 'placeholder';
     render() {
-        return (h("div", { key: 'cb62b50b7c7de5c4e06be9f2fb58e08ae8149506', class: 'flex items-center  gap-2 text-black-teal' }, h("p-icon", { key: '7474202b76f38e0b0c2acce13014834f8d824490', variant: this.icon }), h("div", { key: '3aabba7a320f54ba7ebb366ecbbdaaa0e6d14822', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: 'c5adfe7f9ce4b65d3d34bba00b01144cf319a3bb' }))));
+        return (h("div", { key: '7282061329b002e0c8344da853f05c02be827ba5', class: 'flex items-center  gap-2 text-black-teal' }, h("p-icon", { key: 'f092a9c094c58a1878d5a16338b5a671d11e3613', variant: this.icon }), h("div", { key: '7d62d8119bab472feab22ed99ffec89a5bedf599', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: 'b91dd51ca012ca65cbc2d094c97743f7c7c3de82' }))));
     }
     static get is() { return "p-listing-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/listing/line/listing-line.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ListingLine {
     render() {
-        return h(Host, { key: '55e469f24f721165a2e50ca99b704fc836b72ac7' });
+        return h(Host, { key: '79a67747ee120dbd786e5a21e11cbd24c573bfa9' });
     }
     static get is() { return "p-listing-line"; }
     static get encapsulation() { return "shadow"; }

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: 'f3633650995f9eeaa51bf09d84bd0ae8b56a9897', class: body({
+        return (h("div", { key: 'e6002a4e648d6250aeb607c4049241a4aa851c9d', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: '54847f6f3df55bbfbb10a9dbf8a3f835e1ca9a43' })));
+            }) }, h("slot", { key: '842b81747e523a69e73c08676807417d72e93cfc' })));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,10 +32,10 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h("div", { key: 'b5a4fc9c9b0eb1241b6151ff23e27ec19aebbb1a', class: container({
+        return (h("div", { key: '75eea6706f2a3c3181ce467f215cdc2beb5cc6b6', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '4b87e4513772413b771b259196a863dbf95899dc' })));
+            }) }, h("slot", { key: '9303c1ff29901be1ed6276a7b8064fa1997f7f21' })));
     }
     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: '63c99b91ff3ac842cf70b042acd1683ece518397', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, h("p-divider", { key: '8c96a057811a765ac2a02d5b0ae73641e34555c6', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: 'ccffc1fc9a447e4309eb67782e36bfca5d4bdb4f', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'ab3a0d0ccccb8fab481dc9cf5afd3c55f3f621fa' }))));
+        return (h("div", { key: '920b729ad6eb28f740fb6b1f6a573dce8315d9a7', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'fff9bbe0c4b7a24d7c545f69f5ff06fd9f8ea88d', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '1058fbd2f44470c0b28029ae5962b7c8477658e1', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '804b59f666a51e894e6a9c5c0b8d51770350f17c' }))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h("div", { key: '53a74aa716b75264dd188894a8e16adc0974bc91', class: header() }, h("div", { key: 'd8ca516672c3990fa2609905f7d9bf5b896bd257', class: content() }, h("div", { key: '13c0755d3ad18312a2bb92e6cf35debf0da45495', class: title() }, h("slot", { key: '8b3a825f3b018f20085e344e4a060a528c97f178' })), this.showClose && (h("p-button", { key: 'c3aba3816afd3ad0db98dd88eb6d287ff0c854c4', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '084f64a7ec9180842c800df9aaab404abbe5a73b' })));
+        return (h("div", { key: '41ca05ad15b6b0b077708bad33be8b231bf6bd43', class: header() }, h("div", { key: '28b908173cf3404a4eeb1173ffd115452ed64c1c', class: content() }, h("div", { key: '4f0e2641e96eca34dfe1df4bbfaa8e633c04c375', class: title() }, h("slot", { key: 'ba8e57293ede82f79ade21485ebe96bb2bc23b4a' })), this.showClose && (h("p-button", { key: 'dc7b397fbee7be83c9072094276cd84ec71f2f4a', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '8cc7b5b9e75caba8876818510013aa4b9a8d00d9' })));
     }
     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: '914d30c436417cbc6b1b17fdcfb4c29e17bbab8f', class: 'text-xs font-medium text-black-teal-300' }, h("slot", { key: 'ec399961f23b4f2eea43a1a735f8b8d3dff87f90' })));
+        return (h(Host, { key: 'c27ee441faa038c96fde82b172e324a4f71d91dd', class: 'text-xs font-medium text-black-teal-300' }, h("slot", { key: 'adbd8a040f4bcf931202fc0d1ddd5e0f1af153bd' })));
     }
     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

@@ -78,12 +78,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h("div", { key: 'd2ddc83418972b3951700d51ad5410f9278b89a9', class: item({
+        return (h("div", { key: '51988da1f3003ae631bd115cb008986d73dcba2c', class: item({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: 'f3ab99505a24bdd18c0ced99e7b46f7ecf095d2c' })));
+            }) }, h("slot", { key: 'e7c9c66e9b8be2f5c5a5563899c483c9579cf310' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,11 +90,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h("label", { key: '7439d96ddd646855324e16b14bfadaa420f88fed', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'daa2554bd42d8c94268bc2286d561489bc30a69e', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c88efae0d851222483f2328047d3475a17356c65', class: radio({
+        return (h("label", { key: '2df58bb68a850f238ffa1a1a6eea5fa564cf5a40', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '80a8e24e28f80d35ee6ad4dbd8ce52785b3baf09', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '6d3e43e473a10b86a331dccee9905d2fda7d487d', 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: 'd52907e9ea87ae222ee39a8a77c3024f004984bf', 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: 'f0dc8f2aaca96a9efc41f801f93c199e58cb39ca', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: '2561241c3cfd9cd8d96286b1c287e780046b66d7' })));
+            }) })), h("slot", { key: 'a177cd1e6807f6124a1424dc8a67e5c7d480c0f0' })));
     }
     _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: '6b564511a5ae1ccb9fd02063df754fef4d872c20', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: '672325ef686dc5565ad309d7eb9d8007c6864f78' })));
+        return (h(Host, { key: '1af9683c88bb6bdd08f2d2b4672595dacdb74e8e', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'e5e0414f3b506eb22b5201ec53b23d009827d60b' })));
     }
     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: 'c0c545e77f98762114db24e267b54c24254f628a', class: segmentItem({
+        return (h(Host, { key: '1a014eccb9841084bafd379353713974595572a0', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'fc5866c695d2eb0e18e69a0f919621c9df2ce782', 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: '388312732d2b67cb359921bdb6d3b7efe4669f9c', 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

@@ -37,7 +37,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: 'ded4e086aa39913728bcd845c96b5d0b3e88e189', class: smile({ variant: this.variant }) }, h("div", { key: '45281fc62a393e6db9e9d36bfee790dc8e5c3a1e', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: '31b0620527b6668a8cd854c167a42881a18f4304', class: smile({ variant: this.variant }) }, h("div", { key: 'bd63d3574e87788cf408c5193c65b31934af6db0', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

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

@@ -112,17 +112,17 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h("div", { key: 'c22963045d15227d31c0b357e82e3287bf67bcb7', class: item({
+        return (h("div", { key: 'c58e6035cf97eef91570ac4c614d888ca887d528', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '3d4d928bc7437f1c3e2e377fd0bab2dbc2015c8e', class: circle({
+            }) }, h("div", { key: 'd204648a2e9f79ff3e4d02d8264517e24b626210', class: circle({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: 'b03768ce647150b2ef04cc66ef2c0e9e9cc2d550', class: content({
+            }) }, this.number), h("div", { key: '320ee166c3959a577f570808a356b77a7ebcbff1', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: 'a30d4d31270881990f0d056468ab8a6397d20079' }))));
+            }) }, h("slot", { key: 'b36bdcd1509acf07ce565731f4ba6968dc28fdc2' }))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

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

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

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: 'f1f56cc0bdb9388606342f1dacecb7b7a80843ff', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'fed8692300a689af9b0ae736fb0d8d3ad2862141', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '458cda7ca75aee5c152a744e8766b4026ffddc86' })), h("p-divider", { key: 'ea99e1aa6bfcc5f3046a04096769e3432c96fc8b', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (h("div", { key: '4d2383fd0752b7dc7b334e52d91a8ebd7cae6c71', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '6dcb1f98ae9f1691da7c5b8df388cdad82795c94', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: 'c0d776c3bbc58f86407d370fad4f294168af7b44' })), h("p-divider", { key: 'e4bf504ad0a4eba3a02d0034527e13a62bdfa6b2', 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: 'c67578afaa3848c45aa5fd360b2f8a57b64da974', class: item({ active: this.active }) }, h("slot", { key: '60e0511415ddd16c5067b3c07a5e44242a81cb45' })));
+        return (h("div", { key: '3e9e4cd3115e3ec666dc3cad67eaf161cd7bbfe7', class: item({ active: this.active }) }, h("slot", { key: '5eb55060062419f666a71429573217aaf900aa3e' })));
     }
     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: 'fa551adb704d9df803ba43f5f5bae467d02e3baa', class: container() }, h("slot", { key: '25555eab6d61f571dfaf5cae6994afccebaf5498' })));
+        return (h(Host, { key: '109dfb4af2b1496897bb359501376bb7849caa39', class: container() }, h("slot", { key: '0f9f85308de1ca2ea70cc695170f034a5cb5354f' })));
     }
     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: 'ca5414b3d9f76bcc3f8d076fac1510f30414e9d1', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '549631cee615fde6d543642fd7e93dd87ec1bacf', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: '751890c1ef58d93d227a54e06facbe08b64e9bb1' }))));
+        return (h("div", { key: '977729a414f8d7a48ba2de5ab5811b4a05226222', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: 'be5a0aedbcaed36d0de88579407348484eeee4ee', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: 'ba307f45bae49b7ad2dc6b594fb42604d5f8a444' }))));
     }
     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: 'c2a58ba7ab56753d8951f070c6c673448e568215', class: container({
+        return (h("div", { key: '6f308ab22f675823c930d42c17483ce969bcb3fb', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '97f7eff5fe6e6306f426102a19dc44489bcfbee0' })));
+            }) }, h("slot", { key: 'd879fab252f0d27b283615889c0419f85dc8f7d3' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,11 +87,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h("label", { key: 'eaf772e49fc304b630bd338ac1b2c7c7f234215b', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '93e56db81b0a47dd5eeccd2bcc4c28501d206221', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '76c598407d56ecf6519a0f3bb672c3099c7d710e', class: toggle({
+        return (h("label", { key: '3c452b7dbb4275ebb66c1d1bcc729a3a2b87c0d6', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'b7ab71a4a62d0de03a24f88452822ceff561bccd', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '31bc9fa1ffa15a745efeb2e387032a7f3aa5017a', class: toggle({
                 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: '7c7c4399893fe8788e7b41d9b1c31c12fcfbfbd2', 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: 'a7887ab023773b18065c7b30afdfb4f23fa9afaa', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: 'cc201f1b1420a452a9f0efb24c451de742f9fd32' })));
+            }) })), h("slot", { key: '8b4eff90e6e9b1fadc71ae5d2c39f4d690005b1c' })));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -1 +1 @@
-*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\[2px\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\[14\.5rem\]{max-width:14.5rem!important}.max-w-\[18rem\]{max-width:18rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}
+.relative{position:relative!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.max-w-full{max-width:100%!important}*{box-sizing:border-box}:host{cursor:pointer;height:inherit;max-width:100%;position:relative;width:inherit}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-\[2px\]{width:2px!important}.w-full{width:100%!important}.w-max{width:max-content!important}.max-w-\[14\.5rem\]{max-width:14.5rem!important}.max-w-\[18rem\]{max-width:18rem!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}