@paperless/core 2.0.1-beta.53 → 2.0.1-beta.55

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

@@ -15,7 +15,7 @@ const Counter = class {
      */
     size = 'default';
     render() {
-        return (h(Host, { key: '27de9a0db988728c80de65f60b48b33e76278259', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: 'c9cbc9c73bcd5cb51bd9c5b837bc1f7b3397c313' })));
+        return (h(Host, { key: 'd2404c6cb3112ab35b1f0309702f4dca43e2fdc7', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: 'afc020c7923ee53371bfe671b66598c430aab417' })));
     }
 };
 Counter.style = counterComponentCss;

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

@@ -2846,10 +2846,10 @@ const Cropper = class {
         }, 200);
     }
     render() {
-        return (h(Host, { key: 'e2d396406909b07f5cb3e7f04ac8d675b3f4b1c2', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'ac444130b6b9e216cfe74a3f9eadfa75c20aeebe', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '2ad9841d1c933e46d2319f8c321981be2e04ebff', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '023a47de0f437c3c49de5508aa37f0cdbaf02d6b', class: clsx({
+        return (h(Host, { key: '7390aec5b5f81ffd67e54811ca821cc9772fddc5', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '95ecbd9acce466e81d90810cc7297dcf6ea5cdbe', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '76534002ee9c7dc3e8e073393b35235c187d7656', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '597dba1bcc2d306c4161b9a45bcb061d8acc9e2d', class: clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '15baa3ea43d985ef59d504acc4dc27f348b0419e', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'cf7fd446e4719a44d9b962f6df84641965e1617c', action: 'move', plain: true }))), h("div", { key: '41caafdef2fda22c83742aaba19989e662360306', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '420472d4e3c726530068f91ef395f7ce893be953', variant: 'minus' }), h("input", { key: '871a70d57183ceace802d55677c3892f5222f9c6', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: 'ef8eb36ef5eaa9b858c6857aab602170ba91bf11', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: 'e00c6e0b5541edce749b7837769cb35b26b2e3b6', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'adee5991926e23ed24349ca87b69f4e5002185a1', action: 'move', plain: true }))), h("div", { key: '76041ecf8ca26fd74b50acdc5543e94efc4326dd', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: 'e0ae20d0717c42c24a554527f032564ef62400c7', variant: 'minus' }), h("input", { key: 'e1f7facd9c9e6012e577688ba13b8119effce06d', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '25815296c58d77cc72a1d7de328e8f44c897b608', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

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

@@ -3058,9 +3058,9 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '7dd110f6972ff8f6cd7698e76a712ae06e09579b', class: 'p-datepicker' }, h("p-dropdown", { key: 'da8cbe3ceabe12d10c2afc11b93f9147616ef4cd', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '3306012da6b9fd8e0b9f7632fd778ec90ca3e8d8', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '29660da2f0959260e71b2bd2c2c0dea13cde0664', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (h(Host, { key: 'c8143d4958c47a22fa340b3cf8d3f1649299deab', class: 'p-datepicker' }, h("p-dropdown", { key: '10d249e7751f37046366aaa502660d967206a2f8', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'fa193ceceb358713531e6cd38dbdb04fda0ba325', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'd34ca2fbb262fe5efe10ee8acb23630d1ce5d2a0', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'a536a8ea7bd7c7b008cc684aad7f25c72846bb5a', slot: 'items' }, h("p-calendar", { key: '91f3a320db101d9513d629142b41c559856488a3', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '373a5ee2d7e209b24b64bed9b3f2fc9edf821b56', slot: 'items' }, h("p-calendar", { key: '3a452fa1fe9d3827710c6b0e58c5f59ba8a1c7d3', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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

@@ -1,27 +1,19 @@
-import { r as registerInstance, h, H as Host } from './index-I9JY9uxk.js';
+import { r as registerInstance, g as getElement, h } from './index-I9JY9uxk.js';
 import { c as cva } from './index-CO0T2jO4.js';
 import './clsx-ChV9xqsO.js';
 
-const dividerComponentCss = "*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-full{height:100%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-off-white-700{--tw-text-opacity:1!important;color:rgb(222 219 213/var(--tw-text-opacity,1))!important}.before\\:h-px:before{content:var(--tw-content)!important;height:1px!important}.before\\:w-px:before{content:var(--tw-content)!important;width:1px!important}.before\\:flex-1:before{content:var(--tw-content)!important;flex:1 1 0%!important}.before\\:bg-current:before{background-color:currentColor!important;content:var(--tw-content)!important}.after\\:h-px:after{content:var(--tw-content)!important;height:1px!important}.after\\:w-px:after{content:var(--tw-content)!important;width:1px!important}.after\\:flex-1:after{content:var(--tw-content)!important;flex:1 1 0%!important}.after\\:bg-current:after{background-color:currentColor!important;content:var(--tw-content)!important}.empty\\:px-0:empty{padding-left:0!important;padding-right:0!important}";
+const dividerComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{--tw-content:\"\";display:block}:host([variant=horizontal]){width:100%}:host([variant=vertical]){height:100%}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.before\\:h-px:before{content:var(--tw-content)!important;height:1px!important}.before\\:w-px:before{content:var(--tw-content)!important;width:1px!important}.before\\:flex-1:before{content:var(--tw-content)!important;flex:1 1 0%!important}.before\\:bg-off-white-700:before{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:h-px:after{content:var(--tw-content)!important;height:1px!important}.after\\:w-px:after{content:var(--tw-content)!important;width:1px!important}.after\\:flex-1:after{content:var(--tw-content)!important;flex:1 1 0%!important}.after\\:bg-off-white-700:after{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.empty\\:px-0:empty{padding-left:0!important;padding-right:0!important}";
 
-const divider = cva(['p-divider', 'block text-off-white-700'], {
-    variants: {
-        variant: {
-            horizontal: 'w-full',
-            vertical: 'h-full w-auto',
-        },
-    },
-});
 const content = cva([
     'flex items-center',
-    "after:content-[' '] before:content-[' ']",
-    'after:bg-current before:bg-current',
+    'after:bg-off-white-700 before:bg-off-white-700',
     'after:flex-1 before:flex-1',
+    'h-inherit w-inherit',
 ], {
     variants: {
         variant: {
-            horizontal: ['w-full', 'after:h-px before:h-px'],
-            vertical: ['h-full w-auto flex-col', 'after:w-px before:w-px'],
+            horizontal: ['after:h-px before:h-px'],
+            vertical: ['flex-col', 'after:w-px before:w-px'],
         },
     },
 });
@@ -33,8 +25,10 @@ const Divider = class {
      * The variant of the modal body
      */
     variant = 'horizontal';
+    get _el() { return getElement(this); }
     render() {
-        return (h(Host, { key: '027b4eee1132248204285f9442a0e6760a67503b', class: divider({ variant: this.variant }) }, h("div", { key: '8eb1ee53d395d4754cab51e8b99ac787e35e16a7', class: content({ variant: this.variant }) }, h("div", { key: 'e9834414a472b77320767c31f2bd2e17663436a2', class: 'flex items-center px-2 text-xs font-semibold uppercase text-black-teal-200 empty:px-0' }, h("slot", { key: '166f4550b639e1f1fe712f0df8dfb2541e537a8a' })))));
+        const hasContent = this._el.innerHTML?.length > 0;
+        return (h("div", { key: 'a9dbb1e137960e8c18d0e76b7a0bf5512f51a31d', class: content({ variant: this.variant }) }, h("div", { key: '160e331e3324c4c44f7fbc5173b408aa324b59a7', class: 'flex items-center px-2 text-xs font-semibold uppercase text-black-teal-200 empty:px-0' }, hasContent && h("slot", { key: 'eaa13d94955eae527c020ebfddefd340a7e5af2d' }))));
     }
 };
 Divider.style = dividerComponentCss;

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

@@ -1 +1 @@
-{"version":3,"file":"p-divider.entry.js","sources":["src/components/atoms/divider/divider.component.css?tag=p-divider","src/components/atoms/divider/divider.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst divider = cva(['p-divider', 'block text-off-white-700'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\thorizontal: 'w-full',\n\t\t\tvertical: 'h-full w-auto',\n\t\t},\n\t},\n});\n\nconst content = cva(\n\t[\n\t\t'flex items-center',\n\t\t\"after:content-[' '] before:content-[' ']\",\n\t\t'after:bg-current before:bg-current',\n\t\t'after:flex-1 before:flex-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thorizontal: ['w-full', 'after:h-px before:h-px'],\n\t\t\t\tvertical: ['h-full w-auto flex-col', 'after:w-px before:w-px'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-divider',\n\tstyleUrl: 'divider.component.css',\n})\nexport class Divider {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop({ reflect: true }) variant: 'horizontal' | 'vertical' = 'horizontal';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={divider({ variant: this.variant })}>\n\t\t\t\t<div class={content({ variant: this.variant })}>\n\t\t\t\t\t<div class='flex items-center px-2 text-xs font-semibold uppercase text-black-teal-200 empty:px-0'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,g6CAAg6C;;ACG57C,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,0BAA0B,CAAC,EAAE;AAC9D,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,QAAQ,EAAE,eAAe;AACzB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,mBAAmB;IACnB,0CAA0C;IAC1C,oCAAoC;IACpC,4BAA4B;CAC5B,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,UAAU,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC;AAChD,YAAA,QAAQ,EAAE,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;AAC9D,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,OAAO,GAAA,MAAA;;;;AACnB;;AAEG;IACsB,OAAO,GAA8B,YAAY;IAE1E,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAA,EAC9C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAA,EAC7C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uFAAuF,EAAA,EACjG,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACD,CACA;;;;;;;"}
+{"version":3,"file":"p-divider.entry.js","sources":["src/components/atoms/divider/divider.component.css?tag=p-divider&encapsulation=shadow","src/components/atoms/divider/divider.component.tsx"],"sourcesContent":[":host {\n\t@apply block;\n\t--tw-content: '';\n}\n\n:host([variant='horizontal']) {\n\t@apply w-full;\n}\n\n:host([variant='vertical']) {\n\t@apply h-full;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst content = cva(\n\t[\n\t\t'flex items-center',\n\t\t'after:bg-off-white-700 before:bg-off-white-700',\n\t\t'after:flex-1 before:flex-1',\n\t\t'h-inherit w-inherit',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thorizontal: ['after:h-px before:h-px'],\n\t\t\t\tvertical: ['flex-col', 'after:w-px before:w-px'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-divider',\n\tstyleUrl: 'divider.component.css',\n\tshadow: true,\n})\nexport class Divider {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop({ reflect: true }) variant: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasContent = this._el.innerHTML?.length > 0;\n\t\treturn (\n\t\t\t<div class={content({ variant: this.variant })}>\n\t\t\t\t<div class='flex items-center px-2 text-xs font-semibold uppercase text-black-teal-200 empty:px-0'>\n\t\t\t\t\t{hasContent && <slot />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,ghDAAghD;;ACG5iD,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,mBAAmB;IACnB,gDAAgD;IAChD,4BAA4B;IAC5B,qBAAqB;CACrB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;YACR,UAAU,EAAE,CAAC,wBAAwB,CAAC;AACtC,YAAA,QAAQ,EAAE,CAAC,UAAU,EAAE,wBAAwB,CAAC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,OAAO,GAAA,MAAA;;;;AACnB;;AAEG;IACsB,OAAO,GAA8B,YAAY;;IAO1E,MAAM,GAAA;QACL,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC;QACjD,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAA,EAC7C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uFAAuF,EAChG,EAAA,UAAU,IAAI,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CAClB,CACD;;;;;;;"}

package/dist/esm/p-drawer-body.p-drawer-container.p-drawer-header.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-in slide-in-from-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,03EAA03E;;MCYj5E,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}
+{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,k9DAAk9D;;MCYz+D,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

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

@@ -11,12 +11,12 @@ const ModalBody = class {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: 'b21b96779903a4fe512b9bb5f167fbd46035d83b', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: 'f48c82328486a0506b77fc041142e24bb164b0f6' })));
+        return (h(Host, { key: '78995d6293e4ca700027e6040ebcaebe2a2e2ba0', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: 'ace509ea80ed563034194d80f8f787edaf998b52' })));
     }
 };
 ModalBody.style = drawerBodyComponentCss;
 
-const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.animate-in{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;animation-duration:.15s!important;animation-name:enter!important}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;--tw-enter-translate-x:100%;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation-duration:.15s;animation-name:enter;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}p-drawer-container.closing{--tw-exit-translate-x:100%}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!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}}";
+const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!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}}";
 
 const ModalContainer = class {
     constructor(hostRef) {
@@ -27,7 +27,7 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h(Host, { key: '46b4ece0ae2fe0faf0508dd4c92b37bca51d8343', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: '930e3fd47a0f77edb74ff8e068e239dee7bed822' })));
+        return (h(Host, { key: 'd5428fccf8ef87e889b85c687649fcb808296328', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: 'd1a9ff0e223024f56791bc1842c90f175f55813d' })));
     }
 };
 ModalContainer.style = drawerContainerComponentCss;
@@ -48,7 +48,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h(Host, { key: 'c78f2897faa2f621cf43795daaf3f9cd93c10f66', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: '96623a6b2942ca4f1afdedd11277c874e68c1da4', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: '6ace7e777024c3c19f21ff655b2bddb4cd566f5d' })));
+        return (h(Host, { key: 'c9d05554eb7cdf5e4c31f22582eda0bc215574e7', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: '13a58ddda403d08e70d403add27d7a34f9fab001', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: '9a8839e6b50972bee967945ea791712b45902fa3' })));
     }
 };
 ModalHeader.style = drawerHeaderComponentCss;

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

@@ -1 +1 @@
-{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,03EAA03E;;MCYj5E,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":[],"sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-in slide-in-from-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,k9DAAk9D;;MCYz+D,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":[],"sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-dropdown-menu-container.entry.js

@@ -72,14 +72,14 @@ const DropdownMenuContainer = class {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (h(Host, { key: '2e1c4af35703c2eedf83514bc3b2fff43baeeddf', class: dropdownMenuContainer({
+        return (h(Host, { key: 'dfb6388466c6837cd2a14e6d99f5e6ac8563715e', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, h("div", { key: '5fe8611074413b7e52e5b6d752c5f63467c51362', class: 'flex w-full flex-col gap-[1px]' }, h("slot", { key: 'a20fb2f98c7d5d6c789558dc0413a8b30352d318' }))));
+            }) }, h("div", { key: 'b2e60a775b74c83b4c5645ace6b53bc2589d0b38', class: 'flex w-full flex-col gap-[1px]' }, h("slot", { key: '85780cfca828d4f5e768d1dee91d5e0d45c4b419' }))));
     }
 };
 DropdownMenuContainer.style = dropdownMenuContainerComponentCss;

package/dist/esm/p-dropdown-menu-item_4.entry.js

@@ -189,16 +189,16 @@ const DropdownMenuItem = class {
      */
     useContainer = true;
     render() {
-        return (h(Host, { key: '15d3f3632009a5dc4f7875fd648116ce97ce172f' }, h("div", { key: '5c1fb62324748e57f4611fa1f622570cea1243f0', class: dropdownMenuItem({
+        return (h(Host, { key: '52bc9a53da295c486a45e0144251e9c0add3077b' }, h("div", { key: 'b48d2752af7a092538a01d27628618badf2fb04d', class: dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true, true),
                 disabled: asBoolean(this.disabled),
-            }) }, this.icon && (h("p-icon", { key: 'da161bb3bde9c172af97b3e963d1bd13d7a3fa79', class: dropdownMenuItemIcon({
+            }) }, this.icon && (h("p-icon", { key: '34a7a4e66d782633ce30adaf6b6969340fbf3fe2', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: 'bd1dd05359c59aa698002aea266a3667e843fde9', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null)))));
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '1c41fe15dbd87d4300ea4278f7ffd0c0f16fc5f9', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null)))));
     }
 };
 DropdownMenuItem.style = dropdownMenuItemComponentCss;
@@ -249,7 +249,7 @@ const PaginationPages = class {
         this._generate();
     }
     render() {
-        return (h(Host, { key: 'b2d1fae77c72154beeb263d0a691bf37cbc17e53', class: pagination({
+        return (h(Host, { key: 'aed6c7c0b1b561d35ef124cab5bf9291fbfd16be', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -488,12 +488,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (h(Host, { key: '73d6639de89726282bd6ef19419e2c45fbe5be73', class: item({
+        return (h(Host, { key: 'e6821c7c1142bff0ce42c38c00745b761539d01c', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, h("slot", { key: 'aed446a9f4b24550905ef2929faa898c8f42eaf8' })));
+            }) }, h("slot", { key: 'e539bc94d4200ae9678e8e64235bf083cca8d077' })));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host, F as Fragment } from './index-I9JY9uxk.js';
 import { c as cva } from './index-CO0T2jO4.js';
-import { c as cn } from './cn-CsNqHcjL.js';
+import { c as cn } from './cn-BniKgfyU.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization-DiJj8rmO.js';
 import './clsx-ChV9xqsO.js';
@@ -260,21 +260,21 @@ const Field = class {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(Host, { key: '9060e4d27463582b6758f633b41694545dddcec1', class: 'p-field' }, h("p-field-container", { key: '951cee53be4c0d555ddc29956e1a250250b5c0da', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'f91191184a896235ff1398c77bdd85fcd7964170', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'a7dd120b3b9b93550ede7b18c6f91548e1e84bc1', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '1d19d165d7fff8a602b10e8d2edb4c68a978280e', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '1f09a4b86569a7c3a33365103908c25069085ed1', name: 'error', slot: 'error' })), h("div", { key: '318665381f82ff5ab9f78e906ce0c4730b8d8cff', class: field({
+        return (h(Host, { key: '03198da0ad16a40df74748772e57d36efc44c32b', class: 'p-field' }, h("p-field-container", { key: 'dc911b13f4c9aac6fda2fe3a8a6c3378b6e3fc64', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '05fffb6c7c03a10e0a858c7f9058944e320bc850', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '56d2a06c0f76602ef391f652e9b30391dfffd174', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '208dc4f30eea811f443c5a32afe1b2a3e148e9b2', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '7248016d7289bdc1aefcb89c09accfc8e32a109c', name: 'error', slot: 'error' })), h("div", { key: '66d1a3a9fc02a2ae434570f58c06c3393c891e3d', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'c032c53adff0f5a12272ea717d4e54858dd60314', class: prefixAndSuffix({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '8fd437ce99a93dd5475a9a7d675c0017622c9764', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: cn('flex', {
                 'mt-[0.125rem]': this.variant === 'read' && this.size === 'base',
-            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '0d37278def728ab190386e31aa9a3f79ab32e453', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '8cb1a6efd345500e738104a45f8268890d2db755', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,

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

@@ -1780,10 +1780,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: 'b093ad93a57b14d03cd3c8b9e886ca7104221c97', class: item({
+        return (h(Host, { key: '5d26c80c60e69c0fd4c8bebd737919dd3e31498d', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '5dc7fe1420b490d5eebb67aff104b2eb71bbe469', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: 'ed4b6f64a13e7037a10a2e1123d3118359cd7906' }))));
+            }) }, this._getIcon(), h("p", { key: 'bf1efcfefa4c7f0316f178ae31b4fa57be7a5aeb', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: '25363959562da60c3905693b2c509e8ac83a118c' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -1814,7 +1814,7 @@ const Illustration = class {
     }
 };
 
-Illustration.style = '.block{display:block!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}*{box-sizing:border-box}';
+Illustration.style = '.block{display:block!important}*{box-sizing:border-box}';
 
 const tableCellComponentCss = ".gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;gap:1rem}.static{position:static!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}";
 
@@ -1872,7 +1872,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (h(Host, { key: '4f58d1be75932fa48c9e9bf4bed8e823ba5ff3ee', class: {
+        return (h(Host, { key: '0495db2bdb9b786accdfc88ec80e2436c282977d', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -1909,7 +1909,7 @@ const TableContainer = class {
      */
     shadow = true;
     render() {
-        return (h(Host, { key: 'e094bf132a70d377fd4323e2720cf355f7294d79', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '9b104afb593c3cbe423225a7efef912640060eb5' })));
+        return (h(Host, { key: 'f2d2684a14a158c8af47cf5daecd2ae48365a8b7', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '55538a53644fc3d398bef27ac210d56ca7d0c9da' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -1981,7 +1981,7 @@ const TableFooter = class {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'a6f3caba10c2f018a460a47cae5dc18a9ad2ffa3', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'b3f93c4c01fe8f5c0964bb73f8db7f18286ffcae', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '16a43cb9b4a4ba1e35c0dcbf3850e31b74f34b6b', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: 'dca94ee1c360787dd35f7ad350390be23f19ee22', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'd09c66fddf4b3d606ea9fc3c67d0e1cd5f0e8b3a', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(Host, { key: '42c00b66495038ac7ccb6d28c2250fd73631dc4b', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'f17e9956e73d83b535b9aeeca1240eb026c0010c', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: 'e78b6d888f3e772fd2c1aba229ca8be9e5e5370f', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: '3cf8f111258bd45703b38e25b2c32006fdf4edb6', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: '45c2b65b254a22746c8f23b6eb8b971cc8029c7d', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -11610,9 +11610,9 @@ const TableRow = class {
      */
     enableHover = true;
     render() {
-        return (h(Host, { key: 'de9a5c8270fd3379fa33705b67ca0869637e57be', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (h(Host, { key: 'd8d02837b2745eee2259d8d4394dcf3690f0f4ce', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, h("div", { key: '16d01684c34dfcd3ec1b08c23f5d638973fccb05', class: "content" }, h("slot", { key: 'b3bb3dde42ce6e34d2481a280a2bb8cfe9c664bf' })), this.variant === 'default' && h("p-divider", { key: 'd08b4ab1ded529d9e7eb4f64e872ae92127af521', class: "m-0" })));
+                'enable-hover'} group` }, h("div", { key: 'aa97d9224ebca93136dbd42bfa76172bc17f41b6', class: "content" }, h("slot", { key: 'f3cec9093018c7954467ab1cc524f5175ad99971' })), this.variant === 'default' && h("p-divider", { key: '70987aecedb7da7791ff8ba59852cda276646802', class: "m-0" })));
     }
 };
 TableRow.style = tableRowComponentCss;

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

@@ -18,7 +18,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: '6a27bccff22547fa73ad37e2c922bb20f1499c1c', class: 'p-helper' }, h("p-tooltip", { key: 'd023afc2365ef86073415662aa2f0598a34ac6b9', placement: this.placement, strategy: this.strategy }, h("div", { key: '44641956f9801f7576d6dc4f8fef6c631b8047d6', slot: 'content' }, h("slot", { key: 'cdc9ee13a89291547e4dd6abc7d8cffad8bb2a07' })), h("p-icon", { key: '97b7a3df04617cc81cb5030efe49718aa21f5834', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
+        return (h(Host, { key: 'f55580e64c528a42e1c88e7b380792597563988a', class: 'p-helper' }, h("p-tooltip", { key: 'da374164ea5130aa3cea52300e6f003aed9d09dc', placement: this.placement, strategy: this.strategy }, h("div", { key: '4374e85d301a309e721c1552402baa1431196c87', slot: 'content' }, h("slot", { key: '17f08b3f95c01f218e7b858f4e9a01907c663d47' })), h("p-icon", { key: '0740675127e9a2808c8902de287edc5eddb6073d', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
 };
 Helper.style = helperComponentCss;
@@ -133,19 +133,19 @@ const Tooltip = class {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: '51276776ef0331d13709c7247a3c7b88cb3a97de', class: popover({
+        const tooltipElement = (h("div", { key: 'ee0ccad88478f1bcd91f324ef711171aadeea737', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'd989d6993145a76788a4506304490f82c155da61', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'c3ed979d722fc5fab4b45570840fce15bdc5ca8e', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '7c04ee3ab5de74debbaa50723885893f0cb7ae93', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'e221e96e5961e2ffa67300607ee6d4572ea45547', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '3f2ba7d45ee22046cb6b79139a3d452357bdf1b3', class: portal({
+            tooltip = (h("p-portal", { key: '6aba6e6b742cf65dbf46115da460f3369fb90e59', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: 'c32284c9771450d8685792c073004f5c81426f51', class: 'p-popover flex cursor-pointer' }, h("div", { key: '0ccff0a9b4a21979fa510f718f8f3c74c3c6a132', class: 'relative h-inherit w-inherit' }, h("slot", { key: '3d0d4f66254d52af662f8187e70c3f0b24e63abf', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '388ff6ac1e9965d99716dee794707081da15bcd6', class: 'p-popover flex cursor-pointer' }, h("div", { key: 'f0404320c19b4ee778ebe8670a80b9ca0996f230', class: 'relative h-inherit w-inherit' }, h("slot", { key: 'c9a6283adc0a4eca3e287f6e364e4722b4f812ec', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -19,7 +19,7 @@ const IbanIcon = class {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (h(Host, { key: 'a0193eca617d02a291d14afe2cc6f248ee751003', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (h(Host, { key: 'fab68ec2bcac1f7e973be4703df6fd24b983fa1e', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

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

@@ -29,7 +29,7 @@ const InfoPanel = class {
     closed;
     get _el() { return getElement(this); }
     render() {
-        return (h(Host, { key: '199c0cae5f8530c2f9e5f383eb69ef1e92ad385b', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: '225105041e2dbf1a6bd5bb808d2db794d034f062', class: 'header' }, h("slot", { key: '4018547aa40938dffec143aeea1ae0a680c61ac3', name: 'header' })), h("div", { key: '3f040cd13601432b8b71dfa14ba0adb7af673968', class: 'content' }, h("slot", { key: 'cb4a3f1ba98368565648e83392d57c8415d151e6', name: 'content' })), this.closeable && (h("div", { key: '88207c1bef55865c3aa35fd5841aa45ee9cf1ec6', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '71fae9857f12ac68029615b8efa640c0f04cfb0d', variant: 'negative' })))));
+        return (h(Host, { key: '101a596249e687f0c6b021b41689a7d2f7b875ae', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'af61d4901375bca8ad7c892411edf87ddf15a547', class: 'header' }, h("slot", { key: '187139fd3d1c006e19b4795096e0c8e0d2527add', name: 'header' })), h("div", { key: 'df8d013feeca0855f0b7fed28a42d27f7d8477c4', class: 'content' }, h("slot", { key: '15e87c16fc6199eb5184729f527b41391e4ea0f0', name: 'content' })), this.closeable && (h("div", { key: 'bc036f2e2750d1a4153305097cb11f183d5cdfab', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '4da70fd7696239ef8ce00ef2fa3d20b9040e7816', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/esm/p-input-error.entry.js

@@ -14,7 +14,7 @@ const InputError = class {
     forceShowTooltip = false;
     _showTooltip = false;
     render() {
-        return (h(Host, { key: '45a74af66f46e731a920cca4fcfb028362c4061e', class: 'p-input-error' }, h("p-tooltip", { key: '531128b290f3ed11899916db655fad7f31dd487e', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '257a430e783d0d6fd21c1ba3a6bfc15ee7477c46', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '93f5e97e760f8f71d190128d030417f6022ff646', class: 'p-input-error' }, h("p-tooltip", { key: 'cd0e27c3e79bf3e6fb3e24d383620617c04c6faf', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '5f7adcb2bce4ca7704b3d5a44ddc849871908eee', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

package/dist/esm/p-input-group.entry.js

@@ -81,11 +81,11 @@ const InputGroup = class {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: 'aac9b79e3226f1764d0e30f15e0879945db14702', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: 'e4e60f3e88373c4a471dc6e46c7da6525d698fc5', class: 'flex items-end justify-between' }, label && (h("div", { key: 'dab7f91ba8a3425d2821fa8fdd60cdd9ec4cc7a1', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: 'eb69fc5e5c321d4d475bbf2b250fe129f96fc4c5', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: '7f973025ea872c3ba4d4f9dd01b167265663bc40', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '076d723a43f4dd0082b861d499bf4b0d4d90d43a', name: 'header' }), helper && (h("p-helper", { key: '39ddeeb3b620b93aa92c8a809eed6d6543129ce8', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '776a72d326dc9972134b3d9be86af11115d95875', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: 'cb58c460301e45e1a0b612fa72bd10016d4fba6b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '57040a0fdc8af97730eba9d0836accf4f32b1ebd', class: 'flex items-end justify-between' }, label && (h("div", { key: '4c54a2f6af88e0ad9da6b6b8ba0cf32d17b3830b', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: 'a1e06c2b0bcf1a41e6e9b40092b84bc0e34b392c', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'c401d7d52e15360173986f922b3610ff6a716e1a', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '71c03facbb151f30b71f4c3f03ef2ce3cd32c142', name: 'header' }), helper && (h("p-helper", { key: '3c01fcea64f1aa78cd0bcf6b40d4221a523d3447', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'ed1a4b89784b5cf170d98b57de42a97c49d6f203', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: 'bf3e345815c75c64875dd96a2c1f255e296aa3a0', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '748db023caedf23ec6b9f01d61627b93d9206079', 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: '753af8b94714c2a9cdc1e056b7101fa1cb5554e1', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'cb796c664b94500d996a3d0f437efab6a5386eac', 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: '51e0b781d0ce11561cd07be78a0d8c532da0208f', 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: '73f47263abefba1879cac89143dadd5c788287fa', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'b72c503fbf3d7de51a49d11897b1b9ffb4f7f39f', 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: '5b495dc855e6f246f7d5a8814bfbbba2880ea4fa', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-I9JY9uxk.js';
 import { c as cva } from './index-CO0T2jO4.js';
-import { c as cn } from './cn-CsNqHcjL.js';
+import { c as cn } from './cn-BniKgfyU.js';
 import './clsx-ChV9xqsO.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}}";
@@ -60,14 +60,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (h(Host, { key: '32dd2d8461fc35a3a96fc8c12b019a91bacf07af', class: 'p-label' }, h("div", { key: '4e099bbd5bca5d3389e79b0b1d41190bbc45605c', class: label({
+        return (h(Host, { key: '7adbe963d2ce1ba93a8324210ee8486b8338b787', class: 'p-label' }, h("div", { key: '4967788bebaf29509cd6a2b5c446d7d47c606610', 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: 'e270e8ef3b29c0b58ba25338fa8ad6e9c6313b2b', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '6c03819667fa2976dabc99a6c93afa004beb1eb5', 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: '7f40a5f685e2d8729050c5588f9b15927c18f615' }))))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -11,7 +11,7 @@ const Layout = class {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: '8397aca196f47cce6dc12689c388236927bfcd53', class: `p-layout variant-${this.variant}` }, h("div", { key: '14a13555f5c1fef5fd50634757f14ef80a911c96', class: 'content' }, h("div", { key: '8d65185719450dff865288bb9fca7483a0b7e048', class: 'inner-content' }, h("slot", { key: 'fc3af49d855f388ffb6faeebe3e56eec18d984f0', name: 'content' }))), h("div", { key: '651f6652d14bcea850dc7d7d9efea7fd28b07969', class: 'sidebar' }, h("slot", { key: '38de77eccacf3b286bee5e0c0dc01720994c1e54', name: 'sidebar' })), h("div", { key: '5512a3ee5227d43ea821f8055ee37aa0f783bdd9', class: 'topbar' }, h("slot", { key: '458b28389a3362b9453df1c9de7c3d799b2cc3ea', name: 'topbar' }))));
+        return (h(Host, { key: '7b6cc128969e9bc507b8ac5abdba91a68cb3e188', class: `p-layout variant-${this.variant}` }, h("div", { key: '52382256749bc1bbb5d75d9ce0ef7f9f542f7897', class: 'content' }, h("div", { key: '7f311fba45b4f9bc6388547bceb2bded78ef189c', class: 'inner-content' }, h("slot", { key: '195c46ddae43768490383ab06914b7ec7151c066', name: 'content' }))), h("div", { key: '40be7fb6d3197a1477003748ee628991324e7122', class: 'sidebar' }, h("slot", { key: '6f58a4a922b99651c7752bfd86428cc8b6979dc6', name: 'sidebar' })), h("div", { key: '6ef7f2b8e5b05f3616da1d5b5b5858aeb8fc7049', class: 'topbar' }, h("slot", { key: '14267c70d406c3a255c9eb8b2de5904a5e449b60', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;