@paperless/core 2.12.14 → 2.12.16

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\n\t\t'dark:border-hurricane-400 dark:border dark:border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/p-modal-body_4.entry.js

@@ -40,7 +40,7 @@ const ModalBody = class {
 };
 ModalBody.style = modalBodyComponentCss;
 
-const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.z-modal{z-index:600!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem!important}.tablet\\:max-w-\\[35rem\\]{max-width:35rem!important}.tablet\\:max-w-\\[41rem\\]{max-width:41rem!important}.tablet\\:max-w-\\[45rem\\]{max-width:45rem!important}.tablet\\:max-w-\\[65rem\\]{max-width:65rem!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";
+const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.z-modal{z-index:600!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem!important}.tablet\\:max-w-\\[35rem\\]{max-width:35rem!important}.tablet\\:max-w-\\[41rem\\]{max-width:41rem!important}.tablet\\:max-w-\\[45rem\\]{max-width:45rem!important}.tablet\\:max-w-\\[65rem\\]{max-width:65rem!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px!important}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px!important}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}";
 
 const container = cva([
     'flex-1 min-w-0 w-full',
@@ -48,6 +48,7 @@ const container = cva([
     'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',
     'max-h-[calc(100dvh-4rem)]',
     'shadow-modal',
+    'dark:border-hurricane-400 dark:border dark:border-solid',
 ], {
     variants: {
         size: {
@@ -76,10 +77,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h("div", { key: 'a09657efc5b1f154133cd708f715b917de8375d7', class: container({
+        return (h(ThemedHost, { key: '2bcc006cc69768f1d22cf8a838bc64ef8aad8ff4' }, h("div", { key: '77026114720c272f3f060abed2752014fc090613', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '592ecd29da7610dee8a9fea278b01c63afbaac1c' })));
+            }) }, h("slot", { key: '03f281ef3802c57668bf424d8a17b58e5807f16f' }))));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -91,7 +92,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: '603650048d126eac3dcf82488001ffe22ac301fb' }, h("div", { key: 'fdcebc86edcaae5b99f64b3cf8e0f651d7d086ac', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, h("p-divider", { key: '9a72688ff780bc70a7a06397ce2b70308a7d631a', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), h("div", { key: '3aa628873c1172dbd92ebcad2c676159f35c504d', class: 'flex flex-col gap-4 tablet:flex-row' }, h("slot", { key: '6261d214141455b22a92bcf7997d71fec46365ef' })))));
+        return (h(ThemedHost, { key: '224d37e5b88f22c4d320ae2a6aaac9b5fa9c402f' }, h("div", { key: '49cc91268a85131d485b4fc739f84fd428932c72', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, h("p-divider", { key: '1b4adaada66a2bf0196d827ac5f71b62f53753eb', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), h("div", { key: 'ddd3d26e3538b2d04169d78f0451c8e9e1777af6', class: 'flex flex-col gap-4 tablet:flex-row' }, h("slot", { key: 'f04c1d1f97ea47644de785f0a7e2bcccee0d916a' })))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -123,7 +124,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: '5c189cc6de6cab609332badf4a6e26ebe59547dc' }, h("div", { key: 'cec6a3a37129de3b92a6a8e3c90b9b5885dc247a', class: header() }, h("div", { key: '8ad8d7e76de814a51d60313a621dde476adf7536', class: content() }, h("div", { key: 'ff5e93305617a4753450d8083e5838974e489127', class: title() }, h("slot", { key: '432a387323248e28d2016ca0ab982b8705a0e3e2' })), this.showClose && (h("p-button", { key: '32e1456e08c3038eed5c5b63405b46ff42c1bdce', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '02f641215394be19bea5ee7d58d8c0f95657e7d4', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: 'e1333b589d91aa287a238a6ec2247dc38d5fbc0d' }, h("div", { key: '93de864291d6bf6f881286b6ed2e70afb9b0b329', class: header() }, h("div", { key: '3b6b5600bb4541ac2b19928858044683f7139d1a', class: content() }, h("div", { key: '2e42d2f02647b97bf76f363805d76ed8805e0255', class: title() }, h("slot", { key: 'fa88c81de30529ca7d06c95abaf304104a90a584' })), this.showClose && (h("p-button", { key: '782517e9f144230ed3063278bbedb7eeb70a7b39', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'd30bd2d9c837fd0b49eaee7a32bbe62ddc07db19', class: 'dark:text-hurricane-400' }))));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

package/dist/esm/p-modal-body_4.entry.js.map

@@ -1 +1 @@
-{"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst body = cva('bg-white dark:bg-hurricane-600 p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={body({\n\t\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\n\t\t'dark:border-hurricane-400 dark:border dark:border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[41rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600'>\n\t\t\t\t\t<p-divider class='mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' />\n\n\t\t\t\t\t<div class='flex flex-col gap-4 tablet:flex-row'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1] max-h-28',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -52,7 +52,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(ThemedHost, { key: '5f2ff4851da03caa40914c81f493e0053186a1d2' }, h("p-backdrop", { key: 'b247ba9092f0506407c64e8e748df9d6de9e36f1', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '3c99121497113fefb1ac2f2fc2b676acc31b4c63', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '5ad7202d1d7e028ca77014ce98002ac10e64a32f', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '243ccff24471f9ab3aa25612f7ed97650687c918', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: 'ef8804d44857bee2d615a2bd486ef4ed77b7c14b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '7ed9c5f1df92979c4c224cf678bfb376394bbb89', name: 'company' })), h("div", { key: '69d8cdba81b2b3319e04cc0b723796ea60481d1d', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'bbdcd62739cbcf28f9833ced398144945363c387', name: 'content' })), h("div", { key: '4712c063614b6f3cc911e98bd901ab158acb7613', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: 'f436a502abbf43e780d6e6ad225fa00232623ea7', name: 'user' }))), h("div", { key: '7a478d1164b7da40eedc60e7599e4a3f21eb9cc0', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '5a39fe6c9efe0294fe4871716960ca92444a449e', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '6627f251315d0180b8b5d08bd9e0887259410862', name: 'topbar' }))));
+        return (h(ThemedHost, { key: 'f18236b1eecebb2364756c2ec45dd5547e5c2b8a' }, h("p-backdrop", { key: 'd6c6c3c6913c64801c3210b3f9356a7d2f88f685', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '26fa33772a4437faaec4d5bbce86f5fcf5e06f1d', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'c41a829e518a972b4c7030fb0500a1501fa3835b', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: 'ee1d0e561764ddbf58797ca8ea6ca08bb726aa6d', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '531559e69a4158a2271be6d63ab7537f866f8eaf', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '97b8397a519af90da71aa53ec90ffad88a723657', name: 'company' })), h("div", { key: '4c526a339ac703505b3dd2ac8a4959e3b4bc47ee', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '6047b39501d08754bcb7264142cf713297cf9e01', name: 'content' })), h("div", { key: '18cbd646cbefb9031e74f712afdc7075d8aec953', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: '15cbd9e622dbda0c2e09e2353143ffd164a41cfc', name: 'user' }))), h("div", { key: 'f54474e0a0b298dd986be0b6e74c9fb0cff05945', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'a9cb10403323860b08a5131d928d19f9fdfb6afa', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: 'ccfaa956eb493047a8ce2f0c3a1c89d62e47a0c3', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/esm/p-navigation-item.entry.js

@@ -84,13 +84,13 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: '00fe55de2abc63e7d21eb25af9185a2218409fcf', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '9b604e531a822b7f83ade8b27f9905d5e32c38f3', class: navigationItem({
+        return (h(ThemedHost, { key: '2d29f70e6ec2ba062b2ce4f2757f705cfad3ae12', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '04332bd09399e88de1e58218c7de4e56357d0836', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: 'd0bfc8961060791efae455c6699e37156212c133', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'e2a337552737b6270fa2eb3470415ad99b6bde94', variant: this.icon })), h("span", { key: 'ad5a23c485a4f5175a94c7d9a189874dd5329107', class: cn({
+            }), href: this.href, target: this.target }, h("div", { key: '9c054d73cdbc086f385899cec281cd8b5cae4d5a', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '1d06647840b67887bbb43eb6dbc632fd79a1aca2', variant: this.icon })), h("span", { key: 'a83535b05b7635bf4a5401ce27591fc98829ffc1', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, h("slot", { key: '919803097262d08996eaee98dc0db9559da3f497' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '823a97ddee0f9ffae8f782c3c097eea529d18939' }, this.counter)), !!this.loading && h("p-loader", { key: '5e534b6d7e06273330c94fd23d5b887faa592399', class: 'ml-auto' }))));
+            }) }, h("slot", { key: '5863363e5a23002347e28729d5919a8705b862e9' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '82b0eedf127b7b01237cff0833764c09ed612089' }, this.counter)), !!this.loading && h("p-loader", { key: 'd91a386bc9f56c02f06588a55af808a5a6888e59', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

package/dist/esm/p-navigation-section.entry.js

@@ -13,7 +13,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (h(ThemedHost, { key: 'f0d9d4b1f7b0e5073296f80b63d54289823298b0', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '13e029662fc3d222df838a5f907d8c4bf3d6ec34' }, this.header)), h("div", { key: 'f7cba24d9dba5e064ce3ee8feada8ce768ee4904', class: 'flex flex-col' }, h("slot", { key: 'b33f95d01a0bb8b57c3ffa6693499a641bccf413' }))));
+        return (h(ThemedHost, { key: '002ed7acb41410e679f8a58eb22a3abc8b558156', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'c2cb70e21a2b546f90cb7e7562798e33f7b57563' }, this.header)), h("div", { key: '30c52779d5d2c810a0c088efa6d023b433d63095', class: 'flex flex-col' }, h("slot", { key: 'a757faba94597f2476c2a1166c10170c4ed2d6c1' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss;

package/dist/esm/p-navigation-title.entry.js

@@ -9,7 +9,7 @@ const NavigationTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: 'f3d6d809388f27fe635eb349290cdcdacdc99225', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, h("slot", { key: '44cc6e1b29749948ceb8061c2852e63c159f54dd' })));
+        return (h(ThemedHost, { key: '8bd3f47ac1320f48f32a095a9b956802c8ebe41b', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, h("slot", { key: '10d0d20f74e93d280a5710acf968ba0ebfebe725' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;

package/dist/esm/p-pagination-pages-item.entry.js

@@ -96,12 +96,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (h(ThemedHost, { key: 'cb92598fa1cd1d271ffe54d9592046cc63b51a10' }, h("div", { key: 'a67327112fac045a8a037470537e5265dd2f8291', class: item({
+        return (h(ThemedHost, { key: '555a0fa51eade8039be2c42060999de6117aaeb2' }, h("div", { key: '2406dbdf07c77775429beb5c30dac387ab22ee95', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: '9bd0eff42ab3289584a592e120267171d531609e' }))));
+            }) }, h("slot", { key: 'bbbf3cbffbbe6464dbab35bcc4b09d12cd983984' }))));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss;

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

@@ -75,12 +75,12 @@ const Pagination = class {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(ThemedHost, { key: '1bb03df49f4d8b9950e0faf80cf9bf5c6570c46b' }, h("div", { key: '7e27be458d9f809605cbd51960d4a8643f55e4cb', class: pagination$1({
+        return (h(ThemedHost, { key: 'a559316eebf880454bea768eba343b67de16b5e7' }, h("div", { key: 'fbabe3134439dc52c661751a79039aecbbebe659', class: pagination$1({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '5848d599f02ecf5e270dda9be1c721183737f440' }, h("p-pagination-size", { key: '674215f91b9e729f76644cb60c3524fad2e112c9', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '2c862ee1c1c8ca70a26d040146f0da65d01d714a' }, h("p-pagination-size", { key: '1990fe2b9cbdc90846aacadbf4b73658c7a3064b', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'e04aaf8b673b854aea0e7b4bb46cbc735f673b1b', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'a52004d9ec4abec9361dde638354c1da1562e054', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: '17b9ef49c977fa90555dd98b0697ef9e056aeb3e', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '3b06eace9b53c2901e93d35c88ae41b6a04cb7ec', 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.pagesChange.emit(detail);
             } })))));
@@ -141,7 +141,7 @@ const PaginationPages = class {
         this._generate();
     }
     render() {
-        return (h(ThemedHost, { key: '9fc6250a834947887a822426decfe9add0f61c63' }, h("div", { key: '2f325d83cd151044606bebeabde5d75847e81da4', class: pagination({
+        return (h(ThemedHost, { key: 'fac924cdf7545478c541427ebe8d888e19a01598' }, h("div", { key: '924356249ec8d6ba2ec4d215f122ce3d5f605a17', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {

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

@@ -33,7 +33,7 @@ const Profile = class {
     }
     render() {
         const content = this._getContent();
-        return (h(ThemedHost, { key: 'f862389b4c94d808c6d28830d3baa7a67c894f12' }, 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)));
+        return (h(ThemedHost, { key: '9856f8b723b8c4e764ae8176ad16d1dc2241b934' }, 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/esm/p-radio.entry.js

@@ -107,11 +107,11 @@ const Radio = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: 'af21f3c0bce6935099cd54750731276249a24822' }, h("label", { key: '5984975742e21ee7c6fc09fd82ea205cfece716e', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: 'eeccfd7e1021952593aaa983a85e5bf589bf541e', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '6058c9a392cbe56df8220d763ee6315d65b6b484', class: radio({
+        return (h(ThemedHost, { key: 'f9b9a3ad55850a67e2a286f3f761fb5d614025e9' }, h("label", { key: '0d00004f5c295b4e9505a6b695432f005324ba4e', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: 'c2bdcc86dcb8e9a37a72f9ddb3917de59b72757f', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '99a60dc75b42a201a7555262f6f5b25777b2d15b', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'cda453f447ba483005d302bf93fffbc6acac5439', class: circle({
+            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'e42e2c008829fda3b56df89b3bff82c7b913a68e', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '7b919e5d5abe866eed9ee125a11c96554f0e6d41', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: '32edb6a8638e58c8bfcd591208d2bb7b8696a2c9' })))));
+            }) })), h("div", { key: '48d408a5e1f2eb1eb6d84abf1d00a64c6a8887e0', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'afc723f6916b1b2ef2eaf7619b35190b60ecb85d' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -31,13 +31,13 @@ const Range = class {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h(ThemedHost, { key: '1943dd474ed5b2e781996a02ab368db8b809afa5' }, h("div", { key: '66a7180727d337fb1174451b2130945afcaa9c2f', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, h("p-icon", { key: '60d96ca3cc5ba318340588ad810bbb757d4dfc73', variant: 'minus' }), h("div", { key: 'fc0dfa7384160affc00e37b784139f3f9ae1f0ff', class: 'relative h-6 flex-1' }, h("input", { key: 'fa8df7e7b794bc6e48118a9c977ae72fef71974f', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => {
+        return (h(ThemedHost, { key: 'c937c22c26281de6e233d8cf8ab0cb13af1973b2' }, h("div", { key: '0eed98812f468dff396750ca4d1a804de945c8b3', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, h("p-icon", { key: '1e71cf8f4866f97dd1f3985e45d489e2ed6f4f0c', variant: 'minus' }), h("div", { key: '558f3fc8d5fd578e3510aab6c617a4a69ff9d19f', class: 'relative h-6 flex-1' }, h("input", { key: 'f61117e1cf805b58a274873c4bb062e827fd1ef2', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => {
                 const value = ev.target.value;
                 this.value = parseFloat(value);
                 this.valueChange.emit(value);
-            } }), h("div", { key: '31731dfb11b02a81d8d504a2fc6ccbd78ddfad9a', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
+            } }), h("div", { key: '8c247df11ce56689438e3edf381972b95360f7cf', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '353399656b5daf4016ea8e654955c785e33aa687', variant: 'plus' }))));
+            } })), h("p-icon", { key: '10738ff8b64a0d3c0d354c166c80175876a1195b', variant: 'plus' }))));
     }
 };
 Range.style = rangeComponentCss;

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

@@ -339,8 +339,8 @@ const Select = class {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: '9439487b74e09bb8808ff811a2c733e222210448' }, h("p-field-container", { key: 'dd6a355d244590e5fb0063ae8a44df9758cb7716', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, showOptional: this.showOptional, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-dropdown", { key: '236da5b3db7ff74fc175e79e91bfc35d7aad2eeb', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, "disable-trigger-click": this.disabled, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: 'd688d0ff91ea09d413c5c53d7416b6bf65e9c13a', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], onClick: ev => this._onClick(ev) }, h("div", { key: '20ba382b0663009f96335c0139935156e9161411', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
+        return (h(ThemedHost, { key: 'c4ede01413b6ecc94698220e38612b7ee86cf4a2' }, h("p-field-container", { key: '8380ad89a6c1001832978455054c7d450306fea5', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, showOptional: this.showOptional, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-dropdown", { key: 'd91a5985868814e2e24ee5cc912f87ea056f20d1', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, "disable-trigger-click": this.disabled, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: '0c68ef89ac2239a56144a284151112a57a02dc22', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], onClick: ev => this._onClick(ev) }, h("div", { key: '0c7ae720d59661f750f3b3f79cba40fe36a7de64', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {

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

@@ -49,7 +49,7 @@ const Smile = class {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '379dc29db06c022c2dbef122ed613ad03e2300af', class: smile({ variant: this.variant }) }, h("div", { key: '855c5157e048bed7890051f66772614404f49cf0', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: '3064c59cec6290ebbed66c176b8cce2b40319b7e', class: smile({ variant: this.variant }) }, h("div", { key: '4cd443a43af0b3c95a449338261314587adcba9f', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
 };
 Smile.style = smileComponentCss;

package/dist/esm/p-stepper-item_2.entry.js

@@ -143,19 +143,19 @@ const StepperItem = class {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'fdd0877ef2158fc17ee2d1bddb457b8715900f40' }, h("div", { key: '70dbcaa5829d8db35b90a69ceb8f7110350c02c1', class: item({
+        return (h(ThemedHost, { key: 'a0cdb6170da994966fa0b5e974c6726ed79fedfe' }, h("div", { key: 'd044e8ff0e75e2b84701172b8ab009e67e852e42', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '6c4f8ee7aa96f25b52c0ed9a63f75b306238c5bc', class: circle({
+            }) }, h("div", { key: '3338b84b066d0914e7bc4a957978d67a7d5a0f71', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '9ccce50fb7dd83095c670ad6d0530a478c63832f', class: content({
+            }) }, this.number), h("div", { key: '9d1bd3507e2d27eba1f72d719d17a7d823a9aac1', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: 'fd838d24bb8957b65a1bb92f0b7d27ca5034b629' })))));
+            }) }, h("slot", { key: 'f38c3877088ec7ab48580292269e5d6462ac3d14' })))));
     }
 };
 StepperItem.style = stepperItemComponentCss;
@@ -175,7 +175,7 @@ const StepperLine = class {
      */
     direction = 'horizontal';
     render() {
-        return h(ThemedHost, { key: 'c9111e0a2e8f717599dfa3571c3c375eaa8168ff' });
+        return h(ThemedHost, { key: '2d5e91e9457c9dd485bb959fd8df29f9a3fed3d7' });
     }
 };
 StepperLine.style = stepperLineComponentCss;

package/dist/esm/p-tab-container.entry.js

@@ -7,7 +7,7 @@ const TabContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '49ac145391ba0236dd19b0ee6ac55ba1edefd3d1', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'ed5455e84d6aef22e56ac30267401c94bfd2e06d', class: 'scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto' }, h("slot", { key: 'bd6f38f46cae2de36da42ca7d152856558f4758a' })), h("p-divider", { key: 'bfa7785fbfe8a2ae91550ca39cbf6255f53ab338', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
+        return (h("div", { key: '53c12718391c1a31581beb5c3a4ffc9818fe454e', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '26fba80da409da4c8c7def2a8f74752906b80140', class: 'scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto' }, h("slot", { key: '15204a9a43deb18eb87e68a523eb9a5db1c20051' })), h("p-divider", { key: 'd974d4dbf0e87f691911ba21a04f0b48bdc71abe', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
     }
 };
 TabContainer.style = tabContainerComponentCss;

package/dist/esm/p-tab-item.entry.js

@@ -30,7 +30,7 @@ const TabItem = class {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '870a668e048ad688fdb527b3974ae8465d3d1b42' }, h("div", { key: '25332d3c039724ab5c680df5f201a369d73fe1b5', class: item({ active: this.active }) }, h("slot", { key: '4f2eeac4098c911fefdfc39fcb21da3f4a94c1b0' }))));
+        return (h(ThemedHost, { key: 'fdf24e0ba395fe0b5ca7328403e51a3d3793fbba' }, h("div", { key: '6ef7c87520ffe3638c958140cf9c022016d8994f', class: item({ active: this.active }) }, h("slot", { key: '79e35cec4779852e59cbe8f36487fb7f0a349a3e' }))));
     }
 };
 TabItem.style = tabItemComponentCss;

package/dist/esm/p-toast-container.entry.js

@@ -41,9 +41,9 @@ const ToastContainer = class {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: 'fcb719e8f7fceddbaf8742247b1013ce05e6f19c', class: container({
+        return (h("div", { key: '6f60b82fbb98413ee5f1a790073051c1b5706d71', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '7dd552faa35c32053d345c562c8b9dae7bbdc9b6' })));
+            }) }, h("slot", { key: '871840af368ee9c8ebc9dd4f9af4ee64667d761a' })));
     }
 };
 ToastContainer.style = toastContainerComponentCss;