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

package/dist/components/p-label.js

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

package/dist/components/p-layout.js

@@ -18,7 +18,7 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends H {
      */
     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 style() { return layoutComponentCss; }
 }, [1, "p-layout", {

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

@@ -1,4 +1,4 @@
-import { M as ModalBody, d as defineCustomElement$1 } from './p-DTELven3.js';
+import { M as ModalBody, d as defineCustomElement$1 } from './p-BwFkgAPO.js';
 
 const PModalBody = ModalBody;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalContainer, d as defineCustomElement$1 } from './p-BxKs3UTG.js';
+import { M as ModalContainer, d as defineCustomElement$1 } from './p-Dhj0ynsI.js';
 
 const PModalContainer = ModalContainer;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalFooter, d as defineCustomElement$1 } from './p-DmWJltGE.js';
+import { M as ModalFooter, d as defineCustomElement$1 } from './p-Dk6UwJSA.js';
 
 const PModalFooter = ModalFooter;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalHeader, d as defineCustomElement$1 } from './p-ZiTaSiM1.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-C3gEbkrr.js';
 
 const PModalHeader = ModalHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal.js

@@ -4,11 +4,11 @@ import { d as defineCustomElement$a } from './p-N1Pv54zG.js';
 import { d as defineCustomElement$9 } from './p-CEoo55FK.js';
 import { d as defineCustomElement$8 } from './p-CQcp92mr.js';
 import { d as defineCustomElement$7 } from './p-D8NwpELS.js';
-import { d as defineCustomElement$6 } from './p-DTELven3.js';
-import { d as defineCustomElement$5 } from './p-BxKs3UTG.js';
-import { d as defineCustomElement$4 } from './p-DmWJltGE.js';
-import { d as defineCustomElement$3 } from './p-ZiTaSiM1.js';
-import { d as defineCustomElement$2 } from './p-DVg35gx9.js';
+import { d as defineCustomElement$6 } from './p-BwFkgAPO.js';
+import { d as defineCustomElement$5 } from './p-Dhj0ynsI.js';
+import { d as defineCustomElement$4 } from './p-Dk6UwJSA.js';
+import { d as defineCustomElement$3 } from './p-C3gEbkrr.js';
+import { d as defineCustomElement$2 } from './p-OpZXFNRZ.js';
 
 const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     constructor() {

package/dist/components/p-navbar.js

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

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

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

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-CcHNSmM6.js';
+import { d as defineCustomElement$2 } from './p-D82K4OiU.js';
 
 const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
 
@@ -13,7 +13,7 @@ const NavigationSection = /*@__PURE__*/ proxyCustomElement(class NavigationSecti
      */
     header;
     render() {
-        return (h(Host, { key: '1f274ccfba30257f75286708f56c481158f1c3b7', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '8dfe8d8c598b3489758813f43a474662b641dfdf' }, this.header)), h("div", { key: '849cc30c7c244296970fcd8a6ea0a97775b6db72', class: 'flex flex-col' }, h("slot", { key: '55644e12261090dc75391f5306ac22f4711ad902' }))));
+        return (h(Host, { key: '2d6be2c8ff3ded760dfa38814d41798e34e668bd', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '811de7004feeb785fb30bdff062e150c1733bc0f' }, this.header)), h("div", { key: '97c9e1701288c4a4e56205800eafc0638ef5252c', class: 'flex flex-col' }, h("slot", { key: '5a11e97a2c4c38393c625e626665572aea79d106' }))));
     }
     static get style() { return navigationSectionComponentCss; }
 }, [4, "p-navigation-section", {

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

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

package/dist/components/{p-CZqz-QUW.js → p-nfMD63_1.js}

@@ -17,7 +17,7 @@ const StepperLine = /*@__PURE__*/ proxyCustomElement(class StepperLine extends H
      */
     direction = 'horizontal';
     render() {
-        return h(Host, { key: 'fcd872b4c3e302e9defb325f4c002106d61832c6', class: "p-stepper-line" });
+        return h(Host, { key: 'a74b22d5041bfeb398976db6279fab8418adf406', class: "p-stepper-line" });
     }
     static get style() { return stepperLineComponentCss; }
 }, [1, "p-stepper-line", {
@@ -40,6 +40,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { StepperLine as S, defineCustomElement as d };
-//# sourceMappingURL=p-CZqz-QUW.js.map
+//# sourceMappingURL=p-nfMD63_1.js.map
 
-//# sourceMappingURL=p-CZqz-QUW.js.map
+//# sourceMappingURL=p-nfMD63_1.js.map

package/dist/components/{p-CZqz-QUW.js.map → p-nfMD63_1.js.map}

@@ -1 +1 @@
-{"file":"p-CZqz-QUW.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,qzCAAqzC;;MCOx0C,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,MAAM,GAAY,KAAK;AAEhD;;AAEG;IACsB,SAAS,GACjC,YAAY;IAEb,MAAM,GAAA;AACL,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,gBAAgB,GAAQ;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/line/stepper-line.component.scss?tag=p-stepper-line&encapsulation=shadow","src/components/deprecated/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-mystic-dark;\n}\n\n:host([direction='horizontal']) {\n\t@apply mb-[calc(.5rem-1px)] h-[2px];\n}\n\n:host([direction='vertical']) {\n\t@apply ml-[calc(.5rem-1px)] mr-[calc(.5rem-1px)] min-h-[1rem] w-[2px];\n}\n\n:host([active]) {\n\t@apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.scss',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host class=\"p-stepper-line\"></Host>;\n\t}\n}\n"],"version":3}
+{"file":"p-nfMD63_1.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,qzCAAqzC;;MCOx0C,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,MAAM,GAAY,KAAK;AAEhD;;AAEG;IACsB,SAAS,GACjC,YAAY;IAEb,MAAM,GAAA;AACL,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,gBAAgB,GAAQ;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/line/stepper-line.component.scss?tag=p-stepper-line&encapsulation=shadow","src/components/deprecated/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-mystic-dark;\n}\n\n:host([direction='horizontal']) {\n\t@apply mb-[calc(.5rem-1px)] h-[2px];\n}\n\n:host([direction='vertical']) {\n\t@apply ml-[calc(.5rem-1px)] mr-[calc(.5rem-1px)] min-h-[1rem] w-[2px];\n}\n\n:host([active]) {\n\t@apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.scss',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host class=\"p-stepper-line\"></Host>;\n\t}\n}\n"],"version":3}

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

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

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

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

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

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

package/dist/components/p-pagination.js

@@ -1,4 +1,4 @@
-import { P as Pagination, d as defineCustomElement$1 } from './p-CL1tVKe4.js';
+import { P as Pagination, d as defineCustomElement$1 } from './p-DRQQENvx.js';
 
 const PPagination = Pagination;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-portal.js

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

package/dist/components/p-profile.js

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { d as defineCustomElement$7 } from './p-N1Pv54zG.js';
-import { d as defineCustomElement$6 } from './p-CnN1TPGU.js';
-import { d as defineCustomElement$5 } from './p-BaPm4CUM.js';
+import { d as defineCustomElement$6 } from './p-DW90RovU.js';
+import { d as defineCustomElement$5 } from './p-D09jozUL.js';
 import { d as defineCustomElement$4 } from './p-CQcp92mr.js';
 import { d as defineCustomElement$3 } from './p-D8NwpELS.js';
-import { d as defineCustomElement$2 } from './p-B-__VvzL.js';
+import { d as defineCustomElement$2 } from './p-BUxcWSGM.js';
 
 const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
 

package/dist/components/p-radio.js

@@ -95,12 +95,12 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends H {
         this.disabled = disabled;
     }
     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({
+        const id = this.id?.length ? this.id : this._nonce;
+        return (h(Host, { key: '6d017e7ebcd090020cc0f3af4fff236b1ff4af2a', class: 'p-radio' }, h("label", { key: '8a4b729389670ab394e196028c0c84663d1fc4a1', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '96ab595b9487a3cbba88807168812186fc163e49', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '106c86f0896276fcaede0af9deaa4a354f666abe', 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: '6b3d72b31e2225f39b2f47a79feaf1006e291120', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: 'f4089bb4a3b8ec38963938869b2113a2d75b6e05' }))));
+            }) })), h("slot", { key: 'c2c9e252c9b10b5362ac9c98afb3f71323abf43f' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -1 +1 @@
-{"file":"p-radio.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n    AttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportivce-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10',\n\t\t\t\ttrue: 'peer-checked:bg-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;\n\n\t\treturn (\n\t\t\t<Host class='p-radio'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? \"on\" : \"off\");\n\t}\n}\n"],"version":3}
+{"file":"p-radio.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n    AttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportivce-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10',\n\t\t\t\ttrue: 'peer-checked:bg-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<Host class='p-radio'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? \"on\" : \"off\");\n\t}\n}\n"],"version":3}

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

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

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

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

package/dist/components/p-select.js

@@ -3,17 +3,17 @@ import { a as childOfComposed } from './p-BFSNj6hu.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { d as defineCustomElement$e } from './p-CErvgq5z.js';
 import { d as defineCustomElement$d } from './p-N1Pv54zG.js';
-import { d as defineCustomElement$c } from './p-CEJ0i7nJ.js';
-import { d as defineCustomElement$b } from './p-CnN1TPGU.js';
-import { d as defineCustomElement$a } from './p-BaPm4CUM.js';
-import { d as defineCustomElement$9 } from './p-BIictJiJ.js';
-import { d as defineCustomElement$8 } from './p-D9TW62QT.js';
-import { d as defineCustomElement$7 } from './p-CjruE70A.js';
-import { d as defineCustomElement$6 } from './p-kicoGsIb.js';
+import { d as defineCustomElement$c } from './p-B-dtByez.js';
+import { d as defineCustomElement$b } from './p-DW90RovU.js';
+import { d as defineCustomElement$a } from './p-D09jozUL.js';
+import { d as defineCustomElement$9 } from './p-DlFumKvb.js';
+import { d as defineCustomElement$8 } from './p-BrtcZfOg.js';
+import { d as defineCustomElement$7 } from './p-12mQxW6R.js';
+import { d as defineCustomElement$6 } from './p-8rB2Q4yP.js';
 import { d as defineCustomElement$5 } from './p-CQcp92mr.js';
 import { d as defineCustomElement$4 } from './p-D8NwpELS.js';
-import { d as defineCustomElement$3 } from './p-B-__VvzL.js';
-import { d as defineCustomElement$2 } from './p-B3Ewxc1y.js';
+import { d as defineCustomElement$3 } from './p-BUxcWSGM.js';
+import { d as defineCustomElement$2 } from './p-CmfFRlg6.js';
 
 const selectComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";
 
@@ -306,7 +306,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends H {
         }
     }
     render() {
-        return (h("p-dropdown", { key: 'e2fcd4a49428b04e37a0262972e25124146d5e1c', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '4ba87fc7da35bd7f809c0eaa61afb95d31e24da8', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '6aaf913df42bf2daa6eb0f665583bdf0b99849de', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'bd07feac6edf55bfa33181828ca6e958bd4f2bb5', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()));
+        return (h("p-dropdown", { key: 'd75c32e8830d0d2c33e3fee1835079b5b959485a', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '256fbe72c653fda4c890d39dbd2cdbfb5b3a1163', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '791f446440511f2768c5199c0853775e1baa17f8', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '96f3a59c66cbd21b82d18ac6ee471cd026da47b2', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {

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

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

package/dist/components/p-smile.js

@@ -1,4 +1,4 @@
-import { S as Smile, d as defineCustomElement$1 } from './p-DVg35gx9.js';
+import { S as Smile, d as defineCustomElement$1 } from './p-OpZXFNRZ.js';
 
 const PSmile = Smile;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-status.js

@@ -25,8 +25,8 @@ const Status = /*@__PURE__*/ proxyCustomElement(class Status extends H {
      */
     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/components/p-stepper-item.js

@@ -30,7 +30,7 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
      */
     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 style() { return stepperItemComponentCss; }
 }, [1, "p-stepper-item", {

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

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

package/dist/components/p-stepper.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-CZqz-QUW.js';
+import { d as defineCustomElement$2 } from './p-nfMD63_1.js';
 
 const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
 
@@ -132,7 +132,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         }
     }
     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/components/p-tab-container.js

@@ -10,7 +10,7 @@ const TabContainer = /*@__PURE__*/ proxyCustomElement(class TabContainer extends
         this.__attachShadow();
     }
     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 style() { return tabContainerComponentCss; }
 }, [1, "p-tab-container"]);

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

@@ -26,7 +26,7 @@ const TabItem = /*@__PURE__*/ proxyCustomElement(class TabItem extends H {
      */
     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 style() { return tabItemComponentCss; }
 }, [1, "p-tab-item", {

package/dist/components/p-table-cell.js

@@ -1,4 +1,4 @@
-import { T as TableCell, d as defineCustomElement$1 } from './p-D62EdTDF.js';
+import { T as TableCell, d as defineCustomElement$1 } from './p-CdQUFhNO.js';
 
 const PTableCell = TableCell;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TableContainer, d as defineCustomElement$1 } from './p-XKsDwf68.js';
+import { T as TableContainer, d as defineCustomElement$1 } from './p-DPJZQYRZ.js';
 
 const PTableContainer = TableContainer;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TableFooter, d as defineCustomElement$1 } from './p-SBX6d6TK.js';
+import { T as TableFooter, d as defineCustomElement$1 } from './p-CzS_7d0-.js';
 
 const PTableFooter = TableFooter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-header.js

@@ -1,4 +1,4 @@
-import { T as TableHeader, d as defineCustomElement$1 } from './p-C1teny1Z.js';
+import { T as TableHeader, d as defineCustomElement$1 } from './p-4jVVUXXD.js';
 
 const PTableHeader = TableHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-row-actions-container.js

@@ -1,4 +1,4 @@
-import { T as TableRowActionsContainer, d as defineCustomElement$1 } from './p-CbAIiYBk.js';
+import { T as TableRowActionsContainer, d as defineCustomElement$1 } from './p-CgZvkWTt.js';
 
 const PTableRowActionsContainer = TableRowActionsContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-row.js

@@ -1,4 +1,4 @@
-import { T as TableRow, d as defineCustomElement$1 } from './p-C_iFBAeB.js';
+import { T as TableRow, d as defineCustomElement$1 } from './p-C1YLcCva.js';
 
 const PTableRow = TableRow;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table.js

@@ -3,36 +3,36 @@ import { f as isMobile, t as tableColumSizesOptions } from './p-LsrP-Unv.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
 import { f as floatingMenuContainerClass } from './p-DXsCtVm-.js';
 import { c as cn } from './p-Cb5QxFb_.js';
-import { d as defineCustomElement$c, a as defaultSize, b as defaultSizeOptions } from './p-0oKABuW2.js';
+import { d as defineCustomElement$c, a as defaultSize, b as defaultSizeOptions } from './p-CScTNJWS.js';
 import { d as defineCustomElement$v } from './p-BEuvmIBQ.js';
 import { d as defineCustomElement$u } from './p-N1Pv54zG.js';
-import { d as defineCustomElement$t } from './p-CEJ0i7nJ.js';
+import { d as defineCustomElement$t } from './p-B-dtByez.js';
 import { d as defineCustomElement$s } from './p-CEoo55FK.js';
-import { d as defineCustomElement$r } from './p-CnN1TPGU.js';
-import { d as defineCustomElement$q } from './p-BaPm4CUM.js';
-import { d as defineCustomElement$p } from './p-BIictJiJ.js';
-import { d as defineCustomElement$o } from './p-B6vYveWX.js';
-import { d as defineCustomElement$n } from './p-D9TW62QT.js';
-import { d as defineCustomElement$m } from './p-CjruE70A.js';
+import { d as defineCustomElement$r } from './p-DW90RovU.js';
+import { d as defineCustomElement$q } from './p-D09jozUL.js';
+import { d as defineCustomElement$p } from './p-DlFumKvb.js';
+import { d as defineCustomElement$o } from './p-Br_TxALn.js';
+import { d as defineCustomElement$n } from './p-BrtcZfOg.js';
+import { d as defineCustomElement$m } from './p-12mQxW6R.js';
 import { d as defineCustomElement$l } from './p-DJzH_A-R.js';
-import { d as defineCustomElement$k } from './p-MqZP1SU8.js';
-import { d as defineCustomElement$j } from './p-kicoGsIb.js';
+import { d as defineCustomElement$k } from './p-Drik7Kfv.js';
+import { d as defineCustomElement$j } from './p-8rB2Q4yP.js';
 import { d as defineCustomElement$i } from './p-CQcp92mr.js';
 import { d as defineCustomElement$h } from './p-BpWSyLrS.js';
 import { d as defineCustomElement$g } from './p-D8NwpELS.js';
-import { d as defineCustomElement$f } from './p-CL1tVKe4.js';
-import { d as defineCustomElement$e } from './p-6G9reodC.js';
-import { d as defineCustomElement$d } from './p-DSuET-eU.js';
-import { d as defineCustomElement$b } from './p-B-__VvzL.js';
-import { d as defineCustomElement$a } from './p-CT-FyVjy.js';
-import { d as defineCustomElement$9 } from './p-Cs3hICh6.js';
-import { d as defineCustomElement$8 } from './p-D62EdTDF.js';
-import { d as defineCustomElement$7 } from './p-XKsDwf68.js';
-import { d as defineCustomElement$6 } from './p-SBX6d6TK.js';
-import { d as defineCustomElement$5 } from './p-C1teny1Z.js';
-import { d as defineCustomElement$4 } from './p-C_iFBAeB.js';
-import { d as defineCustomElement$3 } from './p-CbAIiYBk.js';
-import { d as defineCustomElement$2 } from './p-B3Ewxc1y.js';
+import { d as defineCustomElement$f } from './p-DRQQENvx.js';
+import { d as defineCustomElement$e } from './p-BDTPyUsH.js';
+import { d as defineCustomElement$d } from './p-BMeOy477.js';
+import { d as defineCustomElement$b } from './p-BUxcWSGM.js';
+import { d as defineCustomElement$a } from './p-wcD-x4l2.js';
+import { d as defineCustomElement$9 } from './p-CFdbv-t4.js';
+import { d as defineCustomElement$8 } from './p-CdQUFhNO.js';
+import { d as defineCustomElement$7 } from './p-DPJZQYRZ.js';
+import { d as defineCustomElement$6 } from './p-CzS_7d0-.js';
+import { d as defineCustomElement$5 } from './p-4jVVUXXD.js';
+import { d as defineCustomElement$4 } from './p-C1YLcCva.js';
+import { d as defineCustomElement$3 } from './p-CgZvkWTt.js';
+import { d as defineCustomElement$2 } from './p-CmfFRlg6.js';
 
 const tableComponentCss = "*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.z-0{z-index:0!important}.my-16{margin-bottom:4rem!important;margin-top:4rem!important}.mb-8{margin-bottom:2rem!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 

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

@@ -42,9 +42,9 @@ const ToastContainer = /*@__PURE__*/ proxyCustomElement(class ToastContainer ext
      */
     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 style() { return toastContainerComponentCss; }
 }, [1, "p-toast-container", {

package/dist/components/p-toast.js

@@ -60,7 +60,7 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends H {
      */
     action;
     render() {
-        return (h(Host, { key: '78f3378c5a710b65087ad12701285f794f7d05db', onClick: () => this._onClick() }, h("div", { key: 'e9be3bff78107babaf8893cbf5435d4993554c37', class: indicator({ variant: this.variant }) }), h("div", { key: 'b4efd4de7e28e3003612b997fe79105dcd35588b', class: content() }, h("div", { key: '252b7af2b9929dae867638845b29f66edf1d1f6d', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '19564b4be63b30c37b3fce9ffc3770cf003ecd64', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '140d003abbabafaf2c43aa527f5c9112c5a0347d', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '525406f3385fb41ef956f1d8883b4a20876fea61', variant: 'transparent', iconOnly: true, icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' })))));
+        return (h(Host, { key: '73ebbcb118986b98f27bd80de6dba339e46886ca', onClick: () => this._onClick() }, h("div", { key: '946fb8b74dea9eafdc92ffcc065fe93cc1ccf924', class: indicator({ variant: this.variant }) }), h("div", { key: 'ca1a1c3611699c4afefbf44d3434389a2817b9f3', class: content() }, h("div", { key: '8e4311c973300c743c9311738d44876628cf50dd', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '9ea9e91fd13d16f82bb4e561b09385863dd371c9', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '017efb88e26742336598561564b2519a0bc0e2ac', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '09b9c7cdb4aaf2674666c28a99284693544c9c7b', variant: 'transparent', iconOnly: true, icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' })))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/components/p-toggle.js

@@ -94,12 +94,12 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends H {
         this.disabled = disabled;
     }
     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({
+        const id = this.id?.length ? this.id : this._nonce;
+        return (h(Host, { key: 'dbd477b0bddc6e16c1f357f419c71c733e3ebc11', class: 'p-checkbox' }, h("label", { key: '1bd2b0a21146380e43902601432378e384c09905', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'd3d39ba5fbb45a8f93ead634dff8499d97808c0c', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '6d2fd4d8b564551be4cd5de084598b55a70b2720', 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: '4ec60b0f98006495b131b725501c1886c3aa8dbe', class: circle({
                 disabled: this.disabled,
-            }) })), h("slot", { key: '7f59c85ae96879721f29112f75d3882bd7d15540' }))));
+            }) })), h("slot", { key: 'bc4e08e61d556e63d5f60d21d8dc1849bb78f5c6' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {