@paperless/core 2.22.0-alpha.32 → 2.22.0-alpha.33

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

@@ -109,9 +109,9 @@ const Radio = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h(themedHost_component.ThemedHost, { key: '6c93ef349dcabcef38658f27359a441fd4cd3813' }, index.h("label", { key: '291d100b75f53e0b26ed7684329ab8b47c67d89d', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '0db6d40c88eb7e38d49a7b00c51a9527bcb07919', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'c37a2ca4f67b57fb6fe4c5db31f047928eed1e70', class: radio({
+        return (index.h(themedHost_component.ThemedHost, { key: '6c93ef349dcabcef38658f27359a441fd4cd3813' }, index.h("label", { key: '291d100b75f53e0b26ed7684329ab8b47c67d89d', class: 'flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '0db6d40c88eb7e38d49a7b00c51a9527bcb07919', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'c37a2ca4f67b57fb6fe4c5db31f047928eed1e70', checked: this.checked, class: radio({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'f062fa8dba4c876a5cce25d5777bf11ae936764a', class: circle({
+            }), disabled: asBoolean.asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), index.h("div", { key: 'f062fa8dba4c876a5cce25d5777bf11ae936764a', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
             }) })), index.h("div", { key: '90340477396fd987eabbe4cc7aeebb38a548ec68', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, index.h("slot", { key: 'b66d366cac0e5c99903edc18f4256c045d3a5b10' })))));
     }

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

@@ -33,7 +33,7 @@ const Range = class {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (index.h(themedHost_component.ThemedHost, { key: 'cb6a6b717940ba17aa7a6df5cc36577a991d3831' }, index.h("div", { key: '86f3c5cfa6b35bab44279382db58fc28cbfb864d', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, index.h("p-icon", { key: 'c39ee42a23403c618cf6980ee68610b0d2210f59', variant: 'minus' }), index.h("div", { key: 'ea69ab86a1006f763f2306cc5a644b12ebd68540', class: 'relative h-6 flex-1' }, index.h("input", { key: '36594b239d75623d5494a27ac44fffab83f2c51d', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => {
+        return (index.h(themedHost_component.ThemedHost, { key: 'cb6a6b717940ba17aa7a6df5cc36577a991d3831' }, index.h("div", { key: '86f3c5cfa6b35bab44279382db58fc28cbfb864d', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, index.h("p-icon", { key: 'c39ee42a23403c618cf6980ee68610b0d2210f59', variant: 'minus' }), index.h("div", { key: 'ea69ab86a1006f763f2306cc5a644b12ebd68540', class: 'relative h-6 flex-1' }, index.h("input", { key: '36594b239d75623d5494a27ac44fffab83f2c51d', 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);

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

@@ -342,8 +342,8 @@ const Select = class {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (index.h(themedHost_component.ThemedHost, { key: '617063ca6cf31255928f6f6856cb1902b1d225a2' }, index.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 }, index.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 }, index.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) }, index.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()))));
+        return (index.h(themedHost_component.ThemedHost, { key: '617063ca6cf31255928f6f6856cb1902b1d225a2' }, index.h("p-field-container", { key: '4a6d95f7bfbc79b886044f2fe31695990b4e210d', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, index.h("p-dropdown", { key: '85f6409928f327efcfc78cef1dddb9c30178e6ed', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, index.h("p-button", { key: '9c892e4edc472af73e0c2cbba419012d08302adc', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, index.h("div", { key: '6fa19bac84f26dbc0c3aa97985c6deb40c4eb641', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOf.childOfComposed(event, this._el)) {
@@ -500,7 +500,7 @@ const Select = class {
                 ? this._selectedItem.some(i => i[this._identifierKey] === item[this._identifierKey])
                 : item[this._identifierKey] ===
                     this._selectedItem?.[this._identifierKey];
-            return (index.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)));
+            return (index.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) {
             items = [
@@ -508,7 +508,7 @@ const Select = class {
             ];
         }
         if (this.enableSelectAll && this._items.length > 0) {
-            items.unshift(index.h("p-dropdown-menu-item", { slot: 'items', useContainer: false, checkbox: true, onClick: () => this._selectAllChange(), active: this._allSelected }, this.selectAllIcon?.length ? (index.h("span", { class: 'flex items-center gap-2' }, index.h("div", { class: 'flex w-6 justify-center text-lg' }, index.h("p-icon", { variant: this.selectAllIcon })), ' ', this.selectAllText)) : (this.selectAllText)));
+            items.unshift(index.h("p-dropdown-menu-item", { active: this._allSelected, slot: 'items', useContainer: false, checkbox: true, onClick: () => this._selectAllChange() }, this.selectAllIcon?.length ? (index.h("span", { class: 'flex items-center gap-2' }, index.h("div", { class: 'flex w-6 justify-center text-lg' }, index.h("p-icon", { variant: this.selectAllIcon })), ' ', this.selectAllText)) : (this.selectAllText)));
         }
         if (this.enableAutocomplete) {
             items.unshift(this._getAutoCompleteItem());
@@ -516,17 +516,17 @@ const Select = class {
         return items;
     }
     _getAddItem() {
-        return (index.h("p-dropdown-menu-item", { onClick: () => this.add.emit(), useContainer: false, slot: 'items' }, index.h("span", { class: 'flex items-center gap-1 font-semibold text-indigo-600' }, this.addItemText, index.h("p-icon", { variant: 'plus' }))));
+        return (index.h("p-dropdown-menu-item", { slot: 'items', useContainer: false, onClick: () => this.add.emit() }, index.h("span", { class: 'flex items-center gap-1 font-semibold text-indigo-600' }, this.addItemText, index.h("p-icon", { variant: 'plus' }))));
     }
     _getLoadingItems() {
-        const items = [0, 0, 0].map(() => (index.h("p-dropdown-menu-item", { enableHover: false, slot: 'items' }, index.h("p-loader", { variant: 'ghost', class: 'h-6 w-full rounded' }))));
+        const items = [0, 0, 0].map(() => (index.h("p-dropdown-menu-item", { enableHover: false, slot: 'items' }, index.h("p-loader", { class: 'h-6 w-full rounded', variant: 'ghost' }))));
         if (this.enableAutocomplete) {
             items.unshift(this._getAutoCompleteItem());
         }
         return items;
     }
     _getAutoCompleteItem() {
-        return (index.h("div", { class: 'sticky top-0 z-10 mb-3 h-8', slot: 'items' }, index.h("p-field", { class: 'block', placeholder: this.autocompletePlaceholder, onValueChange: ev => this._onAutoComplete(ev), onInputRefChange: ev => (this.autocompleteInputRef = ev.detail), value: this.query })));
+        return (index.h("div", { class: 'sticky top-0 z-10 mb-3 h-8', slot: 'items' }, index.h("p-field", { class: 'block', placeholder: this.autocompletePlaceholder, value: this.query, onInputRefChange: ev => (this.autocompleteInputRef = ev.detail), onValueChange: ev => this._onAutoComplete(ev) })));
     }
     _setMultiContainerMaxWidth() {
         if (!this._inputRef || !this._multiContainerRef) {
@@ -590,7 +590,7 @@ const Select = class {
             ? (this.selectionDisplayKey ?? this.displayKey)
             : this.displayKey]));
         if (this.avatarKey) {
-            content = (index.h("span", { class: 'flex items-center gap-2' }, index.h("p-avatar", { size: 'sm', src: item[this.avatarKey], letters: item[this.avatarLettersKey] }), index.h("div", { class: textContainer({
+            content = (index.h("span", { class: 'flex items-center gap-2' }, index.h("p-avatar", { letters: item[this.avatarLettersKey], size: 'sm', src: item[this.avatarKey] }), index.h("div", { class: textContainer({
                     variant: 'default',
                     error: !!this.error?.length,
                     enableTextWrap: this.enableTextWrap && !isSelection,

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

@@ -110,7 +110,7 @@ const Stepper = class {
     }
     _getItem(data, i) {
         const activeStep = this.activeStep - 1 || 0;
-        return (index.h("p-stepper-item", { active: this.enableAutoStatus ? i === activeStep : data.active, finished: this.enableAutoStatus ? i < activeStep : data.finished, number: i + 1, align: this.direction === 'vertical' ? this.align : 'start', contentPosition: this.contentPosition }, data.content));
+        return (index.h("p-stepper-item", { active: this.enableAutoStatus ? i === activeStep : data.active, align: this.direction === 'vertical' ? this.align : 'start', contentPosition: this.contentPosition, finished: this.enableAutoStatus ? i < activeStep : data.finished, number: i + 1 }, data.content));
     }
     _getLine(i) {
         const activeStep = this.activeStep - 1 || 0;

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

@@ -278,41 +278,19 @@ const Table = class {
         this.hasRendered.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '7ece1479d7c90b408fa55f045feba734f9e27b28', class: 'z-0 flex flex-col' }, index.h("p-table-container", { key: '290cf20abdacab6257ebef5479b834df529bccbd' }, this.enableHeader && (index.h("p-table-header", { key: '9d49ef03a1b0c8b47e8292f36ade24a2eb0b3f7d', class: 'mb-8',
-            // quick filters
-            quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
-            // search
-            enableSearch: this.enableSearch, query: this.query, onQueryChange: ({ detail }) => this.queryChange.emit(detail),
-            // filter button
-            enableFilter: this.enableFilter, enableFilterDesktop: this.enableFilterDesktop, selectedFiltersAmount: this.selectedFiltersAmount, filterButtonTemplate: this.filterButtonTemplate, onFilter: () => this.filter.emit(),
-            // action button
-            enableAction: this.enableAction, actionIcon: this.actionButtonIcon, actionText: this.actionButtonText, actionLoading: this.actionButtonLoading, canUseAction: this.actionButtonEnabled, actionButtonTemplate: this.actionButtonTemplate, onAction: () => this.action.emit(), itemsSelectedAmount: this.selectedRows?.length,
-            //export
-            enableExport: this.enableExport, onExport: () => this.export.emit(),
-            //loading
-            loading: this.headerLoading }, this._hasCustomFilterSlot && (index.h("slot", { key: '555237f446a654201d12321505062d4c4e06210c', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (index.h("slot", { key: '4e935caf48c9cf1b0516a61ca9076a3755f98546', name: 'custom-actions', slot: 'custom-actions' })))), this._getExtraHeader(), this._getHeader(), index.h("div", { key: '23816ab229344ba5a7c5cc02a358b277e5ff8da1', class: 'flex flex-1 flex-col' }, this._getRows(), index.h("slot", { key: 'd3012e94582c06ca536db0ab83d1bd0df4d80c48', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (index.h("p-floating-menu-container", { usedInTable: true, class: tableHelpers.floatingMenuContainerClass({
+        return (index.h(index.Host, { key: '7ece1479d7c90b408fa55f045feba734f9e27b28', class: 'z-0 flex flex-col' }, index.h("p-table-container", { key: '290cf20abdacab6257ebef5479b834df529bccbd' }, this.enableHeader && (index.h("p-table-header", { key: '6a1af71c86b2b23d26d8d344b1528b1356d7bd7b', actionButtonTemplate: this.actionButtonTemplate, actionIcon: this.actionButtonIcon, actionLoading: this.actionButtonLoading, actionText: this.actionButtonText, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, canUseAction: this.actionButtonEnabled, class: 'mb-8', enableAction: this.enableAction, enableExport: this.enableExport, enableFilter: this.enableFilter, enableFilterDesktop: this.enableFilterDesktop, enableSearch: this.enableSearch, filterButtonTemplate: this.filterButtonTemplate, itemsSelectedAmount: this.selectedRows?.length, loading: this.headerLoading, query: this.query, quickFilters: this.quickFilters, selectedFiltersAmount: this.selectedFiltersAmount, onAction: () => this.action.emit(), onExport: () => this.export.emit(), onFilter: () => this.filter.emit(), onQueryChange: ({ detail }) => this.queryChange.emit(detail), onQuickFilter: ({ detail }) => this.quickFilter.emit(detail) }, this._hasCustomFilterSlot && (index.h("slot", { key: '6bfe4727050ba7d6a3e6e280cc1c467259b9166b', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (index.h("slot", { key: 'da4f2aea31f0daa62749393a0390219fa4342b20', name: 'custom-actions', slot: 'custom-actions' })))), this._getExtraHeader(), this._getHeader(), index.h("div", { key: '799d65d57bf36a924ff40e6cb9416c4be0da4eaf', class: 'flex flex-1 flex-col' }, this._getRows(), index.h("slot", { key: 'b0060fa16edf49898787df195c86a35adf397798', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (index.h("p-floating-menu-container", { amount: this.selectedRows?.length, amountSelectedTemplate: this.floatingMenuAmountSelectedTemplate, class: tableHelpers.floatingMenuContainerClass({
                 hasFooter: this.enableFooter && !this._footerHidden,
                 active: !!this.selectedRows?.length,
                 shown: this._floatingMenuShown,
-            }), amountSelectedTemplate: this.floatingMenuAmountSelectedTemplate, amount: this.selectedRows?.length, enableAmountSelected: !!this._rowActionsFloating?.length, onClose: () => this._selectAllChange(null, false) }, this._rowActionsFloating?.length &&
-            this._rowActionsFloating.map(a => (index.h("p-floating-menu-item", { slot: 'floating-menu-item', disabled: a.disabled, loading: a.loading, icon: a.icon, iconRotate: a.iconRotate, iconFlip: a.iconFlip, onClick: () => !a.disabled &&
+            }), enableAmountSelected: !!this._rowActionsFloating?.length, usedInTable: true, onClose: () => this._selectAllChange(null, false) }, this._rowActionsFloating?.length &&
+            this._rowActionsFloating.map(a => (index.h("p-floating-menu-item", { disabled: a.disabled, icon: a.icon, iconFlip: a.iconFlip, iconRotate: a.iconRotate, loading: a.loading, slot: 'floating-menu-item', onClick: () => !a.disabled &&
                     !a.loading &&
                     !!a.action &&
                     a.type === 'single'
                     ? a.action(this.selectedRows[0], false)
-                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (index.h("p-table-footer", { key: '3c5138a3af7594642a8e750d40524bc13f138892',
-            // overall
-            hideOnSinglePage: this.hideOnSinglePage,
-            // page size select
-            enablePaginationSize: this.enablePaginationSize, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this.pageSizeChange.emit(detail),
-            // pagination
-            enablePaginationPages: this.enablePaginationPages, page: this.page, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail),
-            //loading
-            loading: this.footerLoading, onHiddenChange: ({ detail }) => (this._footerHidden = detail),
-            // header adjustment
-            tableHeaderHasAction: this.enableHeader &&
+                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (index.h("p-table-footer", { key: '57d24f1f3803e58053eba3da5fad1ab6474eccc6', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, loading: this.footerLoading, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, tableHeaderHasAction: this.enableHeader &&
                 this.enableAction &&
-                this.actionButtonEnabled })))));
+                this.actionButtonEnabled, total: this.total, onHiddenChange: ({ detail }) => (this._footerHidden = detail), onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this.pageSizeChange.emit(detail) })))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -408,12 +386,12 @@ const Table = class {
         if (!this._extraHeaders?.length) {
             return null;
         }
-        return (index.h("p-table-row", { variant: 'header-secondary', isLast: true }, this._extraHeaders.map((col, index$1) => (index.h("p-table-cell", { definition: col, variant: 'header-secondary', checkboxOffset: index$1 === 0 && this._enableRowSelection, index: index$1 }, index.h("b", null, col.name))))));
+        return (index.h("p-table-row", { isLast: true, variant: 'header-secondary' }, this._extraHeaders.map((col, index$1) => (index.h("p-table-cell", { checkboxOffset: index$1 === 0 && this._enableRowSelection, definition: col, index: index$1, variant: 'header-secondary' }, index.h("b", null, col.name))))));
     }
     _getHeader() {
-        return (index.h("p-table-row", { variant: 'header' }, this._columns.map((col, index$1) => (index.h("p-table-cell", { definition: col, value: col.name, variant: 'header', checkbox: index$1 === 0 || col.hasCheckbox
+        return (index.h("p-table-row", { variant: 'header' }, this._columns.map((col, index$1) => (index.h("p-table-cell", { checkbox: index$1 === 0 || col.hasCheckbox
                 ? this._getCheckbox(null, this.loading ? 'loading' : 'header')
-                : null, index: index$1 })))));
+                : null, definition: col, index: index$1, value: col.name, variant: 'header' })))));
     }
     _getRows() {
         if (this.loading) {
@@ -424,22 +402,22 @@ const Table = class {
         if (this._items.length === 0) {
             return this._getEmptyState();
         }
-        return this._items.map((item, index$1) => (index.h("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick, checked: this._selectionContains(index$1), onClick: ev => this._rowClick(ev, index$1), isLast: index$1 === this._items.length - 1 }, this._getRowColumns(item, index$1), this._getActions(item, index$1))));
+        return this._items.map((item, index$1) => (index.h("p-table-row", { checked: this._selectionContains(index$1), enableHover: this._enableRowSelection || this.enableRowClick, isLast: index$1 === this._items.length - 1, onClick: ev => this._rowClick(ev, index$1) }, this._getRowColumns(item, index$1), this._getActions(item, index$1))));
     }
     _getActions(item, index$1) {
         const actions = this._rowActionsRow.filter(a => a.showFunction ? a.showFunction(item) : true);
         if (actions?.length && !screens.isMobile()) {
-            return (index.h("p-table-row-actions-container", { slot: 'actions', checked: this._selectionContains(index$1) }, actions.map(a => (index.h("p-tooltip", { strategy: 'fixed', content: a.label }, index.h("p-button", { "data-is-action": true, variant: 'secondary', slot: 'trigger', icon: a.icon, iconRotate: a.iconRotate, iconFlip: a.iconFlip, iconOnly: true, size: 'sm', onClick: () => typeof a.action === 'function' && a.action?.(item, false) }))))));
+            return (index.h("p-table-row-actions-container", { checked: this._selectionContains(index$1), slot: 'actions' }, actions.map(a => (index.h("p-tooltip", { content: a.label, strategy: 'fixed' }, index.h("p-button", { icon: a.icon, iconFlip: a.iconFlip, iconOnly: true, iconRotate: a.iconRotate, size: 'sm', slot: 'trigger', variant: 'secondary', "data-is-action": true, onClick: () => typeof a.action === 'function' && a.action?.(item, false) }))))));
         }
         return null;
     }
     _getRowColumns(item, index$1) {
-        return this._columns.map((col, colIndex) => (index.h("p-table-cell", { definition: col, item: item, checkbox: colIndex === 0 || col.hasCheckbox ? this._getCheckbox(index$1) : null, index: colIndex, rowIndex: index$1 })));
+        return this._columns.map((col, colIndex) => (index.h("p-table-cell", { checkbox: colIndex === 0 || col.hasCheckbox ? this._getCheckbox(index$1) : null, definition: col, index: colIndex, item: item, rowIndex: index$1 })));
     }
     _getLoadingColumns(index$1) {
-        return this._columns.map((col, colIndex) => (index.h("p-table-cell", { definition: col, variant: 'loading', checkbox: colIndex === 0 || col.hasCheckbox
+        return this._columns.map((col, colIndex) => (index.h("p-table-cell", { checkbox: colIndex === 0 || col.hasCheckbox
                 ? this._getCheckbox(index$1, 'loading')
-                : null, index: colIndex, rowIndex: index$1 })));
+                : null, definition: col, index: colIndex, rowIndex: index$1, variant: 'loading' })));
     }
     _getCheckbox(rowIndex, variant = 'default') {
         if (!this._enableRowSelection ||
@@ -447,25 +425,25 @@ const Table = class {
             return;
         }
         if (variant === 'loading') {
-            return (index.h("p-loader", { variant: 'ghost', class: 'h-6 w-6 rounded' }));
+            return (index.h("p-loader", { class: 'h-6 w-6 rounded', variant: 'ghost' }));
         }
         if (variant === 'header') {
-            return (index.h("p-checkbox", { class: cn.cn({
+            return (index.h("p-checkbox", { checked: this._selectionContainsAll(), class: cn.cn({
                     'opacity-0': this._rowSelectionLimit !== undefined,
-                }), checked: this._selectionContainsAll(), indeterminate: this._selectionIndeterminate(), disabled: this._rowSelectionLimit !== undefined, onCheckedChange: ev => this._selectAllChange(ev) }));
+                }), disabled: this._rowSelectionLimit !== undefined, indeterminate: this._selectionIndeterminate(), onCheckedChange: ev => this._selectAllChange(ev) }));
         }
         const item = this._items[rowIndex];
         const selectionContains = this._selectionContains(rowIndex);
-        return (index.h("p-checkbox", { class: 'flex-shrink-0', disabled: (this.canSelectKey && !item[this.canSelectKey]) ||
+        return (index.h("p-checkbox", { checked: selectionContains, class: 'flex-shrink-0', disabled: (this.canSelectKey && !item[this.canSelectKey]) ||
                 (this._rowSelectionLimit !== undefined &&
                     !selectionContains &&
-                    this.selectedRows.length === this._rowSelectionLimit), checked: selectionContains, onCheckedChange: ev => this._checkboxChange(ev, rowIndex) }));
+                    this.selectedRows.length === this._rowSelectionLimit), onCheckedChange: ev => this._checkboxChange(ev, rowIndex) }));
     }
     _getEmptyState() {
         if (this.query?.length || this.selectedFiltersAmount) {
-            return (index.h("p-empty-state", { class: 'my-16 self-center', illustration: 'search', header: this.emptyStateFilteredHeader(), content: this.emptyStateFilteredContent() }));
+            return (index.h("p-empty-state", { class: 'my-16 self-center', content: this.emptyStateFilteredContent(), header: this.emptyStateFilteredHeader(), illustration: 'search' }));
         }
-        return (index.h("p-empty-state", { class: 'my-16 self-center', illustration: 'table', header: this.emptyStateHeader(), content: this.emptyStateContent(), enableAction: this.enableEmptyStateAction, actionIcon: 'plus', actionText: this.emptyStateAction(), onAction: () => this.enableAction && this.action.emit() }));
+        return (index.h("p-empty-state", { actionIcon: 'plus', actionText: this.emptyStateAction(), class: 'my-16 self-center', content: this.emptyStateContent(), enableAction: this.enableEmptyStateAction, header: this.emptyStateHeader(), illustration: 'table', onAction: () => this.enableAction && this.action.emit() }));
     }
     _selectAllChange(ev, forceValue) {
         if (!this._enableRowSelection) {

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

@@ -60,7 +60,7 @@ const Toast = class {
      */
     action;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '6fd875b74af13f4a1c7dd6e924d7044ff06c944f' }, index.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() }, index.h("div", { key: '7f2788fde508ad480ffaaf544f6815f87e520499', class: indicator({ variant: this.variant }) }), index.h("div", { key: '99bde4f91347f270375852e62b573cba43d570d2', class: content() }, index.h("div", { key: '2ea0b73745021b483607c52166204f3e00b33d38', class: 'flex w-full min-w-0 flex-col' }, index.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 : index.h("slot", { name: 'header' })), index.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 : index.h("slot", { name: 'content' }))), this.enableAction && (index.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' }, index.h("p-icon", { key: 'a7849a36ec22b1a300c0d788c0e41ea1e8e76340', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
+        return (index.h(themedHost_component.ThemedHost, { key: '6fd875b74af13f4a1c7dd6e924d7044ff06c944f' }, index.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() }, index.h("div", { key: '7f2788fde508ad480ffaaf544f6815f87e520499', class: indicator({ variant: this.variant }) }), index.h("div", { key: '99bde4f91347f270375852e62b573cba43d570d2', class: content() }, index.h("div", { key: '2ea0b73745021b483607c52166204f3e00b33d38', class: 'flex w-full min-w-0 flex-col' }, index.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 : index.h("slot", { name: 'header' })), index.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 : index.h("slot", { name: 'content' }))), this.enableAction && (index.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' }, index.h("p-icon", { key: 'a7849a36ec22b1a300c0d788c0e41ea1e8e76340', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {

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

@@ -107,9 +107,9 @@ const Toggle = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h(themedHost_component.ThemedHost, { key: '71d4bd767b20adf62204be57f4aab791062b5e3d' }, index.h("label", { key: '9a5152398ccfe931d48135fd2185dc1d04e0ae0a', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '1fd1d1c6e8b35354c9f91442b88ee7aca4297c22', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'f487829bc32e0865446f006ef8de74a4fd3059cd', class: toggle({
+        return (index.h(themedHost_component.ThemedHost, { key: '71d4bd767b20adf62204be57f4aab791062b5e3d' }, index.h("label", { key: '9a5152398ccfe931d48135fd2185dc1d04e0ae0a', class: 'flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '1fd1d1c6e8b35354c9f91442b88ee7aca4297c22', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'f487829bc32e0865446f006ef8de74a4fd3059cd', checked: !!this.checked, class: toggle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '8c1664a5b9eadf6c454636aca5e044e233a8a8ab', class: circle({
+            }), disabled: asBoolean.asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), index.h("div", { key: '8c1664a5b9eadf6c454636aca5e044e233a8a8ab', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
             }) })), index.h("div", { key: '90f8606523d6d4b131bf039717d9c436ae36d782', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, index.h("slot", { key: 'cf7f5ed84d5b1cda9b6372209242415d4dd67024' })))));
     }

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

@@ -101,7 +101,7 @@ const Tooltip = class {
         return (index.h(themedHost_component.ThemedHost, { key: 'ef3333212b88389556fa76159040a9dd6e0c2e17', "data-filled": this.content?.length > 0 || this._hasContentSlot }, index.h("slot", { key: '095bf08cf3d45b3baaf9921796392b6b51e13719', name: 'trigger' }), index.h("div", { key: '46dcc7888a6c2e66e1e5e7d5a9492f117775be30', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, index.h("div", { key: '5651334a58293cf9a6adc96b2d8cb1991691404a', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: '9db76dfaf31d1acbb72eedd0d90744bf913bb21f', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ?? index.h("slot", { key: '0bbaa654220dd3b99c26dd787c540a1ca85bd8af', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, index.h("div", { key: '5651334a58293cf9a6adc96b2d8cb1991691404a', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: '9db76dfaf31d1acbb72eedd0d90744bf913bb21f', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ?? index.h("slot", { key: '0bbaa654220dd3b99c26dd787c540a1ca85bd8af', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -57,7 +57,7 @@ export class Avatar {
         return (h(Host, { key: '796c5d3f656f05a0fb841dc24ba3ffd443a690da', class: avatar({
                 size: this.size,
                 variant: this.variant,
-            }) }, this._failed ? (h("span", null, this.letters?.[0] ?? ' ')) : (h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
+            }) }, this._failed ? (h("span", null, this.letters?.[0] ?? ' ')) : (h("img", { class: 'z-0 aspect-branding h-full rounded-full object-cover', src: this._src, onError: () => this._setFailed() }))));
     }
     _setFailed() {
         this._failed = true;

package/dist/collection/components/atoms/card/header/card-header.component.js

@@ -49,7 +49,7 @@ export class CardHeader {
                 variant: this.variant,
             }) }, h("div", { key: '3d56078ea79fdcb81461437dd3b8c66f712a5cef', class: content({
                 variant: this.variant,
-            }) }, this.icon ? (h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'e22fd58249b94c1824bfa82cb367bf780a5b99b7', class: title() }, h("span", { key: '5de7e320dd84436f9de735f503cae3cbab37b1d7', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: 'eb9e59d3d09f5e7488128d2ddb33d40f3724252e', name: 'content-suffix' })), h("div", { key: '934928145118a42aeef1008317c88a503bd58fe8', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '915ac41cb6bf6e56bde59d61b8a9601e2c402094', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: 'text-off-white-700 dark:text-white/15' }))) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
+            }) }, this.icon ? (h("p-icon", { class: 'text-storm-300 dark:text-hurricane-200', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (h("slot", { name: 'prefix' })), h("div", { key: 'e22fd58249b94c1824bfa82cb367bf780a5b99b7', class: title() }, h("span", { key: '5de7e320dd84436f9de735f503cae3cbab37b1d7', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: 'eb9e59d3d09f5e7488128d2ddb33d40f3724252e', name: 'content-suffix' })), h("div", { key: '934928145118a42aeef1008317c88a503bd58fe8', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '915ac41cb6bf6e56bde59d61b8a9601e2c402094', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: 'text-off-white-700 dark:text-white/15' }))) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
     }
     static get is() { return "p-card-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -94,9 +94,9 @@ export class Checkbox {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '03c9bf5aa440371b96bec78c7485c3e6269e3912' }, h("label", { key: '2b6622d4b6fa53b9b655408f6f5f309437ac0a51', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2' }, h("div", { key: '0302b3c44cef3973eba59676a4fbafc8ffe7ec30', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'ce840a43c8406e09930e5b64d9c7953f2e6834d6', class: checkbox({
+        return (h(ThemedHost, { key: '03c9bf5aa440371b96bec78c7485c3e6269e3912' }, h("label", { key: '2b6622d4b6fa53b9b655408f6f5f309437ac0a51', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '0302b3c44cef3973eba59676a4fbafc8ffe7ec30', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'ce840a43c8406e09930e5b64d9c7953f2e6834d6', checked: asBoolean(this.checked), class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '85129e843c23d91173f748031191e33f96c08491', class: iconContainer({
+            }), disabled: asBoolean(this.disabled), id: id, indeterminate: asBoolean(this.indeterminate), name: this.name, required: asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '85129e843c23d91173f748031191e33f96c08491', class: iconContainer({
                 disabled: asBoolean(this.disabled),
             }) }, h("p-icon", { key: 'c649d245d7184a33c235b65aaa2cc282cb5d3b56', class: icon({
                 disabled: asBoolean(this.disabled),

package/dist/collection/components/atoms/drawer/header/drawer-header.component.js

@@ -21,7 +21,7 @@ export class DrawerHeader {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: '22b70fd5ecc48cca0e7889bf5fa8167f6063b471' }, h("div", { key: 'b19d3cce208759e68446ade1baa02a95286aaf51', class: header() }, h("div", { key: 'b5a28ec7d297cb8d9c71ebfb5bf7f652434a438b', class: content() }, this.showClose && (h("p-button", { key: '9e1d4d71e3f1c4efd65d5639d388f72e628ec81c', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), h("div", { key: '6906eb28f9fd9f63b49921da0f3b49c20b9ab665', class: title() }, h("slot", { key: '62d673dae21712e3e2919618e518869172f82db2' })), this.showClose && h("div", { key: '451411cc086c5b6c366313d38bfb277cafebe138', class: 'size-8' })), h("p-smile", { key: 'd1d4ae0aa65e5d9d91819da89bbaf7598d145ca3', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: '22b70fd5ecc48cca0e7889bf5fa8167f6063b471' }, h("div", { key: 'b19d3cce208759e68446ade1baa02a95286aaf51', class: header() }, h("div", { key: 'b5a28ec7d297cb8d9c71ebfb5bf7f652434a438b', class: content() }, this.showClose && (h("p-button", { key: '9e1d4d71e3f1c4efd65d5639d388f72e628ec81c', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), h("div", { key: '6906eb28f9fd9f63b49921da0f3b49c20b9ab665', class: title() }, h("slot", { key: '62d673dae21712e3e2919618e518869172f82db2' })), this.showClose && h("div", { key: '451411cc086c5b6c366313d38bfb277cafebe138', class: 'size-8' })), h("p-smile", { key: 'd1d4ae0aa65e5d9d91819da89bbaf7598d145ca3', class: 'dark:text-hurricane-400' }))));
     }
     static get is() { return "p-drawer-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/floating-menu/container/floating-menu-container.component.js

@@ -65,7 +65,7 @@ export class FloatingMenuContainer {
     render() {
         return (h(ThemedHost, { key: 'b68d74e35de85f5b14b30d1c6649f4a2449c7b04' }, h("div", { key: '1cdae9d4705acc85650b593a8f200e8b6e791261', class: container({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (h(Fragment, { key: '4fb6df02b5af8b38ce42f6af67846f88de9ea47b' }, h("p", { key: 'faf5b2587318c74afaa210f845f5e171323bb56d', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: '1c0ecb274c5ff16476be4422f3bc90f9b26e1a22', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), h("div", { key: 'ca40fbbbf5cb4b0293f06e9dcb75680474009cf5', class: 'flex items-center' }, this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("p-floating-menu-item", { key: 'c8716fd6671726b5afe2b9d045c65495ae22e01b', onClick: ev => this.close.emit(ev), icon: 'negative' }))))));
+            }) }, this.enableAmountSelected && (h(Fragment, { key: '4fb6df02b5af8b38ce42f6af67846f88de9ea47b' }, h("p", { key: 'faf5b2587318c74afaa210f845f5e171323bb56d', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: '1c0ecb274c5ff16476be4422f3bc90f9b26e1a22', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), h("div", { key: 'ca40fbbbf5cb4b0293f06e9dcb75680474009cf5', class: 'flex items-center' }, this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("p-floating-menu-item", { key: 'c8716fd6671726b5afe2b9d045c65495ae22e01b', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js

@@ -96,7 +96,7 @@ export class FloatingMenuItem {
         return (h("p-icon", { class: icon({
                 hover: asBoolean(this.hover),
                 disabled: asBoolean(this.disabled),
-            }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon }));
     }
     static get is() { return "p-floating-menu-item"; }
     static get originalStyleUrls() {

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

@@ -10,7 +10,7 @@ export class Helper {
      */
     placement = 'top';
     render() {
-        return (h(ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'e7c4d59174ec46413381af510485a890fcab91f8', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500 dark:text-hurricane-300 dark:hover:text-hurricane-200', variant: 'question-circle', slot: 'trigger' }), h("div", { key: '1173d658220d127af6982fb2939f7493a84cf52d', slot: 'content' }, h("slot", { key: '53d7d9c9c9c919ba312dc57f92d68fdc5f6b385c' })))));
+        return (h(ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'e7c4d59174ec46413381af510485a890fcab91f8', class: 'cursor-pointer text-storm-300 hover:text-storm-500 dark:text-hurricane-300 dark:hover:text-hurricane-200', size: 'sm', slot: 'trigger', variant: 'question-circle' }), h("div", { key: '1173d658220d127af6982fb2939f7493a84cf52d', slot: 'content' }, h("slot", { key: '53d7d9c9c9c919ba312dc57f92d68fdc5f6b385c' })))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -60,9 +60,9 @@ export class Icon {
                 flip: this.flip,
                 size: hasTextSizeClass ? 'auto' : this.size,
                 transform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,
-            }), style: {
+            }), innerHTML: svg, style: {
                 '--tw-rotate': `${this.rotate}deg`,
-            }, title: this.variant, innerHTML: svg }));
+            }, title: this.variant }));
     }
     static get is() { return "p-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.js

@@ -22,7 +22,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: '61310ca15062863fa75788e8621c845829835a83' }, h("div", { key: '45d347c0906fb178470a22ee073f78d2c83a625d', class: header() }, h("div", { key: 'cd7903f26712a92149166a9016f397701c216ee3', class: content() }, h("div", { key: 'e1aa409159b2c19f97682ba5de0ebcdbca799e7a', class: title() }, h("slot", { key: '605016d68fa57dde900543c0cee048f078613fa7' })), this.showClose && (h("p-button", { key: '885ebd89b2f63609e658debad4137df0dfb03b8c', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'f461107c6a15c7c58e5944b0b19e54ff0ce88305', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: '61310ca15062863fa75788e8621c845829835a83' }, h("div", { key: '45d347c0906fb178470a22ee073f78d2c83a625d', class: header() }, h("div", { key: 'cd7903f26712a92149166a9016f397701c216ee3', class: content() }, h("div", { key: 'e1aa409159b2c19f97682ba5de0ebcdbca799e7a', class: title() }, h("slot", { key: '605016d68fa57dde900543c0cee048f078613fa7' })), this.showClose && (h("p-button", { key: '885ebd89b2f63609e658debad4137df0dfb03b8c', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'f461107c6a15c7c58e5944b0b19e54ff0ce88305', class: 'dark:text-hurricane-400' }))));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -91,9 +91,9 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '6c93ef349dcabcef38658f27359a441fd4cd3813' }, h("label", { key: '291d100b75f53e0b26ed7684329ab8b47c67d89d', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: '0db6d40c88eb7e38d49a7b00c51a9527bcb07919', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c37a2ca4f67b57fb6fe4c5db31f047928eed1e70', class: radio({
+        return (h(ThemedHost, { key: '6c93ef349dcabcef38658f27359a441fd4cd3813' }, h("label", { key: '291d100b75f53e0b26ed7684329ab8b47c67d89d', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '0db6d40c88eb7e38d49a7b00c51a9527bcb07919', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c37a2ca4f67b57fb6fe4c5db31f047928eed1e70', checked: this.checked, class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'f062fa8dba4c876a5cce25d5777bf11ae936764a', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), h("div", { key: 'f062fa8dba4c876a5cce25d5777bf11ae936764a', class: circle({
                 disabled: asBoolean(this.disabled),
             }) })), h("div", { key: '90340477396fd987eabbe4cc7aeebb38a548ec68', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'b66d366cac0e5c99903edc18f4256c045d3a5b10' })))));
     }

package/dist/collection/components/atoms/segment/item/segment-item.component.js

@@ -69,7 +69,7 @@ export class SegmentItem {
             }) }, this.icon && (h("p-icon", { key: '63323d0681027b5a1215c342113d1ffb5c3924b4', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
-            }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }) }, descriptionSlot)))))));

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

@@ -88,9 +88,9 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '71d4bd767b20adf62204be57f4aab791062b5e3d' }, h("label", { key: '9a5152398ccfe931d48135fd2185dc1d04e0ae0a', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: '1fd1d1c6e8b35354c9f91442b88ee7aca4297c22', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: 'f487829bc32e0865446f006ef8de74a4fd3059cd', class: toggle({
+        return (h(ThemedHost, { key: '71d4bd767b20adf62204be57f4aab791062b5e3d' }, h("label", { key: '9a5152398ccfe931d48135fd2185dc1d04e0ae0a', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '1fd1d1c6e8b35354c9f91442b88ee7aca4297c22', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: 'f487829bc32e0865446f006ef8de74a4fd3059cd', checked: !!this.checked, class: toggle({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '8c1664a5b9eadf6c454636aca5e044e233a8a8ab', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '8c1664a5b9eadf6c454636aca5e044e233a8a8ab', class: circle({
                 disabled: asBoolean(this.disabled),
             }) })), h("div", { key: '90f8606523d6d4b131bf039717d9c436ae36d782', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'cf7f5ed84d5b1cda9b6372209242415d4dd67024' })))));
     }

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

@@ -93,7 +93,7 @@ export class Tooltip {
         return (h(ThemedHost, { key: 'ef3333212b88389556fa76159040a9dd6e0c2e17', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '095bf08cf3d45b3baaf9921796392b6b51e13719', name: 'trigger' }), h("div", { key: '46dcc7888a6c2e66e1e5e7d5a9492f117775be30', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '5651334a58293cf9a6adc96b2d8cb1991691404a', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '9db76dfaf31d1acbb72eedd0d90744bf913bb21f', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ?? h("slot", { key: '0bbaa654220dd3b99c26dd787c540a1ca85bd8af', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: '5651334a58293cf9a6adc96b2d8cb1991691404a', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '9db76dfaf31d1acbb72eedd0d90744bf913bb21f', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ?? h("slot", { key: '0bbaa654220dd3b99c26dd787c540a1ca85bd8af', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

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

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

@@ -97,30 +97,30 @@ export class Attachment {
     render() {
         let prefix = (h("p-icon", { key: 'c32bd5160f16b5fe66dd6bdddc7abab643ecac69', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '258cc04fd6a6ca24cc99fd4402740c600c845641', variant: 'warning', class: 'text-negative-red-500' }));
+            prefix = (h("p-icon", { key: '258cc04fd6a6ca24cc99fd4402740c600c845641', class: 'text-negative-red-500', variant: 'warning' }));
         }
         // const isMobileDevice = isMobile();
         const isMobileDevice = isTablet();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: '2d4812f3d31f3cd0816628933c7f430526db82d6' }, h("p-field-container", { key: '349206b933ad13c0f37cd07d2a8da5b7be1a5c06', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '59d1189891173772085e25882c3fcb474e459e0a', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '41b8af0f2636db293df1e503effbd1ec7f97685b', class: attachment({
+        return (h(Fragment, { key: '2d4812f3d31f3cd0816628933c7f430526db82d6' }, h("p-field-container", { key: '349206b933ad13c0f37cd07d2a8da5b7be1a5c06', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '59d1189891173772085e25882c3fcb474e459e0a', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '41b8af0f2636db293df1e503effbd1ec7f97685b', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
             }), onClick: () => this._uploadClick() }, prefix, h("span", { key: 'd53642b51ad59ff0b5ccf497085ba81f4111bebf', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '285839432a117ed07ad59c5d66e5784109ac5f79', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '1e5cd8b15e61316f678fb7b66af77969a3cb403a', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: 'a0f090e19e177cff757ebae1fc2f5d1f4df8db68', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: 'a0f090e19e177cff757ebae1fc2f5d1f4df8db68', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
-                    : 'upload', disabled: this.loading, loading: this.loading, onOnClick: () => this.mode === 'write' && !this.value?.length
+                    : 'upload', iconOnly: true, loading: this.loading, slot: 'trigger', variant: 'secondary', onOnClick: () => this.mode === 'write' && !this.value?.length
                 ? this._uploadClick()
                 : (this.mode === 'read'
                     ? this.download
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: '2b41ef669b3fc1e58a394d847a30b1316f0e3a0d', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: 'b3ddba24285c00e05397221a77f73a08164c6953', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '5eec66f53142eb76391fbd626a01556470ce395a', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: '288987b14646880b3fbe960514e0b5915b421270', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '2b41ef669b3fc1e58a394d847a30b1316f0e3a0d', class: 'w-8 desktop-xs:hidden', content: this.cameraTooltip }, h("p-button", { key: 'b3ddba24285c00e05397221a77f73a08164c6953', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '5eec66f53142eb76391fbd626a01556470ce395a', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: '288987b14646880b3fbe960514e0b5915b421270', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

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

@@ -513,7 +513,7 @@ export class Button {
             : 'button';
         const hostClass = cn('p-button inline-block', this.class);
         const active = asBoolean(this.active) || hostClass?.includes('active');
-        return (h(ThemedHost, { key: '7452fa765b24901c77a8ed76278994150ba11acf', class: hostClass }, h(VariableTag, { key: '9f0d18fb8068bb01f0dd5d844aa322c1effccb9b', disabled: asBoolean(this.disabled), href: this.href, type: this.variant === 'text' ? undefined : this.type, target: this.target, tabIndex: this.tabIndex, class: button({
+        return (h(ThemedHost, { key: '7452fa765b24901c77a8ed76278994150ba11acf', class: hostClass }, h(VariableTag, { key: '9f0d18fb8068bb01f0dd5d844aa322c1effccb9b', class: button({
                 variant: this.variant,
                 size: this.size,
                 loading: asBoolean(this.loading),
@@ -523,14 +523,14 @@ export class Button {
                 active,
                 error: asBoolean(this.error),
                 underline: asBoolean(this.underline) && VariableTag === 'a',
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: 'c838235c3411be17231b10e8fcca992f62d89afe', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }), disabled: asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: 'c838235c3411be17231b10e8fcca992f62d89afe', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
             this._getIcon(), this.label ?? h("slot", { key: '96401595325aecdfb14c77b5dce103a67d4d8da8' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'b543d3ca7e0253c71e93d6736a1a99a69d156fe0', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: 'f655d54d167b02f7e546962f182e61b3cec77ccc', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'b543d3ca7e0253c71e93d6736a1a99a69d156fe0', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && h("p-loader", { key: 'f655d54d167b02f7e546962f182e61b3cec77ccc', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -553,7 +553,7 @@ export class Button {
                 active: asBoolean(this.active),
                 error: asBoolean(this.error),
                 iconOnly: asBoolean(this.iconOnly),
-            }), this.iconClass ?? ''), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
+            }), this.iconClass ?? ''), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon }));
     }
     static get is() { return "p-button"; }
     static get encapsulation() { return "shadow"; }