@paperless/core 2.2.15 → 2.2.17

package/dist/components/{p-C_Uug2bi.js → p-TDGXG5Qi.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$4 } from './p-BhTjLQdF.js';
+import { d as defineCustomElement$4 } from './p-ARBBg7l1.js';
 import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
 import { d as defineCustomElement$2 } from './p-CR36e-YR.js';
 import { d as defineCustomElement$1 } from './p-CvfOjT_y.js';
@@ -68,11 +68,11 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
         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("div", { key: 'c35868f65cbc84e193dea100f4f9d6ee2757501c', class: emptyState({
+        return (h("div", { key: 'e253ccbae25a9827540b7a507226f6457fc392a0', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: 'cff1e33209996280a1e75636cdf3403027439eed', 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' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '1719b632c75c7f33f0b9818691a2d45c9fd8de39', 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' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, 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)))));
     }
     static get style() { return emptyStateComponentCss; }
@@ -123,6 +123,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { EmptyState as E, defineCustomElement as d };
-//# sourceMappingURL=p-C_Uug2bi.js.map
+//# sourceMappingURL=p-TDGXG5Qi.js.map
 
-//# sourceMappingURL=p-C_Uug2bi.js.map
+//# sourceMappingURL=p-TDGXG5Qi.js.map

package/dist/components/{p-C_Uug2bi.js.map → p-TDGXG5Qi.js.map}

@@ -1 +1 @@
-{"file":"p-C_Uug2bi.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,skCAAskC;;ACgBrmC,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,YAAY,EAAE;AACb,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAkB,WAAW;AAElD;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,kBAAkB,GAAoB,OAAO;AAErD;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;AACM,IAAA,MAAM;;IAOf,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAC1E,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AACD,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAE1E,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,UAAU,CAAC;gBACjB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AAChD,aAAA,CAAC,EACF,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;kBACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;kBACnB,SAAS,EAAA,EAGZ,IAAI,CAAC,YAAY,KACjB,uEACC,KAAK,EAAC,+BAA+B,EACrC,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF,EACA,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,KAEtB,IAAI,CAAC,MAAM,EAAE,MAAM,KAClB,SAAG,KAAK,EAAC,8DAA8D,EAAA,EACrE,IAAI,CAAC,MAAM,CACT,CACJ,CACD,EACA,cAAc,IACd,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,KAEvB,IAAI,CAAC,OAAO,EAAE,MAAM,KACnB,SAAG,KAAK,EAAC,qDAAqD,EAAA,EAC5D,IAAI,CAAC,OAAO,CACV,CACJ,CACD,EACA,IAAI,CAAC,YAAY;AACjB,aAAC,aAAa,IACb,YAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CACC,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAE1B,EAAA,IAAI,CAAC,UAAU,CACN,CACX,CAAC,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/empty-state/empty-state.component.css?tag=p-empty-state&encapsulation=shadow","src/components/molecules/empty-state/empty-state.component.tsx"],"sourcesContent":["p-divider {\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/**\n\t * The variant of the illustration\n\t */\n\t@Prop() illustration: IllustrationVariant;\n\n\t/**\n\t * The header of the empty state\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the empty state\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * The variant of the action\n\t */\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/**\n\t * The icon for the action button\n\t */\n\t@Prop() actionIcon: IconVariant;\n\n\t/**\n\t * The position of the action icon\n\t */\n\t@Prop() actionIconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Event() action: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-5xl text-indigo-600'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-storm-500'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm font-normal text-storm-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonPosition={this.actionIconPosition}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-TDGXG5Qi.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,skCAAskC;;ACgBrmC,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,YAAY,EAAE;AACb,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAkB,WAAW;AAElD;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,kBAAkB,GAAoB,OAAO;AAErD;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;AACM,IAAA,MAAM;;IAOf,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAC1E,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AACD,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAE1E,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,UAAU,CAAC;gBACjB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AAChD,aAAA,CAAC,EACF,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;kBACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;kBACnB,SAAS,EAAA,EAGZ,IAAI,CAAC,YAAY,KACjB,uEACC,KAAK,EAAC,+BAA+B,EACrC,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF,EACA,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,KAEtB,IAAI,CAAC,MAAM,EAAE,MAAM,KAClB,SAAG,KAAK,EAAC,8DAA8D,EAAA,EACrE,IAAI,CAAC,MAAM,CACT,CACJ,CACD,EACA,cAAc,IACd,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,KAEvB,IAAI,CAAC,OAAO,EAAE,MAAM,KACnB,SAAG,KAAK,EAAC,qDAAqD,EAAA,EAC5D,IAAI,CAAC,OAAO,CACV,CACJ,CACD,EACA,IAAI,CAAC,YAAY;AACjB,aAAC,aAAa,IACb,YAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CACC,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAE1B,EAAA,IAAI,CAAC,UAAU,CACN,CACX,CAAC,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/empty-state/empty-state.component.css?tag=p-empty-state&encapsulation=shadow","src/components/molecules/empty-state/empty-state.component.tsx"],"sourcesContent":["p-divider {\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/**\n\t * The variant of the illustration\n\t */\n\t@Prop() illustration: IllustrationVariant;\n\n\t/**\n\t * The header of the empty state\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the empty state\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * The variant of the action\n\t */\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/**\n\t * The icon for the action button\n\t */\n\t@Prop() actionIcon: IconVariant;\n\n\t/**\n\t * The position of the action icon\n\t */\n\t@Prop() actionIconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Event() action: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-5xl text-indigo-600'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-storm-500'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm font-normal text-storm-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonPosition={this.actionIconPosition}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-accordion.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
 import { c as cn } from './p-CT54OXR2.js';
-import { d as defineCustomElement$3 } from './p-Dl2d_IWC.js';
+import { d as defineCustomElement$3 } from './p-Fa6eP7ZQ.js';
 import { d as defineCustomElement$2 } from './p-BNz_LoMA.js';
 
 const accordionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mt-4{margin-top:1rem!important}.flex{display:flex!important}.flex-1{flex:1 1 0%!important}.shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.font-medium{font-weight:500!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";
@@ -37,10 +37,10 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends H {
      */
     isOpen;
     render() {
-        return (h(Host, { key: '390dfeb4a9976d3c86d8289198000cfdf165158a' }, h("div", { key: '1bc5d3dedd5dff15bb6d455bfb4ff37fba9e4274', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(Host, { key: 'd2e37d05f1613dd53e323417a4a73d398ac82c27' }, h("div", { key: '4fea985a4506c4c48f2986c4c22c7278e7e843fd', class: cn('flex cursor-pointer items-center gap-2', {
                 'text-storm-500': this.variant === 'primary',
                 'text-storm-300': this.variant === 'secondary',
-            }), onClick: () => this._onClick() }, h("p-icon", { key: '2898527c1503d5c55af9e43a096dfadc780a582e', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'cfabaa712300b89162e134257487c0307c2953df', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'a32bc3ce93d6c7c6d92249127e4dc936ae029aa7', class: 'flex-1' })), this.open && (h("div", { key: 'd473ffd144d9d9468fcfd7ea635eba0620ba65cc', class: 'mt-4' }, h("slot", { key: 'add9a8b15f0d3ec7c86e60b774883bdae3933a84' })))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '77eb66daf9468d06c536bd9868e434d447a0d21e', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: '585cc245deef9fb7f0f91a5cacf3d7f638a2293e', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'cee11872f03df816c7124358c2ca6a3942c3c3dd', class: 'flex-1' })), this.open && (h("div", { key: '4d7b6fa6bbccfa8f5bb1772855c7addecd7be97f', class: 'mt-4' }, h("slot", { key: 'c9b7d4855de13d7afffd67743db971f7a80213c7' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

package/dist/components/p-attachment.js

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from '
 import { c as cva } from './p-CBWjHURv.js';
 import { h as isTablet, f as isMobile } from './p-B3sNjfzc.js';
 import { c as cn } from './p-CT54OXR2.js';
-import { d as defineCustomElement$7 } from './p-BhTjLQdF.js';
-import { d as defineCustomElement$6 } from './p-CP2h1oCK.js';
-import { d as defineCustomElement$5 } from './p-D3bGda3N.js';
+import { d as defineCustomElement$7 } from './p-ARBBg7l1.js';
+import { d as defineCustomElement$6 } from './p-Bs_mDdx4.js';
+import { d as defineCustomElement$5 } from './p-Ds64b3s1.js';
 import { d as defineCustomElement$4 } from './p-BNz_LoMA.js';
 import { d as defineCustomElement$3 } from './p-CvfOjT_y.js';
-import { d as defineCustomElement$2 } from './p-Dk8TzngH.js';
+import { d as defineCustomElement$2 } from './p-CH64wrKS.js';
 
 const attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-8{width:2rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-negative-red-500{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.peer:empty~.peer-empty\\:block{display:block!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}";
 
@@ -111,21 +111,21 @@ const Attachment = /*@__PURE__*/ proxyCustomElement(class Attachment extends H {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: '6006d92c8d84259cc0e3527fe1d0550547b06041', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: 'ef9f92c1b9421cdaee48b464685814be3d0991b1', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '579481d900e588c2c533ee879b3c289eaf0d4a84', variant: 'warning', class: 'text-negative-red-500' }));
+            prefix = (h("p-icon", { key: 'bb274a448f58d535b0bc6219e642b8cfadc40990', 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: 'af1f04c34806128816b7aab2b16a5a0cf8aa51d2' }, h("p-field-container", { key: '657f30e3f77f7cf036448a897446e4c3a24fcfe7', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '61e9cdc4767075475bb5f3e41e813df60e323c9c', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '2f3ddc2bd116171ffc7e0930d090d667b5450597', class: attachment({
+        return (h(Fragment, { key: '0dae99f1c48de12fdfba2968983799af9e0b754c' }, h("p-field-container", { key: '3e99a6b8a9866f3c60a116d2d642ee43af8335e3', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: 'c61ae992d03dbf6d6daee456f98f0f6bfc9890f8', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '52cdb4acf0017bced4b438fffe3027a1087fb314', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: 'e552d072f2f0f87ee1a7c5cb84ad0bfe5d5c4f73', class: cn(baseText, 'peer empty:hidden') }, this.value), h("span", { key: 'dafb10d7f2b9420947d3668f9ef3e22233df5ca5', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '5a4c4646a9e8796324af0ccdf2171dbfc37a7a02', class: 'w-8', content: this.mode === 'read'
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '4f1319740bb48888869a3f38b18d03a1eebfea2c', class: cn(baseText, 'peer empty:hidden') }, this.value), h("span", { key: '5bcf5788dfae682a5453e80c3f8a9d74815072cb', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: 'dc7f63beebb5972335d07daf641b0ce7f930986f', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: '3f268186415d92e9000921ffa7ab74e411baeb52', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: '5587300b92305a2d1e2f98da0d18cef2a8263b1f', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -136,7 +136,7 @@ const Attachment = /*@__PURE__*/ proxyCustomElement(class Attachment extends H {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: 'e7bb31cc3c6acdd2b5addadcab682ded6e329d54', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: '06d4e15177283476e374f591bad4b9596f0d744e', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: 'e60cf5c565c3f8ca12268e687e9509452ed419f7', 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: 'c90296bff1a15fd3b7feaf74a3395eec0ff3dea7', 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: '1e3e3839c88e13e200d05a780e1d26acc6619025', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: '61e030a7e9e8168bf24dd1da25be13d34185c6f5', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '3f6b962fc1c31ff37fdf7c73e632499c06a5b59a', 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: '96d7b8fa5c9f50d071291a6fa3d8185c85574dae', 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/components/p-button-group.js

@@ -17,7 +17,7 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: 'bfe19fb4d37ba2fded7abb0949e1f8056d936267', class: 'flex items-center' }, h("slot", { key: '61284591c97d734310c0c80608632703b616d0fa' })));
+        return (h(Host, { key: '6849011685d17748cd4bf89366951a9849f64522', class: 'flex items-center' }, h("slot", { key: '8c2125dbcd5acdcfc50219ea973adb7ba34fc413' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/components/p-button.js

@@ -1,4 +1,4 @@
-import { B as Button, d as defineCustomElement$1 } from './p-BhTjLQdF.js';
+import { B as Button, d as defineCustomElement$1 } from './p-ARBBg7l1.js';
 
 const PButton = Button;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-calendar.js

@@ -1,4 +1,4 @@
-import { C as Calendar, d as defineCustomElement$1 } from './p-XuPLq1zd.js';
+import { C as Calendar, d as defineCustomElement$1 } from './p-PqgdU5A2.js';
 
 const PCalendar = Calendar;
 const defineCustomElement = defineCustomElement$1;

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

@@ -3,7 +3,7 @@ import { c as cva } from './p-CBWjHURv.js';
 import { c as cn } from './p-CT54OXR2.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 
-const cardContainerComponentCss = ".inline-block{display:inline-block!important}*{box-sizing:border-box}:host{display:inline-block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-amber-100{background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-amber-100,.bg-amber-50{--tw-bg-opacity:1!important}.bg-amber-50{background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-amber-800{background-color:rgb(148 77 11/var(--tw-bg-opacity,1))!important}.bg-amber-800,.bg-black{--tw-bg-opacity:1!important}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))!important}.bg-current{background-color:currentColor!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-200{--tw-bg-opacity:1!important;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))!important}.bg-indigo-300{--tw-bg-opacity:1!important;background-color:rgb(187 209 253/var(--tw-bg-opacity,1))!important}.bg-indigo-400{--tw-bg-opacity:1!important;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-indigo-500{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.bg-indigo-700{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.bg-indigo-800{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important}.bg-indigo-900{--tw-bg-opacity:1!important;background-color:rgb(19 73 182/var(--tw-bg-opacity,1))!important}.bg-inherit{background-color:inherit!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red-800{--tw-bg-opacity:1!important;background-color:rgb(141 16 16/var(--tw-bg-opacity,1))!important}.bg-off-white-100{--tw-bg-opacity:1!important;background-color:rgb(253 252 251/var(--tw-bg-opacity,1))!important}.bg-off-white-200{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-400{--tw-bg-opacity:1!important;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))!important}.bg-off-white-50{--tw-bg-opacity:1!important;background-color:rgb(254 254 253/var(--tw-bg-opacity,1))!important}.bg-off-white-500{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.bg-off-white-800{--tw-bg-opacity:1!important;background-color:rgb(213 208 195/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-positive-green-50{--tw-bg-opacity:1!important;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-positive-green-800{--tw-bg-opacity:1!important;background-color:rgb(47 100 7/var(--tw-bg-opacity,1))!important}.bg-storm-100{--tw-bg-opacity:1!important;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.bg-storm-300{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.bg-storm-400{background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.bg-storm-400,.bg-storm-50{--tw-bg-opacity:1!important}.bg-storm-50{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-storm-500{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.bg-storm-700{--tw-bg-opacity:1!important;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))!important}.bg-storm-800{--tw-bg-opacity:1!important;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white,.bg-white-500{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/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}.bg-white-800{--tw-bg-opacity:1!important;background-color:rgb(228 227 227/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important}.shadow-1,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!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}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white-200:hover{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}";
+const cardContainerComponentCss = ".inline-block{display:inline-block!important}*{box-sizing:border-box}:host{display:inline-block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-negative-red-500{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-amber-100{background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-amber-100,.bg-amber-50{--tw-bg-opacity:1!important}.bg-amber-50{background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-amber-800{background-color:rgb(148 77 11/var(--tw-bg-opacity,1))!important}.bg-amber-800,.bg-black{--tw-bg-opacity:1!important}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))!important}.bg-current{background-color:currentColor!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-200{--tw-bg-opacity:1!important;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))!important}.bg-indigo-300{--tw-bg-opacity:1!important;background-color:rgb(187 209 253/var(--tw-bg-opacity,1))!important}.bg-indigo-400{--tw-bg-opacity:1!important;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-indigo-500{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.bg-indigo-700{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.bg-indigo-800{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important}.bg-indigo-900{--tw-bg-opacity:1!important;background-color:rgb(19 73 182/var(--tw-bg-opacity,1))!important}.bg-inherit{background-color:inherit!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red-800{--tw-bg-opacity:1!important;background-color:rgb(141 16 16/var(--tw-bg-opacity,1))!important}.bg-off-white-100{--tw-bg-opacity:1!important;background-color:rgb(253 252 251/var(--tw-bg-opacity,1))!important}.bg-off-white-200{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-400{--tw-bg-opacity:1!important;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))!important}.bg-off-white-50{--tw-bg-opacity:1!important;background-color:rgb(254 254 253/var(--tw-bg-opacity,1))!important}.bg-off-white-500{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.bg-off-white-800{--tw-bg-opacity:1!important;background-color:rgb(213 208 195/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-positive-green-50{--tw-bg-opacity:1!important;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-positive-green-800{--tw-bg-opacity:1!important;background-color:rgb(47 100 7/var(--tw-bg-opacity,1))!important}.bg-storm-100{--tw-bg-opacity:1!important;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.bg-storm-300{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.bg-storm-400{background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.bg-storm-400,.bg-storm-50{--tw-bg-opacity:1!important}.bg-storm-50{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-storm-500{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.bg-storm-700{--tw-bg-opacity:1!important;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))!important}.bg-storm-800{--tw-bg-opacity:1!important;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white,.bg-white-500{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/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}.bg-white-800{--tw-bg-opacity:1!important;background-color:rgb(228 227 227/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important}.shadow-1,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!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}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white-200:hover{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}";
 
 // bg-inherit bg-transparent bg-current bg-black
 // bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white
@@ -17,7 +17,7 @@ const container = cva(['flex flex-col w-inherit h-inherit', 'rounded-2xl'], {
     variants: {
         variant: {
             default: 'border-off-white-700',
-            error: 'border-negative-red-500ring-2 ring-negative-red-50',
+            error: 'border-negative-red-500 ring-2 ring-negative-red-50',
         },
         hoverable: {
             true: 'cursor-pointer hover:bg-off-white-200',
@@ -82,13 +82,13 @@ const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer exten
      */
     border = true;
     render() {
-        return (h("div", { key: 'fafcc4756feaed4a0dc6886a1a6aff96691240de', class: cn(container({
+        return (h("div", { key: '60c34b4370e2c02933f73132cf23d4756e0c8538', class: cn(container({
                 variant: this.variant,
                 active: asBoolean(this.active, false),
                 hoverable: asBoolean(this.hoverable, false),
                 shadow: asBoolean(this.shadow, true),
                 border: asBoolean(this.border),
-            }), this.bgClass) }, h("slot", { key: '9ff930f90c72773bc24416753899d490d96cf60f' })));
+            }), this.bgClass) }, h("slot", { key: '33eb7acfcf667312d604d356c1f5d1ee40e9ad86' })));
     }
     static get style() { return cardContainerComponentCss; }
 }, [1, "p-card-container", {

package/dist/components/p-card-container.js.map

@@ -1 +1 @@
-{"file":"p-card-container.js","mappings":";;;;;AAAA,MAAM,yBAAyB,GAAG,2kOAA2kO;;ACK7mO;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,mCAAmC,EAAE,aAAa,CAAC,EAAE;AAC3E,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,KAAK,EAAE,oDAAoD;AAC3D,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;AACzB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,OAAO,GAAW,UAAU;AAEpC;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,MAAM,GAAY,IAAI;AAE9B;;AAEG;IACK,MAAM,GAAY,IAAI;IAE9B,MAAM,GAAA;AACL,QAAA,QACC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,CACR,SAAS,CAAC;gBACT,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBACrC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC3C,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACpC,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,aAAA,CAAC,EACF,IAAI,CAAC,OAAO,CACZ,EAAA,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n// bg-inherit bg-transparent bg-current bg-black\n// bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white\n// bg-negative-red-50 bg-negative-red-100 bg-negative-red-500 bg-negative-red-800 bg-negative-red\n// bg-positive-green-50 bg-positive-green-100 bg-positive-green-500 bg-positive-green-800 bg-positive-green\n// bg-amber-50 bg-amber-100 bg-amber-500 bg-amber-800 bg-amber\n// bg-off-white-50 bg-off-white-100 bg-off-white-200 bg-off-white-300 bg-off-white-400 bg-off-white-500 bg-off-white-600 bg-off-white-700 bg-off-white-800 bg-off-white\n// bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo\n// bg-storm-50 bg-storm-100 bg-storm-200 bg-storm-300 bg-storm-400 bg-storm-500 bg-storm-600 bg-storm-700 bg-storm-800 bg-storm\n\nconst container = cva(['flex flex-col w-inherit h-inherit', 'rounded-2xl'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'border-off-white-700',\n\t\t\terror: 'border-negative-red-500ring-2 ring-negative-red-50',\n\t\t},\n\t\thoverable: {\n\t\t\ttrue: 'cursor-pointer hover:bg-off-white-200',\n\t\t\tfalse: null,\n\t\t},\n\t\tshadow: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tborder: {\n\t\t\ttrue: 'border border-solid',\n\t\t\tfalse: 'border-0',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: false,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-1',\n\t\t},\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: true,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-2',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.css',\n\tshadow: true,\n})\nexport class CardContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'error' = 'default';\n\n\t/**\n\t * A bg class to apply to the container\n\t */\n\t@Prop() bgClass: string = 'bg-white';\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() hoverable: boolean = false;\n\n\t/**\n\t * Wether the card should have shadow\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/**\n\t * Wether the card should have a border\n\t */\n\t@Prop() border: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn(\n\t\t\t\t\tcontainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active, false),\n\t\t\t\t\t\thoverable: asBoolean(this.hoverable, false),\n\t\t\t\t\t\tshadow: asBoolean(this.shadow, true),\n\t\t\t\t\t\tborder: asBoolean(this.border),\n\t\t\t\t\t}),\n\t\t\t\t\tthis.bgClass\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-card-container.js","mappings":";;;;;AAAA,MAAM,yBAAyB,GAAG,whPAAwhP;;ACK1jP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,mCAAmC,EAAE,aAAa,CAAC,EAAE;AAC3E,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,KAAK,EAAE,qDAAqD;AAC5D,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,UAAU;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;AACzB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,OAAO,GAAW,UAAU;AAEpC;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,MAAM,GAAY,IAAI;AAE9B;;AAEG;IACK,MAAM,GAAY,IAAI;IAE9B,MAAM,GAAA;AACL,QAAA,QACC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,CACR,SAAS,CAAC;gBACT,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBACrC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC3C,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACpC,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,aAAA,CAAC,EACF,IAAI,CAAC,OAAO,CACZ,EAAA,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n// bg-inherit bg-transparent bg-current bg-black\n// bg-white-500 bg-white-600 bg-white-700 bg-white-800 bg-white\n// bg-negative-red-50 bg-negative-red-100 bg-negative-red-500 bg-negative-red-800 bg-negative-red\n// bg-positive-green-50 bg-positive-green-100 bg-positive-green-500 bg-positive-green-800 bg-positive-green\n// bg-amber-50 bg-amber-100 bg-amber-500 bg-amber-800 bg-amber\n// bg-off-white-50 bg-off-white-100 bg-off-white-200 bg-off-white-300 bg-off-white-400 bg-off-white-500 bg-off-white-600 bg-off-white-700 bg-off-white-800 bg-off-white\n// bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo\n// bg-storm-50 bg-storm-100 bg-storm-200 bg-storm-300 bg-storm-400 bg-storm-500 bg-storm-600 bg-storm-700 bg-storm-800 bg-storm\n\nconst container = cva(['flex flex-col w-inherit h-inherit', 'rounded-2xl'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'border-off-white-700',\n\t\t\terror: 'border-negative-red-500 ring-2 ring-negative-red-50',\n\t\t},\n\t\thoverable: {\n\t\t\ttrue: 'cursor-pointer hover:bg-off-white-200',\n\t\t\tfalse: null,\n\t\t},\n\t\tshadow: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tborder: {\n\t\t\ttrue: 'border border-solid',\n\t\t\tfalse: 'border-0',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: false,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-1',\n\t\t},\n\t\t{\n\t\t\tshadow: true,\n\t\t\tactive: true,\n\t\t\tvariant: 'default',\n\t\t\tclass: 'shadow-2',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.css',\n\tshadow: true,\n})\nexport class CardContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'error' = 'default';\n\n\t/**\n\t * A bg class to apply to the container\n\t */\n\t@Prop() bgClass: string = 'bg-white';\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop() hoverable: boolean = false;\n\n\t/**\n\t * Wether the card should have shadow\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/**\n\t * Wether the card should have a border\n\t */\n\t@Prop() border: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn(\n\t\t\t\t\tcontainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active, false),\n\t\t\t\t\t\thoverable: asBoolean(this.hoverable, false),\n\t\t\t\t\t\tshadow: asBoolean(this.shadow, true),\n\t\t\t\t\t\tborder: asBoolean(this.border),\n\t\t\t\t\t}),\n\t\t\t\t\tthis.bgClass\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$4 } from './p-Dl2d_IWC.js';
+import { d as defineCustomElement$4 } from './p-Fa6eP7ZQ.js';
 import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$2 } from './p-BFghMvAR.js';
+import { d as defineCustomElement$2 } from './p-C3sIHSTA.js';
 
 const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}";
 

package/dist/components/p-checkbox.js

@@ -1,4 +1,4 @@
-import { C as Checkbox, d as defineCustomElement$1 } from './p-BppwDNy5.js';
+import { C as Checkbox, d as defineCustomElement$1 } from './p-CdPwzRXe.js';
 
 const PCheckbox = Checkbox;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-content-slider.js

@@ -52,9 +52,9 @@ const ContentSlider = /*@__PURE__*/ proxyCustomElement(class ContentSlider exten
         }
     }
     render() {
-        return (h(Host, { key: '6eea2b73b46872eb45a2531728894d08b7eb3001', class: 'p-content-slider' }, h("div", { key: '2b1659afb662e00e07e5927ea06dc5e6bbb7aa2b', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: 'b9e349c61110dedeaa3e94a8c1683808b071c8ae', class: 'p-content-slider' }, h("div", { key: '77818e653b59c0167c062479eb17f4aa1b45f23c', 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: 'dd8752cc0d7382f579bea7e53a75034be2847b9e', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '8fd288d09975c86b4b2f6afe75d7dfeb158d35a8', onSlotchange: () => this._slotChange() }))), h("div", { key: 'f95e232a1c0b6713559343fe5710a641bcb32f4c', 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: 'a8fa7d20d93d3bbec00e630549d942b5bc8fbd36', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '67599e1078d4f63e31271a27feb31895cc34c441', onSlotchange: () => this._slotChange() }))), h("div", { key: '4d0d9c52dbcc4bc5139e447b7f625ac204b4fba8', 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/components/p-cropper.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
 import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$2 } from './p-B4CTQ-9e.js';
+import { d as defineCustomElement$2 } from './p-Bh008RYx.js';
 
 const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 const WINDOW = IS_BROWSER ? window : {};
@@ -2845,7 +2845,7 @@ const Cropper = /*@__PURE__*/ proxyCustomElement(class Cropper extends H {
         }, 200);
     }
     render() {
-        return (h(Host, { key: 'db766b98529252a83ca166150160760168a61f8c', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'a38bd16d3225487e83a0545aecd605e83d5ae61d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'd8b71d71d1cce2eca7da24cd16afba47d27155b9', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '4a8a5f6cc28d7ee6ffb2596dcde4f63bfc818e9c', class: 'aspect-branding rounded-full', "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '3befcb04ed20e7305d11e43b860ad97bf1c899dd', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'bf17457ff6e14a081a67cea4c3eb175402dec09c', action: 'move', plain: true }))), h("p-range", { key: 'cfb67b2c03606e6e9436e74c2fe97c7a45b489d9', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(Host, { key: '73891600139dada5b090e2ce5ec0cd58a6304313', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '9145012f667644418f424ce5b26fac90b811ce12', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'c34f7487ec31ef8d687cc533b332ddb900ccd277', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'c7a376a8b8d39735dd2fb1bf9253d442f9c25cd2', class: 'aspect-branding rounded-full', "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '0425f0a5bffc8c154a2e73891ca990b3835f7217', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '53c33637e98e98c05cceb4b1c796b5bcfacba2ad', action: 'move', plain: true }))), h("p-range", { key: '35bbdec7f1b54c49691c086cec05a0c6608365f5', 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/components/p-datepicker.js

@@ -2,16 +2,16 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js
 import { c as childOf } from './p-BFSNj6hu.js';
 import { i as isMobileBrowser } from './p-DVCJlilm.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$b } from './p-BhTjLQdF.js';
-import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$a, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as startOfMonth, x as isSameDay, y as isWeekend } from './p-XuPLq1zd.js';
-import { d as defineCustomElement$9 } from './p-DMriM32U.js';
-import { d as defineCustomElement$8 } from './p-Dc8e00Zd.js';
-import { d as defineCustomElement$7 } from './p-B28rxSbn.js';
-import { d as defineCustomElement$6 } from './p-CP2h1oCK.js';
-import { d as defineCustomElement$5 } from './p-D3bGda3N.js';
+import { d as defineCustomElement$b } from './p-ARBBg7l1.js';
+import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$a, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as startOfMonth, x as isSameDay, y as isWeekend } from './p-PqgdU5A2.js';
+import { d as defineCustomElement$9 } from './p-B8Ai2EJn.js';
+import { d as defineCustomElement$8 } from './p-DUJkO2n3.js';
+import { d as defineCustomElement$7 } from './p-Blu0TY1E.js';
+import { d as defineCustomElement$6 } from './p-Bs_mDdx4.js';
+import { d as defineCustomElement$5 } from './p-Ds64b3s1.js';
 import { d as defineCustomElement$4 } from './p-BNz_LoMA.js';
 import { d as defineCustomElement$3 } from './p-CvfOjT_y.js';
-import { d as defineCustomElement$2 } from './p-Dk8TzngH.js';
+import { d as defineCustomElement$2 } from './p-CH64wrKS.js';
 
 /**
  * Days in 1 week.
@@ -3068,7 +3068,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends H {
         this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: '6d8e354163dc795029cb83211c2e3494cbbec9f3', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'e61110124fc8da4a0f3170120786fce36a9be76a', 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, 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: 'fe19ba3c518c03d991548f96841c5c4d5599ffb4', 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'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '520499413ee7872cea6f5c94dd320cff4084b9b6', slot: 'items' }, h("p-calendar", { key: '0e8d40a660cea70ea5a18f77fc9bbafd2e8934be', 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 }))));
+        return (h("p-dropdown", { key: '54a35d8bda73faf87404ee0b87f83300b5f305d8', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '021f621ef81f909333c98f267547fa71a2e87454', 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, 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: 'e7ee09df2d76b1d9655976d5d1aa263a2196f2e9', 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'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '337118c7bacf3ecf92e52c312d607be2a4d83886', slot: 'items' }, h("p-calendar", { key: 'a6bbf68d3527d303eebfd71145310c7009cceb8f', 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/components/p-divider.js

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

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

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

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

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

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

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

package/dist/components/p-drawer.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
 import { d as defineCustomElement$9 } from './p-BjsPeqGD.js';
-import { d as defineCustomElement$8 } from './p-BhTjLQdF.js';
-import { d as defineCustomElement$7 } from './p-DTd14qQm.js';
-import { d as defineCustomElement$6 } from './p-B40DmfaL.js';
-import { d as defineCustomElement$5 } from './p-8qhZghDQ.js';
+import { d as defineCustomElement$8 } from './p-ARBBg7l1.js';
+import { d as defineCustomElement$7 } from './p-CSIFLNsS.js';
+import { d as defineCustomElement$6 } from './p-Cb7zGv2a.js';
+import { d as defineCustomElement$5 } from './p-t49-Fgzo.js';
 import { d as defineCustomElement$4 } from './p-BNz_LoMA.js';
 import { d as defineCustomElement$3 } from './p-CvfOjT_y.js';
-import { d as defineCustomElement$2 } from './p-BFghMvAR.js';
+import { d as defineCustomElement$2 } from './p-C3sIHSTA.js';
 
 const drawerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 

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

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

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

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

package/dist/components/p-dropdown.js

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

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

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

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

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

package/dist/components/p-field.js

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

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

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

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

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

package/dist/components/p-helper.js

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

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

@@ -67,7 +67,7 @@ const InfoPanel = /*@__PURE__*/ proxyCustomElement(class InfoPanel extends H {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h("div", { key: '8fb4585555ae2e5f015a7dd058f43fb7e78bfb7b', class: infopanel({ variant: this.variant, closeAble: this.closeable }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'fb2f222a9754eb265450a34ac0e7f25bc8f7497f', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'e49a2905cc8a8801ce65da49fd296457b2d4d936', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '5ea53e09067064e302e4021b13972b23e2af9d05', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'bab4869b4b2d6dcf3cc21ff5611935f577913390', variant: 'negative' })))));
+        return (h("div", { key: '56d4a80180aaf5ade52b65c4388035f3dee6e12c', class: infopanel({ variant: this.variant, closeAble: this.closeable }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'cce6e67bc7fa3d41b08aaa16d0f91ba82e714942', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'c03be15a3536db31e56f24244eb81b07f24e9e5a', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '98453dc14cce4ac189ec5797152d03e9cd74f8af', class: close(), onClick: () => this._close() }, h("p-icon", { key: '85b2e5c96261c0c596c87814f2adb478be00239c', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/components/p-label.js

@@ -62,14 +62,14 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
      */
     keepMobileContent = false;
     render() {
-        return (h("div", { key: 'aec794f51758071b7840756f6a695d6e865890b1', class: label({
+        return (h("div", { key: 'd2e807018525657070d427e0abcd37fecadca6d1', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: 'bba5b969a53ed4d832625dea43b9678aaf626b04', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'c721cef14ddca57bd49e2964ec6804278ecd814e', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (h("p-icon", { key: '1f4fae69fcf5af6ee6e1b43b7dae6a2d75018744', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '1afaf699ff7a08cc3373fd6fa7edcb62f5522cff', 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: 'ace424619fa087baece5f7e17a2d9bf4e8b48103' })))));
+            }) }, h("slot", { key: 'a07a3e60802525a6bd2ff80b769a7156f51990f1' })))));
     }
     static get style() { return labelComponentCss; }
 }, [1, "p-label", {

package/dist/components/p-layout.js

@@ -18,7 +18,7 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends H {
      */
     scroll;
     render() {
-        return (h(Host, { key: '22e694497951795b5162dd2b70485ecbc424e354', class: `p-layout variant-${this.variant}` }, h("div", { key: '003ec98be3bfa9440fefcc400692acdc815cd485', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '6a305c29c7d6220e90c7e5b486446ac764509820', class: 'inner-content' }, h("slot", { key: 'fa5f3ae0430dee6442f6640bb171ec4d1e7aeafa', name: 'content' }))), h("div", { key: '5450688dda1cd7c6d3b4273f7bd1934f3dc25c14', class: 'sidebar' }, h("slot", { key: 'e1e90fdee2960d660793735619662433f304cef3', name: 'sidebar' })), h("div", { key: '266ac349cad61e1e1010f3c84407c802a1f97fb3', class: 'topbar' }, h("slot", { key: 'a55d845ef1daca6bc9b741ca5f5c81e28cff2fa9', name: 'topbar' }))));
+        return (h(Host, { key: '679d8c67818a7e26e6b0e225f09a02873dd156b9', class: `p-layout variant-${this.variant}` }, h("div", { key: 'ba18ad34127d031f4806cf93f3a56b3e4561cfce', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '72b6367554d40bfd272acfd95ff668989428eb64', class: 'inner-content' }, h("slot", { key: '5a8bcc526aa3d9b22bbad6d4396d9fe58c1a9f4e', name: 'content' }))), h("div", { key: '24a997668f783dcc164177600d9f0dbbde0824d8', class: 'sidebar' }, h("slot", { key: '1f0cb37b22bc1b53da3a43610e2393aa672dd186', name: 'sidebar' })), h("div", { key: '9e8ebe2c5fe20bb4037ebcb1927cdbc3db2cb60a', class: 'topbar' }, h("slot", { key: '7d7cc432213dc58b89a5cd9b31e629d106d52483', name: 'topbar' }))));
     }
     static get style() { return layoutComponentCss; }
 }, [1, "p-layout", {

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

@@ -14,7 +14,7 @@ const ListingItem = /*@__PURE__*/ proxyCustomElement(class ListingItem extends H
      */
     icon = 'placeholder';
     render() {
-        return (h("div", { key: 'a8cee4daba9fa2850852316eb12a5fdf4306303c', class: 'flex items-center gap-2 text-storm-500' }, h("p-icon", { key: '8cfb54082c04335165a0d763aa01340451bc328e', variant: this.icon }), h("div", { key: 'ca9ad66520ddbccc5248e38a88ab7ea7ae2614aa', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '98c8303feeb5afbc9e7b0cc3b9a73e9ed86c026c' }))));
+        return (h("div", { key: '999350524b64e42adaea9a931cb055f67b074d75', class: 'flex items-center gap-2 text-storm-500' }, h("p-icon", { key: 'bc48f33fa9d3ab747b3ebc06daa0ff832bfbaad8', variant: this.icon }), h("div", { key: '16c4d46d9220fac182878b2605fc20ccbadac0ab', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '57e7dc47c7d07c253cc9aa1131d28192ace977be' }))));
     }
     static get style() { return listingItemComponentCss; }
 }, [1, "p-listing-item", {

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

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

package/dist/components/p-listing.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cn } from './p-CT54OXR2.js';
-import { d as defineCustomElement$2 } from './p-BI9KWwWc.js';
+import { d as defineCustomElement$2 } from './p-wXp3GFHo.js';
 
 const listingComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.gap-1{gap:.25rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}";
 
@@ -24,10 +24,10 @@ const Listing = /*@__PURE__*/ proxyCustomElement(class Listing extends H {
         }
     }
     render() {
-        return (h("div", { key: 'c6ec99923a27631b2ee50ab70094074bb365cad9', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: '756a9669e83dcea5fd61cbfa8cead90e6c13d030', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '1f951d7f973484efe4e3c2c1e209eb27d3fcd5d9', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: '24ebcbc78316d665ee8b93d66eed96c810cc2e82', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {