@paperless/core 3.8.2 → 3.10.0

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

@@ -261,6 +261,10 @@ export class Field {
      * Wether the field is in loading state
      */
     loading = false;
+    /**
+     * Wether to enable or disable the password eye toggle
+     */
+    enablePasswordEye = true;
     /**
      * The placeholder of the input
      */
@@ -347,11 +351,13 @@ export class Field {
     _el;
     _focused = false;
     _nonce = nonce(5);
+    _type = 'text';
     _internals;
     _inputRef;
     _lastValue;
     componentDidLoad() {
         this._checkAutoFocus();
+        this._type = this.type;
     }
     formResetCallback() {
         this.value = null;
@@ -365,8 +371,8 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, h("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), h("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
+        return (h(ThemedHost, { key: '693e9a21acbdd989144794387bf0a6a9f37810fc' }, h("p-field-container", { key: '12a6fce14a365fdbb92647637c3d3226cd2037ff', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'a40ed4d8943adae016325f2c82a3c79364543b2e', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '0203bf72c3afc6c0f24c0e15cbf2f7271ca6a5a0', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'ca7d5bc949fb18d20eeebdcb86ed844f61f137c6', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'f4fa21946e61b81a002f96cbc85e4e786562cb87', name: 'error', slot: 'error' })), h("div", { key: '2c12320e5273b0cded4bc0e9e47aa5b2e6ff3f88', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -377,7 +383,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '68b8e1d339630c881583ea40fecb9cb414be1537', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -387,16 +393,31 @@ export class Field {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (h("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
+            (this.type === 'password' && this.enablePasswordEye) ||
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '35d35041e9751d701dc74357abe1961d98f12f7e', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
-                isText: typeof suffix === 'string',
+                isText: typeof suffix === 'string' && this.type !== 'password',
                 isTextarea: this.type === 'textarea',
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: cn('flex', {
+            }), {
+                'cursor-pointer': this.type === 'password' && this.enablePasswordEye,
+                'hover:text-indigo-700 dark:hover:text-indigo-300': this.type === 'password',
+            }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'end') ||
+            (this.type === 'password' && this.enablePasswordEye) ? (h("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (suffix)))))));
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.type === 'password'
+                ? this._type === 'text'
+                    ? 'eye-closed'
+                    : 'eye'
+                : this.icon, onClick: () => {
+                if (this.type !== 'password' || !this.enablePasswordEye) {
+                    return;
+                }
+                this._type = this._type === 'text' ? 'password' : 'text';
+            } })) : (suffix)))))));
     }
     watchvalue(value) {
         if (!this._inputRef) {
@@ -495,7 +516,7 @@ export class Field {
         if (this.type === 'textarea') {
             return (h("textarea", { ref: ref => this._setInputRef(ref), ...props, ...properties }));
         }
-        return (h("input", { ref: ref => this._setInputRef(ref), type: this.type, ...props, ...properties }));
+        return (h("input", { ref: ref => this._setInputRef(ref), type: this._type, ...props, ...properties }));
     }
     _setInputRef(ref) {
         this._inputRef = ref;
@@ -869,6 +890,26 @@ export class Field {
                 "attribute": "loading",
                 "defaultValue": "false"
             },
+            "enablePasswordEye": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to enable or disable the password eye toggle"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "enable-password-eye",
+                "defaultValue": "true"
+            },
             "placeholder": {
                 "type": "string",
                 "mutable": false,
@@ -1201,7 +1242,8 @@ export class Field {
     static get states() {
         return {
             "_focused": {},
-            "_nonce": {}
+            "_nonce": {},
+            "_type": {}
         };
     }
     static get events() {

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

@@ -51,7 +51,7 @@ export const Default = {
 	`,
 };
 export const OverflowReadOnly = {
-    render: ({ size, type, properties, prefix, suffix, icon, 'icon-flip': iconFlip, 'icon-rotate': iconRotate, 'icon-position': iconPosition, label, loading, placeholder, helper, required, autofocus, error, 'error-placement': errorPlacement, disabled, focused, 'force-show-tooltip': forceShowTooltip, 'select-all-on-focus': selectAllOnFocus, 'focus-method': focusMethod, 'optional-template': optionalTemplate, }) => html `
+    render: ({ size, type, properties, prefix, suffix, icon, 'icon-flip': iconFlip, 'icon-rotate': iconRotate, 'icon-position': iconPosition, label, loading, placeholder, helper, required, autofocus, error, 'error-placement': errorPlacement, 'enable-password-eye': enablePasswordEye, disabled, focused, 'force-show-tooltip': forceShowTooltip, 'select-all-on-focus': selectAllOnFocus, 'focus-method': focusMethod, 'optional-template': optionalTemplate, }) => html `
 		<p-field
 			variant="read"
 			size=${size ?? nothing}
@@ -71,6 +71,7 @@ export const OverflowReadOnly = {
 			autofocus=${autofocus ?? nothing}
 			error=${error ?? nothing}
 			error-placement=${errorPlacement ?? nothing}
+			enable-password-eye=${enablePasswordEye ?? nothing}
 			disabled=${disabled ?? nothing}
 			focused=${focused ?? nothing}
 			force-show-tooltip=${forceShowTooltip ?? nothing}
@@ -82,7 +83,7 @@ export const OverflowReadOnly = {
 		>
 			<a
 				slot="value"
-				class="hover:text-inidgo-700 block w-full overflow-hidden text-ellipsis whitespace-nowrap text-indigo-600 hover:underline"
+				class="hover:text-indigo-700 block w-full overflow-hidden text-ellipsis whitespace-nowrap text-indigo-600 hover:underline"
 				href="https://google.com"
 			>
 				This is a very very very very very very long text This is a very very

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

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

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

@@ -88,13 +88,13 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: '4ae6c89f2d7534c698b816955488c73bd358d70e', class: cn('inline-block', this.class) }, h(TagType, { key: '911611a89bf9c250328e5b5397d65b5c65970a74', class: navigationItem({
+        return (h(ThemedHost, { key: 'df75595509e2f081dbc13a244a77c07293d67bc1', class: cn('inline-block', this.class) }, h(TagType, { key: 'f6ad06191bdb4049387e1235a3a303718d8f6cc7', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: 'bfdc1882c4bedcd1ee2672b7112737eacbb4ad26', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'be619184b36c520b9e0b7b60963bffdec115b773', variant: this.icon })), h("span", { key: 'db23af321af6eebca65534c183451920932756d3', class: cn({
+            }), href: this.href, target: this.target }, h("div", { key: '147abbbc9e2c6508a66081ead4cea2aa797a9240', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '2f1fd8c183e2f527fcb37aed28da145d81ed1c89', variant: this.icon })), h("span", { key: 'ae75ec4ac9c43bbb0cd620dcdf42dbc62631825e', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, h("slot", { key: 'a555a9e414129555e1375b97f7f8e222fd412fe5' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'a6014594a3c7969cd44705420e285ea81478ac42' }, this.counter)), !!this.loading && h("p-loader", { key: '1755e9547e0fe49a6c9c7f254350ed21f74bca25', class: 'ml-auto' }))));
+            }) }, h("slot", { key: '0e92ba5694d3632367d37514bc72d9c7cbfa2a33' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '4046f6ab8a1a4c3c985c2f0a5d8cccafc562f3df' }, this.counter)), !!this.loading && h("p-loader", { key: '5ab0e3decd808a160bdc233835d91b505f3ad8b8', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get encapsulation() { return "scoped"; }

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

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

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

@@ -60,12 +60,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(ThemedHost, { key: '21cd272621360d4d505510c1faa0991e58cedd3a' }, h("div", { key: '2eff06826af604b9a8b640bd18b416b934c3dba8', class: pagination({
+        return (h(ThemedHost, { key: '3f1b6ea1ac6b1ddae922000ee90b9796287de51b' }, h("div", { key: '28561b81a9717cfc6ed3301215f47962349fccd2', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'd40e819bfb23ef1ce37df622c349c747c5e30430' }, h("p-pagination-size", { key: '8b974865374b5e1de9b7dc6649472f85a9b09333', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'b4523497dc4e2c988df6a3ae71cb240b54e17d75' }, h("p-pagination-size", { key: '01b5b234b713ecfcd2cf8910079f00614eb0fbbe', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '941d0fb3dedd42c1cfead1f95008fd81e5ea135d', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'dbe42788b40a0c071ef466e7a0896d269cb7d7c9', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: '7a8cfa9e69ae898cf2f2c25b4fffde7506fcc523', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'd8d7a7bce55b5958be33b51f175bd34b7f3c6ede', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } })))));

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

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

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

@@ -23,13 +23,13 @@ export class Range {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h(ThemedHost, { key: 'ae78cbe140c926f4c15da133c99dd2b84ff1060f' }, h("div", { key: '27a1f144fa8c1fa7c62ffb9b6300ce4f7b5d032c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: '353b493c7deb2a8de7b461dd5e78bf7af41ffbd2', variant: 'minus' }), h("div", { key: 'afb0b67c052ef23f0a85c5ed2b4286f3769114f2', class: 'relative h-6 flex-1' }, h("input", { key: '664649a633ea007d101dd7ef9a5dc528cd503bce', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        return (h(ThemedHost, { key: '9c0e2f83e080868ee358630e50c035b19ee829fa' }, h("div", { key: '12626f10b97ae5ecfa79eeb011bc8ec4108e2f8c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: '8736f5024ced2674bed1664f6344b590c22b2e60', variant: 'minus' }), h("div", { key: '68e128b70ee74c10707623b8299ef6eea346e1d5', class: 'relative h-6 flex-1' }, h("input", { key: '5e6e31c34953410d068332c5f7d34a9d682ee414', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
                 const value = ev.target.value;
                 this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), h("div", { key: 'aa3025e342179b0b046835aba388737e4d723986', class: '\n         absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
+            } }), h("div", { key: 'f85cae57ba6cd94c279ccac2753505018f8543d4', class: '\n         absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '7b7c6f55fe81458e96f8edf67f1fc47a028d707b', variant: 'plus' }))));
+            } })), h("p-icon", { key: 'c3e848da38711448a667d945be7d8303daaac7db', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -341,8 +341,8 @@ export class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: 'c15b8ad5b4581bc9d73caec74094d05a5eccdc87' }, h("p-field-container", { key: '79a06c8be8884124cccdb17baf8d386d34f01e47', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: '9844250bac67e239336290deb4203ae6ecf62be4', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: 'c33d47717e74742095e0bb6597ed74393782924a', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: 'b8153f212f6fbcaf9654f71cd15cfe274b95125c', 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: '51ebc8616be3744995c78d6e75bf747770cefeef' }, h("p-field-container", { key: '27fe6a7646d07bfbb9f7924c64f826a5ff8e2357', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: 'eb130f9ffc5f269c12eeba6c426160cac211b8d2', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: '7c1b53b621ec2f0491a10f3e20120e60af3688e0', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: 'a6e52a8d00aaf3bafa91618aed130356a293e2c8', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {

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

@@ -87,7 +87,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(ThemedHost, { key: 'f6abd4c007ae672b8d3bba899ee69ceaf5c258a3', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'd159248e3497fb96ce1c32cfd4a6a4844cbebf8d' }, h("div", { key: '4d3e542141053c22602cad4c90d4dba92623119c', class: 'pl-8' }), h("div", { key: '3949cd37f6ef5780d07edd596b5277328f3fbf49', class: '\n         text-storm-300 text-storm-400 text-storm-500\n         dark:text-hurricane-200 dark:text-white\n       ' }), h("div", { key: '052667e85e826a81165ed89ccc868b5a27d033e5', class: 'justify-start justify-end justify-center' }), h("div", { key: 'a5daeef9545ed0621440bed0d0ccfc4da823ccc6', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '9644bcf8534845b5994de63a355404e14640063e', class: '\n         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\n         w-9/12 w-full\n       ' }), h("div", { key: 'e4b339622abcbeb41fe04e11617b3c376b102557', class: '\n         tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12\n         tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12\n         tablet:w-9/12 tablet:w-full\n       ' }), h("div", { key: '5d1c171849417cea00b65f9028d43a8a4ed33a19', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: '0ff7ff7feff9bb5f4398be0ccf222c24af0c9ffa', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: 'a443302173a989b0efeb47e02c0186134207fd5e', class: '\n         desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12\n         desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12\n         desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12\n         desktop-sm:w-full\n       ' }), h("div", { key: 'ea801cbb837c30f6bf93b556d57920690faaf54d', class: '\n         desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12\n         desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12\n         desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-full\n       ' }), h("div", { key: '63d5d2516054847b99c711f6ca9177e102c7016f', class: '\n         desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12\n         desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12\n         desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12\n         desktop-lg:w-full\n       ' }), h("div", { key: 'd8c5562ecbaabf6aa8031267b002cd1a6d61df7d', class: '\n         desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12\n         desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12\n         desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12\n         desktop-xl:w-full\n       ' }), h("div", { key: '7905ab5d8d28c57d66f855219257688b975754e8', class: '\n         flex hidden\n         group-hover:flex group-hover:hidden\n       ' }), h("div", { key: '7252c96ddf8a8e1925c95a25d598f33c0cd31ec3', class: '\n         tablet:flex tablet:hidden\n         tablet:group-hover:flex tablet:group-hover:hidden\n       ' }), h("div", { key: '604b6ae34593fb237af64cda7f94038bf6aaa9a5', class: '\n         desktop-xs:flex desktop-xs:hidden\n         desktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n       ' }), h("div", { key: 'e0fd3a78c6c3ca78dc1cca453220cf27e482407a', class: '\n         desktop-sm:flex desktop-sm:hidden\n         desktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n       ' }), h("div", { key: 'bdeae20e2da2094d0d332c9b0370b86fd72e23ab', class: '\n         desktop:flex desktop:hidden\n         desktop:group-hover:flex desktop:group-hover:hidden\n       ' }), h("div", { key: 'a0483d5c76e8c5d29c9dbee479ac0451ca07ae53', class: '\n         desktop-lg:flex desktop-lg:hidden\n         desktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n       ' }), h("div", { key: '484239af649c9c8ff78d3f0046ecf69cc9929694', class: '\n         desktop-xl:flex desktop-xl:hidden\n         desktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n       ' }), h("div", { key: '87810fb881c72609cb81f0a6c0ee56c9c2454b3e', class: '\n         pr-0 pr-4\n         last-of-type:pr-0\n       ' }), h("div", { key: '3bfbfcff44dd9403d484a961039f6f753670570e', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: '8b1b9c999c09e900a6ae1a6c849d4aefa3da2b00', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: 'e86a9aa00985ce6be258c16c88a65cc27d191d48', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '583d14283901e179df7e5abbfe14777d553f73f9', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '6f7ed4a64f62d24abc43528eb7b4acfda580e5c8', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: 'def1e7396e879327c4c7532162d29083d95b5ee8', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
+        return (h(ThemedHost, { key: 'dfd539fd9035f67cce64188ab18c7a16e8533431', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'ae3c90711fd99d6ca5528dc04c00d16e76ae8451' }, h("div", { key: '4f42a9003f98bda6425845733b0459e7216bc8b0', class: 'pl-8' }), h("div", { key: '4668a15044f923954d610d60f8126c689a6b0fc0', class: '\n         text-storm-300 text-storm-400 text-storm-500\n         dark:text-hurricane-200 dark:text-white\n       ' }), h("div", { key: 'bb6f7f88b22ab088dc88e846c2e258c8b80505b7', class: 'justify-start justify-end justify-center' }), h("div", { key: '9c77ce1a1daf737242fed9dfbb3e553c65152648', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '5efb48a9c5b53c708b99eb97bf061fb870cecf7f', class: '\n         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\n         w-9/12 w-full\n       ' }), h("div", { key: 'f6d0da3e666292aebce97d7929ee19780b9bd3bd', class: '\n         tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12\n         tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12\n         tablet:w-9/12 tablet:w-full\n       ' }), h("div", { key: '9e1520236e67e7a76ff919328cb84e2eca3ecb38', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: '57f9e89591ef728048c182cb1b1129abe7b7e55e', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: 'b5a15833e7e22da4c84d12d85ee7288e3d41d224', class: '\n         desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12\n         desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12\n         desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12\n         desktop-sm:w-full\n       ' }), h("div", { key: '57be1a30b957c78c1795d0148a65016db0b2948d', class: '\n         desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12\n         desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12\n         desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-full\n       ' }), h("div", { key: 'ee0ae4327929c55828d9950137efce5c4f8e09eb', class: '\n         desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12\n         desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12\n         desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12\n         desktop-lg:w-full\n       ' }), h("div", { key: 'cf7dd9fb34f8bb8343011ff46ee6b57bf1c25628', class: '\n         desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12\n         desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12\n         desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12\n         desktop-xl:w-full\n       ' }), h("div", { key: '8940e3bb54405263944db9a6cb6652303d23da21', class: '\n         flex hidden\n         group-hover:flex group-hover:hidden\n       ' }), h("div", { key: '91ed402f986d46503e9daeb1db2d2033ccde4143', class: '\n         tablet:flex tablet:hidden\n         tablet:group-hover:flex tablet:group-hover:hidden\n       ' }), h("div", { key: '45734f5081af6907f47caaa749bb53804e6580b3', class: '\n         desktop-xs:flex desktop-xs:hidden\n         desktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n       ' }), h("div", { key: '90817c67bf519692db4c32a1e5a9565633d2cefa', class: '\n         desktop-sm:flex desktop-sm:hidden\n         desktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n       ' }), h("div", { key: '33d3f02ace03ffaddac171408f8c29f021f8f37b', class: '\n         desktop:flex desktop:hidden\n         desktop:group-hover:flex desktop:group-hover:hidden\n       ' }), h("div", { key: 'b4e4ce5f531a48684fd8fe8683d41f0cff385b3b', class: '\n         desktop-lg:flex desktop-lg:hidden\n         desktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n       ' }), h("div", { key: 'fab1f4d2770d7b2ebac070109fe670ba1704b4d1', class: '\n         desktop-xl:flex desktop-xl:hidden\n         desktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n       ' }), h("div", { key: 'c2bdfa6d9f7abb5f463f000a9da7b4e71dfad7fd', class: '\n         pr-0 pr-4\n         last-of-type:pr-0\n       ' }), h("div", { key: 'faa9e804766f641a39519c3313dd468807f2ef45', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: 'ed0a796290e32cb85048bcf945901b1a0b26e01e', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: '4c43237986e5034279dfbf50ed55a3e5b468bff1', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '37565cc74ac70303c4754869b4790fb6a622fd50', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '371baaf895bc583cac7b28d9e2cec87766795c38', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: '53db780b1e434beaffc9e9ba936538f622f4aace', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
     }
     _getContent() {
         if (this.variant === 'loading') {

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

@@ -107,12 +107,12 @@ export class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: '2a9d106d8fcda59dbe0615b936dec5c5a6c06ac3' }, h("div", { key: '92904418a7130a5b5b03c60c4ef9a5297fa67900', class: footer({
+        return (h(ThemedHost, { key: '4282e3a5a5036e596454dfb52c6323b80f469264' }, h("div", { key: 'f4d74e1168356b9c5768332f61ddd6de85170c0f', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: 'b085a53358757b965720f35ad4deb70a705b4cfd', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '7877e074aa9a6bf79f71ad8c17ca9e59c96c5cc8', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {

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

@@ -107,13 +107,13 @@ export class TableRow {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '0d120affd1a9979fee9871f4185e5be8128235e8' }, h("div", { key: '5686db4396a01a88c3962bc6a821c0e1552c13f1', class: 'flex flex-col' }, h("div", { key: '71e6470049acc4b3acebbb478ebd8fba5f36d688', class: row({
+        return (h(ThemedHost, { key: '4ae9344919a3b4dcd6c34fdf76828dbe3ce6b396' }, h("div", { key: '1a4de3b449898d697700799b13c78042d6eff300', class: 'flex flex-col' }, h("div", { key: '927396e7bf1198c6a5154e17be44c14d1afe4726', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: 'e2d1a4259be84eca424d30d53a88a7a8cdb2336c', class: content({
+            }) }, h("div", { key: '7f6272205310383055b3a37d51e4a83bd19557df', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '7457daaf7e4fd01b21c68d048ff9dfed9387b507' }), h("div", { key: '780993e2462abeb10d1c56a15bd29bc77348bcdd', class: actions() }, h("slot", { key: 'e2ff2aa57ae3754fe904cde800a0dc6d9da192ed', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '5a76c8dca2fa8bdfd6476362d83f30b0832d1762' })))));
+            }) }, h("slot", { key: 'f26ccd0768bee41ef2987e3e45f5a18e4a4b6e57' }), h("div", { key: '75230c7b9bc9fbb52ab407c0a22b8f177fd39407', class: actions() }, h("slot", { key: 'bbd6ec87b2f7e01e0e2dfc62295d1444ac1bbae5', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '08930ffe9f0f27060d9084bc3672fd32d9dd0648' })))));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(ThemedHost, { key: '8d36846b85c4e661ccd81533ac05eb6a651bedb6' }, h("div", { key: '5a60824f6868fa38893b7e451850f6e181caa95c', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, h("div", { key: 'c3ebd2eecb1f3378176653bfe7ae96bd9b7b4b13', class: indicator({ variant: this.variant }) }), h("div", { key: '89ce39565adb3958a12551d5021f7ab86c9babb5', class: content() }, h("div", { key: '9c833a877f81b34c53ff73378b799fad436e76fd', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '7ec87f298e4dda01ff689f877d436c726abef8a5', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '08c6c263d6ce9915b055fc24e4b0aca7d2b7bfc2', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '111084df846674e17f00ec8c7902a099f05a1e58', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, h("p-icon", { key: '660342af8a7f33cdd2495cf03fd54fe8923babc8', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (h(ThemedHost, { key: 'f1571a0deacd549291d1d04322a1cc80c3a0720e' }, h("div", { key: '345a479a1a9236dab89f1367d46d60b8f81c06d7', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, h("div", { key: '800075ff1075383ad9c879b6fd31870c1c990b5c', class: indicator({ variant: this.variant }) }), h("div", { key: 'd1818b747fa164991f4554d89c134cdb3dc956b2', class: content() }, h("div", { key: '66d3e58ab4014eb442ea19ba55169d0d31195f21', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '975545d9b32298494656e98168e468e5e90298ff', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '393b0ce56e3e61fda95cff12ca377bd8283b66ad', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '6967b09134dd543682accb499f529d17c9101d2b', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, h("p-icon", { key: '39bd7d0ba6e80b6287b117ec81c73afeee1968b9', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/organisms/listing/listing.component.js

@@ -18,10 +18,10 @@ export class Listing {
         }
     }
     render() {
-        return (h("div", { key: 'bd62a9cb5f45d0be1bf09636a4d576a70a4350fb', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: '6530812142c92d48d2dc3a10456b6740545579dd', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: 'c762354f8f1f0023a6a73bff00fc5333431c8226', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: 'a9870a9992cc0cdaa49351e06fbde5bb77a717c5', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

package/dist/collection/components/organisms/navbar/navbar.component.js

@@ -61,7 +61,7 @@ const backdrop = cva([
 export class Navbar {
     _show = false;
     render() {
-        return (h(ThemedHost, { key: '814b399715eba8a9f4c81ed550431b8b3cc29d39' }, h("p-backdrop", { key: '59c99e5c8ce0dbacae386da8ceb4a7a23b4778bd', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '815fcb1b40cfdbe3a4bd47676b374254073254df', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'a078f18dcc8885db9bd3661cc227adccaf30b8c1', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: 'be1fbb0ee3d1455f4af3b5399a52c38a760ddb1f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: 'c4b1d03bb1c5fd109b99e3d587873b3f47ab1350', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'a981dbc4d887d420cb8b5c7c69fee4795cb07272', name: 'company' })), h("div", { key: '035880f4bb9d321c3d4f9d5fb6df34191ba1be13', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '0d75492d278db82db0a62a4717c94df59a02349c', name: 'content' })), h("div", { key: '66e0a56030477a2e3c8b1706f698114e85b88fe6', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '7ad2e2db299e914b8977f8c300d636d317c06741', name: 'user' }))), h("div", { key: '70be960e812e2b4904a3045193ca16fc2391e4a6', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '19b70f87d40558f633d5d9d8b42b60ba4c999826', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: 'c980989054dc51e2e54bf5d032895e297742fe61', name: 'topbar' }))));
+        return (h(ThemedHost, { key: '4fcecd6497f2005f962fd881113dea4b32bc99ff' }, h("p-backdrop", { key: '69ce86e6e113f15aa06c054522a0f79da89765f8', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e8cc52e1d42ba01936b58c1277b530eeb41e9d14', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'ff511d2b896f7aa47c7efe5ec2d5ae56e8337bab', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: '151a8c2badb81471dc9c9792fe2704216694e7da', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: '09e5f93575b322324b2c8bf091400138be67a885', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '43f0f25dc8228bc05c3dc0a78435eade4448d7fe', name: 'company' })), h("div", { key: '35a814822b5a947de473e18fc52a07680356742a', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '9e39958d9580dff4ba5dc13fd2fc04bf4d9ba412', name: 'content' })), h("div", { key: 'b168df56d5ae5bb27fefaaf177d1e8525cf7751e', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '5db700de8a58e00dedf489ffe6c390852c61bf56', name: 'user' }))), h("div", { key: '05f066e4b8a7fdd3b8850f9997851330efd217af', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '63340bf3435a0c513203c5c71316f56a3a936bd8', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: '3fbd734259acb3571910290acc4dc67f2c9ff5fd', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/{p-qeQ4j6y4.js → p-3Vtsi6MW.js}

@@ -1 +1 @@
-import{t,p as r,H as a,h as e}from"./p-CySg37XO.js";import{T as o}from"./p-Au2WuEGF.js";import{c as i}from"./p-xs4N_Y-0.js";const n=r(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}checked=!1;render(){return e(o,{key:"05b47280bc380ad0960a69c27fa641ea735a94f4"},e("div",{key:"5a0480d4df301d4aa395f87fc93b2e068b9f79f4",class:i("\n        flex\n        before:w-4 before:bg-gradient-to-l before:from-off-white-200\n      ",{"dark:before:from-hurricane-600":!this.checked,"dark:before:from-hurricane-400":!!this.checked})},e("div",{key:"6772a16f95a60938d7d8a019dcbd7c6e8f0d00c7",class:i("flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3",{"dark:bg-hurricane-600":!this.checked,"dark:bg-hurricane-400":!!this.checked})},e("slot",{key:"27f6a9bf20a79fc58b63412aa0943278408e6f90"}))))}static get style(){return'.flex{display:flex}.h-full{height:100%}*{box-sizing:border-box}:host{--tw-content:"";display:flex;height:100%;justify-content:flex-end}.static{position:static}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-hurricane-600{--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.bg-off-white-200{--tw-bg-opacity:1;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))}.from-hurricane-400{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-hurricane-600{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.pr-3{padding-right:.75rem}.before\\:w-4:before{content:var(--tw-content);width:1rem}.before\\:bg-gradient-to-l:before{background-image:linear-gradient(to left,var(--tw-gradient-stops));content:var(--tw-content)}.before\\:from-off-white-200:before{--tw-gradient-from:#faf9f8 var(--tw-gradient-from-position);--tw-gradient-to:hsla(30,17%,98%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}'}},[769,"p-table-row-actions-container",{checked:[4]}]);function d(){"undefined"!=typeof customElements&&["p-table-row-actions-container"].forEach((r=>{"p-table-row-actions-container"===r&&(customElements.get(t(r))||customElements.define(t(r),n))}))}d();export{n as T,d}
+import{t,p as r,H as e,h as a}from"./p-CySg37XO.js";import{T as o}from"./p-Au2WuEGF.js";import{c as i}from"./p-xs4N_Y-0.js";const n=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}checked=!1;render(){return a(o,{key:"4be2a6b0e22633e2d8e966077dbc353f298580ca"},a("div",{key:"7cb5afe3757df775f8a15955ed24f43bf79e2182",class:i("\n        flex\n        before:w-4 before:bg-gradient-to-l before:from-off-white-200\n      ",{"dark:before:from-hurricane-600":!this.checked,"dark:before:from-hurricane-400":!!this.checked})},a("div",{key:"26038bfcbc3fa8558beedeba280639dafe759f4d",class:i("flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3",{"dark:bg-hurricane-600":!this.checked,"dark:bg-hurricane-400":!!this.checked})},a("slot",{key:"249ef823b37b9a894c158f23996432fd57f6e761"}))))}static get style(){return'.flex{display:flex}.h-full{height:100%}*{box-sizing:border-box}:host{--tw-content:"";display:flex;height:100%;justify-content:flex-end}.static{position:static}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-hurricane-600{--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.bg-off-white-200{--tw-bg-opacity:1;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))}.from-hurricane-400{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-hurricane-600{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.pr-3{padding-right:.75rem}.before\\:w-4:before{content:var(--tw-content);width:1rem}.before\\:bg-gradient-to-l:before{background-image:linear-gradient(to left,var(--tw-gradient-stops));content:var(--tw-content)}.before\\:from-off-white-200:before{--tw-gradient-from:#faf9f8 var(--tw-gradient-from-position);--tw-gradient-to:hsla(30,17%,98%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}'}},[769,"p-table-row-actions-container",{checked:[4]}]);function d(){"undefined"!=typeof customElements&&["p-table-row-actions-container"].forEach((r=>{"p-table-row-actions-container"===r&&(customElements.get(t(r))||customElements.define(t(r),n))}))}d();export{n as T,d}

package/dist/components/{p-BaiRAcrb.js → p-4vMrjI4R.js}

@@ -1 +1 @@
-import{t as e,p as t,H as a,h as o}from"./p-CySg37XO.js";import{T as r}from"./p-Au2WuEGF.js";import{d}from"./p-DP6H82uQ.js";const i=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"db7731369d6e62f4e6cd9a45d49202c1d9600284"},o("div",{key:"a0ef39283aa6a636ccf2e2aed077c5e4b78be0b2",class:"\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     "},o("p-divider",{key:"307cc08feaf5555108d153a8b956ced52a24848b",class:"\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      "}),o("div",{key:"1e21b3ceb5e1eb58115b3d46c2c36771c8f0842e",class:"\n        flex flex-col gap-4\n        tablet:flex-row\n      "},o("slot",{key:"f383532efab19f9810097b2712c18184b18967a1"}))))}static get style(){return"*{box-sizing:border-box}.static{position:static}.mb-4{margin-bottom:1rem}.flex{display:flex}.hidden{display:none}.flex-col{flex-direction:column}.gap-4{gap:1rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.pb-\\[calc\\(env\\(safe-area-inset-bottom\\)\\+1rem\\)\\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}@media (min-width:40rem){.tablet\\:flex-row{flex-direction:row}}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.1)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-white\\/10:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.1)}"}},[257,"p-modal-footer"]);function s(){"undefined"!=typeof customElements&&["p-modal-footer","p-divider"].forEach((t=>{switch(t){case"p-modal-footer":customElements.get(e(t))||customElements.define(e(t),i);break;case"p-divider":customElements.get(e(t))||d()}}))}s();export{i as M,s as d}
+import{t as e,p as t,H as a,h as o}from"./p-CySg37XO.js";import{T as r}from"./p-Au2WuEGF.js";import{d}from"./p-DP6H82uQ.js";const i=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"ee3419ad9a4f791d84943887711bf63e49d5cad6"},o("div",{key:"0bafe05744aaf70748fb406f70dbee4cbfe3ea1d",class:"\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     "},o("p-divider",{key:"1d7f61fa16c96150c2766ed666484299296f8234",class:"\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      "}),o("div",{key:"3c330f12f37566453e13630c0294c9f47fed2b89",class:"\n        flex flex-col gap-4\n        tablet:flex-row\n      "},o("slot",{key:"2cce5e522cfb0b607017dff01ec1c98c5f56baff"}))))}static get style(){return"*{box-sizing:border-box}.static{position:static}.mb-4{margin-bottom:1rem}.flex{display:flex}.hidden{display:none}.flex-col{flex-direction:column}.gap-4{gap:1rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.pb-\\[calc\\(env\\(safe-area-inset-bottom\\)\\+1rem\\)\\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}@media (min-width:40rem){.tablet\\:flex-row{flex-direction:row}}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.1)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-white\\/10:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.1)}"}},[257,"p-modal-footer"]);function s(){"undefined"!=typeof customElements&&["p-modal-footer","p-divider"].forEach((t=>{switch(t){case"p-modal-footer":customElements.get(e(t))||customElements.define(e(t),i);break;case"p-divider":customElements.get(e(t))||d()}}))}s();export{i as M,s as d}

package/dist/components/p-AdgmVWQg.js

@@ -0,0 +1 @@
+import{t,p as e,H as r,c as a,h as i}from"./p-CySg37XO.js";import{c as o}from"./p-CBWjHURv.js";import{T as s}from"./p-Au2WuEGF.js";import{a as n}from"./p-C5CTp9IA.js";import{c as d}from"./p-xs4N_Y-0.js";import{n as h}from"./p-D9kEjsvZ.js";import{d as l}from"./p-DI_ECJzt.js";import{d as c}from"./p-BG0voO8b.js";import{d as p}from"./p-DFZS6Jig.js";import{d as w}from"./p-DwJAKJDy.js";import{d as m}from"./p-D8faiybE.js";import{d as b}from"./p-Bg0nKrgn.js";const g=o(["flex gap-2","w-inherit","rounded-lg border-solid","relative"],{variants:{variant:{read:"flex-wrap items-start hyphens-auto break-normal border-0 leading-6",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:!1,class:"h-6"},{size:"base",variant:"write",isTextarea:!1,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:!1,error:!1,class:"\n      border-storm-100\n      dark:border-hurricane-400\n    "},{variant:"write",disabled:!1,focused:!0,error:!1,class:"\n      border-indigo-600 ring ring-indigo-100\n      selection:bg-indigo-500\n      dark:ring-0\n    "},{variant:"write",disabled:!1,class:"\n      bg-white\n      dark:bg-hurricane-500\n    "},{variant:"write",disabled:!0,class:"\n      cursor-not-allowed bg-white-600\n      dark:border-hurricane-500 dark:bg-hurricane-600\n    "},{disabled:!1,error:!0,class:"border-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"\n      ring ring-negative-red-50\n      selection:bg-negative-red-50\n      dark:ring-0\n    "}]}),u=o(["\n    text-sm\n    placeholder:text-sm placeholder:text-storm-500/40\n    dark:placeholder:text-hurricane-200\n  ","min-w-0 flex-1 border-none bg-transparent p-0","\n    outline-none\n    focus:outline-none\n  ","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"},error:{false:"\n      text-storm-500\n      dark:text-white\n    ",true:"text-negative-red-500"}}}),f=o(["flex flex-shrink-0 items-center justify-center text-center"],{variants:{variant:{read:"leading-6",write:null},disabled:{false:null,true:"\n      text-storm-100\n      dark:text-hurricane-400\n    "},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:!1,focused:!1,error:!1,class:"\n      text-storm-300\n      dark:text-hurricane-200\n    "},{disabled:!1,focused:!0,error:!1,class:"\n      text-storm-500\n      dark:text-white\n    "},{disabled:!1,focused:!1,error:!0,class:"text-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"text-negative-red-800"}]}),x=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",3),this.inputRefChange=a(this,"inputRefChange",7),this.add=a(this,"add",3),this.enter=a(this,"enter",3),this._internals=this.attachInternals()}align="start";variant="write";id;size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=!1;enablePasswordEye=!0;placeholder;helper;required=!0;showOptional=!0;showAddOnEmpty=!1;addText="Add";autofocus=!1;error;autoShowError=!0;errorPlacement;disabled=!1;focused=!1;forceShowTooltip=!1;selectAllOnFocus=!0;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;add;enter;get _el(){return this}_focused=!1;_nonce=h(5);_type="text";_internals;_inputRef;_lastValue;componentDidLoad(){this._checkAutoFocus(),this._type=this.type}formResetCallback(){this.value=null,this.valueChange.emit(null)}formDisabledCallback(t){this._internals.form&&(this.disabled=t)}render(){const{id:t,prefix:e,suffix:r,hasHeaderSlot:a,hasLabelSlot:o,hasHelperSlot:h,hasErrorSlot:l,hasValueSlot:c}=this._getSlotInfo();return i(s,{key:"693e9a21acbdd989144794387bf0a6a9f37810fc"},i("p-field-container",{key:"12a6fce14a365fdbb92647637c3d3226cd2037ff",align:this.align,error:this.error,forceShowTooltip:!!this.error?.length&&!this._focused&&this.autoShowError||!!this.error?.length&&this.forceShowTooltip,helper:this.helper,id:t,label:this.label,loading:this.loading,loadingSize:this.size,required:this.required,showOptional:this.showOptional,variant:this.variant},o&&i("slot",{key:"a40ed4d8943adae016325f2c82a3c79364543b2e",name:"label",slot:"label"}),a&&i("slot",{key:"0203bf72c3afc6c0f24c0e15cbf2f7271ca6a5a0",name:"header",slot:"header"}),h&&i("slot",{key:"ca7d5bc949fb18d20eeebdcb86ed844f61f137c6",name:"helper",slot:"helper"}),l&&i("slot",{key:"f4fa21946e61b81a002f96cbc85e4e786562cb87",name:"error",slot:"error"}),i("div",{key:"2c12320e5273b0cded4bc0e9e47aa5b2e6ff3f88",class:g({error:!!this.error?.length,disabled:n(this.disabled),focused:n(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:"textarea"===this.type}),slot:"content",title:"read"!==this.variant||c?void 0:`${this.value}`},(this.error?.length||e||this.icon&&"start"===this.iconPosition)&&i("div",{key:"68b8e1d339630c881583ea40fecb9cb414be1537",class:f({variant:this.variant,error:!!this.error?.length,disabled:n(this.disabled),focused:n(this.focused)||this._focused,isText:"string"==typeof r,isTextarea:"textarea"===this.type}),onClick:()=>this._focusInput()},this.icon&&"start"===this.iconPosition||this.error?.length?i("p-icon",{class:d("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.error?.length?"warning":this.icon}):e),this._getContent(c,t),(r||"password"===this.type&&this.enablePasswordEye||this.icon&&"end"===this.iconPosition)&&i("div",{key:"35d35041e9751d701dc74357abe1961d98f12f7e",class:d(f({variant:this.variant,error:!!this.error?.length,disabled:n(this.disabled),focused:n(this.focused)||this._focused,isText:"string"==typeof r&&"password"!==this.type,isTextarea:"textarea"===this.type}),{"cursor-pointer":"password"===this.type&&this.enablePasswordEye,"hover:text-indigo-700 dark:hover:text-indigo-300":"password"===this.type}),onClick:()=>this._focusInput()},this.icon&&"end"===this.iconPosition||"password"===this.type&&this.enablePasswordEye?i("p-icon",{class:d("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:"password"===this.type?"text"===this._type?"eye-closed":"eye":this.icon,onClick:()=>{"password"===this.type&&this.enablePasswordEye&&(this._type="text"===this._type?"password":"text")}}):r))))}watchvalue(t){this._inputRef&&t!==this._lastValue&&(this._lastValue=t,this._inputRef.value=t)}handleFocusIn(){this.disabled||(this._focused=!0,this._selectAll())}handleFocusOut(){this.disabled||(this._focused=!1)}handleKeyup(t){this.disabled?t.preventDefault():this._internals?.form&&"textarea"!==this.type&&"Enter"===t.key&&this._internals.form.requestSubmit()}handleKeydown(t){this.disabled||"Enter"===t.key&&this.enter.emit(this.value)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]'),e=!!this._el.querySelector(':scope > [slot="label"]'),r=!!this._el.querySelector(':scope > [slot="prefix"]'),a=!!this._el.querySelector(':scope > [slot="suffix"]'),o=!!this._el.querySelector(':scope > [slot="header"]'),s=!!this._el.querySelector(':scope > [slot="error"]'),n=!!this._el.querySelector(':scope > [slot="value"]'),d=r?i("slot",{name:"prefix"}):this.prefix,h=a?i("slot",{name:"suffix"}):this.suffix,l=this.error&&"string"==typeof this.error&&"true"!==this.error;return{id:this.id?.length?this.id:this._nonce,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,hasValueSlot:n,prefix:d,suffix:h,errorAndErrorIsNotBoolean:l}}_getContent(t=!1,e){if("read"===this.variant)return t?i("slot",{name:"value"}):this.value&&`${this.value}`.length>0?this.value:this.showAddOnEmpty?i("p-button",{icon:"plus",size:"sm",variant:"text",onClick:()=>this.add.emit()},this.addText):"—";if("slot"===this.type)return i("slot",{name:"input"});const r={id:e,class:u({disabled:n(this.disabled),isTextarea:"textarea"===this.type,error:!!this.error?.length}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let a=this.properties??{};return"string"==typeof a&&(a=JSON.parse(this.properties)),"textarea"===this.type?i("textarea",{ref:t=>this._setInputRef(t),...r,...a}):i("input",{ref:t=>this._setInputRef(t),type:this._type,...r,...a})}_setInputRef(t){this._inputRef=t,this.inputRefChange.emit(t)}_focusInput(){this._inputRef?this._inputRef.focus():this._el.querySelector(':scope > [slot="input"]')[this.focusMethod]()}_selectAll(){this._inputRef&&this.selectAllOnFocus&&this._inputRef.select()}_valueChange(t){t.stopPropagation();const e=t.originalTarget??t.target,r=e.value;this._lastValue=r,this.value=r,this.valueChange.emit(r),this._internals.setFormValue(e.value)}_checkAutoFocus(){this.autofocus&&(this._inputRef?this._focusInput():setTimeout((()=>this._checkAutoFocus()),100))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchvalue:0}]}}static get style(){return"*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-indigo-300{--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.hover\\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(47 111 240/var(--tw-text-opacity,1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}"}},[833,"p-field",{align:[1],variant:[1],id:[1],size:[1],type:[1],properties:[8],prefix:[1],suffix:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],iconPosition:[1,"icon-position"],value:[8],label:[1],loading:[4],enablePasswordEye:[4,"enable-password-eye"],placeholder:[1],helper:[1],required:[516],showOptional:[516,"show-optional"],showAddOnEmpty:[516,"show-add-on-empty"],addText:[513,"add-text"],autofocus:[516],error:[513],autoShowError:[516,"auto-show-error"],errorPlacement:[1,"error-placement"],disabled:[516],focused:[516],forceShowTooltip:[516,"force-show-tooltip"],selectAllOnFocus:[516,"select-all-on-focus"],focusMethod:[1,"focus-method"],optionalTemplate:[16],_focused:[32],_nonce:[32],_type:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"keyup","handleKeyup"],[2,"keydown","handleKeydown"]],{value:[{watchvalue:0}]}]);function v(){"undefined"!=typeof customElements&&["p-field","p-button","p-field-container","p-helper","p-icon","p-loader","p-tooltip"].forEach((e=>{switch(e){case"p-field":customElements.get(t(e))||customElements.define(t(e),x);break;case"p-button":customElements.get(t(e))||l();break;case"p-field-container":customElements.get(t(e))||c();break;case"p-helper":customElements.get(t(e))||p();break;case"p-icon":customElements.get(t(e))||w();break;case"p-loader":customElements.get(t(e))||m();break;case"p-tooltip":customElements.get(t(e))||b()}}))}v();export{x as F,v as d}