@paperless/core 2.0.1-beta.113 → 2.0.1-beta.114

package/dist/components/p-divider.js

@@ -1,4 +1,4 @@
-import { D as Divider, d as defineCustomElement$1 } from './p-CEoo55FK.js';
+import { D as Divider, d as defineCustomElement$1 } from './p-Cv1xoKQ6.js';
 
 const PDivider = Divider;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DrawerBody, d as defineCustomElement$1 } from './p-CSIFLNsS.js';
+import { D as DrawerBody, d as defineCustomElement$1 } from './p-BBKYP-Cm.js';
 
 const PDrawerBody = DrawerBody;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DrawerContainer, d as defineCustomElement$1 } from './p-BYnq9fQl.js';
+import { D as DrawerContainer, d as defineCustomElement$1 } from './p-Dlmv9Uk2.js';
 
 const PDrawerContainer = DrawerContainer;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DrawerHeader, d as defineCustomElement$1 } from './p-BIf14u2D.js';
+import { D as DrawerHeader, d as defineCustomElement$1 } from './p-Ct_1clhY.js';
 
 const PDrawerHeader = DrawerHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-drawer.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$9 } from './p-BlzjYdn5.js';
-import { d as defineCustomElement$8 } from './p-MQ5NAuIf.js';
-import { d as defineCustomElement$7 } from './p-CSIFLNsS.js';
-import { d as defineCustomElement$6 } from './p-BYnq9fQl.js';
-import { d as defineCustomElement$5 } from './p-BIf14u2D.js';
-import { d as defineCustomElement$4 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$3 } from './p-BFBKoX9I.js';
-import { d as defineCustomElement$2 } from './p-abTHpIy3.js';
+import { d as defineCustomElement$9 } from './p-D4wHNR58.js';
+import { d as defineCustomElement$8 } from './p-A5puW8KH.js';
+import { d as defineCustomElement$7 } from './p-BBKYP-Cm.js';
+import { d as defineCustomElement$6 } from './p-Dlmv9Uk2.js';
+import { d as defineCustomElement$5 } from './p-Ct_1clhY.js';
+import { d as defineCustomElement$4 } from './p-cCxwgzDB.js';
+import { d as defineCustomElement$3 } from './p-C-1aZ7t0.js';
+import { d as defineCustomElement$2 } from './p-i-upzqfe.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/components/p-dropdown-menu-container.js

@@ -1,4 +1,4 @@
-import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './p-D09jozUL.js';
+import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './p-CA6-0EkK.js';
 
 const PDropdownMenuContainer = DropdownMenuContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-dropdown-menu-item.js

@@ -1,4 +1,4 @@
-import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-DlFumKvb.js';
+import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-Bxt_h1P2.js';
 
 const PDropdownMenuItem = DropdownMenuItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-dropdown.js

@@ -1,4 +1,4 @@
-import { D as Dropdown, d as defineCustomElement$1 } from './p-D2Em0Yy7.js';
+import { D as Dropdown, d as defineCustomElement$1 } from './p-BP1aeBcW.js';
 
 const PDropdown = Dropdown;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-empty-state.js

@@ -1,4 +1,4 @@
-import { E as EmptyState, d as defineCustomElement$1 } from './p-CxHSXAkq.js';
+import { E as EmptyState, d as defineCustomElement$1 } from './p-Hj0dtQOu.js';
 
 const PEmptyState = EmptyState;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { F as FieldContainer, d as defineCustomElement$1 } from './p-CYGYOpps.js';
+import { F as FieldContainer, d as defineCustomElement$1 } from './p-DlGX7eAs.js';
 
 const PFieldContainer = FieldContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-field.js

@@ -1,4 +1,4 @@
-import { F as Field, d as defineCustomElement$1 } from './p-CSMO4KRK.js';
+import { F as Field, d as defineCustomElement$1 } from './p-BnyZAlkn.js';
 
 const PField = Field;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-floating-menu-container.js

@@ -1,4 +1,4 @@
-import { F as FloatingMenuContainer, d as defineCustomElement$1 } from './p-DJzH_A-R.js';
+import { F as FloatingMenuContainer, d as defineCustomElement$1 } from './p-C2CsD_zr.js';
 
 const PFloatingMenuContainer = FloatingMenuContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-floating-menu-item.js

@@ -1,4 +1,4 @@
-import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-CmzpquGH.js';
+import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-Cs06wZSM.js';
 
 const PFloatingMenuItem = FloatingMenuItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-helper.js

@@ -1,4 +1,4 @@
-import { H as Helper, d as defineCustomElement$1 } from './p-ZBndlSp5.js';
+import { H as Helper, d as defineCustomElement$1 } from './p-DNHN-J6Y.js';
 
 const PHelper = Helper;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-abTHpIy3.js → p-i-upzqfe.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
+import { c as cva } from './p-CBWjHURv.js';
 
 var smileSvg = `	<svg width="100%" height="100%" viewBox="0 0 1038 388" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M519.113 388H518.773C305.85 387.887 176.284 294.549 105.102 216.25C28.9938 132.544 2.71817 49.7392 0 40.5575L135.455 0C135.682 0.619628 156.068 64.3287 213.942 126.123C289.258 206.562 391.926 247.344 519 247.401C646.074 247.401 748.742 206.562 824.057 126.123C881.932 64.385 902.318 0.675958 902.545 0L1038 40.5575C1035.28 49.7392 1009.01 132.544 932.897 216.25C861.715 294.549 732.149 387.944 519.226 388H519.113Z" fill="currentColor"/>
@@ -27,7 +27,7 @@ const Smile = /*@__PURE__*/ proxyCustomElement(class Smile extends H {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: 'ce399fe0541567baa86813a2d87815900c4e0ecf', class: smile({ variant: this.variant }) }, h("div", { key: '8779b1bcb694671d615164712511ce4e721b84ae', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
+        return (h(Host, { key: 'ed0bb8da97653a1fe48ab0b98800167eb5a6cb6c', class: smile({ variant: this.variant }) }, h("div", { key: '3bb0fac93aa0d68f4122b97d33a1f5d95025df83', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
     }
     static get style() { return smileComponentCss; }
 }, [0, "p-smile", {
@@ -49,6 +49,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Smile as S, defineCustomElement as d };
-//# sourceMappingURL=p-abTHpIy3.js.map
+//# sourceMappingURL=p-i-upzqfe.js.map
 
-//# sourceMappingURL=p-abTHpIy3.js.map
+//# sourceMappingURL=p-i-upzqfe.js.map

package/dist/components/{p-abTHpIy3.js.map → p-i-upzqfe.js.map}

@@ -1 +1 @@
-{"file":"p-abTHpIy3.js","mappings":";;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,ovBAAovB;;ACK9wB,MAAM,KAAK,GAAG,GAAG,CAChB,iEAAiE,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,IAAI,EAAE,UAAU;AAChB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAAqB,OAAO;IAE3C,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAA,EAC5C,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2DAA2D,EACjE,SAAS,EAAE,QAAQ,EAAA,CACb,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/smile/smile.component.css?tag=p-smile","src/components/atoms/smile/smile.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport smileSvg from '../../../assets/other/smile.svg';\n\nconst smile = cva(\n\t'absolute bottom-0 left-1/2 -translate-x-1/2 z-[-1] aspect-[8/3]',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: 'w-[355%]',\n\t\t\t\tcard: 'w-[310%]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-smile',\n\tstyleUrl: 'smile.component.css',\n})\nexport class Smile {\n\t/**\n\t * The variant of the smile footer\n\t */\n\t@Prop() variant: 'modal' | 'card' = 'modal';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={smile({ variant: this.variant })}>\n\t\t\t\t<div\n\t\t\t\t\tclass='absolute bottom-0 left-0 h-full w-full text-off-white-500'\n\t\t\t\t\tinnerHTML={smileSvg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-i-upzqfe.js","mappings":";;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,ovBAAovB;;ACK9wB,MAAM,KAAK,GAAG,GAAG,CAChB,iEAAiE,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,IAAI,EAAE,UAAU;AAChB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAAqB,OAAO;IAE3C,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAA,EAC5C,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2DAA2D,EACjE,SAAS,EAAE,QAAQ,EAAA,CACb,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/smile/smile.component.css?tag=p-smile","src/components/atoms/smile/smile.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport smileSvg from '../../../assets/other/smile.svg';\n\nconst smile = cva(\n\t'absolute bottom-0 left-1/2 -translate-x-1/2 z-[-1] aspect-[8/3]',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: 'w-[355%]',\n\t\t\t\tcard: 'w-[310%]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-smile',\n\tstyleUrl: 'smile.component.css',\n})\nexport class Smile {\n\t/**\n\t * The variant of the smile footer\n\t */\n\t@Prop() variant: 'modal' | 'card' = 'modal';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={smile({ variant: this.variant })}>\n\t\t\t\t<div\n\t\t\t\t\tclass='absolute bottom-0 left-0 h-full w-full text-off-white-500'\n\t\t\t\t\tinnerHTML={smileSvg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-iban-icon.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
+import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { I as IBAN_ICON_VARIANTS_ARRAY } from './p-By0EdXx2.js';
 
 const IbanIcon = /*@__PURE__*/ proxyCustomElement(class IbanIcon extends H {
@@ -21,7 +21,7 @@ const IbanIcon = /*@__PURE__*/ proxyCustomElement(class IbanIcon extends H {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (h(Host, { key: '7e58e64617cdbb1783c9588e493ca4b3b0759b96', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return exists && this._getIcon(variant);
     }
     _getIcon(variant) {
         switch (variant) {

package/dist/components/p-iban-icon.js.map

@@ -1 +1 @@
-{"file":"p-iban-icon.js","mappings":";;;MAOa,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;AACpB;;AAEG;AACsB,IAAA,IAAI;AAE7B;;AAEG;AACsB,IAAA,OAAO;IAEhC,MAAM,GAAA;AACL,QAAA,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO;AAElC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;AACtB,YAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;;QAG9C,MAAM,MAAM,GAAG,wBAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B;QAED,QACC,MAAM,KACL,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,aAAa,IACvB,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC,CACpC,CACP;;AAIK,IAAA,QAAQ,CAAC,OAAwB,EAAA;QACxC,QAAQ,OAAO;AACd,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;AACtD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,GAAG;AACvD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;AACtD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,GAAG;AACvD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;AACtD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,sCAAsC,GAAG;AAC1D,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,GAAG;AACvD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/iban-icon/iban-icon.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"],"version":3}
+{"file":"p-iban-icon.js","mappings":";;;MAOa,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;AACpB;;AAEG;AACsB,IAAA,IAAI;AAE7B;;AAEG;AACsB,IAAA,OAAO;IAEhC,MAAM,GAAA;AACL,QAAA,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO;AAElC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;AACtB,YAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;;QAG9C,MAAM,MAAM,GAAG,wBAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B;QAED,OAAO,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC;;AAGnD,IAAA,QAAQ,CAAC,OAAwB,EAAA;QACxC,QAAQ,OAAO;AACd,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;AACtD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,GAAG;AACvD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;AACtD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,GAAG;AACvD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;AACtD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,sCAAsC,GAAG;AAC1D,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,GAAG;AACvD,YAAA,KAAK,MAAM;gBACV,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAC,kCAAkC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/iban-icon/iban-icon.component.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn exists && this._getIcon(variant as IbanIconVariant);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/components/p-icon.js

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

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

@@ -1639,7 +1639,7 @@ const Illustration = /*@__PURE__*/ proxyCustomElement(class Illustration extends
     }
     render() {
         const illustration = illustrations[this.variant];
-        return (h(Host, { key: '2d19ba20dc838afb28bb5cea096f36e0280df808', class: 'p-illustration block', innerHTML: illustration }));
+        return (h(Host, { key: 'b5d10182368221379a8cf26c58ccba88cd9f45eb', class: 'p-illustration block', innerHTML: illustration }));
     }
 }, [0, "p-illustration-deprecated", {
         "variant": [1]

package/dist/components/p-illustration.js

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

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
-import { d as defineCustomElement$2 } from './p-CQcp92mr.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { d as defineCustomElement$2 } from './p-cCxwgzDB.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(255 192 203/var(--tw-bg-opacity,1))!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/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-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 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}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-black-teal-800{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-black-teal-800\\/60{color:rgba(0,2,2,.6)!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}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-black-teal-800\\/60:hover{color:rgba(0,2,2,.6)!important}";
 
@@ -11,7 +11,7 @@ const infopanel = cva(['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg re
             positive: 'bg-positive-green-100',
             biased: 'bg-amber-50',
             negative: 'bg-negative-red-100',
-            unavailable: 'bg-white-700',
+            feedback: 'bg-white-700',
         },
     },
 });
@@ -22,7 +22,7 @@ const header = cva('text-sm font-medium', {
             positive: 'text-positive-green-800',
             biased: 'text-amber-800',
             negative: 'text-negative-red-800',
-            unavailable: 'text-black-teal-800',
+            feedback: 'text-black-teal-800',
         },
     },
 });
@@ -43,7 +43,7 @@ const InfoPanel = /*@__PURE__*/ proxyCustomElement(class InfoPanel extends H {
     /**
      * The variant of the info panel
      */
-    variant = 'neutral';
+    variant = 'feedback';
     /**
      * The header of the info panel
      */
@@ -64,7 +64,7 @@ const InfoPanel = /*@__PURE__*/ proxyCustomElement(class InfoPanel extends H {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h("div", { key: '04c278209f627e9dff0ffa8d95dabc198e269ab0', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '7aa94bf095817fda6d4254f501ed81b982657611', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'e65af856f4870d555da5200ec7a139462380f634', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '25f33a822d0e6b81d129d5d0cb67addaa0ec8b23', class: close(), onClick: () => this._close() }, h("p-icon", { key: '855a3822417f72d34cc543e5bfec6cc7b4cdf914', variant: 'negative' })))));
+        return (h("div", { key: 'f424e56cfac5e6a45ed0d75953a8d6d25501cd44', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '844a536b5998119b02633e523db7fbf6e6a1d44b', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '89b8be3cfe1729858b83e4a6f41933bf25ffc9fd', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: 'd5c613697642f3b7a3e959c1755750c142c0dc06', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'a8ab1cee8055d971616d4076cab58b5b98dd439b', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

@@ -1 +1 @@
-{"file":"p-info-panel.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/info-panel/info-panel.component.css?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":["/* // :host { */\n/* // \t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4; */\n/* // */\n/* // \t.header { */\n/* // \t\t@apply font-semibold text-storm-dark; */\n/* // \t} */\n/* // */\n/* // \t.content { */\n/* // \t\t@apply whitespace-pre-line text-sm; */\n/* // \t} */\n/* // */\n/* // \t.close { */\n/* // \t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague; */\n/* // \t} */\n/* // } */\n/* // */\n/* // :host(.variant-positive) { */\n/* // \t@apply bg-positive-light; */\n/* // } */\n/* // */\n/* // :host(.variant-unbiased) { */\n/* // \t@apply bg-unbiased-light; */\n/* // } */\n/* // */\n/* // :host(.variant-negative) { */\n/* // \t@apply bg-negative-light; */\n/* // } */\n/* // */\n/* // :host(.has-close) { */\n/* // \t@apply pr-8; */\n/* // } */\n","import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-supportive-lilac-200',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tunavailable: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-supportive-lilac-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tunavailable: 'text-black-teal-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length || hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length || hasContentSlot) && (\n\t\t\t\t\t<div class='text-sm text-black-teal-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}
+{"file":"p-info-panel.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/info-panel/info-panel.component.css?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":["/* // :host { */\n/* // \t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4; */\n/* // */\n/* // \t.header { */\n/* // \t\t@apply font-semibold text-storm-dark; */\n/* // \t} */\n/* // */\n/* // \t.content { */\n/* // \t\t@apply whitespace-pre-line text-sm; */\n/* // \t} */\n/* // */\n/* // \t.close { */\n/* // \t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague; */\n/* // \t} */\n/* // } */\n/* // */\n/* // :host(.variant-positive) { */\n/* // \t@apply bg-positive-light; */\n/* // } */\n/* // */\n/* // :host(.variant-unbiased) { */\n/* // \t@apply bg-unbiased-light; */\n/* // } */\n/* // */\n/* // :host(.variant-negative) { */\n/* // \t@apply bg-negative-light; */\n/* // } */\n/* // */\n/* // :host(.has-close) { */\n/* // \t@apply pr-8; */\n/* // } */\n","import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-supportive-lilac-200',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-supportive-lilac-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-black-teal-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'feedback' = 'feedback';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length || hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length || hasContentSlot) && (\n\t\t\t\t\t<div class='text-sm text-black-teal-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}

package/dist/components/p-label.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
-import { c as cn } from './p-Cb5QxFb_.js';
-import { d as defineCustomElement$2 } from './p-CQcp92mr.js';
+import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { c as cn } from './p-CT54OXR2.js';
+import { d as defineCustomElement$2 } from './p-cCxwgzDB.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}}";
 
@@ -62,14 +62,14 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
      */
     keepMobileContent = false;
     render() {
-        return (h(Host, { key: '32dd2d8461fc35a3a96fc8c12b019a91bacf07af', class: 'p-label' }, h("div", { key: '4e099bbd5bca5d3389e79b0b1d41190bbc45605c', class: label({
+        return (h("div", { key: '10ec531c8bf890127703a48ede96729ac871db6a', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '62928bfc6402ebc35c5cd153057ab19d26d45aa8', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '959f977c40b2e2eb620e92f4ab2004a3ed93b5b5', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '8fb5f77d963be19dd0db4bb58d672eb04bf986a6', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'a40e1a55dc965986fcc1a5c3c05b54a49447c617', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'a3790bb2feb43a4b87d1923b7c9fd589a40b56fb' }))))));
+            }) }, h("slot", { key: '57b8f50ed13f9408bc8df22eaa2df2cc8c74c216' })))));
     }
     static get style() { return labelComponentCss; }
 }, [1, "p-label", {

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

@@ -1 +1 @@
-{"file":"p-label.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,i9DAAi9D;;ACM3+D,MAAM,KAAK,GAAG,GAAG,CAChB,CAAC,wCAAwC,EAAE,kBAAkB,CAAC,EAC9D;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,QAAQ,EAAE,+CAA+C;AACzD,YAAA,MAAM,EAAE,8BAA8B;AACtC,YAAA,QAAQ,EAAE,2CAA2C;AACrD,YAAA,OAAO,EAAE,mDAAmD;AAC5D,YAAA,WAAW,EAAE,iCAAiC;AAC9C,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,SAAS;AACf,SAAA;AACD,QAAA,iBAAiB,EAAE;AAClB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,iBAAiB,EAAE,KAAK;AACxB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,2CAA2C;AAClD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;AACjB;;AAEG;IACsB,OAAO,GAKb,SAAS;AAE5B;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;AACsB,IAAA,IAAI;AAE7B;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACsB,iBAAiB,GAAY,KAAK;IAE3D,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,CAAC;gBACZ,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;AACzC,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,KACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACtB,CACF,EAEA,CAAC,IAAI,CAAC,QAAQ,KACd,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,CACR,gEAAgE,EAChE;AACC,gBAAA,MAAM,EAAE,CAAC,IAAI,CAAC,iBAAiB;AAC/B,gBAAA,kBAAkB,EAAE,CAAC,IAAI,CAAC,iBAAiB;AAC3C,aAAA,CACD,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACN,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/label/label.component.css?tag=p-label&encapsulation=shadow","src/components/molecules/label/label.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../utils/cn';\n\nconst label = cva(\n\t['flex items-center justify-center gap-2', 'h-6 rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tpositive: 'bg-positive-green-100 text-positive-green-800',\n\t\t\t\tbiased: 'bg-amber-100  text-amber-800',\n\t\t\t\tnegative: 'bg-negative-red-100 text-negative-red-800',\n\t\t\t\tneutral: 'bg-supportive-lilac-100 text-supportive-lilac-900',\n\t\t\t\tunavailable: 'bg-white-700 text-dark-teal-800',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'p-2 w-6',\n\t\t\t},\n\t\t\tkeepMobileContent: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tkeepMobileContent: false,\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.css',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'neutral'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * Wether to only show the icon\n\t */\n\t@Prop({ reflect: true }) iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-label'>\n\t\t\t\t<div\n\t\t\t\t\tclass={label({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t\tkeepMobileContent: this.keepMobileContent,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!this.iconOnly && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t\t'flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\thidden: !this.keepMobileContent,\n\t\t\t\t\t\t\t\t\t'desktop-xs:block': !this.keepMobileContent,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-label.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,i9DAAi9D;;ACM3+D,MAAM,KAAK,GAAG,GAAG,CAChB,CAAC,wCAAwC,EAAE,kBAAkB,CAAC,EAC9D;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,QAAQ,EAAE,+CAA+C;AACzD,YAAA,MAAM,EAAE,8BAA8B;AACtC,YAAA,QAAQ,EAAE,2CAA2C;AACrD,YAAA,OAAO,EAAE,mDAAmD;AAC5D,YAAA,WAAW,EAAE,iCAAiC;AAC9C,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,SAAS;AACf,SAAA;AACD,QAAA,iBAAiB,EAAE;AAClB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,iBAAiB,EAAE,KAAK;AACxB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,2CAA2C;AAClD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;AACjB;;AAEG;IACsB,OAAO,GAKb,SAAS;AAE5B;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;AACsB,IAAA,IAAI;AAE7B;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACsB,iBAAiB,GAAY,KAAK;IAE3D,MAAM,GAAA;AACL,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,KAAK,CAAC;gBACZ,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;AACzC,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,KACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACtB,CACL,EAEA,CAAC,IAAI,CAAC,QAAQ,KACd,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,CACR,gEAAgE,EAChE;AACC,gBAAA,MAAM,EAAE,CAAC,IAAI,CAAC,iBAAiB;AAC/B,gBAAA,kBAAkB,EAAE,CAAC,IAAI,CAAC,iBAAiB;AAC3C,aAAA,CACD,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACN,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/label/label.component.css?tag=p-label&encapsulation=shadow","src/components/molecules/label/label.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types';\nimport { cn } from '../../../utils/cn';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\nconst label = cva(\n\t['flex items-center justify-center gap-2', 'h-6 rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tpositive: 'bg-positive-green-100 text-positive-green-800',\n\t\t\t\tbiased: 'bg-amber-100  text-amber-800',\n\t\t\t\tnegative: 'bg-negative-red-100 text-negative-red-800',\n\t\t\t\tneutral: 'bg-supportive-lilac-100 text-supportive-lilac-900',\n\t\t\t\tunavailable: 'bg-white-700 text-dark-teal-800',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'p-2 w-6',\n\t\t\t},\n\t\t\tkeepMobileContent: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tkeepMobileContent: false,\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.css',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'neutral'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * Wether to only show the icon\n\t */\n\t@Prop({ reflect: true }) iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t   \t\t<div\n\t   \t\t\tclass={label({\n\t   \t\t\t\tvariant: this.variant,\n\t   \t\t\t\ticonOnly: this.iconOnly,\n\t   \t\t\t\tkeepMobileContent: this.keepMobileContent,\n\t   \t\t\t})}\n\t   \t\t>\n\t   \t\t\t{this.icon && (\n\t   \t\t\t\t<p-icon\n\t   \t\t\t\t\tclass='flex-shrink-0'\n\t   \t\t\t\t\tvariant={this.icon}\n\t   \t\t\t\t\tflip={this.iconFlip}\n\t   \t\t\t\t\trotate={this.iconRotate}\n\t   \t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{!this.iconOnly && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t'flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\thidden: !this.keepMobileContent,\n\t\t\t\t\t\t\t\t'desktop-xs:block': !this.keepMobileContent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-layout.js

@@ -18,7 +18,7 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends H {
      */
     scroll;
     render() {
-        return (h(Host, { key: 'b02332724f69e0cba31c5e238ea10af5c8291780', class: `p-layout variant-${this.variant}` }, h("div", { key: 'd474276efb743c6eabd6d950ce090d709728b598', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '7cbd2356bb00ea69eae650ce4d0e2cb556f58072', class: 'inner-content' }, h("slot", { key: '9ae03a651cdcbcb24d0543a44486d1667aa642df', name: 'content' }))), h("div", { key: '59265b9e456670924eed7e11fd0ac4e2e98b1b61', class: 'sidebar' }, h("slot", { key: '21cb7a40d7756745e923d4506804c19ac6837643', name: 'sidebar' })), h("div", { key: '096edbe4897ffd6cd2e21fae26edf8574d53fc59', class: 'topbar' }, h("slot", { key: '562931a693868f23de0b50177842d396dda22c93', name: 'topbar' }))));
+        return (h(Host, { key: '9353a730abe2a3aaacd227c88a53964552971441', class: `p-layout variant-${this.variant}` }, h("div", { key: 'c83c5f1097457dd541ab26e5c00655b641719e43', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: 'b5eb7fdc3740285fa2234db8a8a9a124e141f484', class: 'inner-content' }, h("slot", { key: 'ad796f234063750bfe1f6dc745327fe2cd7568b6', name: 'content' }))), h("div", { key: '7789358a56389aa41974a19e4833fb86aaaa28cc', class: 'sidebar' }, h("slot", { key: 'b3919dc3d1f4677e4edbe9534ab829214ec38526', name: 'sidebar' })), h("div", { key: '04ac274d9a8c69c19007cb063e6071d081831c9c', class: 'topbar' }, h("slot", { key: '59a936932d74731244bf6c4323b9f9929a5f2117', 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,4/IAA4/I;;MCO1gJ,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;\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}
+{"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4/IAA4/I;;MCO1gJ,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/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/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;\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-listing-item.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-CQcp92mr.js';
+import { d as defineCustomElement$2 } from './p-cCxwgzDB.js';
 
 const listingItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!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-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 
@@ -14,7 +14,7 @@ const ListingItem = /*@__PURE__*/ proxyCustomElement(class ListingItem extends H
      */
     icon = 'placeholder';
     render() {
-        return (h("div", { key: 'b8b7ad17778df4ee85ee319f031f229cb1a212cc', class: "flex gap-2  items-center text-black-teal" }, h("p-icon", { key: '69e69be4d6c89e6d8724f0bf274d62c53d343c81', variant: this.icon }), h("div", { key: 'de5a64733d1ecdbb227e7d76bd89d65b0815d0fb', class: "flex flex-col font-medium text-sm" }, h("slot", { key: '51b01a8425fae6aa01e171eeec9ebe4e093f93fb' }))));
+        return (h("div", { key: '6cef05166e1df24f0c0cb4e927012fb4abaf0246', class: "flex gap-2  items-center text-black-teal" }, h("p-icon", { key: '6f2e4f57bac9946a25e6f5b83e4f75e319b6679a', variant: this.icon }), h("div", { key: '563de1248294d8a616603bda47a27499d83e0a21', class: "flex flex-col font-medium text-sm" }, h("slot", { key: '8fa043fa3475e10b1c7f5803721b36ab7454093d' }))));
     }
     static get style() { return listingItemComponentCss; }
 }, [1, "p-listing-item", {

package/dist/components/p-listing-line.js

@@ -1,4 +1,4 @@
-import { L as ListingLine, d as defineCustomElement$1 } from './p-ElOvIDKN.js';
+import { L as ListingLine, d as defineCustomElement$1 } from './p-oan6Th3h.js';
 
 const PListingLine = ListingLine;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-listing.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-ElOvIDKN.js';
+import { d as defineCustomElement$2 } from './p-oan6Th3h.js';
 
 const listingComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.gap-1{gap:.25rem!important}";
 
@@ -73,7 +73,7 @@ const Listing = /*@__PURE__*/ proxyCustomElement(class Listing extends H {
         }
     }
     render() {
-        return (h("div", { key: '3f051852b090886192e41453cd2b7cec83620b3a', class: "flex gap-1 w-full flex-col flex-wrap items-start" }, h("slot", { key: '3e2ee065a037edb5dd007a53ca9d0e4964afcf88', onSlotchange: () => this._generateStepsOnce() })));
+        return (h("div", { key: 'eb7596e4954d7cea74916789cd67bd1a4b3be0aa', class: "flex gap-1 w-full flex-col flex-wrap items-start" }, h("slot", { key: '37dfe16d25f23b5d958d408e088da730e8a6ef32', onSlotchange: () => this._generateStepsOnce() })));
     }
     static get style() { return listingComponentCss; }
 }, [1, "p-listing"]);

package/dist/components/p-loader.js

@@ -1,4 +1,4 @@
-import { L as Loader, d as defineCustomElement$1 } from './p-BFBKoX9I.js';
+import { L as Loader, d as defineCustomElement$1 } from './p-C-1aZ7t0.js';
 
 const PLoader = Loader;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalBody, d as defineCustomElement$1 } from './p-Ma26TfrN.js';
+import { M as ModalBody, d as defineCustomElement$1 } from './p-CMY9PhJV.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-dHqdW8fy.js';
+import { M as ModalContainer, d as defineCustomElement$1 } from './p-vxD7JU3i.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-C7OuWaSr.js';
+import { M as ModalFooter, d as defineCustomElement$1 } from './p-CyPGXubm.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-CXH4yAMZ.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-Bev8J8ks.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-tdjn65Lz.js';
-import { d as defineCustomElement$b } from './p-BlzjYdn5.js';
-import { d as defineCustomElement$a } from './p-MQ5NAuIf.js';
-import { d as defineCustomElement$9 } from './p-CEoo55FK.js';
-import { d as defineCustomElement$8 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$7 } from './p-BFBKoX9I.js';
-import { d as defineCustomElement$6 } from './p-Ma26TfrN.js';
-import { d as defineCustomElement$5 } from './p-dHqdW8fy.js';
-import { d as defineCustomElement$4 } from './p-C7OuWaSr.js';
-import { d as defineCustomElement$3 } from './p-CXH4yAMZ.js';
-import { d as defineCustomElement$2 } from './p-abTHpIy3.js';
+import { d as defineCustomElement$b } from './p-D4wHNR58.js';
+import { d as defineCustomElement$a } from './p-A5puW8KH.js';
+import { d as defineCustomElement$9 } from './p-Cv1xoKQ6.js';
+import { d as defineCustomElement$8 } from './p-cCxwgzDB.js';
+import { d as defineCustomElement$7 } from './p-C-1aZ7t0.js';
+import { d as defineCustomElement$6 } from './p-CMY9PhJV.js';
+import { d as defineCustomElement$5 } from './p-vxD7JU3i.js';
+import { d as defineCustomElement$4 } from './p-CyPGXubm.js';
+import { d as defineCustomElement$3 } from './p-Bev8J8ks.js';
+import { d as defineCustomElement$2 } from './p-i-upzqfe.js';
 
 const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     constructor() {

package/dist/components/p-navbar.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
-import { d as defineCustomElement$5 } from './p-BlzjYdn5.js';
-import { d as defineCustomElement$4 } from './p-MQ5NAuIf.js';
-import { d as defineCustomElement$3 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$2 } from './p-BFBKoX9I.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { d as defineCustomElement$5 } from './p-D4wHNR58.js';
+import { d as defineCustomElement$4 } from './p-A5puW8KH.js';
+import { d as defineCustomElement$3 } from './p-cCxwgzDB.js';
+import { d as defineCustomElement$2 } from './p-C-1aZ7t0.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-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}}";
 
@@ -54,7 +54,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '791a884717f9cce8cba66ec8a60703b3f78d7abd' }, h("p-backdrop", { key: '9e4b8a12fab692e061a95fbf9b3963eefa5109fd', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '4e6af6f651ff9dc0e54c2240edff069a08f02843', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '810c69b841ee864973f24c0be180bc90fbed31ec', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'abb54e2600b4a9086f23baf6b54cb31a0ec1c609', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '39f060cab2b9a62cd4f6c0ac7bf39be118be687b', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'a73fa3ae25ee9f4032dd2d004b75f1df6d4f97f2', name: 'company' })), h("div", { key: 'e21cec9f0dc9045a8c07d543908549897ac3aea8', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '7da0858f334402c354c833c90a7827fb8cd4e3f2', name: 'content' })), h("div", { key: '8f2085c78cf3e4e5308406ff0f1d0f098001b2a0', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '2af50ce2333dc4012c50f381913a4499da3c267a', name: 'user' }))), h("div", { key: '486623c3b302439bd98271587603db2c9c27dcd4', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '1380834689d98975ddb095aab3305532d37db16c', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '847ec37eaf8aa104f0b27dc1e6ae53b54cae4deb', name: 'topbar' }))));
+        return (h(Host, { key: '5a08129fda9bdb499594df579375e4e15dea5c31' }, h("p-backdrop", { key: '75684230647253ff9655b21046639f12ca46ac4f', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'dbca8dca5b8e9f0c502dd2e48ec79a5fad740e22', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '11bd6945f2489c3acf69ddca842ee9c6065b4a1c', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b35bc3af4206d51649a99fe8d719c4a300be3ab3', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '64a0c0a09021788d8b1100bfb6556aa301fe858b', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '873904c84efe395e43815404623fff7571caac44', name: 'company' })), h("div", { key: '728ba3983486820738ef9bd1c022d9581a361817', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '039b8d72a56c6cd020fc2b0ddfd2d5137952c072', name: 'content' })), h("div", { key: '09a7386d011c55c4839afada4bd55ffc6ee98a26', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'a407623a2f2812cf75bc8c06f58c3f19c7b6cb43', name: 'user' }))), h("div", { key: '3c440f8b20a032230df77dac0b2fc0f72d766407', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '7423bced7f3318ab9c853f8bb89e8a19626ef6f9', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '933b1f4bb8a4d2f688d4c89f07dd606c16932aa9', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;