@paperless/core 2.2.15 → 2.2.17

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

@@ -38,12 +38,12 @@ const Divider = class {
     get _el() { return index.getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (index.h(index.Host, { key: 'b49464f753618bdc018521fe368d279fe2cfbdea', class: {
+        return (index.h(index.Host, { key: 'e2864033cd6f1f58959dfea57f5e83ea40b559bf', class: {
                 'text-off-white-700': !this._el.className.includes('text'),
-            } }, index.h("div", { key: '8b889b5e6813f27598f4661e2365b51ecb34c1df', class: content({
+            } }, index.h("div", { key: '279a79d6360a84c96284e0cae4cc0d5f1c919885', class: content({
                 variant: this.variant,
                 alignContent: this.alignContent,
-            }) }, index.h("div", { key: 'da8f34b7b5a933cb0964580e672772d7630e4810', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0' }, hasContent && index.h("slot", { key: '665bd2cfae7a77abb68633131236c45d017a43f6' })))));
+            }) }, index.h("div", { key: '47b59a88cca1bfbec9597e1e9b22a2754eac431c', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0' }, hasContent && index.h("slot", { key: '5462720aeec9eb8e749e658c4dcad0045ef2741e' })))));
     }
 };
 Divider.style = dividerComponentCss;

package/dist/cjs/p-drawer-body_3.cjs.entry.js

@@ -12,7 +12,7 @@ const DrawerBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '9c0c1226c88b1ad41bae2bbada86887bd99427b7' });
+        return index.h("slot", { key: '78b8055b04b8b75d8e6cda74d346b3798ce6adb9' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss;
@@ -42,9 +42,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (index.h("div", { key: 'bb6fa5361157758707395ea50c74a9f1bcbadec9', class: container({
+        return (index.h("div", { key: 'ce883f74d51d143be9b02c06ff9daa173a4bae68', class: container({
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '241c862fe631aeeba012ba710664478ce5ce4046' })));
+            }) }, index.h("slot", { key: '929f5ded925d3cd2a4920ef08982595ffe854b3e' })));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss;
@@ -74,7 +74,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (index.h("div", { key: 'e250e8faa0b3df4523ba9dbf7c6203b34629135e', class: header() }, index.h("div", { key: '0208b32ccd4b63a23c47ab86d25b8614bd45cd63', class: content() }, this.showClose && (index.h("p-button", { key: 'e73e3e2ceb6a667d8d93204c754e38cff657595f', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), index.h("div", { key: '1e180c299dd9e0d7ccf2e191650faeb3c7e1b58c', class: title() }, index.h("slot", { key: '0a883a7cf8bad4d1ec8abb68a24458fd52b24ab6' })), this.showClose && index.h("div", { key: '61dddd4b2339aee4d72d0fb04e1f672a87bdc1f8', class: "size-8" })), index.h("p-smile", { key: '36e7af85229de55a80b0767d0a22cd7391e1d208' })));
+        return (index.h("div", { key: 'b8695d8d0bd87bd6031dd7693c69f2805385b756', class: header() }, index.h("div", { key: '90fb65c6b40c056c65f0ea31515efc23d76ad0e1', class: content() }, this.showClose && (index.h("p-button", { key: 'befe80e109808cfc4e184ebd67063d0fe2e5e94c', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), index.h("div", { key: '496a164b5c67485eff5534485d360653e20526d3', class: title() }, index.h("slot", { key: 'ae837aa1932611c7cbddf3233a98ebaa4cd6428b' })), this.showClose && index.h("div", { key: 'c55556488cbb629b95fee61198dfbe717f689872', class: "size-8" })), index.h("p-smile", { key: '393ac108b28068e3bb4d44c7b7d61f8c4edbba1d' })));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss;

package/dist/cjs/p-empty-state_8.cjs.entry.js

@@ -70,11 +70,11 @@ const EmptyState = class {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (index.h("div", { key: 'c35868f65cbc84e193dea100f4f9d6ee2757501c', class: emptyState({
+        return (index.h("div", { key: 'e253ccbae25a9827540b7a507226f6457fc392a0', class: emptyState({
                 enableAction: asBoolean.asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (index.h("p-illustration", { key: 'cff1e33209996280a1e75636cdf3403027439eed', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (index.h("p-illustration", { key: '1719b632c75c7f33f0b9818691a2d45c9fd8de39', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (index.h("slot", { name: 'action' })) : (index.h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
 };
@@ -206,7 +206,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'bffbae30640f82eb5f7c93d397d363650084d316', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (index.h(index.Host, { key: '437ab7bb8fcf49589162f78716e35b8cc4e9db7c', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -233,7 +233,7 @@ const TableContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '86673bde4fcc22b639a1e9c2e8f0ca994302772f', class: container() }, index.h("slot", { key: '75b6b0b7d6c6751dde4c4df6b7c21c998f519484' })));
+        return (index.h(index.Host, { key: '338be876c8ee63cbdd5f36984d04c5d078a32f90', class: container() }, index.h("slot", { key: '496c9a0acb6bdb251f4134dc55137943d47b5995' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -333,11 +333,11 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
     }
     render() {
-        return (index.h("div", { key: 'f0dfb918f09245a585bcdedec9416b689ea7a406', class: footer({
+        return (index.h("div", { key: 'fb6580374d0dcdc950a169e0ceba8273e831cbe5', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (index.h("p-pagination", { key: '34f2c593437507449575891ba84ca6a030652a95', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this.total > 0 && (index.h("p-pagination", { key: '4f03e1e1a784bc6e20cf26c9403331ea28f80583', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -10067,13 +10067,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (index.h("div", { key: '53aeadd7e3d89a4ac2746e705136dc98e65646d8', class: 'flex flex-col' }, index.h("div", { key: 'e3c83a5a3d1c5b2147b7d1f05906e246890508b2', class: row({
+        return (index.h("div", { key: '75fbf56b747248064a8e26c033519e1d69262bb9', class: 'flex flex-col' }, index.h("div", { key: '75570ddee613e585cb01e0c2c1b4038a54bbc6a7', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, index.h("div", { key: 'd66f67d46693ded0a8e0b0f4c0d83be3ad4d1e01', class: content({
+            }) }, index.h("div", { key: '8c91b99838270bda5e51b646a78c40617715507a', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: 'eba8b139c622797cce2282545535fbf131fa5ecd' }), index.h("div", { key: 'baccb125aa67657bc08be76318a729118f24922b', class: actions() }, index.h("slot", { key: '8fc003a9e28c361283a94af2b4f4383c661bb919', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: 'aea4cca577c987a385f771cd47065a7c57b0a81a' }))));
+            }) }, index.h("slot", { key: '9c0cbe5be28dd17f95e39aad48ab98fc3439bd87' }), index.h("div", { key: '28f1a34812f4aa406a317f7fc24b8e52219fceb4', class: actions() }, index.h("slot", { key: 'd8dc24127cca3f4684294648c628bf33b1405821', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: 'b916221d7a8f65b8fb940051f8ee206dda562919' }))));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10085,7 +10085,7 @@ const TableRowActionsContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '618beeb77b92a95cf5a9b08493e8cb7270f2651f', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, index.h("div", { key: '9eae80f4fde2c17522c5a1560cdd5ea783102537', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, index.h("slot", { key: 'abfb1c0f9350aca43235bf840c6ba18b0cb2efba' }))));
+        return (index.h("div", { key: 'bc2e4e5e015c2419480857748314dd23f693045e', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, index.h("div", { key: '87a7c4ac465fb642e68a67e932ebe5478bb1df97', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, index.h("slot", { key: '4ab305e44235da27a65cd651366cd846e061a09b' }))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;

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

@@ -333,7 +333,7 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.h("p-field-container", { key: '8fa8478c9c74710bccc22c85979746045d5d1026', forceShowTooltip: this.forceShowTooltip || this._focused || !!this.error?.length, id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: 'bab5578384a70fa2ebeed2f91e6a3642834bf86f', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '6bbff0d9b9cb608f43caf84f7b9b997b7afd4baf', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '27b79b9916ba411d8ab4e47f156ca0401a465da8', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'f1e045d748b8297e88be887ff8c89495a8548a9a', name: 'error', slot: 'error' })), index.h("div", { key: '4704d2a4edd8ce2564fc26489446b11edcf50169', class: field({
+        return (index.h("p-field-container", { key: 'edf29e9fd23f168988fceb00accec076f90a3166', forceShowTooltip: this.forceShowTooltip || this._focused || !!this.error?.length, id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: '952ba2a1dfd9bb57e65f3b992e54a521bb634048', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '345e234c0a3b8a08ecfb8ec968495fe573ce0ea4', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '3edf0e8d7a6f2a5d6fa23bea4779f7791eb394f6', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'f57448223003723d34f31834992d7e57ea1fa651', name: 'error', slot: 'error' })), index.h("div", { key: 'a83f383b6d9d3785899fad499399fc6517fc7fb5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
@@ -344,7 +344,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '39554fbd56a83188729ca917b37ed64b4cde760d', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '4162ebc0e667a4a4995ae8171cda44a268c67b18', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -354,7 +354,7 @@ const Field = class {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (index.h("p-icon", { class: cn.cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '31bdabaf47743659087802618803ed0ac4d0b9dc', class: prefixAndSuffix({
+            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '8e74b26866c95479e7aefa2cf19a15166514e335', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),

package/dist/cjs/p-floating-menu-item.cjs.entry.js

@@ -86,10 +86,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (index.h(index.Host, { key: 'da620905e975dc81bf73b163886d82c346ed34a8', class: item({
+        return (index.h(index.Host, { key: '9c7c8f9557c954d2634fda80911aab0d68c19fde', class: item({
                 hover: asBoolean.asBoolean(this.hover) && !asBoolean.asBoolean(this.loading),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, this._getIcon(), index.h("p", { key: '3f9ef14d034003814d5cba0da956a4562eaee882', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, index.h("slot", { key: '157c6c75151145df490a82c6762bb4555fb70e23' }))));
+            }) }, this._getIcon(), index.h("p", { key: '3c50ecbd870958e4cab384851eb1d58baeb91ed3', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, index.h("slot", { key: '18a0993c9a77a23e7b4e5163e351c94d60bb32cf' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

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

@@ -20,7 +20,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (index.h(index.Host, { key: '44b2555556b4740a56e07bdad7eda0b97eda56fe' }, index.h("p-tooltip", { key: '8a907aa49eb46864b4e57f27d33b39a0e8e509e7', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: '4b226e7a083f0d40eb53192138fab625ea88a878', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500', variant: 'question-circle', slot: 'trigger' }), index.h("div", { key: 'cbbde791becbffa294e30652444451c4d7807af2', slot: 'content' }, index.h("slot", { key: 'de52d32132176a8ec4ead0bb16ba3dd1b06cf9ae' })))));
+        return (index.h(index.Host, { key: '8899bfd31958b88720ef423144519808aa91ffee' }, index.h("p-tooltip", { key: '4adc9e541d6767e621a7145f1eb8f3c21a038c44', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: '2f5871acc448563ca5d923d2b1eff3be54e4f2a7', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500', variant: 'question-circle', slot: 'trigger' }), index.h("div", { key: 'bb3564c14c8ee2f42e3c9f1263d2dceb19755b12', slot: 'content' }, index.h("slot", { key: 'efcfa0c079621f420a3399232aa537f9f94f00ab' })))));
     }
 };
 Helper.style = helperComponentCss;
@@ -116,10 +116,10 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '19d8a0d15bd19cbccd4cc0fe2586fa14cc572b92' }, index.h("slot", { key: 'f4c9387c6513956d951d4c6c21d2b6756d0fe2ca', name: 'trigger' }), index.h("div", { key: 'd4c718a7bdc89bff7ee24bdd106bc765b115c930', class: popover({
+        return (index.h(index.Host, { key: '75b608f15d0f98b15c759da8f78cef0fdaf63ed5' }, index.h("slot", { key: '7a18ea809847c49109a831fc5c2687e60953c835', name: 'trigger' }), index.h("div", { key: '6918e9eb6b59bf45c2a4a819965a221c2378ca82', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, index.h("div", { key: 'c061089372a11c726d965617b2b6b3703d811717', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: '28301419d825662a1a7ead56b532d348eda6c4fd', class: 'w-[2px] bg-negative-red-500' })), this.content ? this.content : index.h("slot", { name: 'content' })))));
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, index.h("div", { key: 'eb2d7815f1975b4e27e9e002aa8940ebd90a9850', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: '498104a0d2da848b70240480f10fff06273c7dae', class: 'w-[2px] bg-negative-red-500' })), this.content ? this.content : index.h("slot", { name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/cjs/p-info-panel.cjs.entry.js

@@ -67,7 +67,7 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (index.h("div", { key: '8fb4585555ae2e5f015a7dd058f43fb7e78bfb7b', class: infopanel({ variant: this.variant, closeAble: this.closeable }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: 'fb2f222a9754eb265450a34ac0e7f25bc8f7497f', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: 'e49a2905cc8a8801ce65da49fd296457b2d4d936', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '5ea53e09067064e302e4021b13972b23e2af9d05', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: 'bab4869b4b2d6dcf3cc21ff5611935f577913390', variant: 'negative' })))));
+        return (index.h("div", { key: '56d4a80180aaf5ade52b65c4388035f3dee6e12c', class: infopanel({ variant: this.variant, closeAble: this.closeable }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: 'cce6e67bc7fa3d41b08aaa16d0f91ba82e714942', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: 'c03be15a3536db31e56f24244eb81b07f24e9e5a', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '98453dc14cce4ac189ec5797152d03e9cd74f8af', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: '85b2e5c96261c0c596c87814f2adb478be00239c', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

@@ -62,14 +62,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (index.h("div", { key: 'aec794f51758071b7840756f6a695d6e865890b1', class: label({
+        return (index.h("div", { key: 'd2e807018525657070d427e0abcd37fecadca6d1', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (index.h("p-icon", { key: 'bba5b969a53ed4d832625dea43b9678aaf626b04', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: 'c721cef14ddca57bd49e2964ec6804278ecd814e', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (index.h("p-icon", { key: '1f4fae69fcf5af6ee6e1b43b7dae6a2d75018744', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: '1afaf699ff7a08cc3373fd6fa7edcb62f5522cff', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, index.h("slot", { key: 'ace424619fa087baece5f7e17a2d9bf4e8b48103' })))));
+            }) }, index.h("slot", { key: 'a07a3e60802525a6bd2ff80b769a7156f51990f1' })))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -18,7 +18,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (index.h(index.Host, { key: '22e694497951795b5162dd2b70485ecbc424e354', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '003ec98be3bfa9440fefcc400692acdc815cd485', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '6a305c29c7d6220e90c7e5b486446ac764509820', class: 'inner-content' }, index.h("slot", { key: 'fa5f3ae0430dee6442f6640bb171ec4d1e7aeafa', name: 'content' }))), index.h("div", { key: '5450688dda1cd7c6d3b4273f7bd1934f3dc25c14', class: 'sidebar' }, index.h("slot", { key: 'e1e90fdee2960d660793735619662433f304cef3', name: 'sidebar' })), index.h("div", { key: '266ac349cad61e1e1010f3c84407c802a1f97fb3', class: 'topbar' }, index.h("slot", { key: 'a55d845ef1daca6bc9b741ca5f5c81e28cff2fa9', name: 'topbar' }))));
+        return (index.h(index.Host, { key: '679d8c67818a7e26e6b0e225f09a02873dd156b9', class: `p-layout variant-${this.variant}` }, index.h("div", { key: 'ba18ad34127d031f4806cf93f3a56b3e4561cfce', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '72b6367554d40bfd272acfd95ff668989428eb64', class: 'inner-content' }, index.h("slot", { key: '5a8bcc526aa3d9b22bbad6d4396d9fe58c1a9f4e', name: 'content' }))), index.h("div", { key: '24a997668f783dcc164177600d9f0dbbde0824d8', class: 'sidebar' }, index.h("slot", { key: '1f0cb37b22bc1b53da3a43610e2393aa672dd186', name: 'sidebar' })), index.h("div", { key: '9e8ebe2c5fe20bb4037ebcb1927cdbc3db2cb60a', class: 'topbar' }, index.h("slot", { key: '7d7cc432213dc58b89a5cd9b31e629d106d52483', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;

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

@@ -13,7 +13,7 @@ const ListingItem = class {
      */
     icon = 'placeholder';
     render() {
-        return (index.h("div", { key: 'a8cee4daba9fa2850852316eb12a5fdf4306303c', class: 'flex items-center gap-2 text-storm-500' }, index.h("p-icon", { key: '8cfb54082c04335165a0d763aa01340451bc328e', variant: this.icon }), index.h("div", { key: 'ca9ad66520ddbccc5248e38a88ab7ea7ae2614aa', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, index.h("slot", { key: '98c8303feeb5afbc9e7b0cc3b9a73e9ed86c026c' }))));
+        return (index.h("div", { key: '999350524b64e42adaea9a931cb055f67b074d75', class: 'flex items-center gap-2 text-storm-500' }, index.h("p-icon", { key: 'bc48f33fa9d3ab747b3ebc06daa0ff832bfbaad8', variant: this.icon }), index.h("div", { key: '16c4d46d9220fac182878b2605fc20ccbadac0ab', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, index.h("slot", { key: '57e7dc47c7d07c253cc9aa1131d28192ace977be' }))));
     }
 };
 ListingItem.style = listingItemComponentCss;

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

@@ -9,7 +9,7 @@ const ListingLine = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: 'a234edb2197a20b1d91446fc06dbc1c2e4e04a12' });
+        return index.h(index.Host, { key: '51d1f108179c715b62ac45fc717f2c00271dec7b' });
     }
 };
 ListingLine.style = listingLineComponentCss;

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

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

package/dist/cjs/p-modal-body_4.cjs.entry.js

@@ -32,10 +32,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (index.h("div", { key: 'a6d540932f321fa7960d23d8e397232bf1c53f69', class: body({
+        return (index.h("div", { key: 'ac22d4bd09b38f0c32d4258b9c661fce6a91e075', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, index.h("slot", { key: 'a0ad088290416b6daf2f43a0fc2ddb5553a59b93' })));
+            }) }, index.h("slot", { key: '68f716b9500ad749b4e397af57e88e483de0f74f' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
@@ -76,10 +76,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (index.h("div", { key: 'b2eb5862ea3503262a55f3c44d8750bd4a1d40dc', class: container({
+        return (index.h("div", { key: '5b1d9ec935632ce3bca5270b03d672ed5e05ab0a', class: container({
                 size: this.size,
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: 'fa8f6c3b1ed31b5569eef45ca5cb9ab41421bea8' })));
+            }) }, index.h("slot", { key: '7e724a218d4a03ef428cccbb880a4870aad26595' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -91,7 +91,7 @@ const ModalFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '1812802b486387c152bad56e1666903f8b118769', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, index.h("p-divider", { key: '70c03061cc0f3da4e1e3bfd8faa9d48505093453', class: 'mb-4 hidden desktop-xs:inline-block' }), index.h("div", { key: '54d18e25e9659e80d19d15c71efb70f769e32cb8', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, index.h("slot", { key: '2f05ff18bd98108ae224ad0875820af82199092d' }))));
+        return (index.h("div", { key: '1460400a65eef8ffff9c6304878517713f178a66', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, index.h("p-divider", { key: '8c8475047f239fb6110e59d3881de07be7204989', class: 'mb-4 hidden desktop-xs:inline-block' }), index.h("div", { key: '8f6918e6b01c92c24406d3c944e5b89336be33ba', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, index.h("slot", { key: 'e82a64ba0510f4cd4fc98d37a813264988a4bb9d' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -123,7 +123,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h("div", { key: '4946d7c4d5a1f6981801c0ae26f3f34b829fb6a4', class: header() }, index.h("div", { key: '0bab63782e52b919c1707d26e99814ca20850ae2', class: content() }, index.h("div", { key: '0c2b1eb02be7138ad27faa178b055bf15e5e76d0', class: title() }, index.h("slot", { key: '1b746eb803d9e03853b7e69657f442322faf7932' })), this.showClose && (index.h("p-button", { key: '1a7e1e8af217396877caa7d786e88554e3a250e7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: '928badcce7a4935035d9fec990d49893df78a7e3' })));
+        return (index.h("div", { key: '292cd2925615c13c8fe37f0520ee8965707c837f', class: header() }, index.h("div", { key: '58bd88eb0977269838809f8009f7a5a05ea1ea99', class: content() }, index.h("div", { key: '167232195a401496d23bc22391f7f324d8e00f09', class: title() }, index.h("slot", { key: '7bda620890f26f40b37b5f7ec29f5fe48fee833c' })), this.showClose && (index.h("p-button", { key: '5946c297f2db074dc2bb36ba45932974fbc2d631', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: '9f1720f5ab148878bb6c44a646854f2ddd993456' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

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

@@ -51,7 +51,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (index.h(index.Host, { key: 'ccea1ba5b71e5d7030fc0061c55e7b1f0cf199df' }, index.h("p-backdrop", { key: '6697e5a39331b9038c371528d030215019aec71b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '5dc02dabfa017fe2e0549b3464f3dae0686e7fdb', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: '11a260faf10b536f8290f0867057dcd277a8c719', class: 'flex w-full items-center justify-end layout-1280:hidden' }, index.h("p-button", { key: '03e62091a348126658d98bcb72fb3f7f9e6769c1', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), index.h("div", { key: '3cbcca8874508aaaf5aaa9ad6c5277e365948a45', class: 'flex w-full flex-col items-stretch' }, index.h("slot", { key: '5365fbfc638c842e2bfee321518d3ec6bab10fa6', name: 'company' })), index.h("div", { key: 'd2674f0524cc3c76c95db63078f06adc4489e25b', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '0f97587cf2731754855151f36a637eac5cbda2dc', name: 'content' })), index.h("div", { key: 'd792158bcd6218408564ac0fdbe1a9b59d7270bf', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, index.h("slot", { key: '0eed0cb1667e84047cd8cff0e89659fe521f8311', name: 'user' }))), index.h("div", { key: '9dd7a4d575c4084ab37e5a8bfc61f67200ab2919', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '98fbd49f0a6c42ddb5e0f06c09e23c97a5ddf9f2', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), index.h("slot", { key: '84759812fe87db5eb4e57b8877ca41a9ec83800b', name: 'topbar' }))));
+        return (index.h(index.Host, { key: '18b587d46cf90a64839a92b384c0c846956ab719' }, index.h("p-backdrop", { key: '8fa1fc15cd2a3d73e184be1d8b05b00a2250a817', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: 'a86a6d8cb844535089dc0cfdd9e61be37f7a8aeb', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'c62d1a5e5b384ece436f73b5095bfcc32d2aa9a9', class: 'flex w-full items-center justify-end layout-1280:hidden' }, index.h("p-button", { key: '5d4344ea9d35b208e00a0a7c1d57653ab49ae869', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), index.h("div", { key: '1884206f5a1a5252b13134c6bed820ff754c8e94', class: 'flex w-full flex-col items-stretch' }, index.h("slot", { key: '3083671a2ce65ad3996d564852e605ccb3c8f3fd', name: 'company' })), index.h("div", { key: 'e1108ffe12ff5c29583133687ad4a03de9fdd422', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '671825c57316a77c44bcfb7c9cf4cf0c3e139471', name: 'content' })), index.h("div", { key: 'c9b380a6bebe537ee52ef72f0575d9e0629a07ef', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, index.h("slot", { key: '863e5eca2a9e9dff830eece5f3e5a5d665767200', name: 'user' }))), index.h("div", { key: 'b505928cfbb0cbacf0821882b69d9bb28eff2d71', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: 'b01c8a60d3d5877ba959254093b252c5d7e0ad7b', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), index.h("slot", { key: '4bccc7e1aa006b962fc13b117ec3a2657f2c81ca', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

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

@@ -75,10 +75,10 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean.asBoolean(this.active) || this.class?.includes('active');
-        return (index.h(index.Host, { key: '4d3f4784df6b4da0b5dbafec9a2b6ea51e8fcdb9', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '0fe379a127034cf972f471bdffd1a2be827c2f98', class: navigationItem({
+        return (index.h(index.Host, { key: 'eb6b10ba66dba8fac446fe04d32508364e88f48f', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: 'e3bddc31268778ff0047606b0d5a041344eacfcf', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, index.h("div", { key: 'e2b8ad0f5dabb8973bc36baf26bcf9dbad99909e', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '8115f5bcd202f51c9e0cfc2ace375ad6bd46821e', variant: this.icon })), index.h("span", { key: 'b8dc08d8d7b29ad47839656ac7c26c61f4209693', class: this.counter && 'has-counter' }, index.h("slot", { key: '297c0401b196814956dfdd486cd9feb6fa1e1f00' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '4ba77497e4dcd9fcff602061862b07c6779b4b14' }, this.counter)), !!this.loading && index.h("p-loader", { key: 'e1c899bd176ff90cce9d263aeb983f273306a82a', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, index.h("div", { key: '7a4847681f1b1891caa3516a7300bb67f86573f8', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: 'd15ad1cdffa02057a0f54ffa294bcd464ff9ce59', variant: this.icon })), index.h("span", { key: '3f85e45d6a1de30cd9eb2a9d78ef07a55735e437', class: this.counter && 'has-counter' }, index.h("slot", { key: 'fd5979b6f1a79e972b26b59bd2cb09ff325a4bfa' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '942167259e3775c65702bf3caf3540632e6366d6' }, this.counter)), !!this.loading && index.h("p-loader", { key: '34e5a62bef8b27bd9796096749b63836f5fb802a', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

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

@@ -13,7 +13,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (index.h(index.Host, { key: '380224737b054f5350b21e76aae2efbaf6062fd3', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: 'dd310eba6bdb6f091ff0e0a56d9f5e4869172c2b' }, this.header)), index.h("div", { key: '511448bfa0f8948b76c626118551f9bdf4886450', class: 'flex flex-col' }, index.h("slot", { key: '3f00cdeca8d743ec8cd6ce9915b684ecda7b0191' }))));
+        return (index.h(index.Host, { key: 'b5fd5eb8c323213f8f4e8a35356e3f02dc5274bb', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '8ef7d0eae599dcedc193888175226be9776cf5f6' }, this.header)), index.h("div", { key: '08fcb13e77b81da664133a11fa92833095e2c4ff', class: 'flex flex-col' }, index.h("slot", { key: 'f23a88ffd3b1a9c7c9811433f211b3f74c98baa2' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss;

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

@@ -9,7 +9,7 @@ const NavigationTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '77a0674113d8c6c455849633b3d2e63cc4be66a4', class: 'text-xs font-medium text-storm-300' }, index.h("slot", { key: 'd1d9dbb0cda3f302b84ba0a4376968ec68984d6d' })));
+        return (index.h(index.Host, { key: '066b2f0db42fa716be54fd9c13c85eaa12b3a06b', class: 'text-xs font-medium text-storm-300' }, index.h("slot", { key: 'aec7079791ad6e65e3457a4a0f0f2c0d52021985' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;

package/dist/cjs/p-pagination-pages-item.cjs.entry.js

@@ -87,12 +87,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (index.h("div", { key: 'dc221a3417289db50d39ae4776a0bc7d900ab7e5', class: item({
+        return (index.h("div", { key: '418ce9b54675cf3240fd1f50943247898e102dd4', class: item({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active),
                 hover: asBoolean.asBoolean(this.hover, true),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, index.h("slot", { key: '7a5811f2a7554dd072f4a57b57248bced0e0bc2b' })));
+            }) }, index.h("slot", { key: '63c03f54cb5ec55c7dcb8d8e20788cb93557ff8b' })));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss;

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

@@ -73,12 +73,12 @@ const Pagination = class {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (index.h("div", { key: 'd71b4fd93003e6dcc9b7699e6cee7fab373ae64f', class: pagination$1({
+        return (index.h("div", { key: '1d6fa4eee108d6fb429fbd222880278e504fe5bd', class: pagination$1({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: 'f0ab7f491d37fe73ac573622f97a24303e4d40e7' }, index.h("p-pagination-size", { key: '7586f9cbc5b1f90c6547b69b65f22508a2b08d32', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '6e6bcd8f70f0ab34b8373c4b7664061bd6b04e59' }, index.h("p-pagination-size", { key: '5c56ec9b539bde62cdaac2524713f2c7c1eb1254', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (index.h("p-divider", { key: 'cb5f98d95fc4fe04b7611b6c9d1b801bbfc0cebf', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: '01077dfd1b84024c7bf5d9120f9f7fe638180556', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (index.h("p-divider", { key: '5d088202768ee9b0c14cedd97c75d06aa75b9f60', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: '6c6a67c1f6e46d1cd2c56efad2ba6e5cab36cefd', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } }))));
@@ -139,7 +139,7 @@ const PaginationPages = class {
         this._generate();
     }
     render() {
-        return (index.h("div", { key: '177c873efe855b7b63335c82e44ce58ee6d95c94', class: pagination({
+        return (index.h("div", { key: 'd57a07032260d58bac44e4107a29d9e1935925c8', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {

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

@@ -6,7 +6,7 @@ var asBoolean = require('./as-boolean-C1PzA22I.js');
 var nonce = require('./nonce-D6kacMR6.js');
 require('./clsx-BtxeOLZW.js');
 
-const radioComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.block{display:block!important}.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500{--tw-border-opacity:1!important;border-color:rgb(24 30 41/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto:checked{cursor:auto!important}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer:checked~.peer-checked\\:ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)!important}";
+const radioComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.block{display:block!important}.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto:checked{cursor:auto!important}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer:checked~.peer-checked\\:ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)!important}";
 
 const radio = index$1.cva([
     'peer appearance-none m-0 outline-none flex-shrink-0',
@@ -26,7 +26,7 @@ const radio = index$1.cva([
                 'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',
                 'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',
             ],
-            true: 'bg-white-600 border-storm-500 cursor-not-allowed ',
+            true: 'bg-white-600 border-storm-50 cursor-not-allowed ',
         },
     },
     compoundVariants: [
@@ -107,11 +107,11 @@ const Radio = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h("label", { key: 'fdf034c8feb3f06f3c15a134cb00db220b2f6f54', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '2d7a4f205e531b075a0df83c2420a39006656bda', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '204fd65a537e0d120d1ab71d52449ba9c69c73a6', class: radio({
+        return (index.h("label", { key: '7c852bfadf0bc05381a745011401f9d8cab0dc3d', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '03d497f5e5a8dd8ce272cf092f4d1e34e5ccded4', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '9a8c7f809e17e24007ccb3c2a91e396364b5533c', 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: 'cb0fa0ed3e78ce46bfbc55e1fd94d696b590855b', class: circle({
+            }), 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: '60d97704c67648b487e02b87a24427bba97bfd11', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) })), index.h("slot", { key: 'f2db0ebdd78aaffb403f950971ad76f2225d2f43' })));
+            }) })), index.h("div", { key: 'c47c8a19e75c3e84d8fdc74a3c7dbad46c24ac96', class: 'flex-1 overflow-hidden text-ellipsis' }, index.h("slot", { key: '1a8ccfc9e7f2185ea4c877b9d77b35a4a07a6757' }))));
     }
     _onChange(ev) {
         if (asBoolean.asBoolean(this.disabled)) {

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

@@ -1 +1 @@
-{"file":"p-radio.entry.cjs.js","mappings":"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","names":["cva","nonce","h","asBoolean"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"version":3}
+{"file":"p-radio.entry.cjs.js","mappings":"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","names":["cva","nonce","h","asBoolean"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"p-radio.entry.cjs.js","sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"names":["cva","nonce","h","asBoolean"],"mappings":"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"}
+{"version":3,"file":"p-radio.entry.cjs.js","sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"names":["cva","nonce","h","asBoolean"],"mappings":"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"}

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

@@ -31,9 +31,9 @@ const Range = class {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (index.h("div", { key: 'ff88f5c1cdb25020d3e96133f48d0612cb2643b7', class: 'flex w-inherit items-center gap-2 text-storm-300' }, index.h("p-icon", { key: '51e5587f756c5a706a23094922f914f60e1a2fa7', variant: 'minus' }), index.h("div", { key: '722a6d69163d7b1fab3695dc94fc189a3c50263c', class: 'relative h-6 flex-1' }, index.h("input", { key: '47ad42be4dd66ff2581bc44dbe232c2291e93d10', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), index.h("div", { key: '2110884cea37e4bbf697b4b0b366d819c1161594', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
+        return (index.h("div", { key: 'd752a36ccbbd0f58e037efd7930f1383e990fdf1', class: 'flex w-inherit items-center gap-2 text-storm-300' }, index.h("p-icon", { key: '073a9283d49be1186521f2523ef34951d661e639', variant: 'minus' }), index.h("div", { key: 'ad06185fd986cbd65e12158ffba7be707a5f1dcb', class: 'relative h-6 flex-1' }, index.h("input", { key: '4077fb3587f98508dea3d0447d2ac965c7bcdcf8', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), index.h("div", { key: '6c7e786746ba2feec543d2aa53bdc67afd2cfc6e', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), index.h("p-icon", { key: 'a51d86e815e4907b4545f1ee1c6d8b6262021f0a', variant: 'plus' })));
+            } })), index.h("p-icon", { key: '74abe8e6c7bd8c75fa6813d0b02df8a589b3f0e3', variant: 'plus' })));
     }
 };
 Range.style = rangeComponentCss;