@paperless/core 2.6.2 → 2.7.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import './clsx-ChV9xqsO.js';
 
@@ -36,12 +36,12 @@ const Divider = class {
     get _el() { return getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (h(Host, { key: 'e2864033cd6f1f58959dfea57f5e83ea40b559bf', class: {
+        return (h(Host, { key: 'b0047895c4b2f3b744fa656a917fee4d185e137c', class: {
                 'text-off-white-700': !this._el.className.includes('text'),
-            } }, h("div", { key: '279a79d6360a84c96284e0cae4cc0d5f1c919885', class: content({
+            } }, h("div", { key: '6e298f36c5d17699ceac2a7f5c8242691d2d97d0', class: content({
                 variant: this.variant,
                 alignContent: this.alignContent,
-            }) }, h("div", { key: '47b59a88cca1bfbec9597e1e9b22a2754eac431c', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0' }, hasContent && h("slot", { key: '5462720aeec9eb8e749e658c4dcad0045ef2741e' })))));
+            }) }, h("div", { key: '638c3036f5971704ebaaf603c54a46acfb489acc', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0' }, hasContent && h("slot", { key: '17881106ccad2dfba18b8645ceda35d69e460840' })))));
     }
 };
 Divider.style = dividerComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, c as createEvent } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import './clsx-ChV9xqsO.js';
@@ -10,7 +10,7 @@ const DrawerBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: '78b8055b04b8b75d8e6cda74d346b3798ce6adb9' });
+        return h("slot", { key: '2c15cde0715fa283eb1894be839ab33b44ff2590' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss;
@@ -40,9 +40,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (h("div", { key: 'ce883f74d51d143be9b02c06ff9daa173a4bae68', class: container({
+        return (h("div", { key: 'c23eaedca5278e560dacf92261a015c6b960a454', class: container({
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '929f5ded925d3cd2a4920ef08982595ffe854b3e' })));
+            }) }, h("slot", { key: 'ceaf8c0cdfb962e4cf11d27cf132e146f48d3cc9' })));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss;
@@ -72,7 +72,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (h("div", { key: '80435acb354fdd4814843c8b0ef1eb297c8a9678', class: header() }, h("div", { key: '7800396905ed9ce69e0c365ec45f5aa93eebb4df', class: content() }, this.showClose && (h("p-button", { key: 'e85ecaf4e44d4f702408886b1c6ea09e92fea9c7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), h("div", { key: '767c1723defac78365da2043d0e04a9d71fb245b', class: title() }, h("slot", { key: '2a4940fda5935fc207061bf075e9a8bb808eb4ea' })), this.showClose && h("div", { key: 'a1ccf517e2d3222539aa53180101112e6b652d79', class: 'size-8' })), h("p-smile", { key: '741819b175e05405bd1f1d3578d5a8cb724f3bc3' })));
+        return (h("div", { key: '234b25127126317c22eedb056869c82f8e039b34', class: header() }, h("div", { key: '3b1c234d1a609a39dca7b1d0672f7f59d6e04a3d', class: content() }, this.showClose && (h("p-button", { key: '794353f98fbc3c3b254d794a8342806d9a633073', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), h("div", { key: '5e65157b3122428f1c42f31d4619fcecdbf96c54', class: title() }, h("slot", { key: '78c2f5619e80580e353d8039af7aafd52ed7d288' })), this.showClose && h("div", { key: 'a9a822f026c284d0f6c60614486b71fe8690c6b3', class: 'size-8' })), h("p-smile", { key: '19773f3c98bb69019c4a5ec28336420a14481c83' })));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss;

package/dist/esm/p-drawer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h } from './index-DhGo7hbh.js';
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-CNnSbQbk.js';
 
 const drawerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, F as Fragment, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, F as Fragment, H as Host } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization-DiJj8rmO.js';
@@ -68,11 +68,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 (h("div", { key: '59abb78f94d26bfdd9973425bea0b4001a27a929', class: emptyState({
+        return (h("div", { key: '183f2cbc5de8b5284e0755cdca055e90e767d377', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: 'cf16ff181ceee0b52e3cf043f6207798ad6ed73f', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '65f98af26c32d5316bf0b00f71649009c07f2dc3', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
 };
@@ -204,7 +204,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (h(Host, { key: 'e5b3e2d4b4d84b3ed8ecf70600138e5adb681e78', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (h(Host, { key: '9d8c8cf2d313f6235a2f09e1b836dcac3fcf4ec7', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -231,7 +231,7 @@ const TableContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '338be876c8ee63cbdd5f36984d04c5d078a32f90', class: container() }, h("slot", { key: '496c9a0acb6bdb251f4134dc55137943d47b5995' })));
+        return (h(Host, { key: '6a4311c41967d2e2022023eeae9727fbcb31e3c2', class: container() }, h("slot", { key: '19b47c738b3c274bb5800716e040c20b214edd87' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -331,11 +331,11 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
     }
     render() {
-        return (h("div", { key: 'fb6580374d0dcdc950a169e0ceba8273e831cbe5', class: footer({
+        return (h("div", { key: '27a3f8bbc0ae7366ba50ee78ea20c6a7af2b5093', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (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) }))));
+            this.total > 0 && (h("p-pagination", { key: '87d31a10b64cf0d39bd3e534b9780ba3af3f94f7', 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) {
@@ -10065,13 +10065,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (h("div", { key: '985691009aeff5ddf3e69f14d2c7685606797fb1', class: 'flex flex-col' }, h("div", { key: '732c2f064f545aafd33f08864ca39a42cf6dc2b4', class: row({
+        return (h("div", { key: '4b89cf24267961efd0d38e6423c9444e1ca489fa', class: 'flex flex-col' }, h("div", { key: '365e4fe40c62ffb32f3c64d8a182f5d1eaf5aaf1', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: 'be166244cd460d36fc6c870eb7c83b23794b78b5', class: content({
+            }) }, h("div", { key: 'a041be6661c714b7dacb80b044f52335619bc22a', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '9fb6e76c65783db433c76aede4397652bd5946c9' }), h("div", { key: '56ac8f117c8e6cf28ff2f00ea2937ff299b2402e', class: actions() }, h("slot", { key: '0d4f8e470fc2044552211913aee86f358b3fbdd4', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '089ed4e540e8c883be26c28148905e697d1c1926' }))));
+            }) }, h("slot", { key: '3d120865ccce25575511a20f0c44044cfbba1da3' }), h("div", { key: '09cd3ebe181f2a7f4fb9859befc74433e8e4879c', class: actions() }, h("slot", { key: '04f33ef0c5f4b229906be0aa77372d39b33ba3a7', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: 'c07ddbcbff2249dff40d222a6f4c9cfa9e8b9cb9' }))));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10083,7 +10083,7 @@ const TableRowActionsContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'bc2e4e5e015c2419480857748314dd23f693045e', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '87a7c4ac465fb642e68a67e932ebe5478bb1df97', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: '4ab305e44235da27a65cd651366cd846e061a09b' }))));
+        return (h("div", { key: '4db883763add62e5976ac10a54dfc669ce917fca', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: 'a4bf7c60e8e71765f96d6dd3b341b9b8c8f046a8', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: 'd8d76063cc14bd9437863cd42fc557e1f0b9d8cd' }))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, F as Fragment } from './index-DhGo7hbh.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, F as Fragment } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import { c as cn } from './cn-BniKgfyU.js';
@@ -335,8 +335,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h("p-field-container", { key: 'f1d4c4009a0d8e5752fc2bac976368b104452f1d', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), 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 && (h("slot", { key: '7456a6d32410fb4b815f0e0c6d9cf0d5a7181f07', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'fb9d7ce730ee32d851f7316b6a5bd9c6832030a9', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '2678aa150fc000fd0f5e9e226c1e0534516e1b33', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '0718442d94dc655551cce640685d3708f00a9501', name: 'error', slot: 'error' })), h("div", { key: '2f479dcd9c41b0516967d5d451d54bc5b708d23f', class: field({
+        return (h("p-field-container", { key: '54aa72ff66f26588f246942e72cdecbf259c6a7f', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), 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 && (h("slot", { key: 'cc2a9dbcf3c349cb867ef6e9dadd183db64a3179', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '29ce5f567a7a11e5c47ca4a22f9fe05a0a55a044', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'f6a3a07bcf5e3b5f8ecda2198725121f1a8ba00e', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '7a96983f65277a29ccfb9dbfdc3b731832e2dccc', name: 'error', slot: 'error' })), h("div", { key: '63357bd3f9a061518406f6d739eea15a004e59b5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -347,7 +347,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '293a93912c668dfa04062824a9f08bdc1cc8c24c', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '06fadf2bac5cc52891aba2852f2b04d82ec2907f', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -357,7 +357,7 @@ const Field = class {
             }), 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',
-            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '1b0cd7d732d22e103eb226cf6ae6ba83e9165e2b', 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')) && (h("div", { key: 'cfc0d9fe009ae4637f607e67fc1a43f271c7f40c', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, H as Host } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import './clsx-ChV9xqsO.js';
@@ -84,10 +84,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '9c7c8f9557c954d2634fda80911aab0d68c19fde', class: item({
+        return (h(Host, { key: '19bc96e875c3b1ae4c0e02e61ce7adbb1714bc4b', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '3c50ecbd870958e4cab384851eb1d58baeb91ed3', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, h("slot", { key: '18a0993c9a77a23e7b4e5163e351c94d60bb32cf' }))));
+            }) }, this._getIcon(), h("p", { key: 'f3cc6eaea7198177349d97ab6e352c794936666c', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, h("slot", { key: 'b593a582ce600b28c2bef57441b0cacc6f0e0763' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-CNnSbQbk.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-DGLCmOXW.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import './clsx-ChV9xqsO.js';
@@ -18,7 +18,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: '8899bfd31958b88720ef423144519808aa91ffee' }, h("p-tooltip", { key: '4adc9e541d6767e621a7145f1eb8f3c21a038c44', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '2f5871acc448563ca5d923d2b1eff3be54e4f2a7', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500', variant: 'question-circle', slot: 'trigger' }), h("div", { key: 'bb3564c14c8ee2f42e3c9f1263d2dceb19755b12', slot: 'content' }, h("slot", { key: 'efcfa0c079621f420a3399232aa537f9f94f00ab' })))));
+        return (h(Host, { key: '2bf34dec8a9281d625ac0b1261573fe9b3bd2721' }, h("p-tooltip", { key: '201968c6ca2eb0e51d153a992607af4dc06cb7ca', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'de906a4e05e58cf4e1c60855a6b7affb93b26f4d', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500', variant: 'question-circle', slot: 'trigger' }), h("div", { key: 'a6f66c8a90edf9291a38a9df2d7c3bef8dd5ec80', slot: 'content' }, h("slot", { key: '04a6af3411d578c7793bd7f449fd7a73d6a23a98' })))));
     }
 };
 Helper.style = helperComponentCss;
@@ -114,10 +114,10 @@ const Tooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: '75b608f15d0f98b15c759da8f78cef0fdaf63ed5' }, h("slot", { key: '7a18ea809847c49109a831fc5c2687e60953c835', name: 'trigger' }), h("div", { key: '6918e9eb6b59bf45c2a4a819965a221c2378ca82', class: popover({
+        return (h(Host, { key: 'ba77fa6c67cbfed3ca278ba4fbbd45872249a2ae' }, h("slot", { key: '9b64e29812983e5f39b4b28785ceba799e19f0e3', name: 'trigger' }), h("div", { key: '72bffe0d9a0948fc179534f1cd231d980b276029', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: 'eb2d7815f1975b4e27e9e002aa8940ebd90a9850', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '498104a0d2da848b70240480f10fff06273c7dae', class: 'w-[2px] bg-negative-red-500' })), this.content ? this.content : h("slot", { name: 'content' })))));
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '14025280030b32cd1f7095c9a1082e08898a7aa3', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '6721dd8c7c77feb4c9f58968d907fa2de08a838f', class: 'w-[2px] bg-negative-red-500' })), this.content ? this.content : h("slot", { name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/esm/p-iban-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DhGo7hbh.js';
+import { r as registerInstance, h } from './index-CNnSbQbk.js';
 import { I as IBAN_ICON_VARIANTS_ARRAY } from './iban-By0EdXx2.js';
 
 const IbanIcon = class {

package/dist/esm/p-illustration-deprecated.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, H as Host } from './index-CNnSbQbk.js';
 
 var emptyState = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
   <defs>

package/dist/esm/p-illustration.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-CNnSbQbk.js';
 import { c as cn } from './cn-BniKgfyU.js';
 import './clsx-ChV9xqsO.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h } from './index-DhGo7hbh.js';
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import './clsx-ChV9xqsO.js';
 
@@ -65,7 +65,7 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h("div", { key: '56d4a80180aaf5ade52b65c4388035f3dee6e12c', class: infopanel({ variant: this.variant, closeAble: this.closeable }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'cce6e67bc7fa3d41b08aaa16d0f91ba82e714942', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'c03be15a3536db31e56f24244eb81b07f24e9e5a', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '98453dc14cce4ac189ec5797152d03e9cd74f8af', class: close(), onClick: () => this._close() }, h("p-icon", { key: '85b2e5c96261c0c596c87814f2adb478be00239c', variant: 'negative' })))));
+        return (h("div", { key: '876934b160daac18cb784d56a701c4dd78c05b2f', class: infopanel({ variant: this.variant, closeAble: this.closeable }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '593c8a1bb60a022f0beb5e1c8fd15004caaf2f7e', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'cc9f6143ce7377d5b0084ac4014cd9daa225798c', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '902bdbc151780245039be2561fcf3ff4109ca4ee', class: close(), onClick: () => this._close() }, h("p-icon", { key: '3d7c65eebb33fe52690fccad58edbaa27e938fbc', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DhGo7hbh.js';
+import { r as registerInstance, h } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import { c as cn } from './cn-BniKgfyU.js';
 import './clsx-ChV9xqsO.js';
@@ -60,14 +60,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (h("div", { key: 'd2e807018525657070d427e0abcd37fecadca6d1', class: label({
+        return (h("div", { key: 'cb17abfdcda58a1d6921fe8f46fe214e9459f6d5', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '1f4fae69fcf5af6ee6e1b43b7dae6a2d75018744', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '1afaf699ff7a08cc3373fd6fa7edcb62f5522cff', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (h("p-icon", { key: 'f342bcc2e82f494a39fd58cfe27e316e898cf025', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '0a47d894da504a9af5f9279552b4bfdcc20b560a', 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: 'a07a3e60802525a6bd2ff80b769a7156f51990f1' })))));
+            }) }, h("slot", { key: '765b0593839bc6cb08ed6ab73b281aa4c9afbea6' })))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CNnSbQbk.js';
 
 const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
 
@@ -16,7 +16,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (h(Host, { key: '679d8c67818a7e26e6b0e225f09a02873dd156b9', class: `p-layout variant-${this.variant}` }, h("div", { key: 'ba18ad34127d031f4806cf93f3a56b3e4561cfce', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '72b6367554d40bfd272acfd95ff668989428eb64', class: 'inner-content' }, h("slot", { key: '5a8bcc526aa3d9b22bbad6d4396d9fe58c1a9f4e', name: 'content' }))), h("div", { key: '24a997668f783dcc164177600d9f0dbbde0824d8', class: 'sidebar' }, h("slot", { key: '1f0cb37b22bc1b53da3a43610e2393aa672dd186', name: 'sidebar' })), h("div", { key: '9e8ebe2c5fe20bb4037ebcb1927cdbc3db2cb60a', class: 'topbar' }, h("slot", { key: '7d7cc432213dc58b89a5cd9b31e629d106d52483', name: 'topbar' }))));
+        return (h(Host, { key: 'e776d154aea44be2b22cadc37318628a56d03c58', class: `p-layout variant-${this.variant}` }, h("div", { key: '138cc330f7d38905a49e4b07eb248c4a6402a2a6', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: 'ca9163cac0da5950b647595dd590baecd5195e7f', class: 'inner-content' }, h("slot", { key: 'b6236b72b80299fc49257a302be068ded881ecd3', name: 'content' }))), h("div", { key: 'bd9fff5fda8a1d2379c2ee7e64c058b7e7b721d9', class: 'sidebar' }, h("slot", { key: '7399981faa64202f7711ee9669a4f38f9d0bd3af', name: 'sidebar' })), h("div", { key: '72bad41175706ea6fd825ce3e21519ea8faf1b12', class: 'topbar' }, h("slot", { key: 'b80b314a7cbdba70652dd0b5feb8787cfeb6bc74', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DhGo7hbh.js';
+import { r as registerInstance, h } from './index-CNnSbQbk.js';
 
 const listingItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";
 
@@ -11,7 +11,7 @@ const ListingItem = class {
      */
     icon = 'placeholder';
     render() {
-        return (h("div", { key: '999350524b64e42adaea9a931cb055f67b074d75', class: 'flex items-center gap-2 text-storm-500' }, h("p-icon", { key: 'bc48f33fa9d3ab747b3ebc06daa0ff832bfbaad8', variant: this.icon }), h("div", { key: '16c4d46d9220fac182878b2605fc20ccbadac0ab', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '57e7dc47c7d07c253cc9aa1131d28192ace977be' }))));
+        return (h("div", { key: '6d58ce7c63903c23da568d7d2fe4fd0508da7a25', class: 'flex items-center gap-2 text-storm-500' }, h("p-icon", { key: '7bdd63df17aec1c5d6b6df3d4c9a4d666e4d88e3', variant: this.icon }), h("div", { key: '096b0acc0b3a4447dd2df2cd574e2a12d8d0ff55', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '8ddd7a5cac68deef7eb00b1e0c5aa0c23122e113' }))));
     }
 };
 ListingItem.style = listingItemComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, H as Host } from './index-CNnSbQbk.js';
 
 const listingLineComponentCss = ".mx-\\[calc\\(0\\.5rem-1px\\)\\]{margin-left:calc(.5rem - 1px)!important;margin-right:calc(.5rem - 1px)!important}.block{display:block!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[1px\\]{width:1px!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));display:block;flex:1 1 auto;margin-left:calc(.5rem - 1px);margin-right:calc(.5rem - 1px);min-height:1rem;width:1px}.static{position:static!important}";
 
@@ -7,7 +7,7 @@ const ListingLine = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: '51d1f108179c715b62ac45fc717f2c00271dec7b' });
+        return h(Host, { key: 'ab979cfc1931b669d5ad6c76ba1a3127a2e0c914' });
     }
 };
 ListingLine.style = listingLineComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h } from './index-DhGo7hbh.js';
+import { r as registerInstance, g as getElement, h } from './index-CNnSbQbk.js';
 import { c as cn } from './cn-BniKgfyU.js';
 import './clsx-ChV9xqsO.js';
 
@@ -22,10 +22,10 @@ const Listing = class {
         }
     }
     render() {
-        return (h("div", { key: '756a9669e83dcea5fd61cbfa8cead90e6c13d030', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: 'e92572ff3c10939cfc788becd323e6b0f1524c05', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '24ebcbc78316d665ee8b93d66eed96c810cc2e82', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: 'cb8849ac7ee0ea82f1616e84276b0b27485c6017', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, c as createEvent } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import './clsx-ChV9xqsO.js';
@@ -30,10 +30,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (h("div", { key: 'ac22d4bd09b38f0c32d4258b9c661fce6a91e075', class: body({
+        return (h("div", { key: 'c0eca972b2d8e5c6659512bd5feed96b1df75937', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: '68f716b9500ad749b4e397af57e88e483de0f74f' })));
+            }) }, h("slot", { key: '744910c334625e7a0fd89a8f3d6265490799345a' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
@@ -74,10 +74,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h("div", { key: '5b1d9ec935632ce3bca5270b03d672ed5e05ab0a', class: container({
+        return (h("div", { key: 'ea9f1e0dfe253c9cd543c34dee70249e6eab93cf', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '7e724a218d4a03ef428cccbb880a4870aad26595' })));
+            }) }, h("slot", { key: '83e3010594067903592be6a141ef101ef39dfea3' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -89,7 +89,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (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' }, h("p-divider", { key: '8c8475047f239fb6110e59d3881de07be7204989', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '8f6918e6b01c92c24406d3c944e5b89336be33ba', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'e82a64ba0510f4cd4fc98d37a813264988a4bb9d' }))));
+        return (h("div", { key: 'cd32a8e873f9bb1c149c28a2cde7e3b8c2eb3183', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, h("p-divider", { key: '497cb4e886d38a3db973633d211d6c1bf79e1157', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: 'fd196a6c17a9940e1ce54f4705adea99f71745ae', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '6dc71fa2c1e5b70ed9dff1fa66cb9571a4506194' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -121,7 +121,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h("div", { key: '85e34355d5227cea7ef36a173a872d3a27665211', class: header() }, h("div", { key: 'dd916b5d8327b69efc6f297faac673585d1bec75', class: content() }, h("div", { key: '0ee762480e68a813b8de85a6f8738abd92c05d32', class: title() }, h("slot", { key: '0cf2c25295224d3b7a09af331d7b57f4d3fab67d' })), this.showClose && (h("p-button", { key: '59a7dbf7ae913e2073f7b63cb84a2d73e608db52', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '4c50e645675d183eeebad0d6e4e4f6092b0d4672' })));
+        return (h("div", { key: 'dc80776bb512a7c74e7cbab6e36afc497d042b4e', class: header() }, h("div", { key: '0707618adb9a5f7db0dff24896661eac44fce68c', class: content() }, h("div", { key: '791d83e099e87515cea846a994eabfcb59b189c3', class: title() }, h("slot", { key: '055b1fd75b7fc214ca8f8d17ec54f3513a1da9e1' })), this.showClose && (h("p-button", { key: 'f66338a85716c984a75e235a2cf0363fc4212977', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '229df0fa1d5560d72cdbe4183218d94e7e9ec40b' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

package/dist/esm/p-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h } from './index-DhGo7hbh.js';
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-CNnSbQbk.js';
 
 const Modal = class {
     constructor(hostRef) {

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

@@ -1,12 +1,15 @@
-import { r as registerInstance, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, h } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
+import { T as ThemedHost } from './themed-host.component-UpbDmgQR.js';
 import './clsx-ChV9xqsO.js';
+import './state-BsTOa3w8.js';
 
-const navbarComponentCss = ".w-full{width:100%!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\\:w-60{width:15rem!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}";
+const navbarComponentCss = ".w-full{width:100%!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\\:w-60{width:15rem!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}.dark\\:border-black\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:rgba(0,0,0,.1)!important}.dark\\:bg-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";
 
 const sidebarAndTopbar = cva([
-    'bg-off-white-300',
-    'border-0 border-solid border-off-white-700',
+    'transition',
+    'bg-off-white-300 dark:bg-storm-500',
+    'border-0 border-solid border-off-white-700 dark:border-black/10',
     'p-4',
 ]);
 const sidebar = cva([
@@ -49,7 +52,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '18b587d46cf90a64839a92b384c0c846956ab719' }, h("p-backdrop", { key: '8fa1fc15cd2a3d73e184be1d8b05b00a2250a817', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'a86a6d8cb844535089dc0cfdd9e61be37f7a8aeb', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'c62d1a5e5b384ece436f73b5095bfcc32d2aa9a9', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '5d4344ea9d35b208e00a0a7c1d57653ab49ae869', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '1884206f5a1a5252b13134c6bed820ff754c8e94', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '3083671a2ce65ad3996d564852e605ccb3c8f3fd', name: 'company' })), h("div", { key: 'e1108ffe12ff5c29583133687ad4a03de9fdd422', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '671825c57316a77c44bcfb7c9cf4cf0c3e139471', name: 'content' })), h("div", { key: 'c9b380a6bebe537ee52ef72f0575d9e0629a07ef', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '863e5eca2a9e9dff830eece5f3e5a5d665767200', name: 'user' }))), h("div", { key: 'b505928cfbb0cbacf0821882b69d9bb28eff2d71', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'b01c8a60d3d5877ba959254093b252c5d7e0ad7b', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '4bccc7e1aa006b962fc13b117ec3a2657f2c81ca', name: 'topbar' }))));
+        return (h(ThemedHost, { key: '31eedc2ef9d78900837d49562d5e8d7c2ab33973' }, h("p-backdrop", { key: '80d8d0888d7e8cf54173a7cf1b41c50c84851d9a', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'a2b8770005c01a99042cbc6513262af338723957', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'e0a51d697263d4c0b193fa3ab187ced1f4afeefd', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '4316beceefc3bde7e6ec47739c9e06050f6c601a', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '7927d4643057229bf904deb5dff66f8bc2519077', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '0c4b1c3dcfaa40452dfb1115d00b8d4bd3195cc0', name: 'company' })), h("div", { key: 'a20b137d65de574f5ba72557e6fe19fa9537e98e', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'b281b1f8860b3aaab60cbb171db679ed0ee10305', name: 'content' })), h("div", { key: '4fe33e97ecb7f4f34589e95014e611b3c317f9e0', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '37ac77d592aa11dab7ae02ff590f0c4a30e74f85', name: 'user' }))), h("div", { key: '23455107ac0a7c9a755871445a5ae23023670f7c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'df45fc9cbdc497027579a83cb7e227900f4572cf', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '29c03781bd36629b4f5e27adb8e7122103c15206', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/esm/p-navbar.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-navbar.entry.js","sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Host, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst sidebarAndTopbar = cva([\n\t'bg-off-white-300',\n\t'border-0 border-solid border-off-white-700',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-end layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-navbar.entry.js","sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-storm-500',\n\t'border-0 border-solid border-off-white-700 dark:border-black/10',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-end layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, H as Host } from './index-CNnSbQbk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import { c as cn } from './cn-BniKgfyU.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
@@ -73,10 +73,10 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: 'eb6b10ba66dba8fac446fe04d32508364e88f48f', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'e3bddc31268778ff0047606b0d5a041344eacfcf', class: navigationItem({
+        return (h(Host, { key: '62cde0844ab0d22e79a1df5fe489a45bd1e5cb84', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '85e35452625a1a7ef9c0a0cdd031873356aef3d4', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '7a4847681f1b1891caa3516a7300bb67f86573f8', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'd15ad1cdffa02057a0f54ffa294bcd464ff9ce59', variant: this.icon })), h("span", { key: '3f85e45d6a1de30cd9eb2a9d78ef07a55735e437', class: this.counter && 'has-counter' }, h("slot", { key: 'fd5979b6f1a79e972b26b59bd2cb09ff325a4bfa' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '942167259e3775c65702bf3caf3540632e6366d6' }, this.counter)), !!this.loading && h("p-loader", { key: '34e5a62bef8b27bd9796096749b63836f5fb802a', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '655dfef5b95eb271a800a4260cc9a674c2153aff', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'c6d09cf32e4fe22f750c402d94a5aaee694ae9e2', variant: this.icon })), h("span", { key: 'ed507c7bedfc400ae4342d99492169316fd6397d', class: this.counter && 'has-counter' }, h("slot", { key: 'd829493c3f4d23cc9b50a2b45d6e906145881ef5' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '6e8d376f77b1054672207457bece0626c84bf42d' }, this.counter)), !!this.loading && h("p-loader", { key: 'c55cc5ba84291c5edd0bedb9244ddd9783128c96', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, H as Host } from './index-CNnSbQbk.js';
 
 const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
 
@@ -11,7 +11,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (h(Host, { key: 'b5fd5eb8c323213f8f4e8a35356e3f02dc5274bb', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '8ef7d0eae599dcedc193888175226be9776cf5f6' }, this.header)), h("div", { key: '08fcb13e77b81da664133a11fa92833095e2c4ff', class: 'flex flex-col' }, h("slot", { key: 'f23a88ffd3b1a9c7c9811433f211b3f74c98baa2' }))));
+        return (h(Host, { key: 'c920ffe6368d46683c51d8c4373c0301aa0ac027', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '991a80ba24eda3957f8b01bdc81e8737d2c088ec' }, this.header)), h("div", { key: 'b2292d857ff1651fe34dcf96bba1601d03ee753c', class: 'flex flex-col' }, h("slot", { key: 'bf2d997ea801ebe5c7dd075734b44083ffaf735a' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DhGo7hbh.js';
+import { r as registerInstance, h, H as Host } from './index-CNnSbQbk.js';
 
 const navigationTitleComponentCss = "*{box-sizing:border-box}.static{position:static!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}";
 
@@ -7,7 +7,7 @@ const NavigationTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '066b2f0db42fa716be54fd9c13c85eaa12b3a06b', class: 'text-xs font-medium text-storm-300' }, h("slot", { key: 'aec7079791ad6e65e3457a4a0f0f2c0d52021985' })));
+        return (h(Host, { key: 'a82bd89ef4884668be20b555459687f354854010', class: 'text-xs font-medium text-storm-300' }, h("slot", { key: '15da59a602acc19bc346d371235dde04bd348e56' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;