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

package/dist/cjs/p-content-slider.cjs.entry.js

@@ -54,9 +54,9 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f98438cde91b0a393c11f7d9f2bab46bfc683584', class: "p-content-slider" }, index.h("div", { key: '54c3273c94684f4fce1b720b1a27104c138c8666', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (index.h(index.Host, { key: '301c90a98dc3ce30abc7e34ec431a8ea26cc0721', class: "p-content-slider" }, index.h("div", { key: 'c8db0f02ec1a36acd57351729a98d34eb39ff198', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, index.h("div", { key: '5a41057836170cee1f93c99cc188cfc72940888e', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: 'f637a520c78e69d8242ef157ef71f05f1641c5bd' }))), index.h("div", { key: '71d1072ec867de4faed22bdbd11657adb9180986', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, index.h("div", { key: '15a9722c50a4dc60a9bf90024e6f4b02137fc862', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: 'bd7c3f6c6e46fcaf4bb1cb9523f291eac67fd641' }))), index.h("div", { key: 'c7e8a1110493d3677412ea729f170d128afd7f83', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (index.h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, index.h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {

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

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

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

@@ -2848,10 +2848,10 @@ const Cropper = class {
         }, 200);
     }
     render() {
-        return (index.h(index.Host, { key: 'e2d396406909b07f5cb3e7f04ac8d675b3f4b1c2', class: 'p-cropper' }, this._loaded && (index.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() }, index.h("cropper-image", { key: '2ad9841d1c933e46d2319f8c321981be2e04ebff', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: '023a47de0f437c3c49de5508aa37f0cdbaf02d6b', class: clsx.clsx({
+        return (index.h(index.Host, { key: '082b3c928de796cb7888a2722f3c3a24ea5be9df', class: 'p-cropper' }, this._loaded && (index.h("cropper-canvas", { key: '9db8508fe349ed7f66c378c92efeba87d8e563d7', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, index.h("cropper-image", { key: 'f2a05191b5a5bb2057684fcafb999088f9a72fa9', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), index.h("cropper-shade", { key: '54996973265fd333d04c26761903704fa19d765e', class: clsx.clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), index.h("cropper-selection", { key: '15baa3ea43d985ef59d504acc4dc27f348b0419e', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: 'cf7fd446e4719a44d9b962f6df84641965e1617c', action: 'move', plain: true }))), index.h("div", { key: '41caafdef2fda22c83742aaba19989e662360306', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, index.h("p-icon", { key: '420472d4e3c726530068f91ef395f7ce893be953', variant: 'minus' }), index.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' }), index.h("p-icon", { key: 'ef8eb36ef5eaa9b858c6857aab602170ba91bf11', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), index.h("cropper-selection", { key: '152f062a2f9e46e66a9de6290e902041adf1263a', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: 'e7be24cff8bc4585b1dedd6114e338c03356db63', action: 'move', plain: true }))), index.h("div", { key: 'efadda124598dfa3657912b9008e3c2dce3df86d', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, index.h("p-icon", { key: '64f67e9cc50df5676770bcedcc94470a27014603', variant: 'minus' }), index.h("input", { key: 'c95378b4ae0e969f9fc120681d5e64abbd0373c3', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), index.h("p-icon", { key: 'ab53d7cb23fdc3bf5a7e8b736bade64d98a3d17c', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

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

@@ -3060,9 +3060,9 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '7dd110f6972ff8f6cd7698e76a712ae06e09579b', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: 'da8cbe3ceabe12d10c2afc11b93f9147616ef4cd', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.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.asBoolean(this.required), error: this.error, disabled: asBoolean.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 && (index$1.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 (index$1.h(index$1.Host, { key: '79ee0b6118c4d79390bd677a9490d12f2ecea410', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: 'fb1bbc5c51f15b5fb18c808e789bcead725dea9a', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: '3e7ed7186e9f5bbbeb57f34fdf04de8648deda49', 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.asBoolean(this.required), error: this.error, disabled: asBoolean.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 && (index$1.h("input", { key: '793e67b73eb33e83ef79e9ffaa98c13a765f36cf', 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 && index.format(this._value, 'yyyy-MM-dd'), min: this.minDate && index.format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && index.format(new Date(this.maxDate), 'yyyy-MM-dd') })), index$1.h("div", { key: 'a536a8ea7bd7c7b008cc684aad7f25c72846bb5a', slot: 'items' }, index$1.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 && index.format(this._value, 'yyyy-MM-dd'), min: this.minDate && index.format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && index.format(new Date(this.maxDate), 'yyyy-MM-dd') })), index$1.h("div", { key: 'b7208bce086a038dd5c7a74f57a3d4c1cd04b336', slot: 'items' }, index$1.h("p-calendar", { key: '498764f3b3f5aad8b00f73d7575e1c5a636d8553', 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.childOf(target, this._el)) {

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

@@ -1 +1 @@
-{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.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":["h","Host"],"mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;"}
+{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.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":["h","Host"],"mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;"}

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

@@ -13,12 +13,12 @@ const ModalBody = class {
      */
     variant = 'default';
     render() {
-        return (index.h(index.Host, { key: 'b21b96779903a4fe512b9bb5f167fbd46035d83b', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: 'f48c82328486a0506b77fc041142e24bb164b0f6' })));
+        return (index.h(index.Host, { key: 'e3e96b1148ccdecdc83a19600a1e7d613e61cbe9', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: 'ee7f3359cf6eb1f064510dbb230ecd5dd871dab8' })));
     }
 };
 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) {
@@ -29,7 +29,7 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (index.h(index.Host, { key: '46b4ece0ae2fe0faf0508dd4c92b37bca51d8343', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: '930e3fd47a0f77edb74ff8e068e239dee7bed822' })));
+        return (index.h(index.Host, { key: '98de0020bcd9059674a411382a17fe5d6b967207', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: 'e6f60084157d057683411dcb12e7ae448f7dc3f6' })));
     }
 };
 ModalContainer.style = drawerContainerComponentCss;
@@ -50,7 +50,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h(index.Host, { key: 'c78f2897faa2f621cf43795daaf3f9cd93c10f66', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: '96623a6b2942ca4f1afdedd11277c874e68c1da4', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: '6ace7e777024c3c19f21ff655b2bddb4cd566f5d' })));
+        return (index.h(index.Host, { key: '99b0cc883d8ab6cecdacb93ce1a22aef6b5dde2a', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: '1afbd4e1f9dc5f206a9b2b137c2156bfc1134933', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: '285f05b62b287d41517eb885c69399b5bd4dc826' })));
     }
 };
 ModalHeader.style = drawerHeaderComponentCss;

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

@@ -1 +1 @@
-{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;","names":["h","Host"],"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.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;","names":["h","Host"],"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/cjs/p-dropdown-menu-item_4.cjs.entry.js

@@ -251,7 +251,7 @@ const PaginationPages = class {
         this._generate();
     }
     render() {
-        return (index.h(index.Host, { key: 'b2d1fae77c72154beeb263d0a691bf37cbc17e53', class: pagination({
+        return (index.h(index.Host, { key: '900f0fb24a3f047ca6798ffc73e9130ff37d5c10', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -490,12 +490,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (index.h(index.Host, { key: '73d6639de89726282bd6ef19419e2c45fbe5be73', class: item({
+        return (index.h(index.Host, { key: '1bee53fc01d4b918e091882973135682ce50b86b', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, index.h("slot", { key: 'aed446a9f4b24550905ef2929faa898c8f42eaf8' })));
+            }) }, index.h("slot", { key: '3d11f82867532bf6d8d0b2d20a909a67e78cb6e9' })));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DLcBertx.js');
 var index$1 = require('./index-mudu9vpz.js');
-var cn = require('./cn-Cd68UVBT.js');
+var cn = require('./cn-BGmLaIp8.js');
 var asBoolean = require('./as-boolean-C1PzA22I.js');
 var localization = require('./localization-CGd_fklS.js');
 require('./clsx-BtxeOLZW.js');
@@ -262,21 +262,21 @@ const Field = class {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.h(index.Host, { key: '9060e4d27463582b6758f633b41694545dddcec1', class: 'p-field' }, index.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 && (index.h("slot", { key: 'f91191184a896235ff1398c77bdd85fcd7964170', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: 'a7dd120b3b9b93550ede7b18c6f91548e1e84bc1', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '1d19d165d7fff8a602b10e8d2edb4c68a978280e', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '1f09a4b86569a7c3a33365103908c25069085ed1', name: 'error', slot: 'error' })), index.h("div", { key: '318665381f82ff5ab9f78e906ce0c4730b8d8cff', class: field({
+        return (index.h(index.Host, { key: 'b0f5d57b1385e1e6be0e59efe9d37f3472cbf38b', class: 'p-field' }, index.h("p-field-container", { key: '8e0b71153c934cec686f2843977f1282b01bf7aa', 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 && (index.h("slot", { key: 'e1c950acdcc36a20be5d16a723c5258e3d0b1d1e', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '945325470a8c3dd1bbcacf5a36668b7c2f23d605', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'f6b433706b160f994c29c884a84e3d036aa0583d', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '6ff7e343e1eabc4a296a18a468c777f18f20fb7e', name: 'error', slot: 'error' })), index.h("div", { key: 'c9ea7f533ca6fb5c052955303eed46b38023e4a9', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: 'c032c53adff0f5a12272ea717d4e54858dd60314', class: prefixAndSuffix({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '322a1598fd8b2b6cc866467b92a198fb2fedb5af', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: cn.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')) && (index.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')) && (index.h("div", { key: 'd290e7ec04b5f1fc07375377985438b3d65d7a8b', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,

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

@@ -1816,7 +1816,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}";
 
@@ -1874,7 +1874,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '4f58d1be75932fa48c9e9bf4bed8e823ba5ff3ee', class: {
+        return (index.h(index.Host, { key: '1a803ae2deb32115449f9ec30482d0fc16a6098b', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -1911,7 +1911,7 @@ const TableContainer = class {
      */
     shadow = true;
     render() {
-        return (index.h(index.Host, { key: 'e094bf132a70d377fd4323e2720cf355f7294d79', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, index.h("slot", { key: '9b104afb593c3cbe423225a7efef912640060eb5' })));
+        return (index.h(index.Host, { key: 'bbfdd972487ea77594779ffdefa748435d43b5de', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, index.h("slot", { key: '087dad94ca2719671be0bc87c1388c8aacf0318e' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -1983,7 +1983,7 @@ const TableFooter = class {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (index.h(index.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 && (index.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 && (index.h("p-loader", { key: '16a43cb9b4a4ba1e35c0dcbf3850e31b74f34b6b', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (index.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 && (index.h("p-button", { key: 'd09c66fddf4b3d606ea9fc3c67d0e1cd5f0e8b3a', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))));
+        return (index.h(index.Host, { key: '827d78c084ae80411248bb185b1ef80e6a88565e', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (index.h("p-pagination-size", { key: 'fa7457b8c5511a370f9a517bd16be5a92ed39605', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (index.h("p-loader", { key: 'f18cb7cc900e90aa4a0cf833f0ed445fd2f1ced7', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (index.h("p-pagination-pages", { key: 'b566f2bcf377d7c73933af6df83ea220818d2303', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (index.h("p-button", { key: 'a4da689e2dd15d21881927e7cef06cdd054ac66d', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -11612,9 +11612,9 @@ const TableRow = class {
      */
     enableHover = true;
     render() {
-        return (index.h(index.Host, { key: 'de9a5c8270fd3379fa33705b67ca0869637e57be', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (index.h(index.Host, { key: '9303d175fbfe9b73150e4f596f34045fc054d66e', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, index.h("div", { key: '16d01684c34dfcd3ec1b08c23f5d638973fccb05', class: "content" }, index.h("slot", { key: 'b3bb3dde42ce6e34d2481a280a2bb8cfe9c664bf' })), this.variant === 'default' && index.h("p-divider", { key: 'd08b4ab1ded529d9e7eb4f64e872ae92127af521', class: "m-0" })));
+                'enable-hover'} group` }, index.h("div", { key: '4522670cfd2bde1a826ae7c03cde06282d147e8e', class: "content" }, index.h("slot", { key: '0d48e4350a6a89daea6d68d49e8a86216be9fbe5' })), this.variant === 'default' && index.h("p-divider", { key: '1fc80ae92213b24567d54ab26e8598580015b1ac', class: "m-0" })));
     }
 };
 TableRow.style = tableRowComponentCss;

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

@@ -135,19 +135,19 @@ const Tooltip = class {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (index.h("div", { key: '51276776ef0331d13709c7247a3c7b88cb3a97de', class: popover({
+        const tooltipElement = (index.h("div", { key: 'e201791f56b4a178d75c28a53b6ab0925504b7c1', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, index.h("div", { key: 'd989d6993145a76788a4506304490f82c155da61', class: 'flex gap-2' }, this.variant === 'error' && (index.h("div", { key: 'c3ed979d722fc5fab4b45570840fce15bdc5ca8e', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : index.h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, index.h("div", { key: '80e70db36516ffecf5715b1e772645013a22c430', class: 'flex gap-2' }, this.variant === 'error' && (index.h("div", { key: '74d7a02348d846c8d29811b7e3766e817d611654', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : index.h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (index.h("p-portal", { key: '3f2ba7d45ee22046cb6b79139a3d452357bdf1b3', class: portal({
+            tooltip = (index.h("p-portal", { key: '001305dabff0b6ed9fa7921b4525d33201aee72a', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (index.h(index.Host, { key: 'c32284c9771450d8685792c073004f5c81426f51', class: 'p-popover flex cursor-pointer' }, index.h("div", { key: '0ccff0a9b4a21979fa510f718f8f3c74c3c6a132', class: 'relative h-inherit w-inherit' }, index.h("slot", { key: '3d0d4f66254d52af662f8187e70c3f0b24e63abf', name: 'trigger' }), tooltip)));
+        return (index.h(index.Host, { key: 'e1dc535e35d3d6fcaa69ade05c188065e3223058', class: 'p-popover flex cursor-pointer' }, index.h("div", { key: '84e805f2ac925906b122f23629b39b3e048ad8cb', class: 'relative h-inherit w-inherit' }, index.h("slot", { key: 'eddb23c2e292a9636a43f33d4487aecd3c0ee868', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -31,7 +31,7 @@ const InfoPanel = class {
     closed;
     get _el() { return index.getElement(this); }
     render() {
-        return (index.h(index.Host, { key: '199c0cae5f8530c2f9e5f383eb69ef1e92ad385b', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: '225105041e2dbf1a6bd5bb808d2db794d034f062', class: 'header' }, index.h("slot", { key: '4018547aa40938dffec143aeea1ae0a680c61ac3', name: 'header' })), index.h("div", { key: '3f040cd13601432b8b71dfa14ba0adb7af673968', class: 'content' }, index.h("slot", { key: 'cb4a3f1ba98368565648e83392d57c8415d151e6', name: 'content' })), this.closeable && (index.h("div", { key: '88207c1bef55865c3aa35fd5841aa45ee9cf1ec6', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: '71fae9857f12ac68029615b8efa640c0f04cfb0d', variant: 'negative' })))));
+        return (index.h(index.Host, { key: '1370c48a8a6cbbdc0f7fd42f72c4531dc8a2ea0a', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: 'ad2b6000354dd9876e02a9ac9b8ea5aa31f79a7d', class: 'header' }, index.h("slot", { key: '62386f5dc04e312cef8c7edbdb0401cceea1fa38', name: 'header' })), index.h("div", { key: '581ff0873633401ecf06ccdc2130a497dd0f88b5', class: 'content' }, index.h("slot", { key: '120009989c994c022e316a3237e6f870726bca10', name: 'content' })), this.closeable && (index.h("div", { key: '96146e26bdf1df93d8813a6b5edb2ee085e4b3fb', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: '34db8506f490e9802c763bbd41733d403661760c', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

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

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

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

@@ -83,11 +83,11 @@ const InputGroup = class {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (index.h(index.Host, { key: 'aac9b79e3226f1764d0e30f15e0879945db14702', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, index.h("div", { key: 'e4e60f3e88373c4a471dc6e46c7da6525d698fc5', class: 'flex items-end justify-between' }, label && (index.h("div", { key: 'dab7f91ba8a3425d2821fa8fdd60cdd9ec4cc7a1', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && index.h("span", { key: 'eb69fc5e5c321d4d475bbf2b250fe129f96fc4c5', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (index.h("div", { key: '7f973025ea872c3ba4d4f9dd01b167265663bc40', class: 'input-header' }, hasHeaderSlot && index.h("slot", { key: '076d723a43f4dd0082b861d499bf4b0d4d90d43a', name: 'header' }), helper && (index.h("p-helper", { key: '39ddeeb3b620b93aa92c8a809eed6d6543129ce8', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), index.h("p-tooltip", { key: '776a72d326dc9972134b3d9be86af11115d95875', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (index.h(index.Host, { key: 'f75753f9ad328f114e7aa84f431460ea3f650daa', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, index.h("div", { key: '4aa511b148ba08a88a7c5596447b8ba5bba46da7', class: 'flex items-end justify-between' }, label && (index.h("div", { key: '3cded88ba82144338654bf82542e23c6cd6364ee', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && index.h("span", { key: '634bfb6eaad84acde75d25c9c4a755e7f91505ab', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (index.h("div", { key: '7cf2da02dd8513de8fd421899e5d90f5502d77a5', class: 'input-header' }, hasHeaderSlot && index.h("slot", { key: '11451eea6ccd55561aeefd51bad3a01f4645386f', name: 'header' }), helper && (index.h("p-helper", { key: 'c257f70c08e55bdc04d986aa0d57e60692eed4f1', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), index.h("p-tooltip", { key: '453738d337c1cb331307c5a6997e219a7866e166', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, index.h("div", { key: 'bf3e345815c75c64875dd96a2c1f255e296aa3a0', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '748db023caedf23ec6b9f01d61627b93d9206079', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, index.h("div", { key: '196afdddc02752d89c67d7202bb17d33791ee397', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '5aee123befc331c39cb3b50e9b3eec86170fc260', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '51e0b781d0ce11561cd07be78a0d8c532da0208f', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (index.h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), index.h("slot", { key: '73f47263abefba1879cac89143dadd5c788287fa', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '6e42a60df3033089700a236433d3abb1e4a53355', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (index.h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), index.h("slot", { key: 'c6a020f8dd1074b6ae3a602811b5a9ea55868134', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DLcBertx.js');
 var index$1 = require('./index-mudu9vpz.js');
-var cn = require('./cn-Cd68UVBT.js');
+var cn = require('./cn-BGmLaIp8.js');
 require('./clsx-BtxeOLZW.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 = class {
      */
     keepMobileContent = false;
     render() {
-        return (index.h(index.Host, { key: '32dd2d8461fc35a3a96fc8c12b019a91bacf07af', class: 'p-label' }, index.h("div", { key: '4e099bbd5bca5d3389e79b0b1d41190bbc45605c', class: label({
+        return (index.h(index.Host, { key: 'e9d8b5cd93eff0e057199ad0c0894b2fdeb3a149', class: 'p-label' }, index.h("div", { key: '3cfe891dc928c5083218ec4d839b94f04ed2c85a', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (index.h("p-icon", { key: '62928bfc6402ebc35c5cd153057ab19d26d45aa8', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: '959f977c40b2e2eb620e92f4ab2004a3ed93b5b5', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (index.h("p-icon", { key: '4b346dca3c0405507ca05e48bc69af4a32589d27', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: '1fd3d29c8645d22ef14e576a108972c63601313f', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, index.h("slot", { key: 'a3790bb2feb43a4b87d1923b7c9fd589a40b56fb' }))))));
+            }) }, index.h("slot", { key: '85cb05c5580a650861688696570a298703d12fc9' }))))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -13,7 +13,7 @@ const Layout = class {
      */
     variant = 'default';
     render() {
-        return (index.h(index.Host, { key: '8397aca196f47cce6dc12689c388236927bfcd53', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '14a13555f5c1fef5fd50634757f14ef80a911c96', class: 'content' }, index.h("div", { key: '8d65185719450dff865288bb9fca7483a0b7e048', class: 'inner-content' }, index.h("slot", { key: 'fc3af49d855f388ffb6faeebe3e56eec18d984f0', name: 'content' }))), index.h("div", { key: '651f6652d14bcea850dc7d7d9efea7fd28b07969', class: 'sidebar' }, index.h("slot", { key: '38de77eccacf3b286bee5e0c0dc01720994c1e54', name: 'sidebar' })), index.h("div", { key: '5512a3ee5227d43ea821f8055ee37aa0f783bdd9', class: 'topbar' }, index.h("slot", { key: '458b28389a3362b9453df1c9de7c3d799b2cc3ea', name: 'topbar' }))));
+        return (index.h(index.Host, { key: '899658d99b3217fcd9ddd1daa8082a8a6c172849', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '8765b2e674ec6faff7003acdd966d59609c81ed9', class: 'content' }, index.h("div", { key: '3c9aa2c169f6532e3af42d502abf5c24618663c5', class: 'inner-content' }, index.h("slot", { key: '8e975a05591dcac06be98b099a3f7b39b860a488', name: 'content' }))), index.h("div", { key: 'd052660b89f404fda36ba6683832d089bc118316', class: 'sidebar' }, index.h("slot", { key: 'c1c326b3590e6b0f9365ad1ec31e755be294cc9f', name: 'sidebar' })), index.h("div", { key: 'a4c06672b27423bad09d0c3df5c819bbdb1a4f11', class: 'topbar' }, index.h("slot", { key: 'c5e373f10cd1087070f92493e6fb8bd370536888', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;

package/dist/cjs/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","sources":["src/components/deprecated/atoms/modal/body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/deprecated/atoms/modal/body/modal-body.component.tsx","src/components/deprecated/atoms/modal/container/modal-container.component.scss?tag=p-modal-container","src/components/deprecated/atoms/modal/container/modal-container.component.tsx","src/components/deprecated/atoms/modal/footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/deprecated/atoms/modal/footer/modal-footer.component.tsx","src/components/deprecated/atoms/modal/header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/deprecated/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply px-6 py-6;\n}\n\n:host(.variant-table-flush) {\n\t@apply p-0 #{!important};\n}\n\n:host(.is-rounded-bottom) {\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n\n:host(.is-rounded-top) {\n\t@apply rounded-t-lg desktop-xs:rounded-t-2xl;\n}\n\n:host(.no-padding) {\n\t@apply p-0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-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-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-modal-container {\n\t@apply z-modal flex w-full flex-col tablet:w-auto;\n\t@apply rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl;\n\n\t@apply desktop-xs:m-auto;\n\t@apply max-h-[calc(100dvh-4rem)] desktop-xs:max-h-none;\n\n\t@apply animate-in slide-in-from-bottom desktop-xs:slide-in-from-bottom-16 #{!important};\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-bottom desktop-xs:slide-out-to-bottom-16 #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n\txs: 'tablet:w-80',\n\tsm: 'tablet:w-[33.5rem]',\n\tmd: 'tablet:w-[38rem]',\n\tlg: 'tablet:w-[47.5rem]',\n\txl: 'tablet:w-[57.5rem]',\n};\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\tconst sizeClass = modalSizes[this.size];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-container ${\n\t\t\t\t\tthis.closing && 'closing'\n\t\t\t\t} ${sizeClass}`}\n\t\t\t>\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 flex flex-col;\n\t@apply px-6 pb-6;\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.scss',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-modal-footer\">\n\t\t\t\t<p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply rounded-t-2xl bg-mystic;\n\t@apply flex items-center justify-between;\n\t@apply p-4 desktop-xs:p-6;\n\n\t@apply text-xl font-semibold text-storm-dark;\n\t@apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-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-modal-header'>\n\t\t\t\t<span>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\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={ev => this.close.emit(ev)}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,y6BAAy6B;;MCO17B,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAA8B,SAAS;AAEtD;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;AAEnC;;AAEG;IACK,OAAO,GAAY,IAAI;IAE/B,MAAM,GAAA;QACL,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,OAAO,CAC1C,CAAA,EAAA,IAAI,CAAC,aAAa,IAAI,mBACvB,CAAA,CAAA,EACC,IAAI,CAAC,UAAU,IAAI,gBACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,CAAA,CAAE,EAAA,EAEnCD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtCV,MAAM,0BAA0B,GAAG,giHAAgiH;;ACEnkH;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,GAAG;AAClB,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,oBAAoB;CACxB;MAKY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,IAAI,GAA8B,IAAI;AAE9C;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AAEvC,QAAA,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CACN,kBAAA,EAAA,IAAI,CAAC,OAAO,IAAI,SACjB,CAAA,CAAA,EAAI,SAAS,CAAE,CAAA,EAAA,EAEfD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACxCV,MAAM,uBAAuB,GAAG,yuBAAyuB;;MCO5vB,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3BD,OAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAG,CAAA,EAEtDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACdV,MAAM,uBAAuB,GAAG,43BAA43B;;MCO/4B,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3BD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EAEN,IAAI,CAAC,SAAS,KACdA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,IAAI,EAAC,IAAI,GACE,CACZ,CACK;;;;;;;;;;"}
+{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva(['p-modal-body', 'bg-white p-4 overflow-y-scroll'], {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-modal-container {\n\t&.opening {\n\t\t@apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small !important;\n\t}\n\n\t&.closing {\n\t\t@apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small !important;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'p-modal-container flex-1 min-w-0',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'desktop-xs:m-auto',\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[40rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small opening',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small closing',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\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\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-modal-footer flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:flex' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","/* :host { */\n/* @apply rounded-t-2xl bg-mystic; */\n/* @apply flex items-center justify-between; */\n/* @apply p-4 desktop-xs:p-6; */\n/**/\n/* @apply text-xl font-semibold text-storm-dark; */\n/* @apply desktop-xs:text-3xl desktop-xs:font-bold; */\n/* } */\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva(\n\t'p-modal-header inline-flex w-full flex-col relative bg-white rounded-t-2xl overflow-hidden'\n);\n\nconst content = cva(\n\t['flex justify-end', 'w-full p-4 pb-0 bg-off-white  -mb-1'],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tbase: 'h-12',\n\t\t\t\tlg: '',\n\t\t\t\txl: '',\n\t\t\t\t'2xl': '',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n})\nexport class ModalHeader {\n\t/**\n\t * Size of the header\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\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={header()}>\n\t\t\t\t<div class={content({ size: this.size })}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile-footer />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["cva","h","Host","asBoolean"],"mappings":";;;;;;;AAAA,MAAM,qBAAqB,GAAG,osBAAosB;;ACGluB,MAAM,IAAI,GAAGA,WAAG,CAAC,CAAC,cAAc,EAAE,gCAAgC,CAAC,EAAE;AACpE,IAAA,QAAQ,EAAE;AACT,QAAA,aAAa,EAAE;AACd,YAAA,IAAI,EAAE,yCAAyC;AAC/C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,UAAU,EAAE;AACX,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;IAEnC,MAAM,GAAA;QACL,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJD,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC;gBACX,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;AAC3B,aAAA,CAAC,EAAA,EAEFA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACA;;;;;AC3CV,MAAM,0BAA0B,GAAG,20FAA20F;;ACI92F,MAAM,SAAS,GAAGD,WAAG,CACpB;IACC,kCAAkC;IAElC,uBAAuB;IACvB,uDAAuD;IAEvD,mBAAmB;IACnB,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,KAAK,EAAE,sBAAsB;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,0EAA0E;AAC3E,YAAA,IAAI,EAAE,4EAA4E;AAClF,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,IAAI,GAAiC,MAAM;AAEnD;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCC,OAAC,CAAAC,UAAI,qDACJ,KAAK,EAAE,SAAS,CAAC;gBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,OAAO,EAAEC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACzDV,MAAM,uBAAuB,GAAG,qwBAAqwB;;MCMxxB,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACL,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oFAAoF,EAAA,EAC/FD,OAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAG,CAAA,EAEjDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACpDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACA;;;;;ACfV,MAAM,uBAAuB,GAAG,8lDAA8lD;;ACG9nD,MAAM,MAAM,GAAGD,WAAG,CACjB,4FAA4F,CAC5F;AAED,MAAM,OAAO,GAAGA,WAAG,CAClB,CAAC,kBAAkB,EAAE,qCAAqC,CAAC,EAC3D;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,KAAK,EAAE,EAAE;AACT,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,6DAA6D;IAC7D,8CAA8C;AAC9C,CAAA,CAAC;MAMW,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,IAAI,GAAiC,MAAM;AAEnD;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;QACL,QACCC,OAAC,CAAAC,UAAI,qDAAC,KAAK,EAAE,MAAM,EAAE,EAAA,EACpBD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAA,EACvCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,CACvB,CACZ,CACI,EAENA,OAAkB,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACZ;;;;;;;;;;"}