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

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/toggle/toggle.component.tsx"],"names":[],"mappings":"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","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 checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 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-black-teal-50 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\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-700 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}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2  peer-checked:left-full  transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-black-teal/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-['']  after:bg-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = 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-checkbox'>\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='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\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='checkbox'\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\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: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t></div>\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\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? \"on\" : \"off\");\n\t\t}\n\n\t}\n}\n"]}
+{"version":3,"file":"toggle.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/toggle/toggle.component.tsx"],"names":[],"mappings":"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","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 checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 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-black-teal-50 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\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-700 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}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2  peer-checked:left-full  transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-black-teal/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-['']  after:bg-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = 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-checkbox'>\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='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\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='checkbox'\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\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: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t></div>\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\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? \"on\" : \"off\");\n\t\t}\n\n\t}\n}\n"]}

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

@@ -108,19 +108,19 @@ export class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: '7ba5c9bb239d23b2d57b000130f3e19cee4e1eb6', class: popover({
+        const tooltipElement = (h("div", { key: 'd6a2de919e13298a797eb701f39e618baca05447', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '249ca479f08b3fbb761b198144da5934794546dc', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'dcd1514581d1f66d5cc718b3d89b80189fd1dd87', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'a8c03830c6c69bfcdad24407dba9ce437392f5e1', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '741157aaefffc3454bae556b218238d856d1534c', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '6187e49fea26da6c90498ad9c07090dd62a2dc4f', class: portal({
+            tooltip = (h("p-portal", { key: 'cb6df13f055eb4645b5d047f7863a52b2d59e504', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '4e8a94da2020541af5c1b2a83293a2bd4f4fec4d', class: 'p-popover flex cursor-pointer' }, h("div", { key: '0ee5ced800985b43de430e0ed3c1387395215780', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: 'f1698f9ac78e4f02a57927a59f940f58d37e2148', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '944859d801f06035897ae3aa870d7116b929dc13', class: 'p-popover flex cursor-pointer' }, h("div", { key: '710b90fa9f7ee2bcedbcc6c542495aa6ccd8ceac', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: '8c85a1172350cb6039b3424ea369a97577aa433b', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

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

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

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

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

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

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

@@ -17,8 +17,8 @@ export class Status {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '996fc0449fd6bcb1f2d92b946d64bfd24b8896c2', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: '5eeedda2f3545ee07daf3055be6f8dc9618fd896' })));
+        return (h(Host, { key: '12747e2009650f7e5e52eb439b211f222bceb5ad', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: 'ca582f23ee7e8368817bdd3b603e2c63e834e2d1' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

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

@@ -21,7 +21,7 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(Host, { key: '022c84b7b8e3aad6aae5405966cf6d791c1f6596', class: "p-stepper-item" }, h("div", { key: '47556bc1b741a154b1c209af5047eca543f8a3b7', class: "circle" }, this.finished && h("p-icon", { key: '7d9dd4c0f565b446c73b2ecb8b1f6f48a9778ca4', variant: "checkmark" })), h("div", { key: 'cb653a07fe053ec610285ef8765c145647a0cf63', class: "content" }, h("slot", { key: '74dc2f863ea563640285709642b2a8ee6431658c', name: "content" }))));
+        return (h(Host, { key: '00b12417594b4549a7cf81325c4cc96d8f0210c2', class: "p-stepper-item" }, h("div", { key: 'd0e45b771c701974859771fa1e785bd3ee70d4ea', class: "circle" }, this.finished && h("p-icon", { key: '7b911928983e885ad0cb8b589b50491f2c9bb917', variant: "checkmark" })), h("div", { key: 'e3be25a34e07e51c39d2a45e13a8678d32327c7c', class: "content" }, h("slot", { key: '684ab813c54847a46de04d0413af98b1c438b7ab', name: "content" }))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -21,7 +21,7 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(Host, { key: 'a2ed34f33f56c3f97d56496880c5ee50e077ebd3', class: 'p-accordion' }, h("div", { key: '43d206821608e9149f8ef93ac06c03655769c62a', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '081f53e5691bdc5b79dc048ea0b461d27b251817', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'c49e9856d9e6bb81918fe0708b01f4b03d2a2b1e', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: 'f12b21a266e3e1dde4fab249fa54667cca34133f' })), this.open && (h("div", { key: 'ea5635d1a0355bf74e21b296fa18973aba47ab67', class: 'mt-6' }, h("slot", { key: 'db8643a6fb59c3afb8181c8c7a9e175c205dbce9' })))));
+        return (h(Host, { key: 'e662bfe977c60b47ec2e624aadf227b73cfe2b1d', class: 'p-accordion' }, h("div", { key: '90f37f6be6b2a272c349340ea5e88d01cd91806f', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '6746eaaf82e912c09376c47b5a92c9553fc9a181', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ec4a89e5613b989a408ad5f7d30be198e6175437', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '87ece009aff99e1cee79887d3951abd5860da883' })), this.open && (h("div", { key: 'a4ee83b19640ace3cd642c28cce4ceb49fe8cf84', class: 'mt-6' }, h("slot", { key: '517d40fffa8d15ff3acdcf7d732ac6b4cc8236ec' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -25,14 +25,14 @@ export class Attachment {
      */
     delete;
     render() {
-        let prefix = h("p-icon", { key: 'cbf8d6b989fe1962a8ddc956c5aba58a3ab55cdf', variant: 'attachment' });
+        let prefix = h("p-icon", { key: '7d60c543cb4751138d163065247a27c71f248741', variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: '2a587378b75ae17bad33dff9f91b987d51a342fb' });
+            prefix = h("p-loader", { key: '50572b2ee95d283b38ccbbdb2ce25cb52744ac26' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: '0591271393bd30ae296d264f92343d31c0fe27f5', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: 'e0cfc3e3fb09105b8c72e3173da208815ce009ab', variant: 'warning', class: 'text-negative' }));
         }
-        return (h(Host, { key: '6f93a46dbd20473b7eb35d7990b7b1e6870f81f9', class: 'p-attachment flex items-start gap-4' }, h("div", { key: '841ae5e57a805586e5746beab3deb3f8e8bd7d8d', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: 'f653bbbcb98813010a1eeb8c600e21f81de709f0', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '54f1273823eb6a5158d77c6321c0480370e822a3' })), this.error?.length && h("p-input-error", { key: '3f6f4f960322c6ca82fe5fe7e9b374e548afef3d', error: this.error })), h("p-button", { key: 'dc52b2553604bfa853c1da2266de2696951d16d3', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
+        return (h(Host, { key: '924de4f0d0261ce76cd339b006ae59ca8b177b53', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'acbf3bd38573feace3aa528a5480c5c18f2d839b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '7cf1b78f38b0c5e1cd12d12e4ca1cb0654ac9a90', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: 'f244a0e0153ac4f7c0864ab611cb101e0db88437' })), this.error?.length && h("p-input-error", { key: '64a6e8c355d38cfdf7453849c4583f8ec7451eac', error: this.error })), h("p-button", { key: 'd6722638b5d416acbb4821d920e9349ebc614a83', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
     static get is() { return "p-attachment"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,9 +49,9 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: '5a552ade735a7f9c0e74a7fe401eb9b00d823399', class: "p-content-slider" }, h("div", { key: 'da0494409b2ccd05180f78db06ad4563c3b4b463', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: '955a37eb2c0409c6ab7329e12ce7d62e20851f82', class: "p-content-slider" }, h("div", { key: 'd9f60aa8c530dae7d70e29dbba6000848920e13d', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '1d93397c8e37e56f18d0db6b764d542776f1907b', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'c04880b12c6a1ae888d1cf6d43bba4b0d87468ab' }))), h("div", { key: '0e628ec13ee82b23a890699f0415addc30284a41', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '78cfd1ecdece726ee7f3f559a4be1a5d4ea0517d', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'add6e8e6408ce3edf0662ddf6e43a844f2a3d9eb' }))), h("div", { key: '11dfe819fd6520675e99e7d41b15cb770f86fcec', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {

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

@@ -41,10 +41,10 @@ export class Cropper {
         }, 200);
     }
     render() {
-        return (h(Host, { key: '5153fce9e4b5a655e033ee3b57e02cfe9a880897', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '766771c9638445c3a0497d155f2aa3e67e7406ee', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'e2dab0a3cc09730573b5e26ec1754cfa4523d00c', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'e7acb67c622502247af7856dcec63648908e77d3', class: clsx({
+        return (h(Host, { key: 'e24538f7894f87f0a74b278cfcded8c468458b1d', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '322819276c8067200448b6b5db91c5d4b55635dc', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '425800342321a6866fe456c306cd14e41f730638', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '8c0909db63231a802bc9a095ff4d7a91733c2cb5', class: clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '6880cecb9d10ccc8616c5ab1973ddba868a8708e', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'a96b2f75774f75f675b860d758ddcbd7aacd43bd', action: 'move', plain: true }))), h("div", { key: '090df4f7e2a9e66b6d11bb0c1175ab82a0356b1a', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: 'da60fd876d545d7e882f2f6b1b0eb13e81ee9214', variant: 'minus' }), h("input", { key: 'd7d60f822762b54016eebe5649a8afe3cc5eae5a', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '2b1db1e2ae240e44d50ea0ac4caf63c9e3e67d7a', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '98bb666ed377e4a05dcd79bf75a6bfbd0c87f357', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '800ba3ca781e8bcaadf48fc9bdb19f9a1f8e2a18', action: 'move', plain: true }))), h("div", { key: '329691f46ecb9a2fe69adc9ee52e01f99d5e5887', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '331f23998c122f21c0b5244ebf7ead26d85b5b75', variant: 'minus' }), h("input", { key: 'ba6b41da6715d42d6b39e707b6a99b5401c40272', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '1259a20fa5c3cae52a1dc9568329451a32706f4d', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

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

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

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

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

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

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

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

@@ -15,7 +15,7 @@ export class Portal {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: '2e16e8ca1ff15699dcd52a8d138258689545919c' }, h("slot", { key: 'd5b262b9609d648828efd849fa4bd3950b9b0147' })));
+        return (h(Host, { key: '4dc8c030ff629d3b44072c6abd4767cc8cbe33af' }, h("slot", { key: 'adc1b43bc7454423ed39af107d87a5fda7501a11' })));
     }
     static get is() { return "p-portal"; }
     static get elementRef() { return "_el"; }

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

@@ -12,7 +12,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '38c5887da721bd882fe583af2966ab72db3a5e3d', class: 'p-button-group flex items-center' }, h("slot", { key: 'e2388ece9d62a3b8a4dc555703696989d5cd7c57' })));
+        return (h(Host, { key: 'd27b0832ddb1678f9f35500398177049bcf9915e', class: 'p-button-group flex items-center' }, h("slot", { key: 'de335121f7ede61018901f603cc379056ffd919c' })));
     }
     slotchange() {
         this._checkButtons();

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

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

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

@@ -189,9 +189,9 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'c92fb7f401d30305f42cf367ff2b263bef23ede5', class: 'p-datepicker' }, h("p-dropdown", { key: 'ce3182a772d547e2ac7890bb9b51101cab21be67', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'f9e742daf4ff73f4be5adf2f92f890ba57096670', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '254862854eacffaa3facd57a49e3a810afd83cc5', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (h(Host, { key: '81eb937a8e8db269231f5d4a25c15ee7686e0a12', class: 'p-datepicker' }, h("p-dropdown", { key: 'c625bbd563e50d0905294425e14b11c3b645fafc', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '9d53e0c9aa66e9f724ae5dd301737ba71ad2665e', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'b9c2c2f901761a2c9511c7781e5cfebfa2619a35', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '9aed0c48e8b0f726cd5367d8d4874d0af1f4ca9a', slot: 'items' }, h("p-calendar", { key: '7b5f1a893588c3ffeb9f31e90ca7d0638cb28565', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '4acc20f743b77fa9ed8bea3f87b9f85cf24825b7', slot: 'items' }, h("p-calendar", { key: '657e46e60e1a0662c4096677ddbc18cbcac197d2', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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

@@ -133,14 +133,14 @@ export class Dropdown {
             'data-strategy': this.strategy,
         };
         let dropdownContainer;
-        const itemsSlot = h("slot", { key: '4374bd918cc6b37ac8f8fc3f0201319af8d5c193', name: 'items' });
+        const itemsSlot = h("slot", { key: '96f3997c1e97a32d6e89b5975e7901e2371d9946', name: 'items' });
         if (this.usePortal) {
-            dropdownContainer = (h("p-portal", { key: 'f3c6038eea9eab93c612fd01ec7bcf4a00391a57', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '8d36c05d4315243b0af54b459234a95cf439665b', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, itemsSlot)));
+            dropdownContainer = (h("p-portal", { key: '06378b55886a476cbf48fed529d94c38dc857952', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'a693c09319fcd296f55734dc8f8eaf8c14bcf49f', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, itemsSlot)));
         }
         else {
-            dropdownContainer = (h("p-dropdown-menu-container", { key: 'bba1302fdff1aa9b779333d0e228cb9a5c60dd2e', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, itemsSlot));
+            dropdownContainer = (h("p-dropdown-menu-container", { key: 'e41ba82bdfa56ee1562fe2bb4f22c09f418a8563', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, itemsSlot));
         }
-        return (h(Host, { key: '51f633dd3492c95f8905734765039dd007674eb5', class: 'p-dropdown relative' }, h("div", { key: '7dbb19a67bc95b890fe59803b8b77dc4f669028d', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '0ea021bf7d674d1791d545324aa5f44790ba2a10', name: 'trigger' })), h("div", { key: '3543fa824648968730d4599d9e8ded978575bde6', class: 'relative w-full' }, dropdownContainer)));
+        return (h(Host, { key: '15098f07b49631d9dbf1785a4043398919c2d552', class: 'p-dropdown relative' }, h("div", { key: '98fa4f33e5d8aebc04459137e60fb26c46baf86c', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '3df896877c0b85976cb8a7601cd5c3526aa870c9', name: 'trigger' })), h("div", { key: 'c10531089fd800e214a5fdf37d54caf50a7ada08', class: 'relative w-full' }, dropdownContainer)));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

package/dist/collection/components/molecules/empty-state/empty-state.component.js

@@ -54,11 +54,11 @@ export class EmptyState {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (h("div", { key: '1aec16b19f0851bf1e9f60197f36a163ee2ab773', class: emptyState({
+        return (h("div", { key: 'a1cc31c240ae4c8dab7aff0670b25d8bffc83c62', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '0a12fef97b215480a5913914f174479f5b536072', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: 'b1af77e287702388404744b128036b33ad6881d6', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
     static get is() { return "p-empty-state"; }

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

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

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

@@ -53,14 +53,14 @@ export class Label {
      */
     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 is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/navigation/item/navigation-item.component.js

@@ -66,10 +66,10 @@ export class NavigationItem {
     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 is() { return "p-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/navigation/section/navigation-section.component.js

@@ -5,7 +5,7 @@ export class NavigationSection {
      */
     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 is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/pagination/pages/pagination-pages.component.js

@@ -39,7 +39,7 @@ export class PaginationPages {
         this._generate();
     }
     render() {
-        return (h(Host, { key: '7fd71042d99a4adeb6d08af2f6dc65f8383e6f31', class: pagination({
+        return (h(Host, { key: 'aa9a4c8d7f790b4ff6ed8b662581e3202f2b1d71', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {

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

@@ -59,12 +59,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(Host, { key: '60baf3ee2402616c05638277ba6b090539d2f252', class: pagination({
+        return (h(Host, { key: '8fb151e74ca287270170b26ab6dbf4e7b82b8b55', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'c5b6ed04af72b87783b897ca6305d045bf4cdfc8' }, h("p-pagination-size", { key: '9561b6e9e7a2c2858231e1f5975c1c786adb6797', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '9ca0d1e33dcd8b24754b232e52802a644a1b5b81' }, h("p-pagination-size", { key: '1117e9c5fe76898f0f2a81070ea46c7ac49049fe', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'dc360f57ec534fb8d935609885b254c6a14dd289', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'a4a8758433a2d086fe6a4b3425f61a0ddf22f33d', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: 'af3262c8af7bf18f90358eafb22271675535e924', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'd95fb3064e3c7156d9ee515c37038359f68be37b', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } }))));

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

@@ -282,7 +282,7 @@ export class Select {
         }
     }
     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/collection/components/molecules/table/cell/table-cell.component.js

@@ -105,7 +105,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: '1f1f0d2b02be8eea2707277138c29263f4468d25', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (h(Host, { key: '38c0e403da7999fd01ba95cfc6df49fc647685f7', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {

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

@@ -86,11 +86,11 @@ export class TableFooter {
         }
     }
     render() {
-        return (h("div", { key: 'c0438b52ed17c7c55ce27474cabfb05c27658b42', class: footer({
+        return (h("div", { key: '9f23c7ef7d4e71ab6692aa295b5e7704fa34df4e', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '8db5d62d61cf63ae268e2401395f57dfc2ba047a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this.total > 0 && (h("p-pagination", { key: '1f2bb252d80b9ac79cdf6a362c9bfa851af45d3a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

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

@@ -46,12 +46,12 @@ export class TableRow {
      */
     enableHover = true;
     render() {
-        return (h("div", { key: 'e2c8b7b3cd982751faaafe41a42f423038e6ddad', class: 'flex flex-col' }, h("div", { key: '406e8ebaa723489cf8c78b7591fa6bd595afbedf', class: row({
+        return (h("div", { key: '9bfd1509d1dd345215f61d6b7886cfb8a255d5db', class: 'flex flex-col' }, h("div", { key: '3364b244152540e4351450611e6898f37daa73a5', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
-            }) }, h("div", { key: 'c2a1325f2700dbcfd03f4b48c04cf0c7207cd987', class: content({
+            }) }, h("div", { key: 'e33f5810f48b92abbb7a5150863b205163d892ff', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '9234fea01551672a5ab448c98e1e6b1242dad727' }), h("div", { key: 'cf11ebdcc1195d04dac86afc12ee58b5372a8461', class: actions() }, h("slot", { key: '24ba39c7466b61335b052539a20f2ddddb06e1d1', name: 'actions' })))), h("p-divider", { key: '838d8412e8f37f566d78b33dbdc2f0e2682a0da2' })));
+            }) }, h("slot", { key: 'a8cb2fe679b9a681c5b6907155f5106d6744d4bf' }), h("div", { key: 'aed45dd92d81880717fd3d8046e4a0e18d4992d8', class: actions() }, h("slot", { key: 'dfd6864b51280782fca7877bc4b8d0748fc3fa9d', name: 'actions' })))), h("p-divider", { key: '423afd77506022eb33931d46ab3fe2a458c31f1b' })));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class Toast {
      */
     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/collection/components/organisms/drawer/drawer.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}

package/dist/collection/components/{deprecated/organisms → organisms}/drawer/drawer.component.js

@@ -1,4 +1,4 @@
-import { h, Host, } from "@stencil/core";
+import { h, } from "@stencil/core";
 export class Drawer {
     /**
      * The Header of the drawer
@@ -51,16 +51,32 @@ export class Drawer {
         }
         const headerContent = h("slot", { name: "header" });
         const bodyContent = h("slot", { name: "content" });
-        return (h(Host, { class: "p-drawer" }, h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
+        return (h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
             ? headerContent
-            : this.header)), h("p-drawer-body", null, bodyContent)))));
+            : this.header)), h("p-drawer-body", null, bodyContent))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
             return;
         }
+        const modal = this._findDrawer(ev.target);
+        if (modal) {
+            return;
+        }
         this.close(ev, 'backdrop');
     }
+    _findDrawer(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.nodeName.toLowerCase() === 'p-drawer-container') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-drawer') {
+            return null;
+        }
+        return this._findDrawer(el?.parentElement);
+    }
     close(ev, source = 'unknown', force = false) {
         if (!force) {
             this.closeClicked.emit({