@paperless/core 2.12.15 → 2.12.16

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

@@ -77,12 +77,12 @@ const Pagination = class {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (index.h(themedHost_component.ThemedHost, { key: '1bb03df49f4d8b9950e0faf80cf9bf5c6570c46b' }, index.h("div", { key: '7e27be458d9f809605cbd51960d4a8643f55e4cb', class: pagination$1({
+        return (index.h(themedHost_component.ThemedHost, { key: 'a559316eebf880454bea768eba343b67de16b5e7' }, index.h("div", { key: 'fbabe3134439dc52c661751a79039aecbbebe659', class: pagination$1({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '5848d599f02ecf5e270dda9be1c721183737f440' }, index.h("p-pagination-size", { key: '674215f91b9e729f76644cb60c3524fad2e112c9', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '2c862ee1c1c8ca70a26d040146f0da65d01d714a' }, index.h("p-pagination-size", { key: '1990fe2b9cbdc90846aacadbf4b73658c7a3064b', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (index.h("p-divider", { key: 'e04aaf8b673b854aea0e7b4bb46cbc735f673b1b', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (index.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 && (index.h("p-divider", { key: '17b9ef49c977fa90555dd98b0697ef9e056aeb3e', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (index.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);
             } })))));
@@ -143,7 +143,7 @@ const PaginationPages = class {
         this._generate();
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '9fc6250a834947887a822426decfe9add0f61c63' }, index.h("div", { key: '2f325d83cd151044606bebeabde5d75847e81da4', class: pagination({
+        return (index.h(themedHost_component.ThemedHost, { key: 'fac924cdf7545478c541427ebe8d888e19a01598' }, index.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/cjs/p-profile.cjs.entry.js

@@ -35,7 +35,7 @@ const Profile = class {
     }
     render() {
         const content = this._getContent();
-        return (index.h(themedHost_component.ThemedHost, { key: 'f862389b4c94d808c6d28830d3baa7a67c894f12' }, this._hasDropdownSlot ? (index.h("p-dropdown", { strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, index.h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), index.h("div", { slot: 'items' }, index.h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (index.h(themedHost_component.ThemedHost, { key: '9856f8b723b8c4e764ae8176ad16d1dc2241b934' }, this._hasDropdownSlot ? (index.h("p-dropdown", { strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, index.h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), index.h("div", { slot: 'items' }, index.h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

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

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

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

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

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

@@ -341,8 +341,8 @@ const Select = class {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (index.h(themedHost_component.ThemedHost, { key: '9439487b74e09bb8808ff811a2c733e222210448' }, index.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 }, index.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 }, index.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) }, index.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 (index.h(themedHost_component.ThemedHost, { key: 'c4ede01413b6ecc94698220e38612b7ee86cf4a2' }, index.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 }, index.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 }, index.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) }, index.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 || childOf.childOfComposed(event, this._el)) {

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

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

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

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

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

@@ -9,7 +9,7 @@ const TabContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '49ac145391ba0236dd19b0ee6ac55ba1edefd3d1', class: 'relative flex h-8 w-full flex-col' }, index.h("div", { key: 'ed5455e84d6aef22e56ac30267401c94bfd2e06d', class: 'scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto' }, index.h("slot", { key: 'bd6f38f46cae2de36da42ca7d152856558f4758a' })), index.h("p-divider", { key: 'bfa7785fbfe8a2ae91550ca39cbf6255f53ab338', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
+        return (index.h("div", { key: '53c12718391c1a31581beb5c3a4ffc9818fe454e', class: 'relative flex h-8 w-full flex-col' }, index.h("div", { key: '26fba80da409da4c8c7def2a8f74752906b80140', class: 'scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto' }, index.h("slot", { key: '15204a9a43deb18eb87e68a523eb9a5db1c20051' })), index.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/cjs/p-tab-item.cjs.entry.js

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

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

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

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

@@ -60,7 +60,7 @@ const Toast = class {
      */
     action;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '1d3d5ff149959ae2dfd4faf192e385befcfd281e' }, index.h("div", { key: '9fe352d50b64480ebd2a011cedf83984705a8217', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, index.h("div", { key: '89320334df8de8937a008c74c88db83cd1170dc7', class: indicator({ variant: this.variant }) }), index.h("div", { key: 'd246b279889a9c4a11b0cad5b929c6d3d15f022b', class: content() }, index.h("div", { key: '58d0092ea7e71fcf90e7a3e2150cc27ffdab3b4b', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '996faafb1c62cb9d593d3d11fcbff43ee9fb61f5', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: 'ea2c5f7d028d4ca099d28cda372501be6b8a1167', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("div", { key: '95d601b04ed09864d99a8ce91a58b8faf8a28540', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, index.h("p-icon", { key: 'f9a88408b5e6b9f7babf01506fce4f070e106112', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
+        return (index.h(themedHost_component.ThemedHost, { key: 'd0cacbaaf93bfb9f98061e16892ad1c9331f98e0' }, index.h("div", { key: '74cb104d0c07fbdbf47f8884737af64fc4e78faf', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, index.h("div", { key: '92dbc67246e8cea086e66598a966b424c1783380', class: indicator({ variant: this.variant }) }), index.h("div", { key: 'c556f645622a403241fd30501b6e584659a1c28f', class: content() }, index.h("div", { key: '9d71be40edbbececfe7b2bf07fcf12e4dd2d0775', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '7c397d10916c460a72cc5ffb62d2db6551af00d5', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: '7018743c217932aa4fb988511d482d8bf9b7b745', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("div", { key: 'a960ca7bb2e3530ce977536f0e6d7137bdd6ac70', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, index.h("p-icon", { key: 'daf1bf85797180442d76fe75c261e21ddc4d15da', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
     }
     _onClick() {
         if (this.enableAction) {

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

@@ -107,11 +107,11 @@ const Toggle = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h(themedHost_component.ThemedHost, { key: '96f0bace68254e18f19a5823909b8ebb3d79d7b9' }, index.h("label", { key: '46c71853dfe198b2ef56b0e981c9b25cb30bb1a6', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '241e4ffe85d8fd3927d4c977b0d5a043bd9c3b6e', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'd414fdc1adbc1724441ed9898a868429d57dd364', class: toggle({
+        return (index.h(themedHost_component.ThemedHost, { key: 'e8210bb1bd56de350cb328034d548c82554382b8' }, index.h("label", { key: '908f4f6bd88c86f2196218d906c2738e43bd9d07', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '116eeaf381ef72fc78a2b410f5e99984638d7118', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: '0949fc3652a55e3f3ff6900014b84ec7856d22e4', class: toggle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '3bd4204a399a2fbc0fc320fbde03bc7213a85b0d', class: circle({
+            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '754521664780143c8e7cc801f382d948f1c44056', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) })), index.h("div", { key: '64254095a9b0fc452216b987b293292aa5af4bb2', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, index.h("slot", { key: '5835b5bbddf4e25c02882bd4edc5620fe0093e52' })))));
+            }) })), index.h("div", { key: 'a43f79a4dfab4e81829f5b74a8ce784645e750d0', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, index.h("slot", { key: 'f91641ae764a55fd924c24f109fbf07cb0ec023d' })))));
     }
     _onChange(ev) {
         if (asBoolean.asBoolean(this.disabled)) {

package/dist/collection/components/atoms/drawer/container/drawer-container.component.css

@@ -1 +1 @@
-.flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.my-safe-2{margin-bottom:calc(env(safe-area-inset-bottom) + .5rem)!important;margin-top:calc(env(safe-area-inset-top) + .5rem)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\:w-\[22\.5rem\]{width:22.5rem!important}}.dark\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}
+.flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.my-safe-2{margin-bottom:calc(env(safe-area-inset-bottom) + .5rem)!important;margin-top:calc(env(safe-area-inset-top) + .5rem)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\:w-\[22\.5rem\]{width:22.5rem!important}}.dark\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px!important}.dark\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid!important}.dark\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px!important}.dark\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid!important}.dark\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}

package/dist/collection/components/atoms/drawer/container/drawer-container.component.js

@@ -5,7 +5,7 @@ import { ThemedHost } from "../../../../internal/themed-host.component";
 const container = cva([
     'flex-1 min-w-0 my-safe-2',
     'z-drawer flex flex-col',
-    'rounded-2xl bg-white dark:bg-hurricane-600',
+    'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',
     'w-full tablet:w-[22.5rem]',
     'shadow-modal',
 ], {
@@ -22,9 +22,9 @@ export class DrawerContainer {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '55d7a718c3dbe61487bf8068cdd32b7f1106a77f' }, h("div", { key: '8cc2aa8a3066722ab29da0c7f1c4bf09d0e5f512', class: container({
+        return (h(ThemedHost, { key: '6f5f2850bf8c1d74a288f08d9fa135569fd8b2ca' }, h("div", { key: '5077adee44ac5299591828e2c8a1c731a2169b45', class: container({
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '1faa0e2272780f462ebf2907a09a048aa8385c64' }))));
+            }) }, h("slot", { key: '2e3a1f72fb1b24ee97d80fc8b83f001bd341efe1' }))));
     }
     static get is() { return "p-drawer-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/drawer/container/drawer-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drawer/container/drawer-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAExE,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,4CAA4C;IAC5C,2BAA2B;IAE3B,cAAc;CACd,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,wBAAwB;YAC/B,IAAI,EAAE,yBAAyB;SAC/B;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,eAAe;IAC3B;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACL,OAAO,CACN,EAAC,UAAU;YACV,4DACC,KAAK,EAAE,SAAS,CAAC;oBAChB,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;iBAChC,CAAC;gBAEF,8DAAQ,CACH,CACM,CACb,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"drawer-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drawer/container/drawer-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAExE,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,0BAA0B;IAE1B,wBAAwB;IAExB,oGAAoG;IACpG,2BAA2B;IAE3B,cAAc;CACd,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,wBAAwB;YAC/B,IAAI,EAAE,yBAAyB;SAC/B;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,eAAe;IAC3B;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACL,OAAO,CACN,EAAC,UAAU;YACV,4DACC,KAAK,EAAE,SAAS,CAAC;oBAChB,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;iBAChC,CAAC;gBAEF,8DAAQ,CACH,CACM,CACb,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 my-safe-2',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white dark:bg-hurricane-600 dark:border-hurricane-400 dark:border dark:border-solid',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true,\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/modal/container/modal-container.component.css

@@ -1 +1 @@
-.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}}
+.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}

package/dist/collection/components/atoms/modal/container/modal-container.component.js

@@ -1,12 +1,14 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { asBoolean } from "../../../../utils/as-boolean";
+import { ThemedHost } from "../../../../internal/themed-host.component";
 const container = cva([
     'flex-1 min-w-0 w-full',
     'z-modal flex flex-col',
     '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: {
@@ -32,10 +34,10 @@ export class ModalContainer {
      */
     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' }))));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/container/modal-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/container/modal-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,uBAAuB;IAEvB,uBAAuB;IACvB,uDAAuD;IAEvD,2BAA2B;IAE3B,cAAc;CACd,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,sBAAsB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,sBAAsB;SAC7B;QACD,OAAO,EAAE;YACR,KAAK,EACJ,kEAAkE;YACnE,IAAI,EAAE,wFAAwF;SAC9F;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,cAAc;IAC1B;;OAEG;IACK,IAAI,GAAwC,MAAM,CAAC;IAE3D;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,SAAS,CAAC;gBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aAChC,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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"]}
+{"version":3,"file":"modal-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/container/modal-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAExE,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,uBAAuB;IAEvB,uBAAuB;IACvB,uDAAuD;IAEvD,2BAA2B;IAE3B,cAAc;IAEd,yDAAyD;CACzD,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,sBAAsB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,sBAAsB;SAC7B;QACD,OAAO,EAAE;YACR,KAAK,EACJ,kEAAkE;YACnE,IAAI,EAAE,wFAAwF;SAC9F;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,cAAc;IAC1B;;OAEG;IACK,IAAI,GAAwC,MAAM,CAAC;IAE3D;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACL,OAAO,CACN,EAAC,UAAU;YACV,4DACC,KAAK,EAAE,SAAS,CAAC;oBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;iBAChC,CAAC;gBAEF,8DAAQ,CACH,CACM,CACb,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst 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"]}

package/dist/collection/components/atoms/modal/footer/modal-footer.component.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class ModalFooter {
     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' })))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.js

@@ -22,7 +22,7 @@ export class ModalHeader {
      */
     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' }))));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../internal/themed-host.component";
 export class NavigationTitle {
     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' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js

@@ -88,12 +88,12 @@ export class PaginationPagesItem {
      */
     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' }))));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/radio/radio.component.js

@@ -91,11 +91,11 @@ export class Radio {
     }
     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/collection/components/atoms/segment/container/segment-container.component.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class SegmentContainer {
     render() {
-        return (h(ThemedHost, { key: '61d31e8eba7c09eb8d0a6f55ba1a07b9e39e3c2b' }, h("div", { key: '8f2a0a0005b7f4d00be46d58db3bee27f13d3e44', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: '9159a4c7aa048c320c3492ebf31906016f9145a1' }))));
+        return (h(ThemedHost, { key: 'c6366b66f66240dcf3784d46a88b246dbc454619' }, h("div", { key: '0bf8489902ffda1fe015cd62c71dab495d4a7999', class: 'flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600' }, h("slot", { key: 'f30d77f94d7c9b67a7fd51b4549a501bba992e53' }))));
     }
     static get is() { return "p-segment-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/segment/item/segment-item.component.js

@@ -62,11 +62,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: '13b87e6a8765f05e754c7adb579602fc488a18b8' }, h("div", { key: 'd86a917ea8c61d9f78092925afd2e915ebe65f73', class: segmentItem({
+        return (h(ThemedHost, { key: 'c747a62a93953da4018da318723f4731b0fb2975' }, h("div", { key: 'b849c0d0341b19438404f08db1141a6f731246f4', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'cf107a211726774ca53da24ccf8878145c2ac3ba', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: '00f62be640bf6cae10633b6b9b8d8f3850df9d84', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {

package/dist/collection/components/atoms/smile/smile.component.js

@@ -37,7 +37,7 @@ export class Smile {
      */
     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 })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/stepper/item/stepper-item.component.js

@@ -135,19 +135,19 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'fdd0877ef2158fc17ee2d1bddb457b8715900f40' }, h("div", { key: '70dbcaa5829d8db35b90a69ceb8f7110350c02c1', class: item({
+        return (h(ThemedHost, { key: 'a0cdb6170da994966fa0b5e974c6726ed79fedfe' }, h("div", { key: 'd044e8ff0e75e2b84701172b8ab009e67e852e42', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '6c4f8ee7aa96f25b52c0ed9a63f75b306238c5bc', class: circle({
+            }) }, h("div", { key: '3338b84b066d0914e7bc4a957978d67a7d5a0f71', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '9ccce50fb7dd83095c670ad6d0530a478c63832f', class: content({
+            }) }, this.number), h("div", { key: '9d1bd3507e2d27eba1f72d719d17a7d823a9aac1', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: 'fd838d24bb8957b65a1bb92f0b7d27ca5034b629' })))));
+            }) }, h("slot", { key: 'f38c3877088ec7ab48580292269e5d6462ac3d14' })))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/stepper/line/stepper-line.component.js

@@ -10,7 +10,7 @@ export class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return h(ThemedHost, { key: 'c9111e0a2e8f717599dfa3571c3c375eaa8168ff' });
+        return h(ThemedHost, { key: '2d5e91e9457c9dd485bb959fd8df29f9a3fed3d7' });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab/container/tab-container.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     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' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab/item/tab-item.component.js

@@ -22,7 +22,7 @@ export class TabItem {
      */
     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' }))));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/table/actions-container/table-container.component.js

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 const container = cva('flex flex-col relative');
 export class TableContainer {
     render() {
-        return (h(Host, { key: 'e1772f47e130bf95a91b2a9032e08439bdb12148', class: container() }, h("slot", { key: '58e38bc4fe4378fb69bd8cfae3f03b192b8a33b1' })));
+        return (h(Host, { key: '0aecc4fd136c891a69c1e73aa57a440a64431103', class: container() }, h("slot", { key: '83ea53a3483c1096954d4abafbf71e998411adde' })));
     }
     static get is() { return "p-table-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/table/container/table-row-actions-container.component.js

@@ -7,13 +7,13 @@ export class TableRowActionsContainer {
      */
     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' })))));
     }
     static get is() { return "p-table-row-actions-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toast-container/toast-container.component.js

@@ -34,9 +34,9 @@ export class ToastContainer {
      */
     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' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toggle/toggle.component.js

@@ -88,11 +88,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '96f0bace68254e18f19a5823909b8ebb3d79d7b9' }, h("label", { key: '46c71853dfe198b2ef56b0e981c9b25cb30bb1a6', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: '241e4ffe85d8fd3927d4c977b0d5a043bd9c3b6e', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: 'd414fdc1adbc1724441ed9898a868429d57dd364', class: toggle({
+        return (h(ThemedHost, { key: 'e8210bb1bd56de350cb328034d548c82554382b8' }, h("label", { key: '908f4f6bd88c86f2196218d906c2738e43bd9d07', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: '116eeaf381ef72fc78a2b410f5e99984638d7118', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '0949fc3652a55e3f3ff6900014b84ec7856d22e4', class: toggle({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '3bd4204a399a2fbc0fc320fbde03bc7213a85b0d', class: circle({
+            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '754521664780143c8e7cc801f382d948f1c44056', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '64254095a9b0fc452216b987b293292aa5af4bb2', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: '5835b5bbddf4e25c02882bd4edc5620fe0093e52' })))));
+            }) })), h("div", { key: 'a43f79a4dfab4e81829f5b74a8ce784645e750d0', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'f91641ae764a55fd924c24f109fbf07cb0ec023d' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/tooltip/tooltip.component.js

@@ -90,10 +90,10 @@ export class Tooltip {
         }
     }
     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) {