@paperless/core 3.2.1 → 3.2.3

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

@@ -384,8 +384,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.h(themedHost_component.ThemedHost, { key: 'd309322e4a2a9e73d7e20cb5e585eba64d3af95f' }, index.h("p-field-container", { key: '85327bdb7a5aa7e071c4024e3d490a6b9759b184', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: '4cbdc7b148e94564fc0b986a7780180bd8813d58', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '61a1b3cb45df2792fbf51aa6e91d11b10e1b72e6', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'd208829c7f4629f7390236d3a8c990d47d91f66b', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'e4bd3ef86143630c0ebe9fe006aea4b7be2ca10f', name: 'error', slot: 'error' })), index.h("div", { key: 'ea260caef724543db24f04bb5861ea2a138c1574', class: field({
+        return (index.h(themedHost_component.ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, index.h("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), index.h("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
@@ -396,7 +396,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: 'd0e3d37f5fc3e7676cc3bc7f622733504169ddcf', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -406,7 +406,7 @@ const Field = class {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (index.h("p-icon", { class: cn.cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: 'f479afb28bbd5ba74b78deaa7b9daf1ef543fa27', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),

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

@@ -85,17 +85,17 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '50279029679d4106c05894266a5d5289cb32ebfa' }, index.h("div", { key: '4fbae53bce0120c530b26b6b962b219262a93356', class: label({
+        return (index.h(themedHost_component.ThemedHost, { key: '11f93a805b545dbdf3d8f7f07d2ba9d9b72f9465' }, index.h("div", { key: '1947c9e35ae05a8ffda7d35c4f72edf8edd6eb78', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (index.h("p-icon", { key: '20f67e7082c6cffa555b7411a2b81ced7263c9f2', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (index.h("div", { key: 'ff2f20fc5eaeb3bb8eb5aa3956819c52aeaf03df', class: cn.cn(`
+            }) }, this.icon && (index.h("p-icon", { key: '5531821ffd0f42ab9ed8c6eca76e8f1537bcb976', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (index.h("div", { key: 'acefad061d0e66e1404fb3847b0853069179b306', class: cn.cn(`
           flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
           font-medium
         `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, index.h("slot", { key: '3e11788ad3fb910d573d6f63ac7d57a7671687b2' }))))));
+            }) }, index.h("slot", { key: 'b96c6e958fb8786e078fa9cbdeb1daac494ef9f3' }))))));
     }
 };
 Label.style = labelComponentCss();

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

@@ -24,10 +24,10 @@ const Listing = class {
         }
     }
     render() {
-        return (index.h("div", { key: '527b21db5684bcc5d89084b59d070982062305fa', class: cn.cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (index.h("div", { key: 'bd62a9cb5f45d0be1bf09636a4d576a70a4350fb', class: cn.cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, index.h("slot", { key: '7cd97da5249253981f536cbf4e0515f08adcfd2a', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, index.h("slot", { key: 'c762354f8f1f0023a6a73bff00fc5333431c8226', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

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

@@ -71,7 +71,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'e6140399cd45343a3e16a6418539f30a7bc06405' }, index.h("p-backdrop", { key: '24fc4cdca947a947105591e25fbc6f7682f64ed4', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '0b9691b00c84c4639860f40343316b1d42b53b26', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'b9fff9390b8d735b0ea792cdc289c103aa3aa350', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, index.h("p-button", { key: 'a13c500530dc614c56f84afa0a761d1d99abacfa', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), index.h("div", { key: 'c8ee2b2c29bd01d741549a3afca9e06636c0cd3b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, index.h("slot", { key: '0824da3fcf5e35ff166e54ce95c917142a4bde94', name: 'company' })), index.h("div", { key: '0ba905bfbf5f3a23a0f79d560790d91f34040ef7', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '27be57ecd655d89fa8c2576321fc4d10f2008717', name: 'content' })), index.h("div", { key: '5ed6652b93d0ca2e567a2f611a667b20c15faab6', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, index.h("slot", { key: 'b8152c3081703b2e88ac25b45e40c767407fd947', name: 'user' }))), index.h("div", { key: '51bc9f577cc3edb1d676a4740476359625efd6d3', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '22dbff73b42867f98d11a7e4f4319f98f62d37ac', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), index.h("slot", { key: '717fb0a04a59f535d0b53dc91457393cadf014dc', name: 'topbar' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: '814b399715eba8a9f4c81ed550431b8b3cc29d39' }, index.h("p-backdrop", { key: '59c99e5c8ce0dbacae386da8ceb4a7a23b4778bd', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '815fcb1b40cfdbe3a4bd47676b374254073254df', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'a078f18dcc8885db9bd3661cc227adccaf30b8c1', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, index.h("p-button", { key: 'be1fbb0ee3d1455f4af3b5399a52c38a760ddb1f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), index.h("div", { key: 'c4b1d03bb1c5fd109b99e3d587873b3f47ab1350', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, index.h("slot", { key: 'a981dbc4d887d420cb8b5c7c69fee4795cb07272', name: 'company' })), index.h("div", { key: '035880f4bb9d321c3d4f9d5fb6df34191ba1be13', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '0d75492d278db82db0a62a4717c94df59a02349c', name: 'content' })), index.h("div", { key: '66e0a56030477a2e3c8b1706f698114e85b88fe6', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, index.h("slot", { key: '7ad2e2db299e914b8977f8c300d636d317c06741', name: 'user' }))), index.h("div", { key: '70be960e812e2b4904a3045193ca16fc2391e4a6', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '19b70f87d40558f633d5d9d8b42b60ba4c999826', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), index.h("slot", { key: 'c980989054dc51e2e54bf5d032895e297742fe61', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

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

@@ -98,13 +98,13 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean.asBoolean(this.active) || this.class?.includes('active');
-        return (index.h(themedHost_component.ThemedHost, { key: '9618d8427117bdcc2809e8f1a81174d0d99366c9', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '3db385fe49b1eba6b032494d8f303aa5e1e60c01', class: navigationItem({
+        return (index.h(themedHost_component.ThemedHost, { key: 'f683b2979f9fde20b6e37ba7f3460fd052cce426', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '8f9b4557b535d893375bcbe9108a618aff26974e', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, index.h("div", { key: '7c97ebc4d504b06bb795b4885be0250f0c839882', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '881b8afabc70357e31783903c5c8956cae6b34a6', variant: this.icon })), index.h("span", { key: '509205092f325b8037a8abaf51ce314136c15621', class: cn.cn({
+            }), href: this.href, target: this.target }, index.h("div", { key: '6a32cd63b465492becb679ba08175e79a9c053c8', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '5fd49857c3f424479731379311ee426d2bf9b79e', variant: this.icon })), index.h("span", { key: '8d1527282d584b49e7990455e6bba80debd48cd5', class: cn.cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, index.h("slot", { key: '0573c0d5ea35d1b72de532cd46c4b53bf97d956e' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: 'cac8304e8a0f23e3fe1f81279f916d6e83a3a652' }, this.counter)), !!this.loading && index.h("p-loader", { key: '949b2eed1d715a0a98a831ad649ffbeba5787577', class: 'ml-auto' }))));
+            }) }, index.h("slot", { key: '6b9480c94455eeb524a029f21794fc89cb31c857' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '7677e25cb31c5f98bbe70b05e4ca95c518ab696c' }, this.counter)), !!this.loading && index.h("p-loader", { key: 'c006a2604a54309028adda2d3aaff26e1d0acd3c', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss();

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

@@ -15,7 +15,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '48a3739b23a5667754b5ce508a4ec8d51aa279ad', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '90d471c5dc92baf8a061e4b97704420eb7a38220' }, this.header)), index.h("div", { key: '2f69adac8e2c4ae37d1c5199445d577d5fcfa0e9', class: 'flex flex-col' }, index.h("slot", { key: '427d96574e5bdbfc4db3a0c2ff86470a6672868a' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: '8fb1c4a553d9c4a5326c1692f50913be4d9865dc', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: 'e5d53c6cc8c05cfb0a0566b94ceebe1a894f77b3' }, this.header)), index.h("div", { key: 'a29814e605c46668e89773b1e7d3540aabd8c3ae', class: 'flex flex-col' }, index.h("slot", { key: '683d1571c171719465093efc4d6c9d7dcb3ddeb5' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss();

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

@@ -78,12 +78,12 @@ const Pagination = class {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (index.h(themedHost_component.ThemedHost, { key: 'bb991c6f71f5824182288a5976a1ed5d7a5d6ae1' }, index.h("div", { key: '80bc0a9d7440759d64b46d5545fe1e3ab2d5b339', class: pagination$1({
+        return (index.h(themedHost_component.ThemedHost, { key: '29ed189925a9e93e1939cfd66cf91915a5b8474d' }, index.h("div", { key: '2705a46004eb47c6cbbf6dfa448ae69a6dfc96dc', class: pagination$1({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '5812bfaaee47936e0f1d910c4da0421589e5cf9b' }, index.h("p-pagination-size", { key: '2fe1f8e733d96ef2843d184f17c02b2db44b3fb5', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: 'bb6985dd638fea4e904aae04ba70edc7d94b3c52' }, index.h("p-pagination-size", { key: '730a4c91d7b3d8d0e2c57dc5e120222daef8b3c4', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (index.h("p-divider", { key: 'c8062527297b143b8aaf4c11cf7038a8a99c7df5', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: 'd52f747c7a82ff3d7ef285a2430fad635f34475c', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (index.h("p-divider", { key: '1496283b26ea9d0801e94bd8dc3987a6dc14480f', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: '5aaf4021a8b4166bbb8a50b0e6127af1fc0995f7', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } })))));

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

@@ -35,7 +35,7 @@ const Profile = class {
     }
     render() {
         const content = this._getContent();
-        return (index.h(themedHost_component.ThemedHost, { key: 'd8b3c59997be743df436a92d272715015d2e876d' }, this._hasDropdownSlot ? (index.h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, index.h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), index.h("div", { slot: 'items' }, index.h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (index.h(themedHost_component.ThemedHost, { key: 'ca4c5879a59946cdbbab9a802fbf62547194aaa9' }, this._hasDropdownSlot ? (index.h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, index.h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), index.h("div", { slot: 'items' }, index.h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

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

@@ -33,13 +33,13 @@ const Range = class {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (index.h(themedHost_component.ThemedHost, { key: 'cb6a6b717940ba17aa7a6df5cc36577a991d3831' }, index.h("div", { key: '82e000061159418bb6dc5ba3c72dc9c36315777f', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, index.h("p-icon", { key: 'f3825df8da36fd3e28988753db4216e613336749', variant: 'minus' }), index.h("div", { key: '1020caacf9987bfa348181c6a90b430805f1888f', class: 'relative h-6 flex-1' }, index.h("input", { key: '05fb1b7ed4af1392f107bf27977aab3a80f45c98', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        return (index.h(themedHost_component.ThemedHost, { key: 'ae78cbe140c926f4c15da133c99dd2b84ff1060f' }, index.h("div", { key: '27a1f144fa8c1fa7c62ffb9b6300ce4f7b5d032c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, index.h("p-icon", { key: '353b493c7deb2a8de7b461dd5e78bf7af41ffbd2', variant: 'minus' }), index.h("div", { key: 'afb0b67c052ef23f0a85c5ed2b4286f3769114f2', class: 'relative h-6 flex-1' }, index.h("input", { key: '664649a633ea007d101dd7ef9a5dc528cd503bce', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
                 const value = ev.target.value;
                 this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), index.h("div", { key: '90cdf9d7a326ec8764722cda4167a2260eff1e93', class: '\n         z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
+            } }), index.h("div", { key: '0bea7f03b87ab00d74780796f00f3eda90bc1b96', class: '\n         z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), index.h("p-icon", { key: 'b80ba4a88335c01383d94bbb661f7c1300c88e3b', variant: 'plus' }))));
+            } })), index.h("p-icon", { key: '8136e15955e461ec30c3bb8d83cabbd80c8089f2', variant: 'plus' }))));
     }
 };
 Range.style = rangeComponentCss();

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

@@ -349,8 +349,8 @@ const Select = class {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (index.h(themedHost_component.ThemedHost, { key: '76b10df3dbbf0a1758ea13c7205ea4c11ea05056' }, index.h("p-field-container", { key: 'e17bca429b8a24a4c5e4399911c9efcebd8a6b24', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, index.h("p-dropdown", { key: '1bcd1b15692330794bed8b34fbe203b8015681d9', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, index.h("p-button", { key: '383466f2cec3fa3e7aa65aa3db077445cb2917ef', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, index.h("div", { key: '8d5b4d842f4d49f029f1a61f98a8d768c61cf3ef', 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 (index.h(themedHost_component.ThemedHost, { key: 'c72782f726a393fbf065df5c19603b8513b992bd' }, index.h("p-field-container", { key: '5414460d0eba2693c6d70175cd69df054bcfe01e', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, index.h("p-dropdown", { key: '1763f1babda4a931aaa46640f46c449ce8bb254e', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, index.h("p-button", { key: '6fb109a52eb65b8caa0d24adf8eaf2c2e6202ef4', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, index.h("div", { key: '1c9c421e23b7b3ee13f7871cc31fd106baa7c392', 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 || childOf.childOfComposed(event, this._el)) {

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

@@ -72,7 +72,7 @@ const Toast = class {
      */
     action;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '691f56d7bd82c2c908b4773e39bf327174af3784' }, index.h("div", { key: 'd7ea2273b9ac2685b2a6583d25f7e7236061eeda', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, index.h("div", { key: 'e7dba6bb34063d4c20df2c16bd87be7dbbe53815', class: indicator({ variant: this.variant }) }), index.h("div", { key: '1fc1320c89627a6da22f3010abcb7c6b7af25109', class: content() }, index.h("div", { key: '1122c87ff8fa6f3410d416ee223fc7532c723652', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '78ea333ecd424872e1a1e99b14e6427ec1b3a68d', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: '899613703dc181f980c2e45ef54d6aeb24d7f3ab', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("div", { key: '2fcede21976b5f039715905c282c0990f7b7b7cf', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, index.h("p-icon", { key: '12a6725ddedad306f9af430fb0e61f6ad3d4f9ef', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (index.h(themedHost_component.ThemedHost, { key: '8d36846b85c4e661ccd81533ac05eb6a651bedb6' }, index.h("div", { key: '5a60824f6868fa38893b7e451850f6e181caa95c', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, index.h("div", { key: 'c3ebd2eecb1f3378176653bfe7ae96bd9b7b4b13', class: indicator({ variant: this.variant }) }), index.h("div", { key: '89ce39565adb3958a12551d5021f7ab86c9babb5', class: content() }, index.h("div", { key: '9c833a877f81b34c53ff73378b799fad436e76fd', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '7ec87f298e4dda01ff689f877d436c726abef8a5', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: '08c6c263d6ce9915b055fc24e4b0aca7d2b7bfc2', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("div", { key: '111084df846674e17f00ec8c7902a099f05a1e58', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, index.h("p-icon", { key: '660342af8a7f33cdd2495cf03fd54fe8923babc8', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mt-4{margin-top:1rem}.flex{display:flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.text-hurricane-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.text-hurricane-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

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

@@ -27,10 +27,10 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(ThemedHost, { key: '36d39106bf27e5005cfdd96f062e89d3be88dbef' }, h("div", { key: '55912f6dbbd9f44f9d86e0e1500d425d2d5fd16e', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(ThemedHost, { key: '36d39106bf27e5005cfdd96f062e89d3be88dbef' }, h("div", { key: '3e08603b16cb1e63be370f3f69bf302d55a73a6d', class: 'flex w-full flex-col' }, h("div", { key: 'b434652c2acda88e09f87d7099cc10d87dba2799', class: cn('flex cursor-pointer items-center gap-2', {
                 'text-storm-500 dark:text-white': this.variant === 'primary',
                 'text-storm-300 dark:text-hurricane-200': this.variant === 'secondary',
-            }), onClick: () => this._onClick() }, h("p-icon", { key: '73e31ff40f08654d9911562b67565a6494184460', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '2a118c3e7bf94a59350c4cc6feeb2756217f4852', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'd6632e38605ee499d559bd40b48a735cbea9f160', class: 'flex-1' })), this.open && (h("div", { key: '2707a0e53b0470485f3f05abf919b8c22199199e', class: 'mt-4' }, h("slot", { key: '2686aa25fa66c990ec52d5f1f58eca7dd707d8f4' })))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '1b56837e3c8c799e8c950cb435c1a41b1b34a93e', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '8e009479a0e30100ec50e0336758c67ef8b775e0', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '4b7029e11b60b2493b21a89fd377e42e9c6dbaf1', class: 'flex-1' })), this.open && (h("div", { key: '1e7b7f6b9d4d3983e77eee7ba02f6bb1f7a53819', class: 'mt-4' }, h("slot", { key: 'e7ea3de6a43120e5533f8f6f320eb6714bbae73a' }))))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -101,28 +101,28 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: '38bee5bc396126d20cc43e7278e4b5da7fb7a695', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: 'ff0d8b84e7b9a7dd184912d9689bcb8eca336c27', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '66dfe096ee491c8c3f97170eb8ae3417d1d95de4', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (h("p-icon", { key: 'edafa66b2cd94083d4b14f3bb0c4cf1a956db04f', class: 'text-negative-red-500', variant: 'warning' }));
         }
         // const isMobileDevice = isMobile();
         const isMobileDevice = isTablet();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: '8b2d38564597724ee40f9916d45b053d946b35de' }, h("p-field-container", { key: '33a74e375c9fb319a20abd1962723572adaf11c6', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '92d7a778625a40c171f58a722f34d7bdb6b978da', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: 'aaf92c3e3d2017456492ac31f11bda522bafb62e', class: attachment({
+        return (h(Fragment, { key: 'b2d624708b9d8ca28de78dd54fe9cc8eeeecb549' }, h("p-field-container", { key: '07fffd5b21f0ac93ed152759ab84a389aee3e34e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '69ecea8f62871917c241518f6890d9bbd70839cf', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '46e0bd7eda892914725c6f742fe0c1f2ccc93834', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '13cfd3cb6c405275f36c3bdc4b5f0b43010dcacd', class: cn(baseText, `
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '0bee81f6c2a114113f6f7910e243d6f96dd158b1', class: cn(baseText, `
            peer
            empty:hidden
            dark:text-white
-         `) }, this.value), h("span", { key: '251d050ffb58678f6da944fd4775833f24874ed0', class: cn(baseText, `
+         `) }, this.value), h("span", { key: '0ca55b4c5565663a1523fb23318e061413ab7024', class: cn(baseText, `
            hidden
            peer-empty:block
-         `) }, this.placeholder)), h("p-tooltip", { key: 'c55bd274b3a21ea4ed12b8201d8acb8ba37e39c0', class: 'w-8', content: this.mode === 'read'
+         `) }, this.placeholder)), h("p-tooltip", { key: '9e96a2663671403a3a81571732af88e49df30749', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: '2e47e228cdcfe7d19224a1e3884cc39cbb5c83c6', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: '99cf07323a901392dd3049a43ed61b3f3c074483', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -133,7 +133,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: 'b70b24f761917d9581abea3176f7baad59a8c643', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: 'e9cd1e9c59547671c77f1f0f78bb5ecc45b6d94a', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '129ff3a7706fd2ce0c85e9867c1a5b35cd6b2021', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a214ffd826b76810792348b03662f6e8674658d5', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '6e152a4fd9c5c9b3abb5e0f53fc100a0a2d09901', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: '1337d04a24c9b1b6ed2d8b5d72e3765ca9f6a0cb', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: 'bcf332bfadc788d74e76918043bf6ac4e2970270', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a3f7befdf02a4ed11d90bb3595bc37e678908ad0', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

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: '5c9ba2353a2e1a8ff30bcae75bab8ee588cdbfe0', class: 'flex items-center' }, h("slot", { key: '0d1691050f077740cbdb4a289e72f3bf4ba6d2c1' })));
+        return (h(Host, { key: '0194482014cf63bb2b1b232f3a535dbc38fe3943', class: 'flex items-center' }, h("slot", { key: '29f15517952e4eea497b805c089a858d556394ab' })));
     }
     slotchange() {
         this._checkButtons();

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

@@ -189,7 +189,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(ThemedHost, { key: 'f15ea9c031af444ef0d1679b88baf45d554fea8b' }, h("div", { key: 'ffd0b34ea60681b58a5ca1e75ae81bd4209a442f', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: '396e1c7059b24d8aec57317d839f448be1e37f26' }, h("div", { key: '9030d30aa2fbd06919ec711c01f135ef35c5d7f6', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && isAfter(this._today, this._maxDate)) {

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

@@ -47,13 +47,13 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: '82853208f8862b3485a5a00b0c9c4f6986ea92ea', class: 'p-content-slider' }, h("div", { key: 'c06c9b5385f6fe2d69b17415ed46fc78fc8be5ae', class: `
+        return (h(Host, { key: 'ced2d428e5bb5831898a3092ea2f0d7b9802ef02', class: 'p-content-slider' }, h("div", { key: 'e3dfda6e2643f979be7d68b908dd282c94c39b1d', class: `
        slider
        ${!this.disableDrag && 'draggable'}
        ${this._dragging && 'dragging'}
      `, ref: el => (this._sliderRef = el), style: {
                 height: `${this._outerHeight}px`,
-            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '5dfdd1adee4730a98789496e923c5ec6e3a8eb9c', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'd1557d4fa4336b8f01d7039a3b6e1fb9c65716f9', onSlotchange: () => this._slotChange() }))), h("div", { key: '1bf3e7c46755f0f85fc6fa573bd04ee43bd0752d', class: `
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: 'cfef628f79dd457341ff316119afe53386585fd4', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '08496344b73b4fb1c84d0df7e53d01b83c54a01c', onSlotchange: () => this._slotChange() }))), h("div", { key: '1f058ce1a871ce924a19e5f03733087b347fe7dc', class: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (h("div", { class: `

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

@@ -42,7 +42,7 @@ export class Cropper {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: 'dd4ea15cbdfbac6e25202bd1a4871d9635fd33a7' }, this._loaded && (h("cropper-canvas", { key: '69757749ad6d01c41e7aca2e8f21c693666e98fe', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: '07b78454e15277f87160a6832c4fed1bbbfb08c1', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: 'e1784c618c68dac7a8311f8d7e93666c5d3b3611', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '2348efb74b1bf52ee4fab7157d32bb1dfe523430', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '45f943c9eefaf4312bd20ca8f4d089a5a0ece738', action: 'move', plain: true }))), h("p-range", { key: 'c96960f209547ddef6cd66a4ee9981d96901d0f0', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: '52a057456517492463f371277934b7e486dc5b79' }, this._loaded && (h("cropper-canvas", { key: 'a6322cc2fe70a66d880e7346b203dce27f8c9c5b', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: '10b5a28a47fcf404b7a715750407420bf565ed3c', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '72e99381cd0275245d7e09cad083743116bf2466', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '00294b6423488b070b998039e3bb096cdc1f621b', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '08bec65589e6f90042a0502f0def27e60383565d', action: 'move', plain: true }))), h("p-range", { key: '95c2c0305abbdd03271d1c02d6a8bcf896037a71', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

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

@@ -201,14 +201,16 @@ export class Datepicker {
         }
         this.parseMinDate(this.minDate);
         this.parseMaxDate(this.maxDate);
+        this._isMobileBrowser = isMobileBrowser();
+        this.parseValue(this.value);
+    }
+    componentWillRender() {
         if (this.mode !== 'day' && this.format === this._defaultFormats['day']) {
             this.format = this._defaultFormats[this.mode];
         }
-        this._isMobileBrowser = isMobileBrowser();
-        this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: 'c65daeff45afabeefa654b8d033a40d9fda5b4e2', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: '09aaa8a320e9a1852171aa59054a9b269667addb', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '5d3bc6559f556f4965bfbdf5789691e1aebac89b', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
+        return (h("p-dropdown", { key: '9bd033bcc9c678b922d2708f0115359a10eda050', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: '9954ad569303d1c301e9e23c11ddc8667ed5885b', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '910da60dd3e8493be39af5153ec17fcaa712d547', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
                 format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
                 }), min: this._minDate &&
@@ -217,7 +219,7 @@ export class Datepicker {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '360edd69e71e6f308aea157491d3612bb3ea095f', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '0f1545e528dbf99bf47e3dc48d866d56522caae3', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
+                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: 'dbc9708700e9da87b6eaed0074b2c0874af1273e', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: 'f209ed8fb397826f9d17f1d635e815418335903c', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -234,7 +236,8 @@ export class Datepicker {
         }
         this._showDropdown = true;
     }
-    _onBlur(ev, parseFormat = this.format) {
+    _onBlur(ev, parseFormat) {
+        parseFormat = parseFormat || this.format;
         if (this._isMobileBrowser && this._dateInputRef) {
             return;
         }
@@ -245,7 +248,9 @@ export class Datepicker {
         if (target.value === null) {
             return;
         }
-        const value = parse(target.value, parseFormat, new Date());
+        const value = parse(target.value, parseFormat, new Date(), {
+            locale: state.locale === 'nl' ? nl : enUS,
+        });
         if (value === this._value) {
             return;
         }

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

@@ -133,12 +133,12 @@ export class Dropdown {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: '6b7b418a8b5e962f6881418630e9f284a8ed1785', class: 'relative' }, h("div", { key: '46fb2c0286f69da71e4fbf940123761ee1869077', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: 'c9bb61458cfb2ef3dc99f04d699d83a173e94789', name: 'trigger' })), h("div", { key: '33693a79995e4fe465c3d9576f512115ca8c9c9c', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'ca8c374c376c5529f8b1b91e542f3e6898038fbd', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        return (h(Host, { key: 'bedacfe4315ca3990dd8b87c32dbae364722666d', class: 'relative' }, h("div", { key: 'd10200cc877f7ab3dcd3ba012b6ca9c6d622cee3', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '9b5929215afd8d87b966edad2a1093af1e80107a', name: 'trigger' })), h("div", { key: '11ab8f42724bd08e60dd2b492b6e88384be92312', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '1cfd2dd29d735f2f4fa7afe6cb3f6a8a0acb3b11', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '544f91dfb12b2f3e9a37b319270c75c2eed95662', name: 'items' })))));
+            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '024950445590c6fe467cf729b0df8e8eaa87241b', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');

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

@@ -59,11 +59,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(ThemedHost, { key: '580edaeaa7a1429f07840b25d2062f9e6ae9763d' }, h("div", { key: 'c08807d745ee8f4bebae2d7aec92bf110824269e', class: emptyState({
+        return (h(ThemedHost, { key: 'e156e226af805d55fb5d1ea617d5e219d8d265b7' }, h("div", { key: '417385b03f1494ba500540abf53b202a00140eb2', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '3434e243bb9a41e7f56982fff2450cc92013b25f', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '2d95c6f7761f817b2bf4968118e7ac5dc6d62abe', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, 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

@@ -365,8 +365,8 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: 'd309322e4a2a9e73d7e20cb5e585eba64d3af95f' }, h("p-field-container", { key: '85327bdb7a5aa7e071c4024e3d490a6b9759b184', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '4cbdc7b148e94564fc0b986a7780180bd8813d58', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '61a1b3cb45df2792fbf51aa6e91d11b10e1b72e6', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'd208829c7f4629f7390236d3a8c990d47d91f66b', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'e4bd3ef86143630c0ebe9fe006aea4b7be2ca10f', name: 'error', slot: 'error' })), h("div", { key: 'ea260caef724543db24f04bb5861ea2a138c1574', class: field({
+        return (h(ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, h("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), h("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -377,7 +377,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'd0e3d37f5fc3e7676cc3bc7f622733504169ddcf', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -387,7 +387,7 @@ export class Field {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (h("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'f479afb28bbd5ba74b78deaa7b9daf1ef543fa27', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

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

@@ -75,17 +75,17 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '50279029679d4106c05894266a5d5289cb32ebfa' }, h("div", { key: '4fbae53bce0120c530b26b6b962b219262a93356', class: label({
+        return (h(ThemedHost, { key: '11f93a805b545dbdf3d8f7f07d2ba9d9b72f9465' }, h("div", { key: '1947c9e35ae05a8ffda7d35c4f72edf8edd6eb78', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '20f67e7082c6cffa555b7411a2b81ced7263c9f2', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'ff2f20fc5eaeb3bb8eb5aa3956819c52aeaf03df', class: cn(`
+            }) }, this.icon && (h("p-icon", { key: '5531821ffd0f42ab9ed8c6eca76e8f1537bcb976', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'acefad061d0e66e1404fb3847b0853069179b306', class: cn(`
           flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
           font-medium
         `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: '3e11788ad3fb910d573d6f63ac7d57a7671687b2' }))))));
+            }) }, h("slot", { key: 'b96c6e958fb8786e078fa9cbdeb1daac494ef9f3' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -88,13 +88,13 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: '9618d8427117bdcc2809e8f1a81174d0d99366c9', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '3db385fe49b1eba6b032494d8f303aa5e1e60c01', class: navigationItem({
+        return (h(ThemedHost, { key: 'f683b2979f9fde20b6e37ba7f3460fd052cce426', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '8f9b4557b535d893375bcbe9108a618aff26974e', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '7c97ebc4d504b06bb795b4885be0250f0c839882', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '881b8afabc70357e31783903c5c8956cae6b34a6', variant: this.icon })), h("span", { key: '509205092f325b8037a8abaf51ce314136c15621', class: cn({
+            }), href: this.href, target: this.target }, h("div", { key: '6a32cd63b465492becb679ba08175e79a9c053c8', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '5fd49857c3f424479731379311ee426d2bf9b79e', variant: this.icon })), h("span", { key: '8d1527282d584b49e7990455e6bba80debd48cd5', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, h("slot", { key: '0573c0d5ea35d1b72de532cd46c4b53bf97d956e' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'cac8304e8a0f23e3fe1f81279f916d6e83a3a652' }, this.counter)), !!this.loading && h("p-loader", { key: '949b2eed1d715a0a98a831ad649ffbeba5787577', class: 'ml-auto' }))));
+            }) }, h("slot", { key: '6b9480c94455eeb524a029f21794fc89cb31c857' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7677e25cb31c5f98bbe70b05e4ca95c518ab696c' }, this.counter)), !!this.loading && h("p-loader", { key: 'c006a2604a54309028adda2d3aaff26e1d0acd3c', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -6,7 +6,7 @@ export class NavigationSection {
      */
     header;
     render() {
-        return (h(ThemedHost, { key: '48a3739b23a5667754b5ce508a4ec8d51aa279ad', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '90d471c5dc92baf8a061e4b97704420eb7a38220' }, this.header)), h("div", { key: '2f69adac8e2c4ae37d1c5199445d577d5fcfa0e9', class: 'flex flex-col' }, h("slot", { key: '427d96574e5bdbfc4db3a0c2ff86470a6672868a' }))));
+        return (h(ThemedHost, { key: '8fb1c4a553d9c4a5326c1692f50913be4d9865dc', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'e5d53c6cc8c05cfb0a0566b94ceebe1a894f77b3' }, this.header)), h("div", { key: 'a29814e605c46668e89773b1e7d3540aabd8c3ae', class: 'flex flex-col' }, h("slot", { key: '683d1571c171719465093efc4d6c9d7dcb3ddeb5' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

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

@@ -61,12 +61,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(ThemedHost, { key: 'bb991c6f71f5824182288a5976a1ed5d7a5d6ae1' }, h("div", { key: '80bc0a9d7440759d64b46d5545fe1e3ab2d5b339', class: pagination({
+        return (h(ThemedHost, { key: '29ed189925a9e93e1939cfd66cf91915a5b8474d' }, h("div", { key: '2705a46004eb47c6cbbf6dfa448ae69a6dfc96dc', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '5812bfaaee47936e0f1d910c4da0421589e5cf9b' }, h("p-pagination-size", { key: '2fe1f8e733d96ef2843d184f17c02b2db44b3fb5', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'bb6985dd638fea4e904aae04ba70edc7d94b3c52' }, h("p-pagination-size", { key: '730a4c91d7b3d8d0e2c57dc5e120222daef8b3c4', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'c8062527297b143b8aaf4c11cf7038a8a99c7df5', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'd52f747c7a82ff3d7ef285a2430fad635f34475c', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: '1496283b26ea9d0801e94bd8dc3987a6dc14480f', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '5aaf4021a8b4166bbb8a50b0e6127af1fc0995f7', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } })))));

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

@@ -28,7 +28,7 @@ export class Profile {
     }
     render() {
         const content = this._getContent();
-        return (h(ThemedHost, { key: 'd8b3c59997be743df436a92d272715015d2e876d' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(ThemedHost, { key: 'ca4c5879a59946cdbbab9a802fbf62547194aaa9' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

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

@@ -23,13 +23,13 @@ export class Range {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h(ThemedHost, { key: 'cb6a6b717940ba17aa7a6df5cc36577a991d3831' }, h("div", { key: '82e000061159418bb6dc5ba3c72dc9c36315777f', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: 'f3825df8da36fd3e28988753db4216e613336749', variant: 'minus' }), h("div", { key: '1020caacf9987bfa348181c6a90b430805f1888f', class: 'relative h-6 flex-1' }, h("input", { key: '05fb1b7ed4af1392f107bf27977aab3a80f45c98', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        return (h(ThemedHost, { key: 'ae78cbe140c926f4c15da133c99dd2b84ff1060f' }, h("div", { key: '27a1f144fa8c1fa7c62ffb9b6300ce4f7b5d032c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: '353b493c7deb2a8de7b461dd5e78bf7af41ffbd2', variant: 'minus' }), h("div", { key: 'afb0b67c052ef23f0a85c5ed2b4286f3769114f2', class: 'relative h-6 flex-1' }, h("input", { key: '664649a633ea007d101dd7ef9a5dc528cd503bce', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
                 const value = ev.target.value;
                 this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), h("div", { key: '90cdf9d7a326ec8764722cda4167a2260eff1e93', class: '\n         z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
+            } }), h("div", { key: '0bea7f03b87ab00d74780796f00f3eda90bc1b96', class: '\n         z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: 'b80ba4a88335c01383d94bbb661f7c1300c88e3b', variant: 'plus' }))));
+            } })), h("p-icon", { key: '8136e15955e461ec30c3bb8d83cabbd80c8089f2', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }