@paperless/core 2.0.1-beta.66 → 2.0.1-beta.68

package/dist/components/p-icon.js

@@ -1,4 +1,4 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-C0kL1elG.js';
+import { I as Icon, d as defineCustomElement$1 } from './p-BsgE1XSo.js';
 
 const PIcon = Icon;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-illustration-deprecated.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PIllustrationDeprecated extends Components.PIllustrationDeprecated, HTMLElement {}
+export const PIllustrationDeprecated: {
+    prototype: PIllustrationDeprecated;
+    new (): PIllustrationDeprecated;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{p-D-BdOqtN.js → p-illustration-deprecated.js}

@@ -1634,29 +1634,35 @@ const Illustration = /*@__PURE__*/ proxyCustomElement(class Illustration extends
      * The icon the be displayed
      */
     variant;
+    componentDidLoad() {
+        console.warn('[p-illustration-deprecated] Deprecated, please use p-illustration');
+    }
     render() {
         const illustration = illustrations[this.variant];
-        return (h(Host, { key: 'e3d150d9d119c1eb90109ac342c9857e84c7fb51', class: 'p-illustration block', innerHTML: illustration }));
+        return (h(Host, { key: '3a90545053a083519053d58d98d8514ccfe6c39d', class: 'p-illustration block', innerHTML: illustration }));
     }
-}, [0, "p-illustration", {
+}, [0, "p-illustration-deprecated", {
         "variant": [1]
     }]);
-function defineCustomElement() {
+function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-illustration"];
+    const components = ["p-illustration-deprecated"];
     components.forEach(tagName => { switch (tagName) {
-        case "p-illustration":
+        case "p-illustration-deprecated":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, Illustration);
             }
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement$1();
+
+const PIllustrationDeprecated = Illustration;
+const defineCustomElement = defineCustomElement$1;
 
-export { Illustration as I, defineCustomElement as d };
-//# sourceMappingURL=p-D-BdOqtN.js.map
+export { PIllustrationDeprecated, defineCustomElement };
+//# sourceMappingURL=p-illustration-deprecated.js.map
 
-//# sourceMappingURL=p-D-BdOqtN.js.map
+//# sourceMappingURL=p-illustration-deprecated.js.map

package/dist/components/p-illustration-deprecated.js.map

@@ -0,0 +1 @@
+{"file":"p-illustration-deprecated.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,oBAAe;AACd,IAAA,aAAa,EAAE,UAAU;AACzB,IAAA,oBAAoB,EAAE,gBAAgB;AACtC,IAAA,sBAAsB,EAAE,kBAAkB;AAC1C,IAAA,iBAAiB,EAAE,aAAa;IAChC,WAAW;IACX,QAAQ;IACR,SAAS;IACT,SAAS;AACT,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,eAAe,EAAE,WAAW;AAC5B,IAAA,QAAQ,EAAE,KAAK;CACf;;MCjBY,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;AACxB;;AAEG;AACK,IAAA,OAAO;IAEf,gBAAgB,GAAA;AACf,QAAA,OAAO,CAAC,IAAI,CACX,mEAAmE,CACnE;;IAGF,MAAM,GAAA;QACL,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;QAEhD,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAE,YAAY,EAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/illustrations-deprecated.ts","src/components/deprecated/atoms/illustration-deprecated/illustration-deprecated.component.tsx"],"sourcesContent":["import emptyState from '../assets/illustrations-old/default-empty-state.svg';\nimport departments from '../assets/illustrations-old/departments.svg';\nimport email from '../assets/illustrations-old/e-mail.svg';\nimport emptyStateAdd from '../assets/illustrations-old/empty-state-add.svg';\nimport emptyStateOverview from '../assets/illustrations-old/empty-state-overview.svg';\nimport emptyStateSearch from '../assets/illustrations-old/empty-state-search.svg';\nimport expenses from '../assets/illustrations-old/expenses.svg';\nimport functions from '../assets/illustrations-old/functions.svg';\nimport questions from '../assets/illustrations-old/questions.svg';\nimport sickLeave from '../assets/illustrations-old/sick-leave.svg';\nimport timeOff from '../assets/illustrations-old/time-off.svg';\nimport upgradeToHr from '../assets/illustrations-old/upgrade-to-hr.svg';\n\nexport default {\n\t'empty-state': emptyState,\n\t'empty-state-search': emptyStateSearch,\n\t'empty-state-overview': emptyStateOverview,\n\t'empty-state-add': emptyStateAdd,\n\tdepartments,\n\texpenses,\n\tfunctions,\n\tquestions,\n\t'sick-leave': sickLeave,\n\t'time-off': timeOff,\n\t'upgrade-to-hr': upgradeToHr,\n\t'e-mail': email,\n};\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../../utils/illustrations-deprecated';\n\nexport type IllustrationDeprecatedVariant = keyof typeof illustrations;\n\n@Component({\n\ttag: 'p-illustration-deprecated',\n\t// shadow: true,\n})\nexport class Illustration {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IllustrationDeprecatedVariant;\n\n\tcomponentDidLoad() {\n\t\tconsole.warn(\n\t\t\t'[p-illustration-deprecated] Deprecated, please use p-illustration'\n\t\t);\n\t}\n\n\trender() {\n\t\tconst illustration = illustrations[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass='p-illustration block'\n\t\t\t\tinnerHTML={illustration}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-illustration.js

@@ -1,4 +1,4 @@
-import { I as Illustration, d as defineCustomElement$1 } from './p-D-BdOqtN.js';
+import { I as Illustration, d as defineCustomElement$1 } from './p-CvN6yR0y.js';
 
 const PIllustration = Illustration;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-info-panel.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$2 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$2 } from './p-BsgE1XSo.js';
 
 const infoPanelComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.whitespace-pre-line{white-space:pre-line!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity,1));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem;white-space:pre-line}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1))}:host(.has-close){padding-right:2rem}.static{position:static!important}";
 
@@ -32,7 +32,7 @@ const InfoPanel = /*@__PURE__*/ proxyCustomElement(class InfoPanel extends H {
     closed;
     get _el() { return this; }
     render() {
-        return (h(Host, { key: '9eb262cfcdbbc7c81884559f22efb9d4b670b75a', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'b30b7f2e842e75874b62c461cd75e18533c3bf5a', class: 'header' }, h("slot", { key: '9af70b307f1d81b79dc2b273a9e621e06c1bd114', name: 'header' })), h("div", { key: 'ad69ae0d77d63b78c7f52614e47bbad4fdd25c38', class: 'content' }, h("slot", { key: '950b5647d6c65065fd87166796a07f6ee828cf80', name: 'content' })), this.closeable && (h("div", { key: 'bb12dab296d4248e49036e8d57ad3c86634bcd83', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '9c32de9ae095efb917fd4e7a0300242dc0bdef79', variant: 'negative' })))));
+        return (h(Host, { key: 'ab91a454216a9c67d91865d75bf0879921e5341f', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: '793c7f4d06484368e0de89e6301a1b21bf186a20', class: 'header' }, h("slot", { key: 'd24b56de36536d0fe4aefd6af0750e21c7e7efc3', name: 'header' })), h("div", { key: 'ab609d1efe8eed0942782cabaf55dc21ff0e6bf7', class: 'content' }, h("slot", { key: '9b93c723ecf1781a75d41a4713870a2070313161', name: 'content' })), this.closeable && (h("div", { key: '776a29f6c9616930ce58ea5e7feded5e9b444324', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '7c3f7b7d5b8522def7b9f120e25a4381c7a4477c', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/components/p-input-error.js

@@ -1,4 +1,4 @@
-import { I as InputError, d as defineCustomElement$1 } from './p-rFsjRJgs.js';
+import { I as InputError, d as defineCustomElement$1 } from './p-D0gUHAYk.js';
 
 const PInputError = InputError;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-input-group.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$6 } from './p-qqY4rj9S.js';
-import { d as defineCustomElement$5 } from './p-C0kL1elG.js';
-import { d as defineCustomElement$4 } from './p-rFsjRJgs.js';
-import { d as defineCustomElement$3 } from './p-BW3Jh7dz.js';
-import { d as defineCustomElement$2 } from './p-BAiUXMDn.js';
+import { d as defineCustomElement$6 } from './p-llhG3A9n.js';
+import { d as defineCustomElement$5 } from './p-BsgE1XSo.js';
+import { d as defineCustomElement$4 } from './p-D0gUHAYk.js';
+import { d as defineCustomElement$3 } from './p-ByT0XK4K.js';
+import { d as defineCustomElement$2 } from './p-arzM1qix.js';
 
 const inputGroupComponentCss = ".mb-\\[2px\\]{margin-bottom:2px!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.py-\\[calc\\(0\\.75rem-1px\\)\\]{padding-bottom:calc(.75rem - 1px)!important;padding-top:calc(.75rem - 1px)!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex;width:100%}:host .content .prefix,:host .content .suffix{--tw-text-opacity:1;box-sizing:border-box;color:rgb(81 83 107/var(--tw-text-opacity,1));flex:1 1 0%;height:100%}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity,1))}:host(.error) .suffix,:host([error]) .suffix{align-items:flex-start;padding-bottom:calc(.75rem - 1px);padding-top:calc(.75rem - 1px)}:host(.size-small.error) .suffix,:host(.size-small[error]) .suffix{padding-bottom:.5rem;padding-top:.5rem}.static{position:static!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.justify-between{justify-content:space-between!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}";
 
@@ -88,11 +88,11 @@ const InputGroup = /*@__PURE__*/ proxyCustomElement(class InputGroup extends H {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: 'cd5c981afb24ed35d88d336a9453c9978f43210b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '7c6f6c840d4da940053432b62aae9ce6b45086a1', class: 'flex items-end justify-between' }, label && (h("div", { key: '2dd1a251b54bfcb644d2e4adcd67c40bb7949360', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '65cbea2d0ea418e68ec828edec2a1844f9af288b', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'c793e8afa5b854d866628a4a5fd3cfe189da1df2', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '595760f0fd4f0625dea40d3a3d8d74e4c3f09cff', name: 'header' }), helper && (h("p-helper", { key: '831272e23636747f8fa7650c6def7b216b30e175', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '4727a2fe32651d088cf36336d18a6710e651baae', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: '2a1137259d412a694fbfff8ab39f9aa7baed2c7b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '44d91c5d865b4132d25b746246b4401cbd714e6a', class: 'flex items-end justify-between' }, label && (h("div", { key: 'ef6a367209f4a77e6743b3aeb5e009cb785c92d0', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '3e1e6f3531a6bf50fc3cfedcd4e84dd31c3e8cf3', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'd427be6fa65fe24f27c50ab9bf5d8d8641be3e71', class: 'input-header' }, hasHeaderSlot && h("slot", { key: 'e26f4830c121b6d903f315b6ec00b1c0ef488ff2', name: 'header' }), helper && (h("p-helper", { key: '777e995ccd5f3e4ffb92b8330afd01aa3ad6e71e', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'a02b034865c179ea26f31d3fee9dad15deda8ef5', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '42aa18a95659386cce232fd4df5ae983e03b8082', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '0e0dc2aa768193a0e742ea812a1d908bd46fef5e', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '8d80e8f05d179f243bdd792cccb90481ca5b5291', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'cda8172ed22e134f5edfae386e50061cc64956fe', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '47d5833f618ae15aff5ee3ecdb3b8f24f2e1ed22', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: '4cc972e56a638da234ecb604a41c484f4d934ff4', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '9faf8c8947d25fbb76bb8b9aa881e104104dc876', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'b9bbea9469d32123ce49c3ab2fa84d3a0745b43f', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

package/dist/components/p-label.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { c as cn } from './p-Cb5QxFb_.js';
-import { d as defineCustomElement$2 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$2 } from './p-BsgE1XSo.js';
 
 const labelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";
 

package/dist/components/p-layout.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.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}}@media (min-width:105rem){:host .sidebar{width:18rem}}: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-60{width:15rem!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}";
 
@@ -7,13 +7,18 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends H {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.scroll = createEvent(this, "scroll", 7);
     }
     /**
      * Variant of the layout
      */
     variant = 'default';
+    /**
+     * Event whenever the layout is being scrolled
+     */
+    scroll;
     render() {
-        return (h(Host, { key: '83bf2d744371af578658fab1d60bdc99ba219283', class: `p-layout variant-${this.variant}` }, h("div", { key: '683fb2c8b73ba2b9b32762e860bc9c0a7164c47b', class: 'content' }, h("div", { key: '920ec6b59fbcd19a98f8384915ea266e0ebec0d6', class: 'inner-content' }, h("slot", { key: 'd1760fc61e715e1a6966e11ed9db730ccb72d7ef', name: 'content' }))), h("div", { key: 'a9e52f6b1a7905340ce8d749e088192a88fe8da5', class: 'sidebar' }, h("slot", { key: '36ad035653a8f49788db9651c5b0ae62ef660b32', name: 'sidebar' })), h("div", { key: '3b3ab5e7ec6a114296b8e699567cb41631ffedd2', class: 'topbar' }, h("slot", { key: 'cfae23c07360d1a6a9c49830239761e334212320', name: 'topbar' }))));
+        return (h(Host, { key: 'abb4b9dee622a98ce445bb7d616723ff05cdd4e6', class: `p-layout variant-${this.variant}` }, h("div", { key: '3d56e125dc255ef84cd44373f55f6b19c6d1e3c4', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: 'c813fc7a527b1f1eb5529a2c5a7b1fae1eafa48a', class: 'inner-content' }, h("slot", { key: 'c06a94e256eb4e685888fec7c8a2b415fce3169a', name: 'content' }))), h("div", { key: 'e7d29ed239bd8a0fcb0e52821b8e4019364e11dd', class: 'sidebar' }, h("slot", { key: '3d239712ec6357624866af12307be33e1bdb094b', name: 'sidebar' })), h("div", { key: '55c075f918cbce1ea612c5fe4cf2530e994258c5', class: 'topbar' }, h("slot", { key: 'afae0fcdec8240e06d8bcfe8e430dfd1bc4cbf98', name: 'topbar' }))));
     }
     static get style() { return layoutComponentCss; }
 }, [1, "p-layout", {

package/dist/components/p-layout.js.map

@@ -1 +1 @@
-{"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;IAE3D,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"version":3}
+{"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"version":3}

package/dist/components/{p-qqY4rj9S.js → p-llhG3A9n.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$3 } from './p-C0kL1elG.js';
-import { d as defineCustomElement$2 } from './p-BW3Jh7dz.js';
-import { d as defineCustomElement$1 } from './p-BAiUXMDn.js';
+import { d as defineCustomElement$3 } from './p-BsgE1XSo.js';
+import { d as defineCustomElement$2 } from './p-ByT0XK4K.js';
+import { d as defineCustomElement$1 } from './p-arzM1qix.js';
 
 const helperComponentCss = "*{box-sizing:border-box}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 
@@ -20,7 +20,7 @@ const Helper = /*@__PURE__*/ proxyCustomElement(class Helper extends H {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: '70a6dc59dc7c4367c091fa1cb69a6f9ab7936108', class: 'p-helper' }, h("p-tooltip", { key: '58bf78f9c19fa5724e8488dbcc40e84be724649a', placement: this.placement, strategy: this.strategy }, h("div", { key: '75fe3d4c3571b4034e8561510b44cb4335a03869', slot: 'content' }, h("slot", { key: '2b28897ed7b15eabfd7f74905e75a08be446bded' })), h("p-icon", { key: 'c70b4daa963262ccc596a252ae100c6d0eb5f57d', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
+        return (h(Host, { key: 'b01ecfa1f3ad5066a2509a203a6b0412c980d56e', class: 'p-helper' }, h("p-tooltip", { key: '6807aa67e6fd1d38dab4343db9d7903c240482e5', placement: this.placement, strategy: this.strategy }, h("div", { key: 'a975111cdfa2095954275efe44af3913e60b808c', slot: 'content' }, h("slot", { key: 'a2c69274cc77b54d0d59b17727c255bbede56433' })), h("p-icon", { key: 'a4c8c4d70f8164b25404adbfeb60be9faa8b3393', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
     static get style() { return helperComponentCss; }
 }, [1, "p-helper", {
@@ -58,6 +58,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Helper as H, defineCustomElement as d };
-//# sourceMappingURL=p-qqY4rj9S.js.map
+//# sourceMappingURL=p-llhG3A9n.js.map
 
-//# sourceMappingURL=p-qqY4rj9S.js.map
+//# sourceMappingURL=p-llhG3A9n.js.map

package/dist/components/{p-qqY4rj9S.js.map → p-llhG3A9n.js.map}

@@ -1 +1 @@
-{"file":"p-qqY4rj9S.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,yUAAyU;;MCQvV,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;AAClB;;AAEG;IACK,QAAQ,GAAa,UAAU;AAEvC;;AAEG;IACK,SAAS,GAAc,KAAK;IAEpC,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACrB,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,0DAA0D,EAChE,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,GACb,CACS,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx"],"sourcesContent":["","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-llhG3A9n.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,yUAAyU;;MCQvV,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;AAClB;;AAEG;IACK,QAAQ,GAAa,UAAU;AAEvC;;AAEG;IACK,SAAS,GAAc,KAAK;IAEpC,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACrB,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,0DAA0D,EAChE,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,GACb,CACS,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx"],"sourcesContent":["","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-remL-vvB.js → p-mH8xL3Ys.js}

@@ -8,7 +8,7 @@ const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'eec5b238f3e1096566204e6795167c54e3ced911', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'b1a60feb1f4ffc761401f323270e194937ae74cf' })));
+        return (h(Host, { key: '28e6c5b25d68f88e8ed4807d40b8303555190965', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'c12c34f0c05f081a7eadc1bef351a2a0002e3648' })));
     }
     static get style() { return segmentContainerComponentCss; }
 }, [4, "p-segment-container"]);
@@ -28,6 +28,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SegmentContainer as S, defineCustomElement as d };
-//# sourceMappingURL=p-remL-vvB.js.map
+//# sourceMappingURL=p-mH8xL3Ys.js.map
 
-//# sourceMappingURL=p-remL-vvB.js.map
+//# sourceMappingURL=p-mH8xL3Ys.js.map

package/dist/components/{p-remL-vvB.js.map → p-mH8xL3Ys.js.map}

@@ -1 +1 @@
-{"file":"p-remL-vvB.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,ydAAyd;;MCMjf,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;IAC5B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oGAAoG,EAAA,EAC/G,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment/container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-mH8xL3Ys.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,ydAAyd;;MCMjf,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;IAC5B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oGAAoG,EAAA,EAC/G,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment/container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-modal-body.js

@@ -1,4 +1,4 @@
-import { M as ModalBody, d as defineCustomElement$1 } from './p-CGTfySxU.js';
+import { M as ModalBody, d as defineCustomElement$1 } from './p-D7gOYvji.js';
 
 const PModalBody = ModalBody;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal-container.js

@@ -1,4 +1,4 @@
-import { M as ModalContainer, d as defineCustomElement$1 } from './p-DiiV6dxw.js';
+import { M as ModalContainer, d as defineCustomElement$1 } from './p-iMJKTtDo.js';
 
 const PModalContainer = ModalContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal-footer.js

@@ -1,4 +1,4 @@
-import { M as ModalFooter, d as defineCustomElement$1 } from './p-CeIejYlK.js';
+import { M as ModalFooter, d as defineCustomElement$1 } from './p-DsB6uMsf.js';
 
 const PModalFooter = ModalFooter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal-header.js

@@ -1,4 +1,4 @@
-import { M as ModalHeader, d as defineCustomElement$1 } from './p-DFgYipCU.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-DqJMXrX1.js';
 
 const PModalHeader = ModalHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal.js

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$b } from './p-CJbLHJtK.js';
-import { d as defineCustomElement$a } from './p-CKdnfAon.js';
-import { d as defineCustomElement$9 } from './p-DO2aNiJs.js';
-import { d as defineCustomElement$8 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$b } from './p-D3Bwv9pc.js';
+import { d as defineCustomElement$a } from './p-B6UH3J7_.js';
+import { d as defineCustomElement$9 } from './p-q_c1iUVr.js';
+import { d as defineCustomElement$8 } from './p-BsgE1XSo.js';
 import { d as defineCustomElement$7 } from './p-DHB3oMcL.js';
-import { d as defineCustomElement$6 } from './p-CGTfySxU.js';
-import { d as defineCustomElement$5 } from './p-DiiV6dxw.js';
-import { d as defineCustomElement$4 } from './p-CeIejYlK.js';
-import { d as defineCustomElement$3 } from './p-DFgYipCU.js';
-import { d as defineCustomElement$2 } from './p-CswIZXBK.js';
+import { d as defineCustomElement$6 } from './p-D7gOYvji.js';
+import { d as defineCustomElement$5 } from './p-iMJKTtDo.js';
+import { d as defineCustomElement$4 } from './p-DsB6uMsf.js';
+import { d as defineCustomElement$3 } from './p-DqJMXrX1.js';
+import { d as defineCustomElement$2 } from './p-C8rfYi3w.js';
 
 const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     constructor() {

package/dist/components/p-navbar.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
-import { d as defineCustomElement$5 } from './p-CJbLHJtK.js';
-import { d as defineCustomElement$4 } from './p-CKdnfAon.js';
-import { d as defineCustomElement$3 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$5 } from './p-D3Bwv9pc.js';
+import { d as defineCustomElement$4 } from './p-B6UH3J7_.js';
+import { d as defineCustomElement$3 } from './p-BsgE1XSo.js';
 import { d as defineCustomElement$2 } from './p-DHB3oMcL.js';
 
 const navbarComponentCss = "*{box-sizing:border-box}:host{.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}}.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}.w-full{width:100%!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-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}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!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\\:w-60{width:15rem!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}}@media (min-width:105rem){.layout-1680\\:w-72{width:18rem!important}}";
@@ -54,7 +54,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '420e8206936530720b691c0b1afc04a2d608b04b', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '0ef0b72645f6318a41c5beac4b11bf0aca6e89e2', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '306b0b341f807b440afb06db4620e1d5a531920a', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '15ee88d5fb65f2893b3bff37f5d6c95958758722', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b64a58b653501f77dcca6c5de917fa73362f5b02', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'df946991b20959ee55b30778623da97f6bfa445e', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '40f50a4fbe75c85e095176805ca6b49e4cb80a6a', name: 'company' })), h("div", { key: 'b94aada53b4eb0ac86d52010cc3e07bb2fa0e682', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '28a927ba8b7eb84534ef66efaddac03c75bafb33', name: 'content' })), h("div", { key: '7c8990fad4e46e05eaffda94aed8323afa6c1bf2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'ec9d59ccedce6c8daba775f0b68d42290b7b9877', name: 'user' }))), h("div", { key: 'c1bca26770942cfc04aca9dfee1f40b5e3ed885c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3d16426f5990c0a04cbd0befd4901fe09fcab33f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a49b86b11c0619d33dfb8cd59ca2b576d183d0cb', name: 'topbar' }))));
+        return (h(Host, { key: '2910a3ec8868edb10e364744e30aecb9881ff9d0', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'f825ee90f654b0d1dda02063a6fe1a764a1b662b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '7f1c86453fdec1f2441a79dada42569d38b049c8', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'bc9f134b86ac3a3f89e4cc2a2a948d3e654be1fe', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'dfe2490452cd449c1c71dc45755cda92176ecdf4', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '1ae51dd37f79c7e5650ebe8c1f3a1d21ce0ea4cb', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '54806a7bd9e99fc5f060cbc2c4ab67214cebc6ab', name: 'company' })), h("div", { key: '5fe0d7347204285130557796f27f88f208ed3172', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '56438f1c5e79dbeefed5bf76490b074dbb1ba5cb', name: 'content' })), h("div", { key: 'dd65589a1bc11c891d1b2d6fbbc11bfa6763872c', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'f4c5a2e0db4bd5f68808f7e23997da536d437c58', name: 'user' }))), h("div", { key: '0bbc41dd12023b7b5c66e9090cb9edabd0a310b2', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '0b0c9ab263eb4af99781a82cd52b18cb1f6e3018', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'b45fa8c82f59e82ed1ca99692ae2523681defdef', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/p-navigation-item.js

@@ -2,8 +2,8 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { c as cn } from './p-Cb5QxFb_.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$4 } from './p-D6iHC4fs.js';
-import { d as defineCustomElement$3 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$4 } from './p-DoonhL8V.js';
+import { d as defineCustomElement$3 } from './p-BsgE1XSo.js';
 import { d as defineCustomElement$2 } from './p-DHB3oMcL.js';
 
 const navigationItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";

package/dist/components/p-navigation-section.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$2 } from './p-BHsxyPvY.js';
+import { d as defineCustomElement$2 } from './p-CbfyNDgs.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}";
 

package/dist/components/p-navigation-title.js

@@ -1,4 +1,4 @@
-import { N as NavigationTitle, d as defineCustomElement$1 } from './p-BHsxyPvY.js';
+import { N as NavigationTitle, d as defineCustomElement$1 } from './p-CbfyNDgs.js';
 
 const PNavigationTitle = NavigationTitle;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-pages-item.js

@@ -1,4 +1,4 @@
-import { P as PaginationPagesItem, d as defineCustomElement$1 } from './p-CLIWayjP.js';
+import { P as PaginationPagesItem, d as defineCustomElement$1 } from './p-DkQcmaID.js';
 
 const PPaginationPagesItem = PaginationPagesItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-pages.js

@@ -1,4 +1,4 @@
-import { P as PaginationPages, d as defineCustomElement$1 } from './p-BEOw8Cww.js';
+import { P as PaginationPages, d as defineCustomElement$1 } from './p-x4RK6ax2.js';
 
 const PPaginationPages = PaginationPages;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-size.js

@@ -1,4 +1,4 @@
-import { P as PaginationSize, d as defineCustomElement$1 } from './p-DxL6wYFs.js';
+import { P as PaginationSize, d as defineCustomElement$1 } from './p-CW-Ucnco.js';
 
 const PPaginationSize = PaginationSize;
 const defineCustomElement = defineCustomElement$1;