@paperless/core 2.22.0-alpha.24 → 2.22.0-alpha.25

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

@@ -61,7 +61,7 @@ export class PaginationPages {
         this._generate();
     }
     render() {
-        return (h(ThemedHost, { key: 'aaf3e71903ad861f039ceabfefbfdc0be38a6568' }, h("div", { key: '41ffcc99576ba46d8b2f3730c7db0fec8823c1f8', class: pagination({
+        return (h(ThemedHost, { key: '12b419fd882b9601dd5aa69a9a65dbeea5475493' }, h("div", { key: '119cee7ccbe4e06a3483f966530141b64fd778c7', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -128,7 +128,7 @@ export class PaginationPages {
     _carouselDisabled = (type) => {
         if (type === 'next') {
             const nextPage = this.page + 1;
-            if (nextPage > this._pages[this._pages.length - 1]) {
+            if (nextPage > this._pages.at(-1)) {
                 return true;
             }
         }
@@ -143,9 +143,9 @@ export class PaginationPages {
     _pageClick = (p) => this._changePage(p);
     _enterPress(p) {
         if (typeof p === 'string') {
-            p = parseInt(p);
+            p = Number.parseInt(p);
         }
-        if (isNaN(p)) {
+        if (Number.isNaN(p)) {
             return;
         }
         if (p < 1) {
@@ -167,7 +167,9 @@ export class PaginationPages {
         }
         const pages = Math.ceil(this.total / this.pageSize);
         this.pagesChange.emit(pages);
-        return new Array(pages).fill(undefined).map((_, i) => i + 1);
+        return Array.from({ length: pages })
+            .fill('')
+            .map((_, i) => i + 1);
     }
     _generateSet = (range = 1, enableBoundaries = true) => {
         const totalPages = this._pages.length;
@@ -179,7 +181,7 @@ export class PaginationPages {
         if (end > totalPages) {
             end = totalPages;
             start = totalPages - range * 2;
-            start = start < 1 ? 1 : start;
+            start = Math.max(start, 1);
         }
         if (start <= 1) {
             start = 1;
@@ -218,8 +220,7 @@ export class PaginationPages {
             set.push({
                 type: 'page',
                 value: 1,
-            });
-            set.push({
+            }, {
                 type: 'ellipsis',
                 dropdownIndex,
                 options: Array.from({ length: start - 2 }, (_, i) => i + 2),
@@ -245,12 +246,11 @@ export class PaginationPages {
                 type: 'ellipsis',
                 dropdownIndex,
                 options: Array.from({ length: totalPages - end - 1 }, (_, i) => i + end + 1),
-            });
-            dropdownIndex++;
-            set.push({
+            }, {
                 type: 'page',
-                value: this._pages[this._pages.length - 1],
+                value: this._pages.at(-1),
             });
+            dropdownIndex++;
         }
         if (enableBoundaries) {
             set.push(next);

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: 'bcde797de60d6429022c715ce087064cf02be38d' }, h("div", { key: '8ec4343e86455080017a71aa0aab3c533ee2af6c', class: pagination({
+        return (h(ThemedHost, { key: 'bb991c6f71f5824182288a5976a1ed5d7a5d6ae1' }, h("div", { key: '80bc0a9d7440759d64b46d5545fe1e3ab2d5b339', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '8d99901d0bc501b5aa66b40fd2a8c60415049f05' }, h("p-pagination-size", { key: '8a5799ac33e9e84630c9eebc6f1c1a4931b325d5', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, 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.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '48900c21a0de1af114e4f0c784e8b680c7527d03', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '9ffb6d5a3c282f14df3adcb99ffa16c0ed147b2c', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: 'fa14cc1d718604f931f95ee9d2accd28b1bf43e7', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '265840dfb523c4330e5c44a00fe28d9397f7b45c', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } })))));

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

@@ -73,18 +73,18 @@ export class PaginationSize {
         this._setLocales();
     }
     render() {
-        return (h(ThemedHost, { key: 'a18dd95925cb38687e6463f32e2e7c8d04c4d689', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'f7ffc0bfe61c6d4fded92b543cd26603c7352625', applyFullWidth: true, applyMaxWidth: false, placement: 'top-start', chevronDirection: 'down', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '15eceebfd2f2cfa644efe43e795126c6c9a62a35', class: trigger({
+        return (h(ThemedHost, { key: '1062e4a018038b23e5514a50f9fa658b6fae7010', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '521979380d535dcd911c26b881338ddaaf3e7344', applyFullWidth: true, applyMaxWidth: false, placement: 'top-start', chevronDirection: 'down', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '81cdccac14a27636661d30889d5894a9fb5d7ce6', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: 'f8b00116365d9065943e10325bad2a0337788156', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: '3477755b3365205fef5a3e3f8f465f0d1d41ddd1', 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: '1a8d46f5e8128174359bf17d89892a3abb989299', class: cn([
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: 'f08b75643a97c86192e87893c80ad67b9cf61a9d', 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,
-            }), variant: 'double-caret', size: 'sm' })), h("slot", { key: '5a53c7343a61ef699a6bdae8044224141748c47f', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            }), variant: 'double-caret', size: 'sm' })), h("slot", { key: '4ac113bf401a0a3019c6430a58f5cfd8a153e5c4', 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.js

@@ -28,7 +28,7 @@ export class Profile {
     }
     render() {
         const content = this._getContent();
-        return (h(ThemedHost, { key: '9856f8b723b8c4e764ae8176ad16d1dc2241b934' }, this._hasDropdownSlot ? (h("p-dropdown", { strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(ThemedHost, { key: 'd8b3c59997be743df436a92d272715015d2e876d' }, this._hasDropdownSlot ? (h("p-dropdown", { strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, 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: 'c937c22c26281de6e233d8cf8ab0cb13af1973b2' }, h("div", { key: '0eed98812f468dff396750ca4d1a804de945c8b3', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, h("p-icon", { key: '1e71cf8f4866f97dd1f3985e45d489e2ed6f4f0c', variant: 'minus' }), h("div", { key: '558f3fc8d5fd578e3510aab6c617a4a69ff9d19f', class: 'relative h-6 flex-1' }, h("input", { key: 'f61117e1cf805b58a274873c4bb062e827fd1ef2', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => {
+        return (h(ThemedHost, { key: 'cb6a6b717940ba17aa7a6df5cc36577a991d3831' }, h("div", { key: '86f3c5cfa6b35bab44279382db58fc28cbfb864d', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, h("p-icon", { key: 'c39ee42a23403c618cf6980ee68610b0d2210f59', variant: 'minus' }), h("div", { key: 'ea69ab86a1006f763f2306cc5a644b12ebd68540', class: 'relative h-6 flex-1' }, h("input", { key: '36594b239d75623d5494a27ac44fffab83f2c51d', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => {
                 const value = ev.target.value;
-                this.value = parseFloat(value);
+                this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), h("div", { key: '8c247df11ce56689438e3edf381972b95360f7cf', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
+            } }), h("div", { key: 'f995f4c46fe41f30f4702636192835fa9a62141f', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '10738ff8b64a0d3c0d354c166c80175876a1195b', variant: 'plus' }))));
+            } })), h("p-icon", { key: 'f10c499d92c17fa6ad450416490f42155f7b2f22', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, } from "@stencil/core";
-import { childOfComposed, cn } from "../../../utils";
 import { cva } from "class-variance-authority";
 import { ThemedHost } from "../../../internal/themed-host.component";
+import { childOfComposed, cn } from "../../../utils";
 import { SELECT_DEFAULT_MAX_DISPLAYED_ITEMS } from "../../../utils/constants";
 const multiContainer = cva([
     'flex items-center gap-2',
@@ -322,8 +322,8 @@ export class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: '084b1a54a9951dfa2172790f0532f968ffc13e7e' }, h("p-field-container", { key: 'f03f6c66b33ea82dbf7993be632ba4dfac96259c', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, showOptional: this.showOptional, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-dropdown", { key: '0cb8a9b1f0d2c2d8a5ca210ad7cbc71936e1d13f', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, "disable-trigger-click": this.disabled, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: '426ea7608bf5dd1e65b1d333e219f518284bd66d', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], onClick: ev => this._onClick(ev) }, h("div", { key: '8ef70614b41200ca62df0f008f84c047527054e4', 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: '617063ca6cf31255928f6f6856cb1902b1d225a2' }, h("p-field-container", { key: '4a6d95f7bfbc79b886044f2fe31695990b4e210d', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, showOptional: this.showOptional, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-dropdown", { key: 'a505febe8197f86f5e43ffa71f99c4b72cd2d8aa', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, "disable-trigger-click": this.disabled, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: 'fd28bc0407580787fdb73d87dc3f282c78db0cd4', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], onClick: ev => this._onClick(ev) }, h("div", { key: 'bd68cd902b3b2c09c7f0810aab598fb12b06e84f', 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)) {
@@ -362,7 +362,7 @@ export class Select {
                 return;
             }
             this.value = value;
-            if (!value.length) {
+            if (value.length === 0) {
                 this._selectedItem = [];
                 return;
             }
@@ -402,7 +402,7 @@ export class Select {
                 : JSON.stringify(itemIdentifier);
             return parsedItemIdentifier === parsedValue;
         });
-        this._selectValue(!!item ? item : value, false);
+        this._selectValue(item ?? value, false);
     }
     _selectValue(item, forceBlur = true) {
         let value = !!this.valueKey &&
@@ -477,17 +477,17 @@ export class Select {
     _getItems() {
         let items = this._items.map(item => {
             const isSelected = this.multi && !!this._selectedItem && Array.isArray(this._selectedItem)
-                ? this._selectedItem.findIndex(i => i[this._identifierKey] === item[this._identifierKey]) >= 0
+                ? this._selectedItem.some(i => i[this._identifierKey] === item[this._identifierKey])
                 : item[this._identifierKey] ===
                     this._selectedItem?.[this._identifierKey];
             return (h("p-dropdown-menu-item", { enableTextWrap: this.enableTextWrap, useContainer: false, onClick: () => this._selectValue(item), active: isSelected, checkbox: this.multi ? true : false, slot: 'items' }, this._getDisplay(item, false, isSelected)));
         });
-        if (!this._items.length) {
+        if (this._items.length === 0) {
             items = [
                 h("p", { class: 'w-full p-2 text-center text-sm text-storm-400 dark:text-hurricane-200', slot: 'items' }, this.emptyStateText),
             ];
         }
-        if (this.enableSelectAll && this._items.length) {
+        if (this.enableSelectAll && this._items.length > 0) {
             items.unshift(h("p-dropdown-menu-item", { slot: 'items', useContainer: false, checkbox: true, onClick: () => this._selectAllChange(), active: this._allSelected }, this.selectAllIcon?.length ? (h("span", { class: 'flex items-center gap-2' }, h("div", { class: 'flex w-6 justify-center text-lg' }, h("p-icon", { variant: this.selectAllIcon })), ' ', this.selectAllText)) : (this.selectAllText)));
         }
         if (this.enableAutocomplete) {
@@ -513,7 +513,7 @@ export class Select {
             return;
         }
         const calced = this._inputRef.clientWidth - 16;
-        this._multiContainerRef.style.maxWidth = `${calced >= 16 ? calced : 16}px`;
+        this._multiContainerRef.style.maxWidth = `${Math.max(calced, 16)}px`;
     }
     _setCheckSelectedItemsTimeout() {
         if (this._checkSelectedItemsTimeout) {
@@ -567,7 +567,7 @@ export class Select {
                 error: !!this.error?.length,
                 enableTextWrap: this.enableTextWrap && !isSelection,
             }) }, item[isSelection
-            ? this.selectionDisplayKey ?? this.displayKey
+            ? (this.selectionDisplayKey ?? this.displayKey)
             : this.displayKey]));
         if (this.avatarKey) {
             content = (h("span", { class: 'flex items-center gap-2' }, h("p-avatar", { size: 'sm', src: item[this.avatarKey], letters: item[this.avatarLettersKey] }), h("div", { class: textContainer({
@@ -579,7 +579,7 @@ 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) &&
                     (!isSelectedInMenu || !!this.applyClassOnSelectedItemInMenu)
-                    ? item?.[this.iconClassKey] ?? ''
+                    ? (item?.[this.iconClassKey] ?? '')
                     : ''), variant: item[this.iconKey] })), h("div", { class: textContainer({
                     variant: 'default',
                     error: !!this.error?.length,
@@ -708,8 +708,8 @@ export class Select {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../atoms/icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant",
+                            "path": "../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }
@@ -1261,8 +1261,8 @@ export class Select {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../atoms/icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant",
+                            "path": "../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }

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

@@ -1,6 +1,6 @@
 import { Fragment, h } from "@stencil/core";
-import { getTableCellColumnClasses, objectGetByPath } from "../../../../utils";
 import { ThemedHost } from "../../../../internal/themed-host.component";
+import { getTableCellColumnClasses, objectGetByPath } from "../../../../utils";
 import { cn } from "../../../../utils/cn";
 /*
      With this, we shall hack the system in ways no one would ever have thought.
@@ -78,7 +78,7 @@ export class TableCell {
             };
         }
         return {
-            value: this.value ?? this.definition?.path
+            value: (this.value ?? this.definition?.path)
                 ? objectGetByPath(this.item, this.definition.path)
                 : null,
             item: this.item,
@@ -87,14 +87,14 @@ export class TableCell {
         };
     }
     render() {
-        return (h(ThemedHost, { key: 'f848ead76672fc2c07711a0713b6a85ae91e967a', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: '1994941caac1f1eb4af05ad82ab747951a95deb8' }, h("div", { key: '971286e8db4f601c69d2deddf6df057ee39c7614', class: 'pl-8' }), h("div", { key: '291e06d9773e491fa4dfad06d1a0943849800b9a', class: 'text-storm-300 text-storm-400 text-storm-500 dark:text-hurricane-200 dark:text-white' }), h("div", { key: '4ad0407482770d539a255b928f7061caa318a2a5', class: 'justify-start justify-end justify-center' }), h("div", { key: 'f1a93933355f3e8a8581a7319f39b52bba545048', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '9590a243d0f032298ead37f4fbb549ab7a80c58d', class: '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 w-7/12 w-8/12 w-9/12' }), h("div", { key: '07f22a8ef3c353e9956f9a4f1835bf1d00297a64', class: 'tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12' }), h("div", { key: '1f1299f9532a86cee84592f9f90bde37401462ed', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: 'cd51dc52d5eabe9a7495cdf3beb94ea317eae05c', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: '2576e85451dd979da23f4a57f23b17b46cf846f5', class: 'desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12' }), h("div", { key: '5bd7d23f19190c2a44f9125f1153a0e7f2df56fe', class: 'desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12' }), h("div", { key: 'd4bf628a6f3c0d77a4f900e8573d80a5eb388014', class: 'desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12' }), h("div", { key: '3fc7ed0a5130fe18901006d1a14aee0525e65f92', class: 'desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12' }), h("div", { key: '714fb5dab671da8eed01f67b90601cd7b656ac8f', class: 'flex hidden group-hover:flex group-hover:hidden' }), h("div", { key: '4075653b086695de42b6c3d369f5509a944a2ac8', class: 'tablet:flex tablet:hidden tablet:group-hover:flex tablet:group-hover:hidden' }), h("div", { key: '7bbf87f66ab6c5699528df578cd2ea19b10a406b', class: 'desktop-xs:flex desktop-xs:hidden desktop-xs:group-hover:flex desktop-xs:group-hover:hidden' }), h("div", { key: '5fdcb3bec6567b059fddd39fa6983d9e5a084a63', class: 'desktop-sm:flex desktop-sm:hidden  desktop-sm:group-hover:flex desktop-sm:group-hover:hidden' }), h("div", { key: '998414a192058dfb57b68eb59a5cc4992694a934', class: 'desktop:flex desktop:hidden desktop:group-hover:flex desktop:group-hover:hidden' }), h("div", { key: 'f9bb15a077cb16fd44d370977b2a185b50bd4d3e', class: 'desktop-lg:flex desktop-lg:hidden desktop-lg:group-hover:flex desktop-lg:group-hover:hidden' }), h("div", { key: 'afa1f226b531c716e7474e06bed6210263c2fb07', class: 'desktop-xl:flex desktop-xl:hidden desktop-xl:group-hover:flex desktop-xl:group-hover:hidden' }), h("div", { key: '9e897ecbf0747bc43bcb7af75fde0d80deae3234', class: 'pr-0 pr-4 last-of-type:pr-0' }), h("div", { key: '591d5da586ccc3d8d4f58d90a529793ff00bb5a4', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: 'd7974ba53ef8332217df264e548de0d300046ae3', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: 'f3913ab6699df94225ace5caf60c2d9df791e847', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: 'd5baccd7a1827c7a30878ac7bc97c70118dbdefa', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '251ef84d91306dbc50fc029bbf44a330499a53c0', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: 'f59fd27fa39b4bb40cc98108f71be4550b28df43', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
+        return (h(ThemedHost, { key: 'f3fb25607a21580f978f979b6ed0c64c908c597e', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: '52e2728554816fd8251bf81fdd6f4cac251e5dc0' }, h("div", { key: '5c09e0c5618a47a1ca76183d33d9576f051ea8fd', class: 'pl-8' }), h("div", { key: '0573b90ef4b7cf77ebc64ca31a172e97215bfb22', class: 'text-storm-300 text-storm-400 text-storm-500 dark:text-hurricane-200 dark:text-white' }), h("div", { key: '5e127f4668aedd4fcadb1007c6552eb1d0938872', class: 'justify-start justify-end justify-center' }), h("div", { key: 'd40b45b508e3828d7d15372cb530a38cc640ba4b', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '400c5c5b91291dc7da77141b2677977cdd5dc1eb', class: '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 w-7/12 w-8/12 w-9/12' }), h("div", { key: '16f0664a095857f39abeb6265c55dc9aa40ebc60', class: 'tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12' }), h("div", { key: 'c46eef18f079e003831b38a75789511f4e3a8cfe', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: '62ea8c4c005f2d407c6ef192e8a8ea2fa5431d27', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: '4f3695c7f62a8c0d604d72fe1d1e2b2bc09a6a80', class: 'desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12' }), h("div", { key: '4273bbb144fe47337f4626a55bc4054f944da1fa', class: 'desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12' }), h("div", { key: '5cba23c86aab28353000e3ca6a9b06942b59a442', class: 'desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12' }), h("div", { key: '3fbb89c1d4c48d7e50050981f20cd56cf808c0d7', class: 'desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12' }), h("div", { key: '942dca4f70d2fac538014f63edf0c7b5e4e4d5a8', class: 'flex hidden group-hover:flex group-hover:hidden' }), h("div", { key: 'cfdc8c1f716c737a83693d503e4094ce09aba34c', class: 'tablet:flex tablet:hidden tablet:group-hover:flex tablet:group-hover:hidden' }), h("div", { key: '2b04268398413cf29c15238b704a8c44461fffe4', class: 'desktop-xs:flex desktop-xs:hidden desktop-xs:group-hover:flex desktop-xs:group-hover:hidden' }), h("div", { key: 'cb6c3a06945d446c99787e299ef456dd55d623aa', class: 'desktop-sm:flex desktop-sm:hidden  desktop-sm:group-hover:flex desktop-sm:group-hover:hidden' }), h("div", { key: 'e11b89a93ba9f4d19007e7b0225d9fc607a8a3f8', class: 'desktop:flex desktop:hidden desktop:group-hover:flex desktop:group-hover:hidden' }), h("div", { key: '794be240ed5b1ffff17cf498d951ceee827e6f7c', class: 'desktop-lg:flex desktop-lg:hidden desktop-lg:group-hover:flex desktop-lg:group-hover:hidden' }), h("div", { key: '22e040b155aa8db113feb66960cc859894861a19', class: 'desktop-xl:flex desktop-xl:hidden desktop-xl:group-hover:flex desktop-xl:group-hover:hidden' }), h("div", { key: '1b21d951c713572b637996fcaef6f4131bc843f4', class: 'pr-0 pr-4 last-of-type:pr-0' }), h("div", { key: 'b7726e7a5acc327fc6ef90bb9c7e4df6bb48e175', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: '0e93371c6d5ee34ff9487d1f492f24ee032d0c42', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: 'f9e24890ca1b702077ad9969aa4ef398e8399421', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '5e510708d447ed5c61ea821579100acb9c452b7a', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '2f24285b64fcd137f5ca709490ff0943b65e10b2', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: 'f2249ff1780dd38fce8919cfa4dfdae51ccce6cc', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
     }
     _getContent() {
         if (this.variant === 'loading') {
             return (h("p-loader", { variant: 'ghost', class: 'h-6 w-[calc(100%-1rem)] flex-1 rounded' }));
         }
         const align = this.variant === 'header'
-            ? this.definition.headerAlign ?? this.definition.align
+            ? (this.definition.headerAlign ?? this.definition.align)
             : this.definition.align;
         return (h("div", { class: cn('overflow-hidden text-ellipsis', {
                 flex: this.definition.flex,

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

@@ -100,12 +100,12 @@ export class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: '1024988f53e543b3f8d94b0219913b4b0877ce45' }, h("div", { key: '8757e2e3f2951b01fefa252b64a5cf19f46209d0', class: footer({
+        return (h(ThemedHost, { key: 'b5ab268371811514f930f44fedea65da21cd6cae' }, h("div", { key: 'a98c709cc02b6b15fc7923520921f35d577ce78f', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '47682dcc14961e5ebab05317cda65dc44def9ee8', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '9bbe8d8de8dce310f2799829469b6826642aa295', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -122,14 +122,14 @@ export class TableFooter {
             const modalBody = modal.shadowRoot.querySelector('p-modal-body');
             const innerContent = modalBody.shadowRoot.querySelector('div');
             const innerContentComputed = getComputedStyle(innerContent);
-            const modalPaddingBottom = parseInt(innerContentComputed.paddingBottom, 10);
+            const modalPaddingBottom = Number.parseInt(innerContentComputed.paddingBottom, 10);
             this._el.style.bottom = `-${modalPaddingBottom}px`;
             this._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;
         }
         if (layout && !modal) {
             const innerContent = layout.shadowRoot.querySelector('.content');
             const innerContentComputed = getComputedStyle(innerContent);
-            const layoutPaddingBottom = parseInt(innerContentComputed.paddingBottom, 10);
+            const layoutPaddingBottom = Number.parseInt(innerContentComputed.paddingBottom, 10);
             this._el.style.bottom = `-${layoutPaddingBottom}px`;
             this._el.style.marginBottom = `-${layoutPaddingBottom - 1}px`;
         }

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

@@ -1,8 +1,8 @@
 import { h, } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { debounceTime, distinctUntilChanged, Subject } from "rxjs";
-import { formatTranslation, getLocaleComponentStrings, } from "../../../../utils/localization";
 import { ThemedHost } from "../../../../internal/themed-host.component";
+import { formatTranslation, getLocaleComponentStrings, } from "../../../../utils/localization";
 const header = cva([
     'flex flex-col gap-2 z-[1]',
     'w-full',
@@ -11,9 +11,8 @@ const header = cva([
 ]);
 export class TableHeader {
     _defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
-    _defaultActionButtonTemplate = (amount) => this.actionText
-        ? this.actionText
-        : formatTranslation(amount === 0
+    _defaultActionButtonTemplate = (amount) => this.actionText ??
+        formatTranslation(amount === 0
             ? this._locales.edit
             : amount === 1
                 ? this._locales.edit_single
@@ -131,15 +130,15 @@ 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: 'c1b62a3635fc61d8130b4d1c7b5e2382423fc8b4' }, h("div", { key: '42dbc580b0f7cbeee1c010222011c929c105616f', class: header() }, this.loading && (h("p-loader", { key: '1d22845dc422bbc0f073572903d255024fe91256', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '0b19ec881c0d734e58bf50dfa49447bec37fe91d', class: 'flex flex-col justify-start gap-4 justify-self-start desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { key: 'c6fdbeecee6e5feaac30ba80d5c4e332ea804af8', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: 'de00cdb0b7cb6e192fb83157ff60ccf6a08fa626', class: 'hidden desktop-xs:flex' }, 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: 'dcf65ce62e7dc90f0c45e7748fd23872f21e7fad' }, h("div", { key: '3082ccae779f57c8812afc4b2400b20c87dd22a0', class: header() }, this.loading && (h("p-loader", { key: 'cbcf94e4afb27f7ee22b4adfbcadd9d72db2a189', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '04c40b4406a49b0faf09c1e72ffe0d3b64e54548', class: 'flex flex-col justify-start gap-4 justify-self-start desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { key: '409423868e33814d87381c29d41cfede57deead0', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: '51c257a5ad8c65e84dac192b86c2cb291435884e', class: 'hidden desktop-xs:flex' }, 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: '2648878d64a6a8f3a56f85724a8145a5ff30220a', class: 'flex flex-col justify-end gap-2 desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center' }, this.enableSearch && (h("p-field", { key: '83af3e145b5effa18aa36052e14c8e7aae674a0c', icon: 'search', class: 'desktop-xs:max-w-60', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'dfd462d178469f369c71093487457b8b7461450d', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: 'a2be734fc03c60c117e554a6a78815f3185741d3', icon: 'filter', variant: 'secondary', class: `w-full ${this.enableFilterDesktop
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: '6f8295a5c359b799f2f03d82e65d4f9e4acb5109', class: 'flex flex-col justify-end gap-2 desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center' }, this.enableSearch && (h("p-field", { key: 'e52e1dbe939f318c711e0f5ae25e8c667f6fcf31', icon: 'search', class: 'desktop-xs:max-w-60', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'b914ffa439de0484c5528fa9c02b4a32dc853c27', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '5ea25448415e1b54883dc86059192b065cb23093', icon: 'filter', variant: 'secondary', class: `w-full ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
                 : 'desktop-xs:hidden'}`, 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: '284c90912644a046dc99b5eaa939287ed5bb5eab', variant: 'vertical', class: 'hidden h-4 tablet:flex dark:text-white/15' })), !this.loading && this.enableExport && (h("p-button", { key: '477053b89473d00b9756d200785755e6a30f4702', variant: 'secondary', icon: 'upload', class: 'desktop-xs:auto w-full', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: 'aafe392b17b4794b595bc39d59a111008218c752', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: '6024d4dfae503048683ff68324c1e6a50d41fc6c', class: 'fixed bottom-0 left-0 z-[2] block w-full border border-solid border-transparent bg-white p-4 desktop-xs:hidden dark:border-t-hurricane-400 dark:bg-hurricane-500' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: '38dc1a4aa1902f41b4b3e3cb85da7d442fc98fd0', variant: 'vertical', class: 'hidden h-4 tablet:flex dark:text-white/15' })), !this.loading && this.enableExport && (h("p-button", { key: 'f8180ecb38e763dc2cf045c3c8e33ed276d591ab', variant: 'secondary', icon: 'upload', class: 'desktop-xs:auto w-full', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '24b7bee12f89bb16e4e4d690ee03564fcd106638', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: '6c3739a262107b564f6418a605ba6e16943c2c36', class: 'fixed bottom-0 left-0 z-[2] block w-full border border-solid border-transparent bg-white p-4 desktop-xs:hidden dark:border-t-hurricane-400 dark:bg-hurricane-500' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -445,8 +444,8 @@ export class TableHeader {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../../atoms/icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant",
+                            "path": "../../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }

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

@@ -1,14 +1,14 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
-import { asBoolean } from "../../../../utils/as-boolean";
 import { ThemedHost } from "../../../../internal/themed-host.component";
-const row = cva(["flex min-w-[calc(100%-0.5rem)] flex-col", "group", "relative"], {
+import { asBoolean } from "../../../../utils/as-boolean";
+const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {
     variants: {
         variant: {
-            default: ["px-3 m-1", "text-sm text-storm-500", "dark:text-white"],
+            default: ['px-3 m-1', 'text-sm text-storm-500', 'dark:text-white'],
             header: null,
-            "header-secondary": "mb-4",
-            secondary: ["px-4", "font-ambit text-lg font-bold"],
+            'header-secondary': 'mb-4',
+            secondary: ['px-4', 'font-ambit text-lg font-bold'],
         },
         enableHover: {
             true: null,
@@ -21,69 +21,69 @@ const row = cva(["flex min-w-[calc(100%-0.5rem)] flex-col", "group", "relative"]
     },
     compoundVariants: [
         {
-            variant: "default",
+            variant: 'default',
             enableHover: true,
-            class: ["rounded-lg transition-colors", "hover:cursor-pointer"],
+            class: ['rounded-lg transition-colors', 'hover:cursor-pointer'],
         },
         {
-            variant: "default",
+            variant: 'default',
             enableHover: true,
             checked: false,
-            class: ["hover:bg-off-white-300", "dark:hover:bg-hurricane-600"],
+            class: ['hover:bg-off-white-300', 'dark:hover:bg-hurricane-600'],
         },
         {
-            variant: "default",
+            variant: 'default',
             checked: true,
             class: [
-                "rounded-lg transition-colors",
-                "bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400",
+                'rounded-lg transition-colors',
+                'bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400',
             ],
         },
         {
-            variant: ["secondary", "header-secondary"],
-            class: ["bg-off-white-300 rounded-lg", "dark:bg-hurricane-400"],
+            variant: ['secondary', 'header-secondary'],
+            class: ['bg-off-white-300 rounded-lg', 'dark:bg-hurricane-400'],
         },
         {
-            variant: ["header", "header-secondary"],
+            variant: ['header', 'header-secondary'],
             class: [
-                "px-4",
-                "text-xs font-normal text-storm-400",
-                "dark:text-hurricane-200",
+                'px-4',
+                'text-xs font-normal text-storm-400',
+                'dark:text-hurricane-200',
             ],
         },
     ],
 });
-const content = cva("relative flex min-w-full flex-nowrap items-stretch justify-between", {
+const content = cva('relative flex min-w-full flex-nowrap items-stretch justify-between', {
     variants: {
         variant: {
             default: null,
             secondary: null,
-            header: "pb-4",
-            "header-secondary": "py-2",
+            header: 'pb-4',
+            'header-secondary': 'py-2',
         },
     },
     compoundVariants: [
         {
-            variant: ["default", "secondary"],
-            class: "min-h-14 py-2 tablet:py-4",
+            variant: ['default', 'secondary'],
+            class: 'min-h-14 py-2 tablet:py-4',
         },
         {
-            variant: ["header", "header-secondary"],
-            class: "min-h-0",
+            variant: ['header', 'header-secondary'],
+            class: 'min-h-0',
         },
     ],
 });
 const actions = cva([
-    "absolute -right-4 top-1 z-[2]",
-    "h-[calc(100%-0.5rem)]",
-    "opacity-0 transition-opacity group-hover:opacity-100",
-    "empty:hidden",
+    'absolute -right-4 top-1 z-[2]',
+    'h-[calc(100%-0.5rem)]',
+    'opacity-0 transition-opacity group-hover:opacity-100',
+    'empty:hidden',
 ]);
 export class TableRow {
     /**
      * Variant of the header
      */
-    variant = "default";
+    variant = 'default';
     /**
      * Enable hover
      */
@@ -97,13 +97,13 @@ export class TableRow {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '087b223fe6e3af1c4d0a2d7d2d4ed00175c4812a' }, h("div", { key: '23d16fee36c2dc9e5107b1854eedfbdc8fb6d24f', class: "flex flex-col" }, h("div", { key: '6a361fa8c7d0662efce7aebbe5322f6d973fd089', class: row({
+        return (h(ThemedHost, { key: '2be589be89b6c6d1ccd5b46e73374348847ee5a1' }, h("div", { key: 'd43a94b7c9732295e0641ffc4efffdc73bb784ba', class: 'flex flex-col' }, h("div", { key: '402244a8e5b06f48b1993513ddf3c8bef695b989', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: '35b61f0b038c397803ddb6292c6e455df3e2327b', class: content({
+            }) }, h("div", { key: '3941bbd80e7749cbb31249a9e742f9584d7f1540', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: 'abf74bb3c5c6520a578c5a29002a43a7479d21be' }), h("div", { key: 'c827a528065a9a4d239a18093e5597468e15e5bb', class: actions() }, h("slot", { key: '60ec20af44e8986c3ab90c782cf96c9f0cdf5cc4', name: "actions" })))), !asBoolean(this.isLast) && this.variant !== "secondary" && (h("p-divider", { key: '18356daead756e65b18e0147cd3b813fa1082cd3' })))));
+            }) }, h("slot", { key: 'bbcb9be829a24d7f1d527bb99564931a642ea4b4' }), h("div", { key: 'df447c6a92bbc0e7a17ee553f8c4d47841876450', class: actions() }, h("slot", { key: 'ca62989d4a7fbce5dce9ae28dc2115940eb5b182', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '6a2a83d5c136c02219fbe3ba0007ed38bd353bde' })))));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }
@@ -123,7 +123,7 @@ export class TableRow {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "\"default\" | \"secondary\" | \"header\" | \"header-secondary\"",
+                    "original": "'default' | 'secondary' | 'header' | 'header-secondary'",
                     "resolved": "\"default\" | \"header\" | \"header-secondary\" | \"secondary\"",
                     "references": {}
                 },
@@ -137,7 +137,7 @@ export class TableRow {
                 "setter": false,
                 "reflect": false,
                 "attribute": "variant",
-                "defaultValue": "\"default\""
+                "defaultValue": "'default'"
             },
             "enableHover": {
                 "type": "boolean",

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

@@ -49,7 +49,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(ThemedHost, { key: '4d3afdbcdbd94d0b8a1d6256b5e94f5ae4ec4672' }, h("div", { key: '0a2d136d59cad28d6699f42227175743e2f8e028', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, h("div", { key: '1cc603d037dc731d2452ee4ac19c2c426c4368f5', class: indicator({ variant: this.variant }) }), h("div", { key: '74aca4fa470f94d278588e7eced39d7e97d59e5b', class: content() }, h("div", { key: 'f2fe809add74fb573e85f073cf0956ae1b0d9df4', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'b81d2a402e67bba6f2c4c7b73b806d89012143a4', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'cfed692d75cb8aa5401247da556a9d37cbcd3f16', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: 'a024b764681a8b6bf17b01eb2211a4bafba57092', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, h("p-icon", { key: '7123909be29a08de0ba6e707f55cf5ab73792fa9', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
+        return (h(ThemedHost, { key: '6fd875b74af13f4a1c7dd6e924d7044ff06c944f' }, h("div", { key: 'f908fa3fc32e0818e5b7ccd64adf925678719072', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, h("div", { key: '7f2788fde508ad480ffaaf544f6815f87e520499', class: indicator({ variant: this.variant }) }), h("div", { key: '99bde4f91347f270375852e62b573cba43d570d2', class: content() }, h("div", { key: '2ea0b73745021b483607c52166204f3e00b33d38', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'd9cf48a043d897e211da6ce6d389ee65c59d7560', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'cbae153aafab6f54d0af33ab3a99f1c03a44cd78', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '300ae00c2e2e30c87c32f78bf05a3bb3a65e2a97', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, h("p-icon", { key: 'a7849a36ec22b1a300c0d788c0e41ea1e8e76340', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -157,8 +157,8 @@ export class Toast {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../atoms/icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant",
+                            "path": "../../../types",
+                            "id": "src/types/index.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }
@@ -184,8 +184,8 @@ export class Toast {
                     "references": {
                         "IconFlipOptions": {
                             "location": "import",
-                            "path": "../../atoms/icon/icon.component",
-                            "id": "src/components/atoms/icon/icon.component.tsx::IconFlipOptions",
+                            "path": "../../../types",
+                            "id": "src/types/index.ts::IconFlipOptions",
                             "referenceLocation": "IconFlipOptions"
                         }
                     }