@paperless/core 2.6.3 → 2.7.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 require('./clsx-BtxeOLZW.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: 'e2864033cd6f1f58959dfea57f5e83ea40b559bf', class: {
+        return (index.h(index.Host, { key: 'b0047895c4b2f3b744fa656a917fee4d185e137c', class: {
                 'text-off-white-700': !this._el.className.includes('text'),
-            } }, index.h("div", { key: '279a79d6360a84c96284e0cae4cc0d5f1c919885', class: content({
+            } }, index.h("div", { key: '6e298f36c5d17699ceac2a7f5c8242691d2d97d0', class: content({
                 variant: this.variant,
                 alignContent: this.alignContent,
-            }) }, 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' })))));
+            }) }, index.h("div", { key: '638c3036f5971704ebaaf603c54a46acfb489acc', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0' }, hasContent && index.h("slot", { key: '17881106ccad2dfba18b8645ceda35d69e460840' })))));
     }
 };
 Divider.style = dividerComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 require('./clsx-BtxeOLZW.js');
@@ -12,7 +12,7 @@ const DrawerBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '78b8055b04b8b75d8e6cda74d346b3798ce6adb9' });
+        return index.h("slot", { key: '2c15cde0715fa283eb1894be839ab33b44ff2590' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss;
@@ -42,9 +42,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (index.h("div", { key: 'ce883f74d51d143be9b02c06ff9daa173a4bae68', class: container({
+        return (index.h("div", { key: 'c23eaedca5278e560dacf92261a015c6b960a454', class: container({
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '929f5ded925d3cd2a4920ef08982595ffe854b3e' })));
+            }) }, index.h("slot", { key: 'ceaf8c0cdfb962e4cf11d27cf132e146f48d3cc9' })));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss;
@@ -74,7 +74,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (index.h("div", { key: '80435acb354fdd4814843c8b0ef1eb297c8a9678', class: header() }, index.h("div", { key: '7800396905ed9ce69e0c365ec45f5aa93eebb4df', class: content() }, this.showClose && (index.h("p-button", { key: 'e85ecaf4e44d4f702408886b1c6ea09e92fea9c7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), index.h("div", { key: '767c1723defac78365da2043d0e04a9d71fb245b', class: title() }, index.h("slot", { key: '2a4940fda5935fc207061bf075e9a8bb808eb4ea' })), this.showClose && index.h("div", { key: 'a1ccf517e2d3222539aa53180101112e6b652d79', class: 'size-8' })), index.h("p-smile", { key: '741819b175e05405bd1f1d3578d5a8cb724f3bc3' })));
+        return (index.h("div", { key: '234b25127126317c22eedb056869c82f8e039b34', class: header() }, index.h("div", { key: '3b1c234d1a609a39dca7b1d0672f7f59d6e04a3d', class: content() }, this.showClose && (index.h("p-button", { key: '794353f98fbc3c3b254d794a8342806d9a633073', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), index.h("div", { key: '5e65157b3122428f1c42f31d4619fcecdbf96c54', class: title() }, index.h("slot", { key: '78c2f5619e80580e353d8039af7aafd52ed7d288' })), this.showClose && index.h("div", { key: 'a9a822f026c284d0f6c60614486b71fe8690c6b3', class: 'size-8' })), index.h("p-smile", { key: '19773f3c98bb69019c4a5ec28336420a14481c83' })));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.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/cjs/p-empty-state_8.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 var localization = require('./localization-CGd_fklS.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: '59abb78f94d26bfdd9973425bea0b4001a27a929', class: emptyState({
+        return (index.h("div", { key: '183f2cbc5de8b5284e0755cdca055e90e767d377', 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: 'cf16ff181ceee0b52e3cf043f6207798ad6ed73f', 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: '65f98af26c32d5316bf0b00f71649009c07f2dc3', 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: 'e5b3e2d4b4d84b3ed8ecf70600138e5adb681e78', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (index.h(index.Host, { key: '9d8c8cf2d313f6235a2f09e1b836dcac3fcf4ec7', 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: '338be876c8ee63cbdd5f36984d04c5d078a32f90', class: container() }, index.h("slot", { key: '496c9a0acb6bdb251f4134dc55137943d47b5995' })));
+        return (index.h(index.Host, { key: '6a4311c41967d2e2022023eeae9727fbcb31e3c2', class: container() }, index.h("slot", { key: '19b47c738b3c274bb5800716e040c20b214edd87' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -333,11 +333,11 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
     }
     render() {
-        return (index.h("div", { key: 'fb6580374d0dcdc950a169e0ceba8273e831cbe5', class: footer({
+        return (index.h("div", { key: '27a3f8bbc0ae7366ba50ee78ea20c6a7af2b5093', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            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) }))));
+            this.total > 0 && (index.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) {
@@ -10067,13 +10067,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (index.h("div", { key: '985691009aeff5ddf3e69f14d2c7685606797fb1', class: 'flex flex-col' }, index.h("div", { key: '732c2f064f545aafd33f08864ca39a42cf6dc2b4', class: row({
+        return (index.h("div", { key: '4b89cf24267961efd0d38e6423c9444e1ca489fa', class: 'flex flex-col' }, index.h("div", { key: '365e4fe40c62ffb32f3c64d8a182f5d1eaf5aaf1', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, index.h("div", { key: 'be166244cd460d36fc6c870eb7c83b23794b78b5', class: content({
+            }) }, index.h("div", { key: 'a041be6661c714b7dacb80b044f52335619bc22a', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: '9fb6e76c65783db433c76aede4397652bd5946c9' }), index.h("div", { key: '56ac8f117c8e6cf28ff2f00ea2937ff299b2402e', class: actions() }, index.h("slot", { key: '0d4f8e470fc2044552211913aee86f358b3fbdd4', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: '089ed4e540e8c883be26c28148905e697d1c1926' }))));
+            }) }, index.h("slot", { key: '3d120865ccce25575511a20f0c44044cfbba1da3' }), index.h("div", { key: '09cd3ebe181f2a7f4fb9859befc74433e8e4879c', class: actions() }, index.h("slot", { key: '04f33ef0c5f4b229906be0aa77372d39b33ba3a7', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: 'c07ddbcbff2249dff40d222a6f4c9cfa9e8b9cb9' }))));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10085,7 +10085,7 @@ const TableRowActionsContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        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' }))));
+        return (index.h("div", { key: '4db883763add62e5976ac10a54dfc669ce917fca', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, index.h("div", { key: 'a4bf7c60e8e71765f96d6dd3b341b9b8c8f046a8', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, index.h("slot", { key: 'd8d76063cc14bd9437863cd42fc557e1f0b9d8cd' }))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 var cn = require('./cn-BGmLaIp8.js');
@@ -337,8 +337,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.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 && (index.h("slot", { key: '7456a6d32410fb4b815f0e0c6d9cf0d5a7181f07', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: 'fb9d7ce730ee32d851f7316b6a5bd9c6832030a9', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '2678aa150fc000fd0f5e9e226c1e0534516e1b33', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '0718442d94dc655551cce640685d3708f00a9501', name: 'error', slot: 'error' })), index.h("div", { key: '2f479dcd9c41b0516967d5d451d54bc5b708d23f', class: field({
+        return (index.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 && (index.h("slot", { key: 'cc2a9dbcf3c349cb867ef6e9dadd183db64a3179', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '29ce5f567a7a11e5c47ca4a22f9fe05a0a55a044', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'f6a3a07bcf5e3b5f8ecda2198725121f1a8ba00e', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '7a96983f65277a29ccfb9dbfdc3b731832e2dccc', name: 'error', slot: 'error' })), index.h("div", { key: '63357bd3f9a061518406f6d739eea15a004e59b5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
@@ -349,7 +349,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '293a93912c668dfa04062824a9f08bdc1cc8c24c', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '06fadf2bac5cc52891aba2852f2b04d82ec2907f', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -359,7 +359,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: '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')) && (index.h("div", { key: 'cfc0d9fe009ae4637f607e67fc1a43f271c7f40c', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 require('./clsx-BtxeOLZW.js');
@@ -86,10 +86,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (index.h(index.Host, { key: '9c7c8f9557c954d2634fda80911aab0d68c19fde', class: item({
+        return (index.h(index.Host, { key: '19bc96e875c3b1ae4c0e02e61ce7adbb1714bc4b', class: item({
                 hover: asBoolean.asBoolean(this.hover) && !asBoolean.asBoolean(this.loading),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, 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' }))));
+            }) }, this._getIcon(), index.h("p", { key: 'f3cc6eaea7198177349d97ab6e352c794936666c', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, index.h("slot", { key: 'b593a582ce600b28c2bef57441b0cacc6f0e0763' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var floatingUi_dom = require('./floating-ui.dom-33QlkSyu.js');
 var index$1 = require('./index-mudu9vpz.js');
 require('./clsx-BtxeOLZW.js');
@@ -20,7 +20,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        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' })))));
+        return (index.h(index.Host, { key: '2bf34dec8a9281d625ac0b1261573fe9b3bd2721' }, index.h("p-tooltip", { key: '201968c6ca2eb0e51d153a992607af4dc06cb7ca', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: 'de906a4e05e58cf4e1c60855a6b7affb93b26f4d', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm-500', variant: 'question-circle', slot: 'trigger' }), index.h("div", { key: 'a6f66c8a90edf9291a38a9df2d7c3bef8dd5ec80', slot: 'content' }, index.h("slot", { key: '04a6af3411d578c7793bd7f449fd7a73d6a23a98' })))));
     }
 };
 Helper.style = helperComponentCss;
@@ -116,10 +116,10 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '75b608f15d0f98b15c759da8f78cef0fdaf63ed5' }, index.h("slot", { key: '7a18ea809847c49109a831fc5c2687e60953c835', name: 'trigger' }), index.h("div", { key: '6918e9eb6b59bf45c2a4a819965a221c2378ca82', class: popover({
+        return (index.h(index.Host, { key: 'ba77fa6c67cbfed3ca278ba4fbbd45872249a2ae' }, index.h("slot", { key: '9b64e29812983e5f39b4b28785ceba799e19f0e3', name: 'trigger' }), index.h("div", { key: '72bffe0d9a0948fc179534f1cd231d980b276029', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), 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' })))));
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, index.h("div", { key: '14025280030b32cd1f7095c9a1082e08898a7aa3', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (index.h("div", { key: '6721dd8c7c77feb4c9f58968d907fa2de08a838f', 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-iban-icon.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var iban = require('./iban-C5iVD0Ms.js');
 
 const IbanIcon = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.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/cjs/p-illustration.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var cn = require('./cn-BGmLaIp8.js');
 require('./clsx-BtxeOLZW.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 require('./clsx-BtxeOLZW.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: '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' })))));
+        return (index.h("div", { key: '876934b160daac18cb784d56a701c4dd78c05b2f', class: infopanel({ variant: this.variant, closeAble: this.closeable }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: '593c8a1bb60a022f0beb5e1c8fd15004caaf2f7e', 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: 'cc9f6143ce7377d5b0084ac4014cd9daa225798c', 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: '902bdbc151780245039be2561fcf3ff4109ca4ee', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: '3d7c65eebb33fe52690fccad58edbaa27e938fbc', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var cn = require('./cn-BGmLaIp8.js');
 require('./clsx-BtxeOLZW.js');
@@ -62,14 +62,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (index.h("div", { key: 'd2e807018525657070d427e0abcd37fecadca6d1', class: label({
+        return (index.h("div", { key: 'cb17abfdcda58a1d6921fe8f46fe214e9459f6d5', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, 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', {
+            }) }, this.icon && (index.h("p-icon", { key: 'f342bcc2e82f494a39fd58cfe27e316e898cf025', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: '0a47d894da504a9af5f9279552b4bfdcc20b560a', 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: 'a07a3e60802525a6bd2ff80b769a7156f51990f1' })))));
+            }) }, index.h("slot", { key: '765b0593839bc6cb08ed6ab73b281aa4c9afbea6' })))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.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}";
 
@@ -18,7 +18,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        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' }))));
+        return (index.h(index.Host, { key: 'e776d154aea44be2b22cadc37318628a56d03c58', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '138cc330f7d38905a49e4b07eb248c4a6402a2a6', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: 'ca9163cac0da5950b647595dd590baecd5195e7f', class: 'inner-content' }, index.h("slot", { key: 'b6236b72b80299fc49257a302be068ded881ecd3', name: 'content' }))), index.h("div", { key: 'bd9fff5fda8a1d2379c2ee7e64c058b7e7b721d9', class: 'sidebar' }, index.h("slot", { key: '7399981faa64202f7711ee9669a4f38f9d0bd3af', name: 'sidebar' })), index.h("div", { key: '72bad41175706ea6fd825ce3e21519ea8faf1b12', class: 'topbar' }, index.h("slot", { key: 'b80b314a7cbdba70652dd0b5feb8787cfeb6bc74', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.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}";
 
@@ -13,7 +13,7 @@ const ListingItem = class {
      */
     icon = 'placeholder';
     render() {
-        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' }))));
+        return (index.h("div", { key: '6d58ce7c63903c23da568d7d2fe4fd0508da7a25', class: 'flex items-center gap-2 text-storm-500' }, index.h("p-icon", { key: '7bdd63df17aec1c5d6b6df3d4c9a4d666e4d88e3', variant: this.icon }), index.h("div", { key: '096b0acc0b3a4447dd2df2cd574e2a12d8d0ff55', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, index.h("slot", { key: '8ddd7a5cac68deef7eb00b1e0c5aa0c23122e113' }))));
     }
 };
 ListingItem.style = listingItemComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.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}";
 
@@ -9,7 +9,7 @@ const ListingLine = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '51d1f108179c715b62ac45fc717f2c00271dec7b' });
+        return index.h(index.Host, { key: 'ab979cfc1931b669d5ad6c76ba1a3127a2e0c914' });
     }
 };
 ListingLine.style = listingLineComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var cn = require('./cn-BGmLaIp8.js');
 require('./clsx-BtxeOLZW.js');
 
@@ -24,10 +24,10 @@ const Listing = class {
         }
     }
     render() {
-        return (index.h("div", { key: '756a9669e83dcea5fd61cbfa8cead90e6c13d030', class: cn.cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (index.h("div", { key: 'e92572ff3c10939cfc788becd323e6b0f1524c05', 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: '24ebcbc78316d665ee8b93d66eed96c810cc2e82', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, index.h("slot", { key: 'cb8849ac7ee0ea82f1616e84276b0b27485c6017', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 require('./clsx-BtxeOLZW.js');
@@ -32,10 +32,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (index.h("div", { key: 'ac22d4bd09b38f0c32d4258b9c661fce6a91e075', class: body({
+        return (index.h("div", { key: 'c0eca972b2d8e5c6659512bd5feed96b1df75937', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, index.h("slot", { key: '68f716b9500ad749b4e397af57e88e483de0f74f' })));
+            }) }, index.h("slot", { key: '744910c334625e7a0fd89a8f3d6265490799345a' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
@@ -76,10 +76,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (index.h("div", { key: '5b1d9ec935632ce3bca5270b03d672ed5e05ab0a', class: container({
+        return (index.h("div", { key: 'ea9f1e0dfe253c9cd543c34dee70249e6eab93cf', class: container({
                 size: this.size,
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '7e724a218d4a03ef428cccbb880a4870aad26595' })));
+            }) }, index.h("slot", { key: '83e3010594067903592be6a141ef101ef39dfea3' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -91,7 +91,7 @@ const ModalFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        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' }))));
+        return (index.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' }, index.h("p-divider", { key: '497cb4e886d38a3db973633d211d6c1bf79e1157', class: 'mb-4 hidden desktop-xs:inline-block' }), index.h("div", { key: 'fd196a6c17a9940e1ce54f4705adea99f71745ae', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, index.h("slot", { key: '6dc71fa2c1e5b70ed9dff1fa66cb9571a4506194' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -123,7 +123,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h("div", { key: '85e34355d5227cea7ef36a173a872d3a27665211', class: header() }, index.h("div", { key: 'dd916b5d8327b69efc6f297faac673585d1bec75', class: content() }, index.h("div", { key: '0ee762480e68a813b8de85a6f8738abd92c05d32', class: title() }, index.h("slot", { key: '0cf2c25295224d3b7a09af331d7b57f4d3fab67d' })), this.showClose && (index.h("p-button", { key: '59a7dbf7ae913e2073f7b63cb84a2d73e608db52', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: '4c50e645675d183eeebad0d6e4e4f6092b0d4672' })));
+        return (index.h("div", { key: 'dc80776bb512a7c74e7cbab6e36afc497d042b4e', class: header() }, index.h("div", { key: '0707618adb9a5f7db0dff24896661eac44fce68c', class: content() }, index.h("div", { key: '791d83e099e87515cea846a994eabfcb59b189c3', class: title() }, index.h("slot", { key: '055b1fd75b7fc214ca8f8d17ec54f3513a1da9e1' })), this.showClose && (index.h("p-button", { key: 'f66338a85716c984a75e235a2cf0363fc4212977', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: '229df0fa1d5560d72cdbe4183218d94e7e9ec40b' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 
 const Modal = class {
     constructor(hostRef) {

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

@@ -1,14 +1,17 @@
 'use strict';
 
-var index = require('./index-BDuPp9vl.js');
+var index = require('./index-BJGYQ0sK.js');
 var index$1 = require('./index-mudu9vpz.js');
+var themedHost_component = require('./themed-host.component-DFEbe48h.js');
 require('./clsx-BtxeOLZW.js');
+require('./state-9Y65F5kb.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 = index$1.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 = index$1.cva([
@@ -51,7 +54,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        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' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: '31eedc2ef9d78900837d49562d5e8d7c2ab33973' }, index.h("p-backdrop", { key: '80d8d0888d7e8cf54173a7cf1b41c50c84851d9a', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: 'a2b8770005c01a99042cbc6513262af338723957', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'e0a51d697263d4c0b193fa3ab187ced1f4afeefd', class: 'flex w-full items-center justify-end layout-1280:hidden' }, index.h("p-button", { key: '4316beceefc3bde7e6ec47739c9e06050f6c601a', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), index.h("div", { key: '7927d4643057229bf904deb5dff66f8bc2519077', class: 'flex w-full flex-col items-stretch' }, index.h("slot", { key: '0c4b1c3dcfaa40452dfb1115d00b8d4bd3195cc0', name: 'company' })), index.h("div", { key: 'a20b137d65de574f5ba72557e6fe19fa9537e98e', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: 'b281b1f8860b3aaab60cbb171db679ed0ee10305', name: 'content' })), index.h("div", { key: '4fe33e97ecb7f4f34589e95014e611b3c317f9e0', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, index.h("slot", { key: '37ac77d592aa11dab7ae02ff590f0c4a30e74f85', name: 'user' }))), index.h("div", { key: '23455107ac0a7c9a755871445a5ae23023670f7c', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: 'df45fc9cbdc497027579a83cb7e227900f4572cf', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), index.h("slot", { key: '29c03781bd36629b4f5e27adb8e7122103c15206', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

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

@@ -1 +1 @@
-{"file":"p-navbar.entry.cjs.js","mappings":"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","names":["cva","h","Host"],"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"],"version":3}
+{"file":"p-navbar.entry.cjs.js","mappings":"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","names":["cva","h","ThemedHost"],"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"],"version":3}