@paperless/core 2.0.1-beta.62 → 2.0.1-beta.64

package/dist/components/p-label.js

@@ -62,14 +62,14 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
      */
     keepMobileContent = false;
     render() {
-        return (h(Host, { key: '7adbe963d2ce1ba93a8324210ee8486b8338b787', class: 'p-label' }, h("div", { key: '4967788bebaf29509cd6a2b5c446d7d47c606610', class: label({
+        return (h(Host, { key: '333bfe3308dfd28fbde9eead28bd716b65bdab3a', class: 'p-label' }, h("div", { key: 'a505d935c6370ee4589e27fff87bee555ccb30d1', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: 'e270e8ef3b29c0b58ba25338fa8ad6e9c6313b2b', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '6c03819667fa2976dabc99a6c93afa004beb1eb5', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '88afb10147769c335c6347170c18e23d9314fbd8', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'a897ec81e8b5d903e8b6f8cbbdb0128ee2568079', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: '7f40a5f685e2d8729050c5588f9b15927c18f615' }))))));
+            }) }, h("slot", { key: '521a85507f7c84a30b118e013e2464ac45ba269b' }))))));
     }
     static get style() { return labelComponentCss; }
 }, [1, "p-label", {

package/dist/components/p-layout.js

@@ -13,7 +13,7 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends H {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: '7b6cc128969e9bc507b8ac5abdba91a68cb3e188', class: `p-layout variant-${this.variant}` }, h("div", { key: '52382256749bc1bbb5d75d9ce0ef7f9f542f7897', class: 'content' }, h("div", { key: '7f311fba45b4f9bc6388547bceb2bded78ef189c', class: 'inner-content' }, h("slot", { key: '195c46ddae43768490383ab06914b7ec7151c066', name: 'content' }))), h("div", { key: '40be7fb6d3197a1477003748ee628991324e7122', class: 'sidebar' }, h("slot", { key: '6f58a4a922b99651c7752bfd86428cc8b6979dc6', name: 'sidebar' })), h("div", { key: '6ef7f2b8e5b05f3616da1d5b5b5858aeb8fc7049', class: 'topbar' }, h("slot", { key: '14267c70d406c3a255c9eb8b2de5904a5e449b60', name: 'topbar' }))));
+        return (h(Host, { key: '83bf2d744371af578658fab1d60bdc99ba219283', class: `p-layout variant-${this.variant}` }, h("div", { key: '683fb2c8b73ba2b9b32762e860bc9c0a7164c47b', class: 'content' }, h("div", { key: '920ec6b59fbcd19a98f8384915ea266e0ebec0d6', class: 'inner-content' }, h("slot", { key: 'd1760fc61e715e1a6966e11ed9db730ccb72d7ef', name: 'content' }))), h("div", { key: 'a9e52f6b1a7905340ce8d749e088192a88fe8da5', class: 'sidebar' }, h("slot", { key: '36ad035653a8f49788db9651c5b0ae62ef660b32', name: 'sidebar' })), h("div", { key: '3b3ab5e7ec6a114296b8e699567cb41631ffedd2', class: 'topbar' }, h("slot", { key: 'cfae23c07360d1a6a9c49830239761e334212320', name: 'topbar' }))));
     }
     static get style() { return layoutComponentCss; }
 }, [1, "p-layout", {

package/dist/components/{p-CUDyKiPX.js → p-mBUMykVL.js}

@@ -13,7 +13,7 @@ const SliderIndicator = /*@__PURE__*/ proxyCustomElement(class SliderIndicator e
      */
     active = false;
     render() {
-        return (h(Host, { key: 'eb181ba58becb6dbe087245f06463959d5ccc4db', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: 'cbcda587cd65ad2fd9d52013336a9e4a46fae855', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get style() { return sliderIndicatorComponentCss; }
 }, [1, "p-slider-indicator", {
@@ -35,6 +35,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SliderIndicator as S, defineCustomElement as d };
-//# sourceMappingURL=p-CUDyKiPX.js.map
+//# sourceMappingURL=p-mBUMykVL.js.map
 
-//# sourceMappingURL=p-CUDyKiPX.js.map
+//# sourceMappingURL=p-mBUMykVL.js.map

package/dist/components/{p-CUDyKiPX.js.map → p-mBUMykVL.js.map}

@@ -1 +1 @@
-{"file":"p-CUDyKiPX.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,ueAAue;;MCO9f,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;AAC3B;;AAEG;IACK,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAsB,mBAAA,EAAA,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAE,CAAA,EAAA,CAC/C;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/slider-indicator/slider-indicator.component.scss?tag=p-slider-indicator&encapsulation=shadow","src/components/deprecated/atoms/slider-indicator/slider-indicator.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-2 h-2 bg-mystic-dark rounded-full;\n}\n\n:host(.active) {\n\t@apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-slider-indicator',\n\tstyleUrl: 'slider-indicator.component.scss',\n\tshadow: true,\n})\nexport class SliderIndicator {\n\t/**\n\t * Wether the slider indicator is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-slider-indicator ${this.active && 'active'}`}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-mBUMykVL.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,ueAAue;;MCO9f,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;AAC3B;;AAEG;IACK,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAsB,mBAAA,EAAA,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAE,CAAA,EAAA,CAC/C;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/slider-indicator/slider-indicator.component.scss?tag=p-slider-indicator&encapsulation=shadow","src/components/deprecated/atoms/slider-indicator/slider-indicator.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-2 h-2 bg-mystic-dark rounded-full;\n}\n\n:host(.active) {\n\t@apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-slider-indicator',\n\tstyleUrl: 'slider-indicator.component.scss',\n\tshadow: true,\n})\nexport class SliderIndicator {\n\t/**\n\t * Wether the slider indicator is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-slider-indicator ${this.active && 'active'}`}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { M as ModalBody, d as defineCustomElement$1 } from './p-BzTCgxsR.js';
+import { M as ModalBody, d as defineCustomElement$1 } from './p-CGTfySxU.js';
 
 const PModalBody = ModalBody;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalContainer, d as defineCustomElement$1 } from './p-CV1ND9Ew.js';
+import { M as ModalContainer, d as defineCustomElement$1 } from './p-DiiV6dxw.js';
 
 const PModalContainer = ModalContainer;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalFooter, d as defineCustomElement$1 } from './p-DzKgvS22.js';
+import { M as ModalFooter, d as defineCustomElement$1 } from './p-CeIejYlK.js';
 
 const PModalFooter = ModalFooter;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { M as ModalHeader, d as defineCustomElement$1 } from './p-C29uSkwR.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-DFgYipCU.js';
 
 const PModalHeader = ModalHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal.js

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BLaYz0fg.js';
 import { d as defineCustomElement$b } from './p-CJbLHJtK.js';
-import { d as defineCustomElement$a } from './p-BxmFB53M.js';
+import { d as defineCustomElement$a } from './p-CKdnfAon.js';
 import { d as defineCustomElement$9 } from './p-DO2aNiJs.js';
 import { d as defineCustomElement$8 } from './p-C0kL1elG.js';
 import { d as defineCustomElement$7 } from './p-DHB3oMcL.js';
-import { d as defineCustomElement$6 } from './p-BzTCgxsR.js';
-import { d as defineCustomElement$5 } from './p-CV1ND9Ew.js';
-import { d as defineCustomElement$4 } from './p-DzKgvS22.js';
-import { d as defineCustomElement$3 } from './p-C29uSkwR.js';
-import { d as defineCustomElement$2 } from './p-BfI2YZrh.js';
+import { d as defineCustomElement$6 } from './p-CGTfySxU.js';
+import { d as defineCustomElement$5 } from './p-DiiV6dxw.js';
+import { d as defineCustomElement$4 } from './p-CeIejYlK.js';
+import { d as defineCustomElement$3 } from './p-DFgYipCU.js';
+import { d as defineCustomElement$2 } from './p-CswIZXBK.js';
 
 const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     constructor() {

package/dist/components/p-navbar.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { d as defineCustomElement$5 } from './p-CJbLHJtK.js';
-import { d as defineCustomElement$4 } from './p-BxmFB53M.js';
+import { d as defineCustomElement$4 } from './p-CKdnfAon.js';
 import { d as defineCustomElement$3 } from './p-C0kL1elG.js';
 import { d as defineCustomElement$2 } from './p-DHB3oMcL.js';
 
@@ -54,7 +54,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '1089baa509795310aa9e9c4b4c1a54624a7ef31c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '2c415cc864f3d338b987b41429f98b090ddf53b7', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '55761ceaea587deb639a7a00a21ce4b1de8d1077', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '73550d0731b0cd8f16176031bec6b22b222cf6d3', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '40296bbaf4062f58668be3a9678eeee72e384bdc', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '7e9e3ccc2e67346753f5857627f14177927190f1', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '93eee53bb316df4b4e1979ca2305538b93f9dad7', name: 'company' })), h("div", { key: '101a6607ac9fa0404c478132db8d6dc187941d0e', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '40f3116758e9dcb1b9cd95a3ea0abfe63f556df5', name: 'content' })), h("div", { key: '9eda09f5fe5723f3e4a2275dbc12e93e1f017a21', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '2f56fa2058cd4769f1bd494d688ac4005bc91ff4', name: 'user' }))), h("div", { key: 'bdc8cd868d4a1c144d3808d7b9387a50d630deb3', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '78d95e0d63fd0f1e7831d4fbbaa2638129473f90', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'd234f98d3764d1c23e75bd50b4a44152c8f8a401', name: 'topbar' }))));
+        return (h(Host, { key: '420e8206936530720b691c0b1afc04a2d608b04b', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '0ef0b72645f6318a41c5beac4b11bf0aca6e89e2', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '306b0b341f807b440afb06db4620e1d5a531920a', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '15ee88d5fb65f2893b3bff37f5d6c95958758722', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b64a58b653501f77dcca6c5de917fa73362f5b02', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'df946991b20959ee55b30778623da97f6bfa445e', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '40f50a4fbe75c85e095176805ca6b49e4cb80a6a', name: 'company' })), h("div", { key: 'b94aada53b4eb0ac86d52010cc3e07bb2fa0e682', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '28a927ba8b7eb84534ef66efaddac03c75bafb33', name: 'content' })), h("div", { key: '7c8990fad4e46e05eaffda94aed8323afa6c1bf2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'ec9d59ccedce6c8daba775f0b68d42290b7b9877', name: 'user' }))), h("div", { key: 'c1bca26770942cfc04aca9dfee1f40b5e3ed885c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3d16426f5990c0a04cbd0befd4901fe09fcab33f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a49b86b11c0619d33dfb8cd59ca2b576d183d0cb', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

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

@@ -76,10 +76,10 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem ext
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: 'a87f509578f0ce6740dd69fc69e0fa04ed0ee2b2', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '4609e8924e72646b9802e869c50c80e47a78ac30', class: navigationItem({
+        return (h(Host, { key: '1ad80ae2b706394621ce400e512102c6f58dca62', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '18ef0de5fb43b2a4df2906a596f71f9bc94fec53', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '468f0196ea467f1dd47b3afc56abff04b76036da', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'a868bd9dda5e0b2f45a5519a0b91b00c7fb69411', variant: this.icon })), h("span", { key: '6de006baa0a070f31f1c3dae2a12c13a45161df3', class: this.counter && 'has-counter' }, h("slot", { key: 'cb79f483fe8571267edc88b0d5ba3714b058ab69' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7984ff9391669ab92375d11756dc320a099ac412' }, this.counter)), !!this.loading && h("p-loader", { key: '7f9b7682218b062de8cafd6999c3d4739cdebd28', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '420fba6122acb8124a575ab451d6032c63ac3637', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'cc692a21e8255f8b2311953caff2aa47360d6910', variant: this.icon })), h("span", { key: 'a470ac1ef752d5a5c0a288d599293b72ab346a9b', class: this.counter && 'has-counter' }, h("slot", { key: '36df8b97383b2299b9dc8be1973d4c94c085fe3f' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'a47d820811b600af6346fd7eb513456284e55128' }, this.counter)), !!this.loading && h("p-loader", { key: '10b762e8853875400c2638cf2d04b2701cafcea1', class: 'ml-auto' }))));
     }
     static get style() { return navigationItemComponentCss; }
 }, [4, "p-navigation-item", {

package/dist/components/p-navigation-section.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$2 } from './p-Bz6McjV2.js';
+import { d as defineCustomElement$2 } from './p-BHsxyPvY.js';
 
 const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
 
@@ -13,7 +13,7 @@ const NavigationSection = /*@__PURE__*/ proxyCustomElement(class NavigationSecti
      */
     header;
     render() {
-        return (h(Host, { key: '656b8844f21a7487d1988f82ef95e6f7f8071b6f', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '13774787edcc7fb4056c2b6b8780827407535dd0' }, this.header)), h("div", { key: 'b9a92a246a30ce332c6a754136cfcd2ab3f74a9a', class: 'flex flex-col' }, h("slot", { key: '090c9b6453469778bce1291541f326edac343fe9' }))));
+        return (h(Host, { key: '83fe6815ae210f3cb3553db0f70ffa9b0de573d3', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'aa63ecef3acec7af1bf9b2121d9925375bfe7140' }, this.header)), h("div", { key: '7b7ca422760a5bedfa46c760de804239f3f7ce0f', class: 'flex flex-col' }, h("slot", { key: '58c30d76b2554cd81b0811af2b78de2b54bb8b1d' }))));
     }
     static get style() { return navigationSectionComponentCss; }
 }, [4, "p-navigation-section", {

package/dist/components/p-navigation-title.js

@@ -1,4 +1,4 @@
-import { N as NavigationTitle, d as defineCustomElement$1 } from './p-Bz6McjV2.js';
+import { N as NavigationTitle, d as defineCustomElement$1 } from './p-BHsxyPvY.js';
 
 const PNavigationTitle = NavigationTitle;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-pages-item.js

@@ -1,4 +1,4 @@
-import { P as PaginationPagesItem, d as defineCustomElement$1 } from './p-VvFdEXYw.js';
+import { P as PaginationPagesItem, d as defineCustomElement$1 } from './p-CLIWayjP.js';
 
 const PPaginationPagesItem = PaginationPagesItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-pages.js

@@ -1,4 +1,4 @@
-import { P as PaginationPages, d as defineCustomElement$1 } from './p-DH8d75aS.js';
+import { P as PaginationPages, d as defineCustomElement$1 } from './p-BEOw8Cww.js';
 
 const PPaginationPages = PaginationPages;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-size.js

@@ -1,4 +1,4 @@
-import { P as PaginationSize, d as defineCustomElement$1 } from './p-C7_AiY7m.js';
+import { P as PaginationSize, d as defineCustomElement$1 } from './p-DxL6wYFs.js';
 
 const PPaginationSize = PaginationSize;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination.js

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$3, a as defaultSize, b as defaultSizeOptions } from './p-C7_AiY7m.js';
+import { d as defineCustomElement$3, a as defaultSize, b as defaultSizeOptions } from './p-DxL6wYFs.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { d as defineCustomElement$b } from './p-Dyyeb5Ij.js';
 import { d as defineCustomElement$a } from './p-DO2aNiJs.js';
-import { d as defineCustomElement$9 } from './p-swYFtOs2.js';
-import { d as defineCustomElement$8 } from './p-CGF6m01Z.js';
-import { d as defineCustomElement$7 } from './p-DyEKeWcm.js';
+import { d as defineCustomElement$9 } from './p-CNVyCL-e.js';
+import { d as defineCustomElement$8 } from './p-qKwZ79SO.js';
+import { d as defineCustomElement$7 } from './p-CPdlAl8h.js';
 import { d as defineCustomElement$6 } from './p-C0kL1elG.js';
-import { d as defineCustomElement$5 } from './p-DH8d75aS.js';
-import { d as defineCustomElement$4 } from './p-VvFdEXYw.js';
-import { d as defineCustomElement$2 } from './p-Xa-E5Gqm.js';
+import { d as defineCustomElement$5 } from './p-BEOw8Cww.js';
+import { d as defineCustomElement$4 } from './p-CLIWayjP.js';
+import { d as defineCustomElement$2 } from './p-BW3Jh7dz.js';
 
 const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";
 
@@ -73,12 +73,12 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'd621942e09c5c48e4fa43a01ebff160a9e80b62b', class: pagination({
+        return (h(Host, { key: 'e40a41d97489eabca9b913dbe4d11be7ea4a6d4e', class: pagination({
                 hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '93ee58473f0494ee0201af1ccff452de809fac9c' }, h("p-pagination-size", { key: '4655daf55b5a42d7e06486582c668ec61f52bd1d', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '00b7a74be896de5b105d5e844d2a9afb657bde14' }, h("p-pagination-size", { key: 'b9b71d6d9bb9b94505b66c6260a5248e05d858f9', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '3ed490e233d902ad86f4d718beee5f64c826dbb5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '3307cb66009c30099b6fa236aec627600196229f', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this._hasPaginationPages && (h("p-divider", { key: '6a12505908e4d1d36c5aeb535b9e506fcb099d58', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'bf5ff04c1c9f6fc93d556695022954e829324b76', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/components/p-portal.js

@@ -1,4 +1,4 @@
-import { P as Portal, d as defineCustomElement$1 } from './p-Xa-E5Gqm.js';
+import { P as Portal, d as defineCustomElement$1 } from './p-BW3Jh7dz.js';
 
 const PPortal = Portal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-profile.js

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
-import { d as defineCustomElement$7 } from './p-BxmFB53M.js';
-import { d as defineCustomElement$6 } from './p-swYFtOs2.js';
-import { d as defineCustomElement$5 } from './p-CGF6m01Z.js';
+import { d as defineCustomElement$7 } from './p-CKdnfAon.js';
+import { d as defineCustomElement$6 } from './p-CNVyCL-e.js';
+import { d as defineCustomElement$5 } from './p-qKwZ79SO.js';
 import { d as defineCustomElement$4 } from './p-C0kL1elG.js';
 import { d as defineCustomElement$3 } from './p-DHB3oMcL.js';
-import { d as defineCustomElement$2 } from './p-Xa-E5Gqm.js';
+import { d as defineCustomElement$2 } from './p-BW3Jh7dz.js';
 
-const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
+const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
 
 const profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {
     variants: {
@@ -37,7 +37,7 @@ const Profile = /*@__PURE__*/ proxyCustomElement(class Profile extends H {
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '3429f2c599ed9a16edcb44bffb7bf937dcdfe028', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(Host, { key: '799c7d8d9169f78f417f8673a73e0303f7aa8b0f', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

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

@@ -1 +1 @@
-{"file":"p-profile.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/profile/profile.component.css?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block w-inherit'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tclass='block'\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tsize='lg'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"version":3}
+{"file":"p-profile.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/profile/profile.component.css?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block w-inherit'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tsize='lg'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"version":3}

package/dist/components/{p-CGF6m01Z.js → p-qKwZ79SO.js}

@@ -1,19 +1,23 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
+import { p as proxyCustomElement, H, h } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 
-const dropdownMenuContainerComponentCss = "*{box-sizing:border-box}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-600{--tw-border-opacity:1!important;border-color:rgb(0 72 64/var(--tw-border-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{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}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
+const dropdownMenuContainerComponentCss = "*{box-sizing:border-box}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{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}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
 
 const dropdownMenuContainer = cva(['p-dropdown-menu-container', 'p-1', 'rounded-lg z-10', 'border'], {
     variants: {
         variant: {
             default: 'bg-white border-black-teal-100 drop-shadow-2',
-            'dark-teal': 'bg-dark-teal-600 drop-shadow-3 border-dark-teal-600',
+            'dark-teal': 'bg-dark-teal-400 drop-shadow-3 border-dark-teal-400',
         },
         fullWidth: {
             false: null,
             true: 'w-full',
         },
+        maxWidth: {
+            false: null,
+            true: 'max-w-[13.875rem]',
+        },
         allowOverflow: {
             false: 'overflow-y-auto overflow-x-hidden',
             true: null,
@@ -24,10 +28,6 @@ const dropdownMenuContainer = cva(['p-dropdown-menu-container', 'p-1', 'rounded-
             large: 'max-h-[13.875rem]',
             xlarge: 'max-h-[20rem]',
         },
-        maxWidth: {
-            false: null,
-            true: 'max-w-[13.875rem]',
-        },
     },
     compoundVariants: [
         {
@@ -41,6 +41,7 @@ const DropdownMenuContainer = /*@__PURE__*/ proxyCustomElement(class DropdownMen
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
     }
     /**
      * The variant of the container
@@ -72,17 +73,17 @@ const DropdownMenuContainer = /*@__PURE__*/ proxyCustomElement(class DropdownMen
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (h(Host, { key: '0e445331c36d540c7940b47d6147d6db9816a874', class: dropdownMenuContainer({
+        return (h("div", { key: 'b2a4c40eb7fb673a34718c1ed34b9f2721497a84', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, h("div", { key: '3d53bacb58aaff1e821b55370ba356af07d5963a', class: 'flex w-full flex-col gap-[1px]' }, h("slot", { key: 'ab9b394b139acd57b525cf8be333710ca3de63a8' }))));
+            }) }, h("div", { key: 'dd5cd03d3df79b4292526e165251a21df4ad6f90', class: 'flex w-full flex-col' }, h("slot", { key: 'd2d8a094af7ac5091f96e1d5565215e00c28981d' }))));
     }
     static get style() { return dropdownMenuContainerComponentCss; }
-}, [4, "p-dropdown-menu-container", {
+}, [1, "p-dropdown-menu-container", {
         "variant": [1],
         "maxWidth": [4, "max-width"],
         "class": [1],
@@ -106,6 +107,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { DropdownMenuContainer as D, defineCustomElement as d };
-//# sourceMappingURL=p-CGF6m01Z.js.map
+//# sourceMappingURL=p-qKwZ79SO.js.map
 
-//# sourceMappingURL=p-CGF6m01Z.js.map
+//# sourceMappingURL=p-qKwZ79SO.js.map

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

@@ -0,0 +1 @@
+{"file":"p-qKwZ79SO.js","mappings":";;;;AAAA,MAAM,iCAAiC,GAAG,8zEAA8zE;;ACIx2E,MAAM,qBAAqB,GAAG,GAAG,CAChC,CAAC,2BAA2B,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,8CAA8C;AACvD,YAAA,WAAW,EAAE,qDAAqD;AAClE,SAAA;AACD,QAAA,SAAS,EAAE;AACV,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,QAAQ;AACd,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,mBAAmB;AACzB,SAAA;AACD,QAAA,aAAa,EAAE;AACd,YAAA,KAAK,EAAE,mCAAmC;AAC1C,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,UAAU,EAAE;AACX,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,MAAM,EAAE,eAAe;AACvB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,QAAQ;AACf,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;AACjC;;AAEG;IACK,OAAO,GAA4B,SAAS;AAEpD;;AAEG;IACK,QAAQ,GAAY,IAAI;AAEhC;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAA6C,KAAK;IAEpE,MAAM,GAAA;AACL,QAAA,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK;AACnB,cAAE;AACF,cAAE,IAAI,CAAC,UAAU,KAAK;AACtB,kBAAE;AACF,kBAAE,IAAI,CAAC,UAAU;AAEnB,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,qBAAqB,CAAC;gBAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;AAC1C,gBAAA,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;gBAC5C,UAAU;gBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,aAAA,CAAC,EAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container&encapsulation=shadow","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst dropdownMenuContainer = cva(\n\t['p-dropdown-menu-container', 'p-1', 'rounded-lg z-10', 'border'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-white border-black-teal-100 drop-shadow-2',\n\t\t\t\t'dark-teal': 'bg-dark-teal-400 drop-shadow-3 border-dark-teal-400',\n\t\t\t},\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t\t},\n\t\t\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfullWidth: false,\n\t\t\t\tmaxWidth: true,\n\t\t\t\tclass: 'w-auto',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = 'default';\n\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tfullWidth: asBoolean(this.fullWidth, true),\n\t\t\t\t\tallowOverflow: asBoolean(this.allowOverflow),\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-radio.js

@@ -84,11 +84,11 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends H {
     checkedChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: '25db80e8fa850651efbdbea8c397f9a275e771fc', class: 'p-radio' }, h("label", { key: 'c6b551c9a7624442f18a7fb53aa9db77f538ade5', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'b76f5f9d0e8583fab2f609bd79916d0f90574ef2', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '8081a9a85b6d099e1eaa0bcf7203d8c9a25b96b5', class: radio({
+        return (h(Host, { key: '626fde36ff40f6985bfa380023288845dc5b053e', class: 'p-radio' }, h("label", { key: 'f3c16bc543800d9f8fd3af7c8909c6a0db7e3823', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'f4dfb883c3b61d4e0f5853032b735bae12b3c4df', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c42e5e0fc0bb1622971a51f97754266572e7ca0e', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '8b202fb2921d11f11df7f7e9a4c9cfd8a887fd39', class: circle({
+            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '792778c5ff960548528c41d76de739d6b2e66ee5', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: 'ad7995ad6c97616ae2c1469487ec5d9093644cf1' }))));
+            }) })), h("slot", { key: 'bba9e3adbda677dcacfbb96fc08141d06d72e83a' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/components/{p-ByUK5grd.js → p-remL-vvB.js}

@@ -8,7 +8,7 @@ const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '286965a6a38065c7cc9c57d41849a6e1ee0ed5f1', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'f48e724d5669e7c6d38d3f4afbc8e82fdf3963a9' })));
+        return (h(Host, { key: 'eec5b238f3e1096566204e6795167c54e3ced911', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'b1a60feb1f4ffc761401f323270e194937ae74cf' })));
     }
     static get style() { return segmentContainerComponentCss; }
 }, [4, "p-segment-container"]);
@@ -28,6 +28,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SegmentContainer as S, defineCustomElement as d };
-//# sourceMappingURL=p-ByUK5grd.js.map
+//# sourceMappingURL=p-remL-vvB.js.map
 
-//# sourceMappingURL=p-ByUK5grd.js.map
+//# sourceMappingURL=p-remL-vvB.js.map

package/dist/components/{p-ByUK5grd.js.map → p-remL-vvB.js.map}

@@ -1 +1 @@
-{"file":"p-ByUK5grd.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,ydAAyd;;MCMjf,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;IAC5B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oGAAoG,EAAA,EAC/G,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment/container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-remL-vvB.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,ydAAyd;;MCMjf,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;IAC5B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oGAAoG,EAAA,EAC/G,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment/container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-DBXWe3iO.js → p-rfWrBxlm.js}

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { c as cva } from './p-4hDfHOnN.js';
 import { c as cn } from './p-Cb5QxFb_.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$6 } from './p-CaCNqcUA.js';
-import { d as defineCustomElement$5 } from './p-BUL3X-CN.js';
+import { d as defineCustomElement$6 } from './p-BtmiHFNU.js';
+import { d as defineCustomElement$5 } from './p-CFJdGOCn.js';
 import { d as defineCustomElement$4 } from './p-C0kL1elG.js';
 import { d as defineCustomElement$3 } from './p-DHB3oMcL.js';
-import { d as defineCustomElement$2 } from './p-Xa-E5Gqm.js';
-import { d as defineCustomElement$1 } from './p-BmhUOEHd.js';
+import { d as defineCustomElement$2 } from './p-BW3Jh7dz.js';
+import { d as defineCustomElement$1 } from './p-B11RkQFz.js';
 
 const fieldComponentCss = "*{box-sizing:border-box}.mt-\\[0\\.125rem\\]{margin-top:.125rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--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(3px + 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}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";
 
@@ -266,21 +266,21 @@ const Field = /*@__PURE__*/ proxyCustomElement(class Field extends H {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(Host, { key: '03198da0ad16a40df74748772e57d36efc44c32b', class: 'p-field' }, h("p-field-container", { key: 'dc911b13f4c9aac6fda2fe3a8a6c3378b6e3fc64', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '05fffb6c7c03a10e0a858c7f9058944e320bc850', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '56d2a06c0f76602ef391f652e9b30391dfffd174', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '208dc4f30eea811f443c5a32afe1b2a3e148e9b2', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '7248016d7289bdc1aefcb89c09accfc8e32a109c', name: 'error', slot: 'error' })), h("div", { key: '66d1a3a9fc02a2ae434570f58c06c3393c891e3d', class: field({
+        return (h(Host, { key: '6bace1c24770e764003e5bee26ade191974ec31a', class: 'p-field' }, h("p-field-container", { key: '05d4191ef56dc6b7e75f04814ee1081a1d7589a6', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '9c403c77cd9c7ab4d09b03e9106e3f9b651b05c7', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '14ae0e9110e1a8ca9c3013b49d88c83c3a2b35db', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'e2d236e2f6e8d45f2e2a4f02177342e10099d891', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'f041a98d81ec7fc4f841331bf5f9144ee2744552', name: 'error', slot: 'error' })), h("div", { key: 'a9bb32d7f13db596bad09da8d0b1fab44906709a', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '8fd437ce99a93dd5475a9a7d675c0017622c9764', class: prefixAndSuffix({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '59b1338879e2e0aa3a2bf0311e142ce2574947dc', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: cn('flex', {
                 'mt-[0.125rem]': this.variant === 'read' && this.size === 'base',
-            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '8cb1a6efd345500e738104a45f8268890d2db755', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'deaad23708edaccab9f487d00914da4e388c7531', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -458,6 +458,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Field as F, defineCustomElement as d };
-//# sourceMappingURL=p-DBXWe3iO.js.map
+//# sourceMappingURL=p-rfWrBxlm.js.map
 
-//# sourceMappingURL=p-DBXWe3iO.js.map
+//# sourceMappingURL=p-rfWrBxlm.js.map