@paperless/core 2.12.15 → 2.12.16

package/dist/components/{p-75pOVPMC.js.map → p-u6Gu9isj.js.map}

@@ -1 +1 @@
-{"file":"p-75pOVPMC.js","mappings":";;;;;AAAA,MAAM,2BAA2B,GAAG,s2FAAs2F;;ACK14F,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,4CAA4C;IAC5C,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\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</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-u6Gu9isj.js","mappings":";;;;;AAAA,MAAM,2BAA2B,GAAG,glHAAglH;;ACKpnH,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,oGAAoG;IACpG,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\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</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-BoYFd16u.js → p-z31Hnx0b.js}

@@ -143,19 +143,19 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'fdd0877ef2158fc17ee2d1bddb457b8715900f40' }, h("div", { key: '70dbcaa5829d8db35b90a69ceb8f7110350c02c1', class: item({
+        return (h(ThemedHost, { key: 'a0cdb6170da994966fa0b5e974c6726ed79fedfe' }, h("div", { key: 'd044e8ff0e75e2b84701172b8ab009e67e852e42', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '6c4f8ee7aa96f25b52c0ed9a63f75b306238c5bc', class: circle({
+            }) }, h("div", { key: '3338b84b066d0914e7bc4a957978d67a7d5a0f71', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '9ccce50fb7dd83095c670ad6d0530a478c63832f', class: content({
+            }) }, this.number), h("div", { key: '9d1bd3507e2d27eba1f72d719d17a7d823a9aac1', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: 'fd838d24bb8957b65a1bb92f0b7d27ca5034b629' })))));
+            }) }, h("slot", { key: 'f38c3877088ec7ab48580292269e5d6462ac3d14' })))));
     }
     static get style() { return stepperItemComponentCss; }
 }, [1, "p-stepper-item", {
@@ -182,6 +182,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { StepperItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-BoYFd16u.js.map
+//# sourceMappingURL=p-z31Hnx0b.js.map
 
-//# sourceMappingURL=p-BoYFd16u.js.map
+//# sourceMappingURL=p-z31Hnx0b.js.map

package/dist/components/{p-BoYFd16u.js.map → p-z31Hnx0b.js.map}

@@ -1 +1 @@
-{"file":"p-BoYFd16u.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/item/stepper-item.component.css?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst item = cva('flex gap-2', {\n\tvariants: {\n\t\talign: {\n\t\t\tstart: 'items-start',\n\t\t\tcenter: 'items-center',\n\t\t\tend: 'items-end',\n\t\t},\n\t\tcontentPosition: {\n\t\t\tstart: 'flex-row-reverse',\n\t\t\tend: null,\n\t\t},\n\t},\n});\n\nconst circle = cva(\n\t[\n\t\t'h-6 w-6 flex items-center justify-center',\n\t\t'text-sm text-center font-medium',\n\t\t'border border-solid',\n\t\t'rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\tdirection: {\n\t\t\t\thorizontal: null,\n\t\t\t\tvertical: null,\n\t\t\t},\n\t\t\tfinished: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfinished: false,\n\t\t\t\tactive: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'text-indigo-600 bg-indigo-50 border-indigo-600',\n\t\t\t\t\t'dark:text-hurricane-200 dark:bg-white/15 dark:border-white/15',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: true,\n\t\t\t\tfinished: false,\n\t\t\t\tclass: 'text-white bg-indigo-600 border-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: false,\n\t\t\t\tfinished: true,\n\t\t\t\tclass: 'text-white bg-indigo-600 border-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdirection: 'vertical',\n\t\t\t\talign: 'start',\n\t\t\t\tclass: 'mt-5',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdirection: 'vertical',\n\t\t\t\talign: 'end',\n\t\t\t\tclass: 'mb-5',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva('text-sm font-medium flex-1 mt-[1px]', {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tdirection: {\n\t\t\thorizontal: null,\n\t\t\tvertical: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-storm-400 dark:text-hurricane-200',\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t},\n\t\t{\n\t\t\tdirection: 'horizontal',\n\t\t\tactive: false,\n\t\t\tclass: 'hidden desktop-xs:inline-block',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.css',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The number of the step\n\t */\n\t@Prop() number: number = 1;\n\n\t/**\n\t * The direction of the item\n\t */\n\t@Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop() finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={item({\n\t\t\t\t\t\talign: this.align,\n\t\t\t\t\t\tcontentPosition: this.contentPosition,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\talign: this.align,\n\t\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.number}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-z31Hnx0b.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/item/stepper-item.component.css?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst item = cva('flex gap-2', {\n\tvariants: {\n\t\talign: {\n\t\t\tstart: 'items-start',\n\t\t\tcenter: 'items-center',\n\t\t\tend: 'items-end',\n\t\t},\n\t\tcontentPosition: {\n\t\t\tstart: 'flex-row-reverse',\n\t\t\tend: null,\n\t\t},\n\t},\n});\n\nconst circle = cva(\n\t[\n\t\t'h-6 w-6 flex items-center justify-center',\n\t\t'text-sm text-center font-medium',\n\t\t'border border-solid',\n\t\t'rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\tdirection: {\n\t\t\t\thorizontal: null,\n\t\t\t\tvertical: null,\n\t\t\t},\n\t\t\tfinished: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfinished: false,\n\t\t\t\tactive: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'text-indigo-600 bg-indigo-50 border-indigo-600',\n\t\t\t\t\t'dark:text-hurricane-200 dark:bg-white/15 dark:border-white/15',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: true,\n\t\t\t\tfinished: false,\n\t\t\t\tclass: 'text-white bg-indigo-600 border-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: false,\n\t\t\t\tfinished: true,\n\t\t\t\tclass: 'text-white bg-indigo-600 border-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdirection: 'vertical',\n\t\t\t\talign: 'start',\n\t\t\t\tclass: 'mt-5',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdirection: 'vertical',\n\t\t\t\talign: 'end',\n\t\t\t\tclass: 'mb-5',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva('text-sm font-medium flex-1 mt-[1px]', {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tdirection: {\n\t\t\thorizontal: null,\n\t\t\tvertical: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-storm-400 dark:text-hurricane-200',\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t},\n\t\t{\n\t\t\tdirection: 'horizontal',\n\t\t\tactive: false,\n\t\t\tclass: 'hidden desktop-xs:inline-block',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.css',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The number of the step\n\t */\n\t@Prop() number: number = 1;\n\n\t/**\n\t * The direction of the item\n\t */\n\t@Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop() finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={item({\n\t\t\t\t\t\talign: this.align,\n\t\t\t\t\t\tcontentPosition: this.contentPosition,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\talign: this.align,\n\t\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.number}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -36,10 +36,10 @@ const Accordion = class {
      */
     isOpen;
     render() {
-        return (h(ThemedHost, { key: '0d4727e14d3ac0003eb92ed1fef2b5c3550b5b1e' }, h("div", { key: '64d6399372ba32e67835650ccff6c77932ac6948', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(ThemedHost, { key: '12fbff336768433948b9d384528d595808295fb9' }, h("div", { key: 'd49e477d32da230a91eda03f8d4ba2e56bf3daed', class: cn('flex cursor-pointer items-center gap-2', {
                 'text-storm-500 dark:text-white': this.variant === 'primary',
                 'text-storm-300 dark:text-hurricane-200': this.variant === 'secondary',
-            }), onClick: () => this._onClick() }, h("p-icon", { key: 'cdd5eb390ba766d29aceace7e6d8d48925d9cbdb', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: '5346b36f85cf39cbce85f83fd4017a45f0e7c7a9', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '43fd7b8f63c7c642d994f48bbf196335df16450b', class: 'flex-1' })), this.open && (h("div", { key: 'd1cd1854c8014d772decbb06522f98775a7ba3cf', class: 'mt-4' }, h("slot", { key: '863e6f867dc6f8f2db1a774fd39e1e70b64222a2' })))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '145e3327d49ae7b660175ca886b2248aba1c8054', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ac26cc99a24c03c9dba432f737616bcfcab7b313', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'f99a5a61e0f1d8d06e4adcd1fad6860607162185', class: 'flex-1' })), this.open && (h("div", { key: '1ea4d6ab9fb6991971c460b452b7d95a19f56b36', class: 'mt-4' }, h("slot", { key: 'f126b1599886ccc3a6db40c15a2c8874bc62b012' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -106,21 +106,21 @@ const Attachment = class {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: 'e3041d87911b3ef89be9ae6dd57d9ad51b4b6ba3', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: 'be618d8484432870e28ebc0cb053644364f6a428', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '8cd0ea7fd1848a8f9d3ee96d42b4ecdb5f4ed27b', variant: 'warning', class: 'text-negative-red-500' }));
+            prefix = (h("p-icon", { key: 'd937e55a4039f62d6dc0b7975197e6951b5b9a4d', variant: 'warning', class: 'text-negative-red-500' }));
         }
         // const isMobileDevice = isMobile();
         const isMobileDevice = isTablet();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: 'a5e44898b46871afa963d7e0f18d915394bddd40' }, h("p-field-container", { key: '310c1d8f8ef45b99eeed799593712a9f3dbce009', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '2032dd135e492b7ea868f7c32e0cf6ca6b3b960a', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '9455fb465e6a71680cd2910c8b3c19b28f7bec0e', class: attachment({
+        return (h(Fragment, { key: 'ae4592f8c9586b0322cdea7b15667900d0a5a2b0' }, h("p-field-container", { key: '5ceb544db8a82a57ec10d002e448ea9f8e726032', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '2f37933fa6d1a930ddb07e5ceb716ec04cbff2e1', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: 'f116650d2975cea68050315fcfc25776c1f2e1f7', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '2ddab39315ea1006fbc0cebc98f38fefdef8a178', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '1cc5632998dbbdaf1c389af86a7ee001547dd93a', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '337fbce2b16a1a73f21fceceb28403ac545e3e10', class: 'w-8', content: this.mode === 'read'
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '0ec0b9971d7ba20cf682a60816307787503da946', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '2b754f7101e71e4fb3466806beedd3bd230f8740', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: 'd5079acda601bee27379f4607ef23232ff744f9f', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: '6b6771622ae63afb048494ff702bdf2d4bf8bb23', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: 'dd17172a5e921a11517bfbbd0eec2ad49afbc4cf', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -131,7 +131,7 @@ const Attachment = class {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: '242226f8304108a78a2df043cce33aa039da8691', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: 'd2438f478b6f724007b5d412ab00594fda47c980', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '9b39b1a1e8f30e1f0f6c07fc99c1449465ff0d65', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a844a95a4c34fcae3c76c92d06fc08aa91685e54', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '66e1a9bae5041f09d626073a4bcbfad55ef3c2af', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: '7b9f10d744bb26885fdaaaba3d66be83228053ad', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '1b36e1332831dfc11fba2c1d0f1b46e9bbf7584e', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: 'cb4d507633be0ed55ba5f135952b049aa347efe0', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

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

@@ -33,7 +33,7 @@ const SegmentContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: '61d31e8eba7c09eb8d0a6f55ba1a07b9e39e3c2b' }, h("div", { key: '8f2a0a0005b7f4d00be46d58db3bee27f13d3e44', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: '9159a4c7aa048c320c3492ebf31906016f9145a1' }))));
+        return (h(ThemedHost, { key: 'c6366b66f66240dcf3784d46a88b246dbc454619' }, h("div", { key: '0bf8489902ffda1fe015cd62c71dab495d4a7999', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: 'f30d77f94d7c9b67a7fd51b4549a501bba992e53' }))));
     }
 };
 SegmentContainer.style = segmentContainerComponentCss;
@@ -102,11 +102,11 @@ const SegmentItem = class {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: '13b87e6a8765f05e754c7adb579602fc488a18b8' }, h("div", { key: 'd86a917ea8c61d9f78092925afd2e915ebe65f73', class: segmentItem({
+        return (h(ThemedHost, { key: 'c747a62a93953da4018da318723f4731b0fb2975' }, h("div", { key: 'b849c0d0341b19438404f08db1141a6f731246f4', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'cf107a211726774ca53da24ccf8878145c2ac3ba', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: '00f62be640bf6cae10633b6b9b8d8f3850df9d84', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {

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

@@ -15,7 +15,7 @@ const ButtonGroup = class {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: 'b9b4580c83a470f5757610dda8916bdc1b3ed5f5', class: 'flex items-center' }, h("slot", { key: '50790e114cf09dbc97225ce55b4237d0c7e99f21' })));
+        return (h(Host, { key: 'a1da21729b15d719031ff57ea9fb4b7b51c18bfb', class: 'flex items-center' }, h("slot", { key: 'a797445c7c70a66a75a6946423419b49625aa5e4' })));
     }
     slotchange() {
         this._checkButtons();

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

@@ -552,7 +552,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '3e8f512cbdb7d44b80f80d70c5c7d4b1c0933942' }, h("div", { key: '34bca740dbd0e3df43899a7ba1c745dd0e121e83', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: '096ab769bc6d1df1481f412ab64047d75682aced' }, h("div", { key: '48f95e63542d93fb5ba7ca6c276280adca0d9e87', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && isAfter(this._today, this._maxDate)) {

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

@@ -259,11 +259,11 @@ const Dropdown = class {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: 'ed870d44153eab4d7b3dbb6e3e424aa459d39acf', class: 'relative' }, h("div", { key: '4966a1141bbb0c52ea0cce7a3d4fe4993f60c953', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: 'd782fc6e0ed8c575d56cf1e170c88ad5ce384713', name: 'trigger' })), h("div", { key: '72a3c18133657d18c98ebcdad2f376aa1d1f493f', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'f573b7446cb5fec75e31fc1659a7c44165f74ed8', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: dropdownContainerClass({
+        return (h(Host, { key: '9e793781c686849fbb772f61204aa04b997a5140', class: 'relative' }, h("div", { key: 'f282f409c2a302995f294bb7ba09d9dbaae56631', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: '3f8a29f23d515c923a32273a79ecca589f9b094c', name: 'trigger' })), h("div", { key: '9401e7ce9b0683b1431ac3a39b6d6cc5c94f1236', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '21d44fc86648a7e8b027ce5b7730ce0f56d1b790', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
-            }), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, h("slot", { key: 'cf458650189cc97441506649cc5dbb3cad9b2304', name: 'items' })))));
+            }), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, h("slot", { key: '66b5da85c37a9b91fc5aaabed34c6b4731bb358a', name: 'items' })))));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

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

@@ -51,9 +51,9 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f0049b9064462d362bda18bb1134e2457f8cbf35', class: 'p-content-slider' }, h("div", { key: '3e1e018f5b0c5e2966cc8b556f640b1c71d0c36e', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: '3082a3d1c0416b593e3a3d158d9eb076113f042f', class: 'p-content-slider' }, h("div", { key: '48e1f7e9e22fc71775354a47b960055ea050635e', 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) }, h("div", { key: '4ed7e07800e19bb2abde082c08b51f188122af08', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '0f86e7c0590f21b6ff65da06c011e39acaa2ed36', onSlotchange: () => this._slotChange() }))), h("div", { key: 'd9211a164fa4bb149db55cde4c1f62a8bd597159', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("div", { class: cn('block h-2 w-2 rounded-full', {
+            }, 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) }, h("div", { key: 'e1a0dcc1c1ef51c96549ad06f446290c8a927766', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'a291e9568a8c1bfd1a717b2c7a1acaaa65801abe', onSlotchange: () => this._slotChange() }))), h("div", { key: '5092b037cf36ced7b7a49cbc38aebe62028ba841', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("div", { class: cn('block h-2 w-2 rounded-full', {
                 'bg-indigo-600': i === this._visibleIndex,
                 'bg-indigo-300': i !== this._visibleIndex,
             }) })))))));

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

@@ -2846,7 +2846,7 @@ const Cropper = class {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: 'ae4281b414955bb53ea4042ec2050b65c5fef056' }, this._loaded && (h("cropper-canvas", { key: 'c8becb46481827657e07f9bd960f72c1f8d82498', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, h("cropper-image", { key: '104e1a53a5f3593e20275678d20555b30c3be4d7', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '14548d6b2aab143d94ce6358765bd6fb67005c90', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '7549481bbaf624aee354f37331ef3e015e44c4c0', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '6f126629472478eea2f546a625b27f49bea55915', action: 'move', plain: true }))), h("p-range", { key: '9792a42b439310835a5fe88f68b6b8425cb21878', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: '8de79414d99c04fce4f0c7b640bed695e4cc5853' }, this._loaded && (h("cropper-canvas", { key: '1180efdfdae579c524e03c6d5318d98a8882554f', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, h("cropper-image", { key: '27f2096a8780043674bfcedbc80124d7a7616874', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '9f8680d14c514aded609bf4b3fc15ca2f958fc32', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '101c1b6e1856da2900416d169820cc24d4ac03d6', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '17db2d8220c79692a96adee92c73f2e11b6a5f46', action: 'move', plain: true }))), h("p-range", { key: 'e29991c21cb4034b4fcc47c4bbf7b8f6a1e1567d', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

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

@@ -3065,7 +3065,7 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: 'dcc984f2f94249b1b999b5642e076b1502a67ea7', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '5b359fd4a928da0a0b373c7e5d3823196bf93b02', 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), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, 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: '1273bd273cb7590e1f4a5eca7e5dd730180993c4', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
+        return (h("p-dropdown", { key: '4400ed720e3b79d14c9c0f7a778ebad8594bc600', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '667d56425f4a91e036345ec4a960bd56f437e775', 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), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, 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: '6741f5b236b64eddd4a8e6cc35532cb310590722', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
                 format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? locale$1 : locale,
                 }), min: this.minDate &&
@@ -3074,7 +3074,7 @@ const Datepicker = class {
                 }), max: this.maxDate &&
                 format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? locale$1 : locale,
-                }) })), h("div", { key: 'a5ea49580d178d2e3514b57acc53b2d498dc059e', slot: 'items' }, h("p-calendar", { key: '15e87133e58e7cf209a03c4a2eb18c235a1f3742', 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, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
+                }) })), h("div", { key: '21bb536f91293aeb7bf9575bb4eb357bf89d0b1d', slot: 'items' }, h("p-calendar", { key: 'db5798f487ba8a1cdaf1826f30dcc36a9d292fb8', 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, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\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</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\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<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAO,8DAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,s2FAAs2F;;ACK14F,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,4CAA4C;IAC5C,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAEN,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;"}
+{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\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</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\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<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAO,8DAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,glHAAglH;;ACKpnH,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,oGAAoG;IACpG,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAEN,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;"}

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

@@ -17,12 +17,12 @@ const DrawerBody = class {
 };
 DrawerBody.style = drawerBodyComponentCss;
 
-const drawerContainerComponentCss = ".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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}.my-safe-2{margin-bottom:calc(env(safe-area-inset-bottom) + .5rem)!important;margin-top:calc(env(safe-area-inset-top) + .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}}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";
+const drawerContainerComponentCss = ".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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}.my-safe-2{margin-bottom:calc(env(safe-area-inset-bottom) + .5rem)!important;margin-top:calc(env(safe-area-inset-top) + .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}}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px!important}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px!important}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";
 
 const container = cva([
     'flex-1 min-w-0 my-safe-2',
     'z-drawer flex flex-col',
-    'rounded-2xl bg-white dark:bg-hurricane-600',
+    'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',
     'w-full tablet:w-[22.5rem]',
     'shadow-modal',
 ], {
@@ -42,9 +42,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '55d7a718c3dbe61487bf8068cdd32b7f1106a77f' }, h("div", { key: '8cc2aa8a3066722ab29da0c7f1c4bf09d0e5f512', class: container({
+        return (h(ThemedHost, { key: '6f5f2850bf8c1d74a288f08d9fa135569fd8b2ca' }, h("div", { key: '5077adee44ac5299591828e2c8a1c731a2169b45', class: container({
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '1faa0e2272780f462ebf2907a09a048aa8385c64' }))));
+            }) }, h("slot", { key: '2e3a1f72fb1b24ee97d80fc8b83f001bd341efe1' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss;

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,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAO,8DAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,s2FAAs2F;;ACK14F,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,4CAA4C;IAC5C,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAEN,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;","names":[],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\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</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\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<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\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,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAO,8DAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,glHAAglH;;ACKpnH,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,oGAAoG;IACpG,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,IAAI,EAAE,yBAAyB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;AC/ChB,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAEN,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;","names":[],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full px-2 tablet:ml-auto tablet:w-auto;\n\t@apply min-h-full overflow-x-hidden;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\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</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\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<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-empty-state_8.entry.js

@@ -70,11 +70,11 @@ const EmptyState = class {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (h(ThemedHost, { key: '2bdc6f6d1fe79fc5b4fbd34c911a1eaa96cd6257' }, h("div", { key: 'c4a6260f4557144ebdcbab77756084a916ebb520', class: emptyState({
+        return (h(ThemedHost, { key: 'a7178e18d2a830fa44b73825c8abf2940b29c40a' }, h("div", { key: 'dfde89ed956be692bd107ae2084422f35cb2991c', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: 'd772c46da64905e75989c1d44e1337f557d8a85f', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '36f836019e28b73d1694b7268e24959ec90b1d3c', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
 };
@@ -208,7 +208,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (h(ThemedHost, { key: '9379194afed85cd76e08376396c90c5802417ccb', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (h(ThemedHost, { key: 'cd757cfb2a27c50feef5127165eb99b071238872', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -235,7 +235,7 @@ const TableContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e1772f47e130bf95a91b2a9032e08439bdb12148', class: container() }, h("slot", { key: '58e38bc4fe4378fb69bd8cfae3f03b192b8a33b1' })));
+        return (h(Host, { key: '0aecc4fd136c891a69c1e73aa57a440a64431103', class: container() }, h("slot", { key: '83ea53a3483c1096954d4abafbf71e998411adde' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -335,11 +335,11 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
     }
     render() {
-        return (h(ThemedHost, { key: '47c7df230bf03cbdafb55c227eb7c4139ff98f1c' }, h("div", { key: '721794704451893ae3504baef3b06c4183eee867', class: footer({
+        return (h(ThemedHost, { key: '40a461aa422e9fa9355b3c80dd2a587921757c97' }, h("div", { key: 'aaaf82bf2a2dee5d27f2347fed248c879e8fd630', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '718cef96e025faf9f7e6427fc2fd9552d140ea5b', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '258b98819e5f8737463af4336bf820f427b0acf4', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -10085,13 +10085,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '77f0b78ed94f35b1ce43d35cd0638ea57679671d' }, h("div", { key: '263e4628d647256e237dd79ee7ce29a7f1cc6450', class: 'flex flex-col' }, h("div", { key: '3384055777b62ea108191f1fb1cb295d479e84bd', class: row({
+        return (h(ThemedHost, { key: '57cefd78545981975ff160405e54a614c52b2d10' }, h("div", { key: '752a97669376b1503b44ee3d53eb6a70fa22dabe', class: 'flex flex-col' }, h("div", { key: 'd764d107929e299979d1c859ae0a6ab571bd1561', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: '7c87e9ef1ed4342e7a9b73a54979b369d85414d5', class: content({
+            }) }, h("div", { key: '1d695cfc2826074c699f948869f648b165b2d617', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: 'a40866335aef2e94fd988187a7825fead4a08d41' }), h("div", { key: '491868157575a205a19456a2dbd6398f822057c0', class: actions() }, h("slot", { key: 'b8c08593ad1c5484cdfc757d037b09a562e74df1', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '12b2bb0d242e7049606ae0a0b3495696a83dfc03' })))));
+            }) }, h("slot", { key: '6195e8107e31ade2831f9bd53408ab03a12ee651' }), h("div", { key: 'fc8b47883f833b5e04fbf59ed1670fe6bca72102', class: actions() }, h("slot", { key: '00574d5c478f7bd740bef1a159a26071e25ffef7', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '7b408d711e1e08ab375587d474cfaebd89043276' })))));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10107,13 +10107,13 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: 'bf45cc564d69402e91afb77c22a20b6eed766ce0' }, h("div", { key: 'ddc5d9972ab74bc1b14de0ee03008a0eb94d481e', class: cn('flex before:w-4 before:bg-gradient-to-l before:from-off-white-200', {
+        return (h(ThemedHost, { key: '35a81d9f465fc59c0bbcb424c3eebb5c6e2a9973' }, h("div", { key: '12fbc8a26418c800d99419f84233617ccb96c198', class: cn('flex before:w-4 before:bg-gradient-to-l before:from-off-white-200', {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, h("div", { key: 'e26102e1539b699cfac3558d056222beeac37569', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: 'fe7a0bcff33520170dbd0c4fb9620e3174dbf91f', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, h("slot", { key: 'a27ca3af7183c73b363a936fd94de2760f8d6aaa' })))));
+            }) }, h("slot", { key: '4fe8342e13fa3bc5f38b9a869ff118afcd73d986' })))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;

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

@@ -341,8 +341,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: '8323b3130e6a4464a4d3162b34640f8a7cc94a9a' }, h("p-field-container", { key: '23df944a261bfcd4db83f51285f21d6f682cc94e', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '6c413b9170a3d267b7e794a715a77c5817f80223', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'f5c7fc6f42efdfb8f3d68b0be140c8942fa5fdc9', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '4ea6ba9f4c40d9a27dd2f0dadddeb8740bb02445', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '895e0a71d3b27639b0b67acc0492c79a41c9d83b', name: 'error', slot: 'error' })), h("div", { key: '0caa5a2f5fd8229dc8602084a46062686d5dc031', class: field({
+        return (h(ThemedHost, { key: 'dafed84a3cebd3183f9e7750201e23c8a35e12b1' }, h("p-field-container", { key: '4bdd13136ac2f1761d5fa286f5c488a4e9763716', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '66d128a4ffaa837b19125cfed07914706fad9306', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '70dad7a55744308710a39bbac389288903a05b14', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'b282396971c47f0f56e195f34c845267ed31b9a2', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '3d128969d9706b12e405fa685bb6f1be4d5eada9', name: 'error', slot: 'error' })), h("div", { key: '7a7377358c3f5e09381990acfd9a4393419885f5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -353,7 +353,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '03c67459dc5b49d5a13df2e90504f9192cb23451', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'f70ce94cc37be4edc3dcec1cbc072f2398779e91', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -363,7 +363,7 @@ const Field = class {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (h("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '12f1f01600ae1cf9a1987b2c79335f06631c34af', class: prefixAndSuffix({
+            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'd87ff3eafbf692f0276e597ed0e9cacfb5d89235', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

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

@@ -116,10 +116,10 @@ const Tooltip = class {
         }
     }
     render() {
-        return (h(ThemedHost, { key: 'dc77358b853f0c6a73480d6d951fa55ea39fe2ec', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '1633a1ab87c0035aae1778632a17e42335728f62', name: 'trigger' }), h("div", { key: 'eb11dfd050fbb9e48a900938cad368d01b50cf16', class: popover({
+        return (h(ThemedHost, { key: '820428c73aaa280b2bfc71fa12714c246036dd9b', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '1d0331b5ce5fd79e3237009bc5880c2b9588c53c', name: 'trigger' }), h("div", { key: '21f5acf60edcdb49cc1d8e239adc7d4c468da50c', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '48ee718d87a53674a3fd3cc9e811cd8d19b05abe', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'c293b19305e2e90e7ac3acf40490993ec7f9dfe8', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ? this.content : h("slot", { name: 'content' })))));
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '17025e33ac60b2e5a1fa2d40229689a8e29848a5', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'e8b4c31784473041945062b50c3d43dac514b5ac', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ? this.content : h("slot", { name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -77,14 +77,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '26b91701657358cc35850bbff513aca7c0eaa319' }, h("div", { key: 'd9a14bcef10db5757b208acbcd69b4395baf1860', class: label({
+        return (h(ThemedHost, { key: '81d0988d1395a9689894b923f703afc1b846e0d3' }, h("div", { key: 'a34233e4ef34f3a2709ca28715a967ae3466e4c2', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '90d1a63ac83715e342efa44ce7333e8701709106', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '6f35431029fbc1a73fce431b30645384d73c270a', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (h("p-icon", { key: '65babdbf6313700725a485b078e4b66938f0cf07', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'de6cc8e7b553cfbf318018defd3c2e7b6a3d32bc', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'b4f2763e4b930f6327a48f5415d5af8d21e5c006' }))))));
+            }) }, h("slot", { key: '4982a62ed0b0178252315c543cad09ccc6a659c4' }))))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -22,10 +22,10 @@ const Listing = class {
         }
     }
     render() {
-        return (h("div", { key: 'e954f284515928191687375a05d5208ee17ffbe3', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: 'fa1711147b6dad9acbbd5b5a5fb798299e22bf2a', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '039dbd2fd4e623de55b5ff54be2b52a4a1f91ad6', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: '8e3b03479567559ba00e7839e7f9555d142f520c', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {