@paperless/core 3.4.0 → 3.4.1

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

@@ -8,9 +8,8 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
             positive: [
                 'bg-positive-green-100 text-positive-green-800',
                 `
-       dark:bg-positive-green-alternative/15
-       dark:text-positive-green-alternative
-     `,
+						dark:bg-positive-green-alternative/15 dark:text-positive-green-alternative
+					`,
             ],
             biased: [
                 'bg-amber-100 text-amber-800',
@@ -43,9 +42,9 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
             keepMobileContent: false,
             iconOnly: false,
             class: `
-      w-6 p-2
-      desktop-xs:w-auto desktop-xs:py-0
-    `,
+					w-6 p-2
+					desktop-xs:w-auto desktop-xs:py-0
+				`,
         },
     ],
 });
@@ -75,17 +74,17 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '11f93a805b545dbdf3d8f7f07d2ba9d9b72f9465' }, h("div", { key: '1947c9e35ae05a8ffda7d35c4f72edf8edd6eb78', class: label({
+        return (h(ThemedHost, { key: '009d258fa4ce7e33a83e62d6bce8acd25d8ea6fe' }, h("div", { key: 'c5b00cdbe8abbd6ea6416c4369eb0aba19cf6c8f', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, 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
-        `, {
+            }) }, this.icon && (h("p-icon", { key: '7a24ea37145d4fe0a8b0fc3ab168beb89348d7ba', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'eb27da1ebf6563a36c155625202abdeef3b31a7d', 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: 'b96c6e958fb8786e078fa9cbdeb1daac494ef9f3' }))))));
+            }) }, h("slot", { key: 'ae9d74fecc3264b953e9cd04273c7deaf5b34ca3' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,9 +7,9 @@ const navigationItem = cva([
     'h-8 w-[inherit]',
     'flex items-center gap-2',
     `
-    hover:text-storm-500
-    dark:hover:text-white
-  `,
+			hover:text-storm-500
+			dark:hover:text-white
+		`,
     'rounded-lg',
     'px-2 py-1',
     'text-sm font-medium',
@@ -19,19 +19,19 @@ const navigationItem = cva([
         active: {
             false: [
                 `
-       text-storm-400
-       dark:text-hurricane-200
-     `,
+						text-storm-400
+						dark:text-hurricane-200
+					`,
                 `
-       hover:bg-off-white-500
-       dark:hover:bg-white/10
-     `,
+						hover:bg-off-white-500
+						dark:hover:bg-white/10
+					`,
             ],
             true: [
                 `
-       bg-off-white-600 font-semibold text-storm-500
-       dark:bg-white/10 dark:text-white
-     `,
+						bg-off-white-600 font-semibold text-storm-500
+						dark:bg-white/10 dark:text-white
+					`,
             ],
         },
         icon: {
@@ -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: 'f683b2979f9fde20b6e37ba7f3460fd052cce426', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '8f9b4557b535d893375bcbe9108a618aff26974e', class: navigationItem({
+        return (h(ThemedHost, { key: 'c7730724fe55ee9583ae72160cf5fb70fdb327d2', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'a54016852cc91b8a3d5bb8cf64e18f3b5771b787', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), 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({
+            }), href: this.href, target: this.target }, h("div", { key: '3be0687a5118e1fa2269b4d8a3998ddf5706e71b', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '3ee2c812465939991adcdda70b6a1bccee3d5af7', variant: this.icon })), h("span", { key: '6bd30976ccca7bc65e7bcc47d5981945fecb64e9', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, 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' }))));
+            }) }, h("slot", { key: 'ae3887b12e2079e0afbc094c99d6a166ec8edc84' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'a9514b0f7a9d03ea306bdd6d1f4243854eabd375' }, this.counter)), !!this.loading && h("p-loader", { key: '973fc2aab3a3d6e738f2bde25659dd69fa55c3bc', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.mx-0{margin-left:0;margin-right:0}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.dark\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.dark\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}

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

@@ -66,7 +66,7 @@ export class Pagination {
                     (!this.enablePaginationSize && !this.enablePaginationPages),
             }) }, 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: '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 && (h("p-divider", { key: 'a753bfd40be06bb678b68f17625421a90df08ac0', class: '\n\t\t\t\t\t\t\t\t\t\t\tmx-0 h-4 text-off-white-700\n\t\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-400\n\t\t\t\t\t\t\t\t\t\t', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '40a6c5fd4919a35b21b01f9dc6efc70e6a8bb01e', 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/pagination/size/pagination-size.component.js

@@ -26,13 +26,13 @@ const trigger = cva([
         active: {
             false: [
                 `
-       border-transparent bg-white
-       hover:bg-white-600
-     `,
+						border-transparent bg-white
+						hover:bg-white-600
+					`,
                 `
-       dark:bg-white/15
-       dark:hover:bg-white/25
-     `,
+						dark:bg-white/15
+						dark:hover:bg-white/25
+					`,
             ],
             true: [
                 'border-indigo-600 bg-white-600 ring ring-2 ring-indigo-100',
@@ -79,18 +79,18 @@ export class PaginationSize {
         this._setLocales();
     }
     render() {
-        return (h(ThemedHost, { key: 'bd468fb3b2889b8cd35ea4cbe39423e47c804e20', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'd8e97c2c1f86d393d7c2c2bb6e8fbf6a0f44567e', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: 'ff75dd123c0a3543ef2118d0a14f15aae96f49f8', class: trigger({
+        return (h(ThemedHost, { key: '773f94cdcda81fd680e3eafc033124d1e1aee274', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '3115308f23d1d31fdd8504c0f6c353d1e70fa5a0', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '3832a59b3a44aacb1356fb6485ca6dee5b873d47', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: '986ddcf2e5c81ff4dc132aa3612764508e6287d4', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: '8c3d11159ae6c83dbef976c222d0aaa351022559', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), h("p-icon", { key: '4b335f1178302bcbd7682be7c442eab43e8950d5', class: cn([
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: '0cbe7e1ead385ea4fbbb4ce63523f671307928c1', class: cn([
                 'flex-shrink-0',
                 'group-hover/pagination-size-trigger:text-storm-500',
                 'dark:group-hover/pagination-size-trigger:text-white',
             ], {
                 'text-storm-300 dark:text-hurricane-200': !this.dropdownIsOpen,
                 'text-storm-500 dark:text-white': !!this.dropdownIsOpen,
-            }), size: 'sm', variant: 'double-caret' })), h("slot", { key: 'b26417bae87adfb4d18452c8d953fe4faa4bd868', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            }), size: 'sm', variant: 'double-caret' })), h("slot", { key: 'd133bc7f260622d63aca14db0af22a8eee45c4f6', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.my-0{margin-bottom:0;margin-top:0}.flex{display:flex}.h-10{height:2.5rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/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}.absolute{position:absolute}.flex{display:flex}.h-10{height:2.5rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.py-1{padding-bottom:.25rem;padding-top:.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}

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

@@ -42,7 +42,7 @@ export class Profile {
     _getContent() {
         return (h("div", { class: profileContent({
                 dropdown: this._hasDropdownSlot,
-            }) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: '\n        my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n        text-sm font-semibold text-storm-500\n        dark:text-white\n      ' }, h("slot", { name: 'title' })), h("p", { class: '\n        my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n        text-xs font-medium text-storm-400\n        dark:text-hurricane-200\n      ' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
+            }) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: '\n\t\t\t\t\t\t\tmy-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n\t\t\t\t\t\t\ttext-sm font-semibold text-storm-500\n\t\t\t\t\t\t\tdark:text-white\n\t\t\t\t\t\t' }, h("slot", { name: 'title' })), h("p", { class: '\n\t\t\t\t\t\t\tmy-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n\t\t\t\t\t\t\ttext-xs font-medium text-storm-400\n\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
     }
     _updateAvatar() {
         const avatar = this._el.querySelector('p-avatar[slot="avatar"]');

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

@@ -1 +1 @@
-.m-0{margin:0}.mt-\[calc\(\(0\.5rem-1px\)\*-1\)\]{margin-top:calc(-.5rem + 1px)}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[2px\]{height:2px}.w-4{width:1rem}.w-full{width:100%}.appearance-none{appearance:none}.rounded-full{border-radius:9999px}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}*{box-sizing:border-box}:host{input{appearance:none;background-color:transparent;height:1.5rem;margin:0;width:100%}input::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input::-webkit-slider-thumb{--tw-bg-opacity:1;appearance:none;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;margin-top:calc(-.5rem + 1px);width:1rem}input::-webkit-slider-thumb:hover{cursor:grab}input::-webkit-slider-thumb:active,input::-webkit-slider-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-webkit-slider-thumb:active{cursor:grabbing}input::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}input::-moz-range-thumb:hover{cursor:grab}input::-moz-range-thumb:active,input::-moz-range-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-moz-range-thumb:active{cursor:grabbing}}.hover\:cursor-grab:hover{cursor:grab}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.active\:cursor-grabbing:active{cursor:grabbing}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-1\/2{top:50%}.flex{display:flex}.w-inherit{width:inherit}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.gap-2{gap:.5rem}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/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-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}
+.m-0{margin:0}.mt-\[calc\(\(0\.5rem-1px\)\*-1\)\]{margin-top:calc(-.5rem + 1px)}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[2px\]{height:2px}.w-4{width:1rem}.w-full{width:100%}.appearance-none{appearance:none}.rounded-full{border-radius:9999px}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}*{box-sizing:border-box}:host{input{appearance:none;background-color:transparent;height:1.5rem;margin:0;width:100%}input::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input::-webkit-slider-thumb{--tw-bg-opacity:1;appearance:none;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;margin-top:calc(-.5rem + 1px);width:1rem}input::-webkit-slider-thumb:hover{cursor:grab}input::-webkit-slider-thumb:active,input::-webkit-slider-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-webkit-slider-thumb:active{cursor:grabbing}input::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}input::-moz-range-thumb:hover{cursor:grab}input::-moz-range-thumb:active,input::-moz-range-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-moz-range-thumb:active{cursor:grabbing}}.hover\:cursor-grab:hover{cursor:grab}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.active\:cursor-grabbing:active{cursor:grabbing}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-1\/2{top:50%}.w-inherit{width:inherit}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.gap-2{gap:.5rem}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}

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: '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 => {
+        return (h(ThemedHost, { key: 'ae78cbe140c926f4c15da133c99dd2b84ff1060f' }, h("div", { key: '087df5c538f39763a358341b78fe177e85e5c671', class: '\n\t\t\t\t\t\tflex w-inherit items-center gap-2 text-storm-300\n\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t' }, h("p-icon", { key: 'd98e4cdb39318356589bb04408374833c992bf02', variant: 'minus' }), h("div", { key: '880807ec718ac293fb195d54af976925813c4aac', class: 'relative h-6 flex-1' }, h("input", { key: 'f0163e6cf72cf43528eaaf4ebe3fce6ced3d0bf9', 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: '0bea7f03b87ab00d74780796f00f3eda90bc1b96', 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: '418cd6ad97fe19e358064df6c484ff1951ef42dc', class: '\n\t\t\t\t\t\t\t\tz-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform\n\t\t\t\t\t\t\t\tbg-indigo-600\n\t\t\t\t\t\t\t', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '8136e15955e461ec30c3bb8d83cabbd80c8089f2', variant: 'plus' }))));
+            } })), h("p-icon", { key: '1a1893ede867fa2aa768e75075f9e5f1f7df5d23', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[1\.625rem\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/button:hover .group-hover\/button\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.group\/item:hover .group-hover\/item\:text-indigo-800{--tw-text-opacity:1;color:rgb(27 88 210/var(--tw-text-opacity,1))}.dark\:bg-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.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-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/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-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.group\/item:hover .dark\:group-hover\/item\: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\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.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-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/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))}.dark\:text-white\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}.group\/item:hover .dark\:group-hover\/item\: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}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[1\.625rem\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/button:hover .group-hover\/button\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.dark\:bg-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.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-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/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\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.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-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/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/select/select.component.js

@@ -22,9 +22,9 @@ const textContainer = cva('block w-full overflow-hidden text-start', {
     variants: {
         variant: {
             placeholder: `
-     text-storm-400
-     dark:text-white
-   `,
+				text-storm-400
+				dark:text-white
+			`,
             default: null,
         },
         enableTextWrap: {
@@ -33,10 +33,10 @@ const textContainer = cva('block w-full overflow-hidden text-start', {
         },
         error: {
             true: `
-     text-negative-red-700
-     group-hover/button:text-negative-red-800
-     dark:text-negative-red-alternative
-   `,
+				text-negative-red-700
+				group-hover/button:text-negative-red-800
+				dark:text-negative-red-alternative
+			`,
             false: null,
         },
     },
@@ -261,7 +261,7 @@ export class Select {
             if (this._selectedItem?.length === 0) {
                 return placeholder;
             }
-            return (h("div", { class: multiContainer(), ref: ref => (this._multiContainerRef = ref) }, this._selectedItem.map(item => (h("div", { class: multiItem(), onClick: () => this._selectValue(item) }, item[this.selectionDisplayKey ?? this.displayKey], h("p-icon", { class: '\n          text-xs text-indigo-500\n          group-hover/item:text-indigo-800\n          dark:text-white/15\n          dark:group-hover/item:text-white\n        ', variant: 'negative' })))), h("div", { class: 'extra pointer-events-none hidden text-sm text-storm-100' }, "+", this._amountHidden)));
+            return (h("div", { class: multiContainer(), ref: ref => (this._multiContainerRef = ref) }, this._selectedItem.map(item => (h("div", { class: multiItem(), onClick: () => this._selectValue(item) }, item[this.selectionDisplayKey ?? this.displayKey], h("p-icon", { class: '\n\t\t\t\t\t\t\t\t\ttext-xs text-indigo-500\n\t\t\t\t\t\t\t\t\tgroup-hover/item:text-indigo-800\n\t\t\t\t\t\t\t\t\tdark:text-white/15\n\t\t\t\t\t\t\t\t\tdark:group-hover/item:text-white\n\t\t\t\t\t\t\t\t', variant: 'negative' })))), h("div", { class: 'extra pointer-events-none hidden text-sm text-storm-100' }, "+", this._amountHidden)));
         }
         return this._getDisplay(this._selectedItem, true);
     }
@@ -329,8 +329,8 @@ export class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: 'b7c7d91e9c103eb283a19e6d61bd8a1ccdfcb1ae' }, h("p-field-container", { key: 'ce39c71781d71950eb8f0ec439e70508a801d4bd', 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' }, h("p-dropdown", { key: '172741cbe636fa4b59cbac4445fdff1c8ade7ca7', 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) }, h("p-button", { key: '9fda8191122e870eda211c58b30a6de022b629eb', 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) }, h("div", { key: '1d08bb324241e1db8698678be35a1fd57f00603f', 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(ThemedHost, { key: '8af54e6b1ce69c2bb4c02235b83b657396fa84d6' }, h("p-field-container", { key: '22ce9075bff8057609cee13e6eee7b338aa48048', 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' }, h("p-dropdown", { key: '33855286eaf4f356f49759293488918f194cc63a', 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) }, h("p-button", { key: 'a0afe4430a513143e9cc62ba1a7a7a4f7980b7ae', 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) }, h("div", { key: '16191c9ac99579df0241e088d53fd8262599af7b', 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)) {
@@ -489,9 +489,9 @@ export class Select {
                     this._selectedItem?.[this._identifierKey];
             return (h("p-dropdown-menu-item", { active: isSelected, checkbox: this.multi ? true : false, enableTextWrap: this.enableTextWrap, slot: 'items', useContainer: false, onClick: () => this._selectValue(item) }, this._getDisplay(item, false, isSelected)));
         });
-        if (this._items.length === 0) {
+        if (this._items.length === 0 && !this.showAddItem) {
             items = [
-                h("p", { class: '\n       w-full p-2 text-center text-sm text-storm-400\n       dark:text-hurricane-200\n     ', slot: 'items' }, this.emptyStateText),
+                h("p", { class: '\n\t\t\t\t\t\tw-full p-2 text-center text-sm text-storm-400\n\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t', slot: 'items' }, this.emptyStateText),
             ];
         }
         if (this.enableSelectAll && this._items.length > 0) {
@@ -503,7 +503,7 @@ export class Select {
         return items;
     }
     _getAddItem() {
-        return (h(Fragment, null, h("p-divider", { class: 'my-1 px-2', slot: 'items' }), h("p-dropdown-menu-item", { slot: 'items', useContainer: false, onClick: () => this.add.emit() }, h("span", { class: 'flex items-center gap-1 font-semibold text-indigo-600' }, this.addItemText, h("p-icon", { variant: 'plus' })))));
+        return (h(Fragment, null, this._items.length > 0 && (h("p-divider", { class: 'my-1 px-2', slot: 'items' })), h("p-dropdown-menu-item", { slot: 'items', useContainer: false, onClick: () => this.add.emit() }, h("span", { class: 'flex items-center gap-1 font-semibold text-indigo-600' }, this.addItemText, h("p-icon", { variant: 'plus' })))));
     }
     _getLoadingItems() {
         const items = [0, 0, 0].map(() => (h("p-dropdown-menu-item", { enableHover: false, slot: 'items' }, h("p-loader", { class: 'h-6 w-full rounded', variant: 'ghost' }))));
@@ -585,9 +585,9 @@ export class Select {
         }
         if (this.iconKey && (!isSelection || this.showIconOnSelectedItem)) {
             content = (h("span", { class: 'flex items-center gap-2' }, item[this.iconKey] && (h("p-icon", { class: cn(`
-          text-storm-300
-          dark:text-hurricane-200
-        `, (!isSelection || !!this.applyClassOnSelectedItem) &&
+									text-storm-300
+									dark:text-hurricane-200
+								`, (!isSelection || !!this.applyClassOnSelectedItem) &&
                     (!isSelectedInMenu || !!this.applyClassOnSelectedItemInMenu)
                     ? (item?.[this.iconClassKey] ?? '')
                     : ''), variant: item[this.iconKey] })), h("div", { class: textContainer({

package/dist/collection/components/molecules/table/cell/table-cell.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.hidden{display:none}.h-6{height:1.5rem}.w-1\/12{width:8.333333%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.flex-1{flex:1 1 0%}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-semibold{font-weight:600}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.last-of-type\:pr-0:last-of-type{padding-right:0}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:hidden{display:none}@media (min-width:40rem){.tablet\:flex{display:flex}.tablet\:hidden{display:none}.tablet\:w-1\/12{width:8.333333%}.tablet\:w-10\/12{width:83.333333%}.tablet\:w-11\/12{width:91.666667%}.tablet\:w-2\/12{width:16.666667%}.tablet\:w-3\/12{width:25%}.tablet\:w-4\/12{width:33.333333%}.tablet\:w-5\/12{width:41.666667%}.tablet\:w-6\/12{width:50%}.tablet\:w-7\/12{width:58.333333%}.tablet\:w-8\/12{width:66.666667%}.tablet\:w-9\/12{width:75%}.tablet\:pr-0{padding-right:0}.tablet\:pr-4{padding-right:1rem}.group:hover .tablet\:group-hover\:flex{display:flex}.group:hover .tablet\:group-hover\:hidden{display:none}}@media (min-width:64rem){.desktop-xs\:flex{display:flex}.desktop-xs\:hidden{display:none}.desktop-xs\:w-1\/12{width:8.333333%}.desktop-xs\:w-10\/12{width:83.333333%}.desktop-xs\:w-11\/12{width:91.666667%}.desktop-xs\:w-2\/12{width:16.666667%}.desktop-xs\:w-3\/12{width:25%}.desktop-xs\:w-4\/12{width:33.333333%}.desktop-xs\:w-5\/12{width:41.666667%}.desktop-xs\:w-6\/12{width:50%}.desktop-xs\:w-7\/12{width:58.333333%}.desktop-xs\:w-8\/12{width:66.666667%}.desktop-xs\:w-9\/12{width:75%}.desktop-xs\:pr-0{padding-right:0}.desktop-xs\:pr-4{padding-right:1rem}.group:hover .desktop-xs\:group-hover\:flex{display:flex}.group:hover .desktop-xs\:group-hover\:hidden{display:none}}@media (min-width:80rem){.desktop-sm\:flex{display:flex}.desktop-sm\:hidden{display:none}.desktop-sm\:w-1\/12{width:8.333333%}.desktop-sm\:w-10\/12{width:83.333333%}.desktop-sm\:w-11\/12{width:91.666667%}.desktop-sm\:w-2\/12{width:16.666667%}.desktop-sm\:w-3\/12{width:25%}.desktop-sm\:w-4\/12{width:33.333333%}.desktop-sm\:w-5\/12{width:41.666667%}.desktop-sm\:w-6\/12{width:50%}.desktop-sm\:w-7\/12{width:58.333333%}.desktop-sm\:w-8\/12{width:66.666667%}.desktop-sm\:w-9\/12{width:75%}.desktop-sm\:pr-0{padding-right:0}.desktop-sm\:pr-4{padding-right:1rem}.group:hover .desktop-sm\:group-hover\:flex{display:flex}.group:hover .desktop-sm\:group-hover\:hidden{display:none}}@media (min-width:85.375rem){.desktop\:flex{display:flex}.desktop\:hidden{display:none}.desktop\:w-1\/12{width:8.333333%}.desktop\:w-10\/12{width:83.333333%}.desktop\:w-11\/12{width:91.666667%}.desktop\:w-2\/12{width:16.666667%}.desktop\:w-3\/12{width:25%}.desktop\:w-4\/12{width:33.333333%}.desktop\:w-5\/12{width:41.666667%}.desktop\:w-6\/12{width:50%}.desktop\:w-7\/12{width:58.333333%}.desktop\:w-8\/12{width:66.666667%}.desktop\:w-9\/12{width:75%}.desktop\:pr-0{padding-right:0}.desktop\:pr-4{padding-right:1rem}.group:hover .desktop\:group-hover\:flex{display:flex}.group:hover .desktop\:group-hover\:hidden{display:none}}@media (min-width:90rem){.desktop-lg\:flex{display:flex}.desktop-lg\:hidden{display:none}.desktop-lg\:w-1\/12{width:8.333333%}.desktop-lg\:w-10\/12{width:83.333333%}.desktop-lg\:w-11\/12{width:91.666667%}.desktop-lg\:w-2\/12{width:16.666667%}.desktop-lg\:w-3\/12{width:25%}.desktop-lg\:w-4\/12{width:33.333333%}.desktop-lg\:w-5\/12{width:41.666667%}.desktop-lg\:w-6\/12{width:50%}.desktop-lg\:w-7\/12{width:58.333333%}.desktop-lg\:w-8\/12{width:66.666667%}.desktop-lg\:w-9\/12{width:75%}.desktop-lg\:pr-0{padding-right:0}.desktop-lg\:pr-4{padding-right:1rem}.group:hover .desktop-lg\:group-hover\:flex{display:flex}.group:hover .desktop-lg\:group-hover\:hidden{display:none}}@media (min-width:120rem){.desktop-xl\:flex{display:flex}.desktop-xl\:hidden{display:none}.desktop-xl\:w-1\/12{width:8.333333%}.desktop-xl\:w-10\/12{width:83.333333%}.desktop-xl\:w-11\/12{width:91.666667%}.desktop-xl\:w-2\/12{width:16.666667%}.desktop-xl\:w-3\/12{width:25%}.desktop-xl\:w-4\/12{width:33.333333%}.desktop-xl\:w-5\/12{width:41.666667%}.desktop-xl\:w-6\/12{width:50%}.desktop-xl\:w-7\/12{width:58.333333%}.desktop-xl\:w-8\/12{width:66.666667%}.desktop-xl\:w-9\/12{width:75%}.desktop-xl\:pr-0{padding-right:0}.desktop-xl\:pr-4{padding-right:1rem}.group:hover .desktop-xl\:group-hover\:flex{display:flex}.group:hover .desktop-xl\:group-hover\:hidden{display:none}}.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}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.hidden{display:none}.h-6{height:1.5rem}.w-1\/12{width:8.333333%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-9\/12{width:75%}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.flex-1{flex:1 1 0%}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-semibold{font-weight:600}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.group:hover .group-hover\:hidden{display:none}@media (min-width:40rem){.tablet\:hidden{display:none}.tablet\:w-1\/12{width:8.333333%}.tablet\:w-10\/12{width:83.333333%}.tablet\:w-11\/12{width:91.666667%}.tablet\:w-2\/12{width:16.666667%}.tablet\:w-4\/12{width:33.333333%}.tablet\:w-5\/12{width:41.666667%}.tablet\:w-6\/12{width:50%}.tablet\:w-7\/12{width:58.333333%}.tablet\:w-9\/12{width:75%}.tablet\:pr-0{padding-right:0}.tablet\:pr-4{padding-right:1rem}.group:hover .tablet\:group-hover\:hidden{display:none}}@media (min-width:64rem){.desktop-xs\:hidden{display:none}.desktop-xs\:w-1\/12{width:8.333333%}.desktop-xs\:w-10\/12{width:83.333333%}.desktop-xs\:w-2\/12{width:16.666667%}.desktop-xs\:w-3\/12{width:25%}.desktop-xs\:w-4\/12{width:33.333333%}.desktop-xs\:w-6\/12{width:50%}.desktop-xs\:w-7\/12{width:58.333333%}.desktop-xs\:w-8\/12{width:66.666667%}.desktop-xs\:pr-0{padding-right:0}.desktop-xs\:pr-4{padding-right:1rem}.group:hover .desktop-xs\:group-hover\:hidden{display:none}}@media (min-width:80rem){.desktop-sm\:hidden{display:none}.desktop-sm\:w-1\/12{width:8.333333%}.desktop-sm\:w-10\/12{width:83.333333%}.desktop-sm\:w-2\/12{width:16.666667%}.desktop-sm\:w-3\/12{width:25%}.desktop-sm\:w-4\/12{width:33.333333%}.desktop-sm\:w-6\/12{width:50%}.desktop-sm\:w-7\/12{width:58.333333%}.desktop-sm\:w-8\/12{width:66.666667%}.desktop-sm\:pr-0{padding-right:0}.desktop-sm\:pr-4{padding-right:1rem}.group:hover .desktop-sm\:group-hover\:hidden{display:none}}@media (min-width:85.375rem){.desktop\:hidden{display:none}.desktop\:w-1\/12{width:8.333333%}.desktop\:w-10\/12{width:83.333333%}.desktop\:w-11\/12{width:91.666667%}.desktop\:w-3\/12{width:25%}.desktop\:w-4\/12{width:33.333333%}.desktop\:w-5\/12{width:41.666667%}.desktop\:w-7\/12{width:58.333333%}.desktop\:w-8\/12{width:66.666667%}.desktop\:w-9\/12{width:75%}.desktop\:pr-0{padding-right:0}.desktop\:pr-4{padding-right:1rem}.group:hover .desktop\:group-hover\:hidden{display:none}}@media (min-width:90rem){.desktop-lg\:hidden{display:none}.desktop-lg\:w-1\/12{width:8.333333%}.desktop-lg\:w-10\/12{width:83.333333%}.desktop-lg\:w-2\/12{width:16.666667%}.desktop-lg\:w-3\/12{width:25%}.desktop-lg\:w-4\/12{width:33.333333%}.desktop-lg\:w-6\/12{width:50%}.desktop-lg\:w-7\/12{width:58.333333%}.desktop-lg\:w-8\/12{width:66.666667%}.desktop-lg\:pr-0{padding-right:0}.desktop-lg\:pr-4{padding-right:1rem}.group:hover .desktop-lg\:group-hover\:hidden{display:none}}@media (min-width:120rem){.desktop-xl\:hidden{display:none}.desktop-xl\:w-1\/12{width:8.333333%}.desktop-xl\:w-10\/12{width:83.333333%}.desktop-xl\:w-2\/12{width:16.666667%}.desktop-xl\:w-3\/12{width:25%}.desktop-xl\:w-4\/12{width:33.333333%}.desktop-xl\:w-6\/12{width:50%}.desktop-xl\:w-7\/12{width:58.333333%}.desktop-xl\:w-8\/12{width:66.666667%}.desktop-xl\:pr-0{padding-right:0}.desktop-xl\:pr-4{padding-right:1rem}.group:hover .desktop-xl\:group-hover\:hidden{display:none}}.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-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/table/cell/table-cell.component.js

@@ -87,7 +87,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(ThemedHost, { key: 'f6abd4c007ae672b8d3bba899ee69ceaf5c258a3', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'd159248e3497fb96ce1c32cfd4a6a4844cbebf8d' }, h("div", { key: '4d3e542141053c22602cad4c90d4dba92623119c', class: 'pl-8' }), h("div", { key: '3949cd37f6ef5780d07edd596b5277328f3fbf49', class: '\n         text-storm-300 text-storm-400 text-storm-500\n         dark:text-hurricane-200 dark:text-white\n       ' }), h("div", { key: '052667e85e826a81165ed89ccc868b5a27d033e5', class: 'justify-start justify-end justify-center' }), h("div", { key: 'a5daeef9545ed0621440bed0d0ccfc4da823ccc6', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '1b5a1acc5a10eea9aa71f2168dc84d99b9475982', class: '\n         w-12/12 w-1/12 w-10/12 w-11/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12\n         w-7/12 w-8/12 w-9/12\n       ' }), h("div", { key: '0ec29e97cb7d7691d41de1bc9f037a3e944bd65c', class: '\n         tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/12\n         tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12\n         tablet:w-7/12 tablet:w-8/12 tablet:w-9/12\n       ' }), h("div", { key: 'b651ae024c6637455019d674c62e81967bfbce06', class: '\n         desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12\n         desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12\n         desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12\n         desktop-xs:w-8/12 desktop-xs:w-9/12\n       ' }), h("div", { key: '6f907538695a22fd769df111253bb6bec3bb9725', class: '\n         desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12\n         desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12\n         desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12\n         desktop-xs:w-8/12 desktop-xs:w-9/12\n       ' }), h("div", { key: 'd8090ea7e8ff56758169d61633a1826dd3b26a53', class: '\n         desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12\n         desktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12\n         desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12\n         desktop-sm:w-8/12 desktop-sm:w-9/12\n       ' }), h("div", { key: 'b91d878f9123e6b92d11572277e9562d1fbb250c', class: '\n         desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12\n         desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12\n         desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12\n       ' }), h("div", { key: 'f026ea577772db721c4471a0883eb0347684fe62', class: '\n         desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12\n         desktop-lg:w-11/12 desktop-lg:w-2/12 desktop-lg:w-3/12\n         desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12\n         desktop-lg:w-8/12 desktop-lg:w-9/12\n       ' }), h("div", { key: 'ffd7250140092e5c783b322c1df9187994f4aa82', class: '\n         desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12\n         desktop-xl:w-11/12 desktop-xl:w-2/12 desktop-xl:w-3/12\n         desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12\n         desktop-xl:w-8/12 desktop-xl:w-9/12\n       ' }), h("div", { key: '82fb0211042f848c2d3532e65074353055af8f33', class: '\n         flex hidden\n         group-hover:flex group-hover:hidden\n       ' }), h("div", { key: 'a1b33113aaccdfc6b7f82e6b65bfc5a1bb759817', class: '\n         tablet:flex tablet:hidden\n         tablet:group-hover:flex tablet:group-hover:hidden\n       ' }), h("div", { key: '988ea10da46c0f793a0800f8a292187e52a79898', class: '\n         desktop-xs:flex desktop-xs:hidden\n         desktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n       ' }), h("div", { key: '2aa7fd3ea97e9f885b08da52658bb88c350f7c6d', class: '\n         desktop-sm:flex desktop-sm:hidden\n         desktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n       ' }), h("div", { key: '9c2be7307dd42c431cf7c561552c600fba2b4005', class: '\n         desktop:flex desktop:hidden\n         desktop:group-hover:flex desktop:group-hover:hidden\n       ' }), h("div", { key: 'b255dce7a16f9495a53057791091c2b98f871a4b', class: '\n         desktop-lg:flex desktop-lg:hidden\n         desktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n       ' }), h("div", { key: '8e67e5aeafb17101640b608792ed7ec12d85dfc1', class: '\n         desktop-xl:flex desktop-xl:hidden\n         desktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n       ' }), h("div", { key: '94662519983b5cf10e80b179e6d2b728301fea35', class: '\n         pr-0 pr-4\n         last-of-type:pr-0\n       ' }), h("div", { key: '68ed717de03180b7f3626df29d33c834bf51ccba', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: '12ade478db0b2ec5eb7512db86ac1a3339ca6f77', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: '1866441bd649bb98a586b5a2b682e575e677174a', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '18b758c62ebd22df1878b0031a5694ca4b50e596', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '957ffd7a68d85b538a8467e213ef642bc3a3f903', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: '8df0f6b939349d97692884b3b9ef334be1930766', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
+        return (h(ThemedHost, { key: 'f6abd4c007ae672b8d3bba899ee69ceaf5c258a3', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'd159248e3497fb96ce1c32cfd4a6a4844cbebf8d' }, h("div", { key: '4d3e542141053c22602cad4c90d4dba92623119c', class: 'pl-8' }), h("div", { key: 'cdd2661d7d1db514b996d9c6e3f79941c568f342', class: '\n\t\t\t\t\t\t\t\ttext-storm-300 text-storm-400 text-storm-500\n\t\t\t\t\t\t\t\tdark:text-hurricane-200 dark:text-white\n\t\t\t\t\t\t\t' }), h("div", { key: '248358c3f8fcc402c508b0cb51236f209fd0431e', class: 'justify-start justify-end justify-center' }), h("div", { key: 'e4aae653782505c84cda54a3a640d2a1e8655d41', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '2cce43c4ea54cf91ffbad9184fd2eb1f4f661045', class: '\n\t\t\t\t\t\t\t\tw-12/12 w-1/12 w-10/12 w-11/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12\n\t\t\t\t\t\t\t\tw-8/12 w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: 'd67e74fa113898862cee5d53ad2a62d003825e14', class: '\n\t\t\t\t\t\t\t\ttablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12\n\t\t\t\t\t\t\t\ttablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12\n\t\t\t\t\t\t\t\ttablet:w-8/12 tablet:w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: '0e8d042111a0ec4b7b39a022ffb75ea33ef2a9ee', class: '\n\t\t\t\t\t\t\t\tdesktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12\n\t\t\t\t\t\t\t\tdesktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12\n\t\t\t\t\t\t\t\tdesktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12\n\t\t\t\t\t\t\t\tdesktop-xs:w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: '9ac608558528b6bb0e9cddd32fb5157fc975b4ab', class: '\n\t\t\t\t\t\t\t\tdesktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12\n\t\t\t\t\t\t\t\tdesktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12\n\t\t\t\t\t\t\t\tdesktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12\n\t\t\t\t\t\t\t\tdesktop-xs:w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: '40ba41d4d606f9083369fa6d9e647118666452a9', class: '\n\t\t\t\t\t\t\t\tdesktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12\n\t\t\t\t\t\t\t\tdesktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12\n\t\t\t\t\t\t\t\tdesktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12\n\t\t\t\t\t\t\t\tdesktop-sm:w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: '57a409389ad666c6d6f72d55af2ad228ad81113d', class: '\n\t\t\t\t\t\t\t\tdesktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12\n\t\t\t\t\t\t\t\tdesktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12\n\t\t\t\t\t\t\t\tdesktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: 'ae1b86fb36763f64bac695b76d0863b9972254e7', class: '\n\t\t\t\t\t\t\t\tdesktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12\n\t\t\t\t\t\t\t\tdesktop-lg:w-11/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12\n\t\t\t\t\t\t\t\tdesktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12\n\t\t\t\t\t\t\t\tdesktop-lg:w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: '65783852eda6b2c5a39eb0d4f7dcbfe1d17f2b1c', class: '\n\t\t\t\t\t\t\t\tdesktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12\n\t\t\t\t\t\t\t\tdesktop-xl:w-11/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12\n\t\t\t\t\t\t\t\tdesktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12\n\t\t\t\t\t\t\t\tdesktop-xl:w-9/12\n\t\t\t\t\t\t\t' }), h("div", { key: 'a5c1a087a666522987122d34e21d1c8964b4fa53', class: '\n\t\t\t\t\t\t\t\tflex hidden\n\t\t\t\t\t\t\t\tgroup-hover:flex group-hover:hidden\n\t\t\t\t\t\t\t' }), h("div", { key: 'b74eff284628b3fe86adce3307d5770749612fa2', class: '\n\t\t\t\t\t\t\t\ttablet:flex tablet:hidden\n\t\t\t\t\t\t\t\ttablet:group-hover:flex tablet:group-hover:hidden\n\t\t\t\t\t\t\t' }), h("div", { key: 'ea4dbb0a4e64d713b80c0bd2e7a51cdec78d8779', class: '\n\t\t\t\t\t\t\t\tdesktop-xs:flex desktop-xs:hidden\n\t\t\t\t\t\t\t\tdesktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n\t\t\t\t\t\t\t' }), h("div", { key: '8035acc306759e1bdd95a88abc3199e2763f45c6', class: '\n\t\t\t\t\t\t\t\tdesktop-sm:flex desktop-sm:hidden\n\t\t\t\t\t\t\t\tdesktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n\t\t\t\t\t\t\t' }), h("div", { key: '8f45dd57af3f8bdd02fae2d8b71e2a98f9f70439', class: '\n\t\t\t\t\t\t\t\tdesktop:flex desktop:hidden\n\t\t\t\t\t\t\t\tdesktop:group-hover:flex desktop:group-hover:hidden\n\t\t\t\t\t\t\t' }), h("div", { key: 'd00b985b40135a49939eeb68d915f7e380537acb', class: '\n\t\t\t\t\t\t\t\tdesktop-lg:flex desktop-lg:hidden\n\t\t\t\t\t\t\t\tdesktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n\t\t\t\t\t\t\t' }), h("div", { key: 'd3bead4431479b392774429f93513a52393ea7b8', class: '\n\t\t\t\t\t\t\t\tdesktop-xl:flex desktop-xl:hidden\n\t\t\t\t\t\t\t\tdesktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n\t\t\t\t\t\t\t' }), h("div", { key: '51c72082e29995f54479623e260e68e90acf7074', class: '\n\t\t\t\t\t\t\t\tpr-0 pr-4\n\t\t\t\t\t\t\t\tlast-of-type:pr-0\n\t\t\t\t\t\t\t' }), h("div", { key: '6ea486fe5708aab979ed0c8ea9f83d5eeb1b9ce1', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: '26aac015b9f2108ce8fed356e707805b3426adf5', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: '196de1be11605fcdbbfb5531dc4885e46954330a', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: 'f9caa41e4607c99d1399a07e48bd638f4bb4eed4', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: 'f8dec19a2a4c165f264cb5d1e7d9703ffeedf931', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: '502ec868177a0e3eaad7ca2a5f8a950960549117', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
     }
     _getContent() {
         if (this.variant === 'loading') {

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

@@ -8,10 +8,10 @@ const footer = cva([
     'after:absolute after:left-0 after:top-0 after:z-[0]',
     'after:h-full after:w-full after:transition-opacity',
     `
-    after:bg-gradient-to-t after:from-white after:via-white/80
-    after:to-transparent
-    dark:after:from-hurricane-700 dark:after:via-hurricane-700/80
-  `,
+			after:bg-gradient-to-t after:from-white after:via-white/80
+			after:to-transparent
+			dark:after:from-hurricane-700 dark:after:via-hurricane-700/80
+		`,
 ], {
     variants: {
         pinned: {
@@ -24,9 +24,9 @@ const footer = cva([
         },
         tableHeaderHasAction: {
             true: `
-      pb-20 pt-8
-      desktop-xs:py-8
-    `,
+					pb-20 pt-8
+					desktop-xs:py-8
+				`,
             false: 'py-8',
         },
     },
@@ -107,12 +107,12 @@ export class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: '2a9d106d8fcda59dbe0615b936dec5c5a6c06ac3' }, h("div", { key: '92904418a7130a5b5b03c60c4ef9a5297fa67900', class: footer({
+        return (h(ThemedHost, { key: '9532ab1db5c12d695fa25f36683f6629f51bb0c1' }, h("div", { key: '21b10e0e7aa63c43383d9473be7833abcd13d2a5', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: 'b085a53358757b965720f35ad4deb70a705b4cfd', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '7307f57dfae4759399588fc3bc0285c605d2cbb6', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/collection/components/molecules/table/header/table-header.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.fixed{position:fixed}.bottom-0{bottom:0}.left-0{left:0}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.ml-1{margin-left:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.h-8{height:2rem}.w-3\/4{width:75%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.justify-self-start{justify-self:start}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.border-transparent{border-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:40rem){.tablet\:flex{display:flex}.tablet\:px-0{padding-left:0;padding-right:0}}@media (min-width:64rem){.desktop-xs\:ml-auto{margin-left:auto}.desktop-xs\:flex{display:flex}.desktop-xs\:hidden{display:none}.desktop-xs\:w-auto{width:auto}.desktop-xs\:max-w-60{max-width:15rem}.desktop-xs\:flex-row{flex-direction:row}.desktop-xs\:items-center{align-items:center}}.dark\:border-t-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:text-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.dark\:border-t-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:text-white\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}
+*{box-sizing:border-box}.static{position:static}.bottom-0{bottom:0}.left-0{left:0}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.ml-1{margin-left:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.h-8{height:2rem}.w-3\/4{width:75%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.justify-self-start{justify-self:start}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:40rem){.tablet\:px-0{padding-left:0;padding-right:0}}@media (min-width:64rem){.desktop-xs\:flex{display:flex}.desktop-xs\:hidden{display:none}.desktop-xs\:w-auto{width:auto}.desktop-xs\:max-w-60{max-width:15rem}.desktop-xs\:flex-row{flex-direction:row}.desktop-xs\:items-center{align-items:center}}.dark\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}

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

@@ -7,9 +7,9 @@ const header = cva([
     'z-[1] flex flex-col gap-2',
     'w-full',
     `
-   px-4
-   tablet:px-0
- `,
+		px-4
+		tablet:px-0
+	`,
     'desktop-xs:flex-row',
 ]);
 export class TableHeader {
@@ -133,18 +133,16 @@ export class TableHeader {
         const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
         const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
         const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-        return (h(ThemedHost, { key: '046a82c93f16849095adf724acfd621369af3593' }, h("div", { key: 'e46eb857f7945716243299ce4c999673ec453d5a', class: header() }, this.loading && (h("p-loader", { key: 'c8a4898ede8aa744b72c6d11afceba5079eeb32a', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '877290a2e98724bc17e95d3d447ea37e6a005dc4', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && h("slot", { key: 'c1a71c7715dfd42975529c08f7d784f7fc463309', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: 'a78f5ca023cd8106c610d1535e6e8b262dc15632', class: '\n            hidden\n            desktop-xs:flex\n          ' }, quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
+        return (h(ThemedHost, { key: '524927d6e7bef8c4ff4f3fd66ebe2673b963d111' }, h("div", { key: '716a90c16fff49d307c70ce98cbd8a4111c9ef9c', class: header() }, this.loading && (h("p-loader", { key: '8cfdf18f728d2c58eaedbe7c6dbd86206bfff9a1', class: '\n\t\t\t\t\t\t\t\thidden h-8 w-3/4 rounded\n\t\t\t\t\t\t\t\tdesktop-xs:flex\n\t\t\t\t\t\t\t', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '9a3d996f306af515cd25ee9e17f59b57d5f93edc', class: '\n\t\t\t\t\t\t\t\t\tflex flex-col justify-start gap-4 justify-self-start\n\t\t\t\t\t\t\t\t\tdesktop-xs:flex-row\n\t\t\t\t\t\t\t\t' }, hasCustomFilterSlot && h("slot", { key: '2fbf09ff5e6c00bd81cd7263b8e572a87a18db05', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: 'f5edcf6ea0abf75658794deac1eec25955dd5b06', class: '\n\t\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t\t\tdesktop-xs:flex\n\t\t\t\t\t\t\t\t\t\t' }, quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
             ? item.text
-            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: '17e05645a060b6674211930c340f039e690b2b83', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (h("p-field", { key: 'e8cc9ab173b7864f5adee53fcb7a6b124e392722', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: '593628e94f3766ad21562a8133cc76e0a8e7c612', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '863ea9caf0d1d34e5c45a22db523f54075b861c9', class: `
-           w-full
-           ${this.enableFilterDesktop
-                ? 'desktop-xs:w-auto'
-                : 'desktop-xs:hidden'}
-         `, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: '3f4502d0d1e23c28bafe32218adf5ff6cce3fc66', class: '\n\t\t\t\t\t\t\tflex flex-col justify-end gap-2\n\t\t\t\t\t\t\tdesktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n\t\t\t\t\t\t' }, this.enableSearch && (h("p-field", { key: 'baf7fefc1b4d5ea1e5c698d8f9f56bd4fc09592c', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'ff1bc59eb869264cec6b237302e701bebc73b54a', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '8762f4dcecb698b8cec2d8c16c7597134bfafa70', class: `
+										w-full
+										${this.enableFilterDesktop ? 'desktop-xs:w-auto' : 'desktop-xs:hidden'}
+									`, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: 'f82cc292316723b26ed2f163a8a4e5bd6b321f33', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: '68b77661274b6e9c6e8764bbe16519539966e0f9', class: '\n           desktop-xs:auto\n           w-full\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '5156a9e3cdcef6ce1aa15efa4909d88abed010da', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'a8125d245e8a194734b50c2ead689a9bfb7d686e', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: 'be3c7bae6457e5cadcdc8fecff9ed0e840fa383c', class: '\n\t\t\t\t\t\t\t\t\t\thidden h-4\n\t\t\t\t\t\t\t\t\t\ttablet:flex\n\t\t\t\t\t\t\t\t\t\tdark:text-white/15\n\t\t\t\t\t\t\t\t\t', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: '8c7760e745405f49b5f8a3f50c46d8f6a15f870e', class: '\n\t\t\t\t\t\t\t\t\t\tdesktop-xs:auto\n\t\t\t\t\t\t\t\t\t\tw-full\n\t\t\t\t\t\t\t\t\t', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '9390cea67961f6fe0ac7461bf4f8c1dd1e256eeb', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'a0e442cec3cee3b2f689ea66c1c166f08bb25909', class: '\n\t\t\t\t\t\t\t\tfixed bottom-0 left-0 z-[2] block w-full border border-solid\n\t\t\t\t\t\t\t\tborder-transparent bg-white p-4\n\t\t\t\t\t\t\t\tdesktop-xs:hidden\n\t\t\t\t\t\t\t\tdark:border-t-hurricane-400 dark:bg-hurricane-500\n\t\t\t\t\t\t\t' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -153,25 +151,25 @@ export class TableHeader {
         return (h("p-button", { class: mobile
                 ? 'w-full'
                 : `
-        hidden
-        desktop-xs:flex
-      `, disabled: !this.canUseAction, icon: this.actionIcon, loading: this.actionLoading, onOnClick: () => this.action.emit() }, this.actionButtonTemplate
+							hidden
+							desktop-xs:flex
+						`, disabled: !this.canUseAction, icon: this.actionIcon, loading: this.actionLoading, onOnClick: () => this.action.emit() }, this.actionButtonTemplate
             ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
             : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
     }
     _getLabel(amount, variant = 'default') {
         return (h("p-badge", { class: `
-      ml-1
-      ${variant === 'default'
+					ml-1
+					${variant === 'default'
                 ? `
-       hidden
-       desktop-xs:flex
-     `
+								hidden
+								desktop-xs:flex
+							`
                 : `
-       flex
-       desktop-xs:hidden
-     `}
-    ` }, amount));
+								flex
+								desktop-xs:hidden
+							`}
+				` }, amount));
     }
     static get is() { return "p-table-header"; }
     static get encapsulation() { return "shadow"; }